Pop up.

kiacolbert · kiacolbert · commit 1204b7ea7aa0 · 2019-03-20T18:11:11.000-04:00
diff --git a/src/browser/chrome/links.js b/src/browser/chrome/links.js
@@ -0,0 +1,12 @@
+document.addEventListener('DOMContentLoaded', function() {
+  var links = document.getElementsByTagName('a');
+  for (var i = 0; i < links.length; i++) {
+    (function() {
+      var ln = links[i];
+      var location = ln.href;
+      ln.onclick = function() {
+        chrome.tabs.create({active: true, url: location});
+      };
+    })();
+  }
+});
diff --git a/src/browser/chrome/manifest.json b/src/browser/chrome/manifest.json
@@ -4,6 +4,11 @@
   "description": "Time travel",
   "manifest_version": 2,
   "page_action": {
+    // "default_icon": {
+    //   "16": "images/icon16.png",          
+    //   "24": "images/icon24.png",          
+    //   "32": "images/icon32.png"   
+    // },
     "default_popup": "page_action.html"
   },
   "background": {
diff --git a/src/browser/chrome/page_action.html b/src/browser/chrome/page_action.html
@@ -5,10 +5,36 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <title>Page Action</title>
+  <script src="links.js"></script>
+  <style>
+    html, body {
+      font-size:14px;
+      min-width: 460px;
+      min-height: 60px;
+    }
+    body {
+      margin: 8px;
+    }
+    hr {
+      width: 100%;
+    }
+
+    button {
+      height: 30px;
+      width: 100px;
+      outline: none;
+    }
+    a:link {
+      text-decoration: none;
+    }
+  </style>
 </head>
 <body>
-  Page Action
-  <button id="color_btn">CHANGE COLOR</button>
+  <p><strong>React Rewind</strong></p>
+  <p>Open Chrome developer tools, React Rewind tab is on the right.</p>
+  <a href="https://rewindjs.io">rewindjs.io</a>
+  <a href="https://github.com/reactrewind/react-rewind">Github</a>
   <script src="page_action.js"></script>
+  <script type="text/javascript" src="devtools.js"></script>
 </body>
 </html>
diff --git a/src/browser/chrome/page_action.js b/src/browser/chrome/page_action.js
@@ -1,9 +1,15 @@
 document.addEventListener('DOMContentLoaded', () => {
-  const btn = document.querySelector('#color_btn');
+  const btn = document.querySelector('#gitHub_btn');
   btn.addEventListener('click', () => {
     chrome.tabs.query({ active: true, currentWindow: true }, function(tabs) {
-      console.log(tabs);
-      chrome.tabs.sendMessage(tabs[0].id, "change_color");  
+     chrome.tab.create({ url:'https://github.com/reactrewind/react-rewind' });
     });
+    // chrome.runtime.getURL('https://github.com/reactrewind/react-rewind');
+  // btn.addEventListener('click', () => {
+  //   chrome.tabs.query({ active: true, currentWindow: true }, function(tabs) {
+  //     console.log(tabs);
+  //      chrome.tabs.sendMessage(tabs[0].id, "change_color");
+     
+  //   });
   });
 });
