#35 log also using key config

Author: jzsfkzm

controller/diff.js

@@ -1,10 +1,9 @@
 var DiffView = require('../view/diff');
+var config = require('../config');
 
 var parent = null,
     view   = null;
 
-var config = require('../config');
-
 var diff = {
   colorFormat: function (diffText) {
     return diffText

controller/log.js

@@ -1,4 +1,5 @@
 var LogView = require('../view/log');
+var config = require('../config');
 
 var parent = null,
     view   = null;
@@ -88,7 +89,7 @@ var log = {
 
     view = LogView(parent.screen);
 
-    view.list.key(['C-r'], function () {
+    view.list.key(config.keys.main.reset, function () {
       var item = logItems[view.list.selected];
 
       view.confirm.ask("Are you sure to reset? (Y/N)\n", function (err, value) {
@@ -102,13 +103,24 @@ var log = {
       });
     });
 
-    view.list.key(['escape', 'q'], function () {
+    view.list.key(config.keys.common.quit, function () {
       log.hide();
     });
 
-    view.confirm.key(['escape'], function () {
+    view.list.key(config.keys.common.pageUp, function () {
+      view.list.scroll(-view.list.height || -1);
+      redraw();
+    });
+
+    view.list.key(config.keys.common.pageDown, function () {
+      view.list.scroll(view.list.height || 1);
+      redraw();
+    });
+
+    view.confirm.key(config.keys.common.quit, function () {
       view.confirm.hide();
     });
+
   }
 };
 

view/log.js

@@ -1,5 +1,6 @@
 var blessed = require('blessed'),
-    styles  = require('./style/log.json');
+    config = require('../config'),
+    styles  = require('./style/log')(config);
 
 var layout  = null,
     list    = null,

view/style/log.js

@@ -0,0 +1,78 @@
+'use strict';
+
+module.exports = function (config) {
+    return {
+        "layout": {
+            "hidden": true,
+            "top": "center",
+            "left": "center",
+            "width": "100%",
+            "height": "100%"
+        },
+        "list": {
+            "top": "top",
+            "left": "left",
+            "data": null,
+            "border": "line",
+            "align": "left",
+            "tags": true,
+            "width": "100%",
+            "height": "100%-3",
+            "mouse": true,
+            "vi": true,
+            "keys": true,
+            "style": {
+                "border": {
+                    "fg": "white"
+                },
+                "selected": {
+                    "bg": "blue"
+                }
+            }
+        },
+        "confirm": {
+            "border": "line",
+            "height": "shrink",
+            "width": "half",
+            "top": "center",
+            "left": "center",
+            "keys": true,
+            "vi": true
+        },
+        "menubar": {
+            "align": "center",
+            "bottom": 0,
+            "width": "100%",
+            "height": 3,
+            "mouse": true,
+            "border": "line",
+            "vi": true,
+            "keys": true,
+            "style": {
+                "prefix": {
+                    "fg": "white"
+                },
+                "item": {
+                    "fg": "cyan"
+                },
+                "selected": {
+                    "fg": "cyan"
+                }
+            },
+            "commands": {
+                "RESET COMMIT": {
+                    "keys": config.keys.main.reset
+                },
+                "CANCEL": {
+                    "keys": config.keys.common.quit
+                },
+                "PAGE DOWN": {
+                    "keys": config.keys.common.pageDown
+                },
+                "PAGE UP": {
+                    "keys": config.keys.common.pageUp
+                }
+            }
+        }
+    };
+};