Added options page with case sensitivity option

gsingh93 · gsingh93 · commit ebd85dc0c656 · 2014-03-09T21:51:27.000-04:00
diff --git a/Gruntfile.js b/Gruntfile.js
@@ -1,9 +1,10 @@
 module.exports = function(grunt) {
 	"use strict";
-	
+
 	var bgSrc = ["src/background/*.ts"];
 	var popupSrc = ["src/popup/*.ts"];
-	
+	var optionSrc = ["src/options/*.ts"];
+
 	grunt.initConfig({
 		ts: {
 			options: {
@@ -17,14 +18,18 @@ module.exports = function(grunt) {
 			popup: {
 				src: popupSrc,
 				out: "build/popup/popup.js"
-			}
+			},
+            option: {
+                src: optionSrc,
+                out: "build/options/options.js"
+            }
 		},
 		copy: {
 			all: {
 				files: [
 					{
 						expand: true,
-						src: ["manifest.json", "content/*", "pages/*", "popup/popup.html"],
+						src: ["manifest.json", "content/*", "pages/*", "popup/popup.html", "options/options.html"],
 						cwd: "src/",
 						dest: "build/"
 					},
@@ -37,8 +42,8 @@ module.exports = function(grunt) {
 			}
 		}
 	});
-	
+
 	grunt.loadNpmTasks("grunt-ts");
 	grunt.loadNpmTasks("grunt-contrib-copy");
 	grunt.registerTask("default", ["ts", "copy"]);
-};
+};
diff --git a/src/background/TabStateManager.ts b/src/background/TabStateManager.ts
@@ -12,7 +12,8 @@ class TabStateManager {
     }
 
     public resetState(tabId: number) {
-        this.set(tabId, { query: "", searching: false, caseInsensitive: false });
+        var caseInsensitiveVal = localStorage["caseInsensitive"] == "true";
+        this.set(tabId, { query: "", searching: false, caseInsensitive: caseInsensitiveVal });
     }
 
     public isSearching(tabId: number): boolean {
@@ -36,6 +37,7 @@ class TabStateManager {
     public get(tabId: number, propName: string): any;
     public get(tabId: number, propName?: string) {
         if (typeof propName === "undefined") {
+            return this.tabStates[tabId];
         } else {
             return this.tabStates[tabId][propName];
         }
diff --git a/src/manifest.json b/src/manifest.json
@@ -20,6 +20,8 @@
         "scripts": ["background/background.js"]
     },
 
+    "options_page": "options/options.html",
+
     "browser_action": {
         "default_icon": {
             "19": "images/icon19.png",
diff --git a/src/options/options.html b/src/options/options.html
@@ -0,0 +1,12 @@
+<html>
+    <head>
+        <title>Regex Search Options</title>
+    </head>
+    <body>
+        <h1>Regex Search Options</h1>
+        Case insensitive by default: <input id="case-insensitive" type="checkbox">
+        <br><br>
+        <div id="status" style="font-weight: bold"></div>
+    </body>
+    <script src="options.js"></script>
+</html>
diff --git a/src/options/options.ts b/src/options/options.ts
@@ -0,0 +1,29 @@
+module Options {
+
+    var caseInsensitiveKey = "caseInsensitive";
+    var checkbox = <HTMLInputElement> document.getElementById("case-insensitive");
+    restoreState();
+    checkbox.onclick = saveState;
+
+    function restoreState() {
+        if (localStorage[caseInsensitiveKey] !== undefined) {
+            checkbox.checked = localStorage[caseInsensitiveKey] == "true";
+        }
+    }
+
+    function saveState() {
+        if (checkbox.checked) {
+            localStorage[caseInsensitiveKey] = true;
+        } else {
+            localStorage[caseInsensitiveKey] = false;
+        }
+
+        // Display saved message
+        var status = document.getElementById("status");
+        status.innerHTML = "Options Saved.";
+        setTimeout(function() {
+            status.innerHTML = "";
+        }, 1000);
+    }
+}
+

Original file line number	Diff line number	Diff line change
`@@ -12,7 +12,8 @@ class TabStateManager {`
`12`	`12`	`}`
`13`	`13`
`14`	`14`	`public resetState(tabId: number) {`
`15`		`- this.set(tabId, { query: "", searching: false, caseInsensitive: false });`
	`15`	`+ var caseInsensitiveVal = localStorage["caseInsensitive"] == "true";`
	`16`	`+ this.set(tabId, { query: "", searching: false, caseInsensitive: caseInsensitiveVal });`
`16`	`17`	`}`
`17`	`18`
`18`	`19`	`public isSearching(tabId: number): boolean {`
`@@ -36,6 +37,7 @@ class TabStateManager {`
`36`	`37`	`public get(tabId: number, propName: string): any;`
`37`	`38`	`public get(tabId: number, propName?: string) {`
`38`	`39`	`if (typeof propName === "undefined") {`
	`40`	`+ return this.tabStates[tabId];`
`39`	`41`	`} else {`
`40`	`42`	`return this.tabStates[tabId][propName];`
`41`	`43`	`}`