Right click menus

src/browser/context-menu-template.js

@@ -0,0 +1,83 @@
+var reload = function(item, focusedWindow) {
+  if (focusedWindow) {
+    focusedWindow.webContents.reload();
+  }
+};
+
+var comment = function(item, focusedWindow) {
+  var selection = document.getSelection();
+  if (selection.toString().length > 0) {
+    var textbox = document.getElementById("post_textbox");
+    textbox.value = "> " + selection;
+    textbox.focus();
+  }
+};
+
+var changeTemplateForOSx = function(obj){
+  //OSx uses the 'selector' key whereas Windows/Linux uses 'role'
+  for (var i=0; i < obj.length; i++) {
+    if (obj[i].role) {
+      obj[i].selector = obj[i].role;
+      delete obj[i].role;
+    }
+  }
+  return obj;
+};
+
+var template = [
+  {
+    label: 'Undo',
+    accelerator: 'CmdOrCtrl+Z',
+    role: 'undo:'
+  },
+  {
+    label: 'Redo',
+    accelerator: 'Shift+CmdOrCtrl+Z',
+    role: 'redo:'
+  },
+  {
+    type: 'separator'
+  },
+  {
+    label: 'Cut',
+    accelerator: 'CmdOrCtrl+X',
+    role: 'cut:'
+  },
+  {
+    label: 'Copy',
+    accelerator: 'CmdOrCtrl+C',
+    role: 'copy:'
+  },
+  {
+    label: 'Paste',
+    accelerator: 'CmdOrCtrl+V',
+    role: 'paste:'
+  },
+  {
+    label: 'Select All',
+    accelerator: 'CmdOrCtrl+A',
+    role: 'selectAll:'
+  },
+  {
+    type: 'separator'
+  },
+  {
+    label: 'Reload',
+    accelerator: 'CmdOrCtrl+R',
+    click: reload
+  },
+  {
+    type: 'separator'
+  },
+  {
+    label: 'Comment',
+    accelerator: 'Shift+CmdOrCtrl+C',
+    click: comment
+  }
+];
+
+if (process.platform === 'darwin') {
+  template = changeTemplateForOSx(template);
+}
+
+module.exports = template

src/browser/context-menu.js

@@ -0,0 +1,15 @@
+var remote = require('remote');
+var Menu = remote.require('menu');
+var template = require("./context-menu-template.js");
+
+var menu = {};
+
+menu.load = function(){
+  var contextMenu = Menu.buildFromTemplate(template);
+  document.addEventListener('contextmenu', function (e) {
+    e.preventDefault();
+    contextMenu.popup(remote.getCurrentWindow());
+  }, false);
+};
+
+module.exports = menu;

src/browser/preload.js

@@ -0,0 +1,2 @@
+require("./mattermost-observer.js");
+require("./context-menu.js").load();

src/browser/team-webview.jsx

@@ -24,7 +24,7 @@ var TeamWebview = React.createClass({
           ref="webview"
           src={this.props.teamUrl}
           partition="persist:mattermost"
-          preload="mattermost-observer.js">
+          preload="preload.js">
         </webview>
       </div>
     );