]> git.wh0rd.org - chrome-ext/web-power-switch.git/commitdiff
git.wh0rd.org / chrome-ext / web-power-switch.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 9a46592)
rewrite options page to be more chrome like
authorMike Frysinger <vapier@gentoo.org>
Sat, 15 Mar 2014 19:19:21 +0000 (15:19 -0400)
committerMike Frysinger <vapier@gentoo.org>
Sat, 15 Mar 2014 19:19:21 +0000 (15:19 -0400)
Use the chrome-bootstrap project to get a nice chrome like options page.

.gitmodules [new file with mode: 0644] patch | blob
chrome-bootstrap [new submodule] patch | blob
manifest.files patch | blob | blame | history
manifest.json patch | blob | blame | history
options.html patch | blob | blame | history

diff --git a/.gitmodules b/.gitmodules
new file mode 100644 (file)
index 0000000..0d3af8c
--- /dev/null
+++ b/.gitmodules
@@ -0,0 +1,4 @@
+[submodule "chrome-bootstrap"]
+       path = chrome-bootstrap
+       url = https://github.com/roykolak/chrome-bootstrap.git
+       branch = tags/v1.2.1
diff --git a/chrome-bootstrap b/chrome-bootstrap
new file mode 160000 (submodule)
index 0000000..419698e
--- /dev/null
+++ b/chrome-bootstrap
@@ -0,0 +1 @@
+Subproject commit 419698ec6fe922487d2fe3f11c92fd1c8ffbd8a6
diff --git a/manifest.files b/manifest.files
index aae31cb9a8bc8f3d95a67c15d1e21584141d000e..23625e93fb9a23fa7681b20ab7a3c0d4613c91ce 100644 (file)
--- a/manifest.files
+++ b/manifest.files
@@ -1,3 +1,4 @@
+chrome-bootstrap/chrome-bootstrap.css
 images/outlet-128x128.png
 images/outlet-19x19.png
 images/outlet-38x38.png
diff --git a/manifest.json b/manifest.json
index 651826bd27ac804b7bcc3bc763e7490be74718f2..7161ad0dbf8c515c62aad6e04f3d57ce3b40c6ae 100644 (file)
--- a/manifest.json
+++ b/manifest.json
@@ -2,7 +2,7 @@
   "manifest_version": 2,
   "minimum_chrome_version": "22",
   "name": "Web Power Switch Manager",
-  "version": "2.2",
+  "version": "2.3",
   "description": "Quickly control Web Power Switches",
   "icons": {
     "128": "images/outlet-128x128.png"
diff --git a/options.html b/options.html
index 2bc1f4a92cc32514369316aab76b65df993c2798..f7f3a13f5c04c36058882a92b0b01f81726d6605 100644 (file)
--- a/options.html
+++ b/options.html
@@ -4,25 +4,63 @@
 
 <head>
 <title>Web Power Switch Manager Options</title>
+<link rel="stylesheet" type="text/css" href="chrome-bootstrap/chrome-bootstrap.css" />
 <script src='common.js'></script>
 <script src='options.js'></script>
 </head>
 
-<body background='images/outlet.svg'>
+<body class="chrome-bootstrap">
+  <div class="frame">
+
+    <div class="navigation">
+      <h1><a href="#">Web Power Switch</a></h1>
+      <ul class="menu">
+        <li class="selected">
+          <a href="#options">Options</a>
+        </li>
+      </ul>
+      <ul>
+        <li>&nbsp;<img src='images/outlet-128x128.png'></li>
+      </ul>
+    </div>
+
+    <div class="mainview view">
+      <div id="options" class="selected">
+        <header>
+          <h1>Options</h1>
+        </header>
+        <div class="content">
+
+<section>
+ <h3>Connection</h3>
+
 <table>
 <tr>
- <td>URL:</td><td><input type='text' id='url'></td>
-</tr>
-<tr>
- <td>User:</td><td><input type='text' id='user'></td>
+ <td>URL:</td><td><input type='text' id='url' size=50></td>
 </tr>
 <tr>
- <td>Pass:</td><td><input type='text' id='pass'></td>
+ <td>User:</td><td><input type='text' id='user' size=50></td>
 </tr>
 <tr>
- <td colspan=2 align=center><input type='button' id='save' value='Save'></td>
+ <td>Pass:</td><td><input type='text' id='pass' size=50></td>
 </tr>
 </table>
-<div id='msg'>You must hit "Save" the first time to authorize the client</div>
+
+</section>
+
+<div>
+ <h3>Save Settings</h3>
+ <p>
+  <input type='button' id='save' value='Save'></td>
+ </p>
+ <div id='msg'>You must hit "Save" the first time to authorize the client</div>
+</div>
+
+        </div>
+      </div>
+    </div>
+
+  </div>
+
 </body>
 </html>
Chrome Extension: https://chrome.google.com/webstore/detail/gpihiagaeplkadnhhajnbbpdpnhlifib