From 20123760acc3ca03b96dcea6121b0e1f68e0ad2c Mon Sep 17 00:00:00 2001
From: 9adefaf01e5bf6426d838cd20eae582d2b6ba647 <tophf@mail.com>
Date: Thu, 5 Mar 2015 09:39:09 +0300
Subject: [PATCH] Edit style: use 'sublime' keymap, add custom keys

F3, Shift-F3, Ctrl-H - find/find previous/replace
Ctrl-G: go to line dialog
Alt-PgDn: next code section
Alt-PgUp: previous code section
...and many more.
---
 _locales/en/messages.json |  4 ++++
 edit.html                 |  2 ++
 edit.js                   | 18 ++++++++++++++++++
 3 files changed, 24 insertions(+)

diff --git a/_locales/en/messages.json b/_locales/en/messages.json
index caa72dec..6979dc3f 100644
--- a/_locales/en/messages.json
+++ b/_locales/en/messages.json
@@ -92,6 +92,10 @@
 		"message": "Disable",
 		"description": "Label for the button to disable a style"
 	},
+	"editGotoLine": {
+		"message": "Goto line (or line:col)",
+		"description": "Go to line or line:column on Ctrl-G in style code editor"
+	},
 	"editStyleHeading": {
 		"message": "Edit Style",
 		"description": "Title of the page for editing styles"
diff --git a/edit.html b/edit.html
index 4306c86f..65b1ecc4 100644
--- a/edit.html
+++ b/edit.html
@@ -29,6 +29,8 @@
 		<script src="codemirror/addon/hint/show-hint.js"></script>
 		<script src="codemirror/addon/hint/css-hint.js"></script>
 
+		<script src="codemirror/keymap/sublime.js"></script>
+
 		<style type="text/css">
 
 			body {
diff --git a/edit.js b/edit.js
index e0f87d5f..bf61bcbd 100644
--- a/edit.js
+++ b/edit.js
@@ -25,8 +25,26 @@ function setupCodeMirror(textarea) {
 		matchBrackets: true,
 		lint: CodeMirror.lint.css,
 		smartIndent: prefs.getPref("smart-indent"),
+		keyMap: "sublime",
 		extraKeys: {"Ctrl-Space": "autocomplete"}
 	});
+	cm.addKeyMap({
+		"Ctrl-G": function(cm) {
+			var cur = cm.getCursor();
+			cm.openDialog(t('editGotoLine') + ': <input type="text" style="width: 5em"/>', function(str) {
+				var m = str.match(/^\s*(\d+)(?:\s*:\s*(\d+))?\s*$/);
+				if (m) {
+					cm.setCursor(m[1] - 1, m[2] ? m[2] - 1 : cur.ch);
+				}
+			}, {value: cur.line+1});
+		},
+		"Alt-PageDown": function(cm) {
+			editors[(editors.indexOf(cm) + 1) % editors.length].focus();
+		},
+		"Alt-PageUp": function(cm) {
+			editors[(editors.indexOf(cm) - 1 + editors.length) % editors.length].focus();
+		}
+	});
 	cm.lastChange = cm.changeGeneration();
 	cm.on("change", indicateCodeChange);
 	editors.push(cm);