From eea80a4967ffb7b1a9c6e39ef809ea81486204f3 Mon Sep 17 00:00:00 2001
From: Gitoffthelawn <Gitoffthelawn@users.noreply.github.com>
Date: Tue, 5 May 2015 11:31:35 -0700
Subject: Update redirector.html

Improve usability, show descriptions, show whether rule is enabled or disabled, remove examples, remove UI for deprecated statusbar (likely causes users to mistakenly think Redirector is broken).
---
 chrome/redirector.html | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

(limited to 'chrome')
diff --git a/chrome/redirector.html b/chrome/redirector.html
index eb0baa7..632b5d2 100644
--- a/chrome/redirector.html
+++ b/chrome/redirector.html
@@ -2,7 +2,7 @@
 <html>
 	<head>
 		<title>Redirector Extension Settings</title>
-		<link rel="stylesheet" href="css/redirector.css?sfsdf" />
+		<link rel="stylesheet" href="css/redirector.css?love" />
 		<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
 		<script type="text/javascript" src="js/redirector-ui.js"></script>
 	</head>
@@ -10,28 +10,30 @@
 		<h1>Redirector</h1>
 		<h5>Go where <em>YOU</em> want!</h5>
 		<div id="actions">
-			<button id="new-redirect">New Redirect...</button>
-			<button id="configure">Configure</button>
+			<button id="new-redirect">New Redirect</button>
+			<button id="configure">Settings</button>
 			<button id="import">Import</button>
 			<button id="export">Export</button>
 			<button id="help">Help</button>
 		</div>
 		<ul id="redirect-list">
 			<li>
-				<div>Redirect: <span class="pattern">pattern</span> to <span class="redirectTo"></span></div>
-				<div>Example: <span class="exampleUrl"></span> becomes <span class="redirectResult"></span></div>
-				<div>
+				<div><span class="disabled"></span><span class="description">Redirector Rule</span></div>
+				<div><div class="patternLabel">Redirect:</div><span class="pattern">pattern</span></div>
+				<div><div class="patternLabel">to:</div><span class="redirectTo">nothing</span></div>
+				<!-- <div>Example: <span class="exampleUrl"></span> becomes <span class="redirectResult"></span></div> -->
+				<div class="editdeleteRow">
 					<a class="edit" href="#edit">Edit</a> 
 					<a class="delete" href="#delete">Delete</a>
 				</div>
 			</li>
 		</ul>
 		<div id="config" class="dialog">
-			<h2>Configuration</h2>
-			<input type="checkbox" id="enable-redirector" data-pref="enabled" /><label>Enabled</label><br />
-			<input type="checkbox" id="show-status-bar-icon" data-pref="showStatusBarIcon"/><label>Statusbar icon</label><br />
+			<h2>Settings</h2>
+			<input type="checkbox" id="enable-redirector" data-pref="enabled" /><label>Enable</label><br />
+			<!-- <input type="checkbox" id="show-status-bar-icon" data-pref="showStatusBarIcon"/><label>Statusbar icon</label><br /> -->
 			<input type="checkbox" id="show-context-menu" data-pref="showContextMenu"/><label>Context menu</label><br />
-			<input type="checkbox" id="enable-shortcut-key" data-pref="enableShortcutKey"/><label>Enable/Disable via Alt-r</label><br />
+			<input type="checkbox" id="enable-shortcut-key" data-pref="enableShortcutKey"/><label>Toggle via Alt-r</label><br />
 			<input type="checkbox" id="enable-debug-output" data-pref="debugEnabled"/><label>Debug output</label><br />
 			<div class="button-row">
 				<button id="close">Close</button>
@@ -72,13 +74,13 @@
 				<input type="checkbox" id="escape-matches" />
 			</div>
 			<div>
-				<label>Enabled</label>
+				<label>Enable</label>
 				<input type="checkbox" id="redirect-enabled" />
 			</div>
 			<div class="button-row">
 				<button id="save">Save</button>
+				<button id="test-pattern">Test</button>
 				<button id="cancel">Cancel</button>
-				<button id="test-pattern">Test pattern</button>
 			</div>
 		</div>
 	</body>
-- 
cgit v1.2.3

