block use hotkeys to see source code without rights

Author: JamesHow1ett

public/js/index.js

@@ -468,14 +468,18 @@ $(document).ready(function () {
   $('[data-toggle="tooltip"]').tooltip()
   // shortcuts
   // allow on all tags
+  
   key.filter = function (e) { return true }
   key('ctrl+alt+e', function (e) {
+    if (ui.toolbar.edit.data('blockSource')) return
     changeMode(modeType.edit)
   })
+  // add here exeption when "exeption = true" run code below, false = return 
   key('ctrl+alt+v', function (e) {
     changeMode(modeType.view)
   })
   key('ctrl+alt+b', function (e) {
+    if (ui.toolbar.edit.data('blockSource')) return
     changeMode(modeType.both)
   })
   // toggle-dropdown

public/js/lib/editor/ui-elements.js

@@ -36,6 +36,7 @@ export const getUIElements = () => ({
     edit: $('.ui-edit'),
     view: $('.ui-view'),
     both: $('.ui-both'),
+    blockVisibleSourse: $('.ui-block-visible-source'),
     night: $('.ui-night'),
     uploadImage: $('.ui-upload-image')
   },

public/views/codimd/header.ejs

@@ -84,20 +84,21 @@
     <div class="collapse navbar-collapse">
         <ul class="nav navbar-nav navbar-form navbar-left" style="padding:0;">
             <div class="btn-group" data-toggle="buttons">
-                <% if (allowVisibleSource) { %>
+                <% if ((permission === "limited" || "editable" || "freely") && !allowVisibleSource) { %>
+                    <div id="blockVisibleSourse" class="ui-block-visible-source" block-visible-sourse="true"></div>
+                    <label class="btn btn-default ui-edit" data-block-source="true" title="<%= __('You have no rights to edit this note')%>" disabled>
+                        <input type="radio" autocomplete="off"><i class="fa fa-pencil"></i>
+                    </label>
+                    <label class="btn btn-default ui-both" data-block-source="true" title="<%= __('You have no rights to edit this note')%>" disabled>
+                        <input type="radio" autocomplete="off"><i class="fa fa-columns"></i>
+                    </label>
+                    <% } else { %>
                     <label class="btn btn-default ui-edit" title="<%= __('Edit') %> (Ctrl+Alt+E)">
                         <input type="radio" name="mode" autocomplete="off"><i class="fa fa-pencil"></i>
                     </label>
                     <label class="btn btn-default ui-both" title="<%= __('Both') %> (Ctrl+Alt+B)">
                         <input type="radio" name="mode" autocomplete="off"><i class="fa fa-columns"></i>
                     </label>
-                <% } else { %>
-                    <label class="btn btn-default" title="<%= __('You have no rights to edit this note')%>" disabled>
-                        <input type="radio" autocomplete="off"><i class="fa fa-pencil"></i>
-                    </label>
-                    <label class="btn btn-default" title="<%= __('You have no rights to edit this note')%>" disabled>
-                        <input type="radio" autocomplete="off"><i class="fa fa-columns"></i>
-                    </label>
                 <% } %>
                 <label class="btn btn-default ui-view" title="<%= __('View') %> (Ctrl+Alt+V)">
                     <input type="radio" name="mode" autocomplete="off"><i class="fa fa-eye"></i>