Shortcut to printer.cfg with granulary access (#29)

* Shortcut to printer.cfg with granulary access

* added button to sidebar

* restyle

octoprint_klipper/__init__.py

@@ -21,8 +21,10 @@ import glob
 import os
 import sys
 from octoprint.util.comm import parse_firmware_line
+from octoprint.access.permissions import Permissions, ADMIN_GROUP, USER_GROUP
 from .modules import KlipperLogAnalyzer
 import flask
+from flask_babel import gettext
 
 class KlipperPlugin(
       octoprint.plugin.StartupPlugin,
@@ -49,6 +51,17 @@ class KlipperPlugin(
 
    #-- Settings Plugin
 
+   def get_additional_permissions(self, *args, **kwargs):
+        return [
+            dict(key="CONFIG",
+                name="Config Klipper",
+                description=gettext("Allows to config klipper"),
+                default_groups=[ADMIN_GROUP],
+                dangerous=True,
+                roles=["admin"]
+            )
+        ]
+   
    def get_settings_defaults(self):
       return dict(
          connection = dict(
@@ -358,6 +371,7 @@ def __plugin_load__():
    global __plugin_hooks__
    __plugin_implementation__ = KlipperPlugin()
    __plugin_hooks__ = {
+      "octoprint.access.permissions": __plugin_implementation__.get_additional_permissions,
       "octoprint.comm.protocol.gcode.received": __plugin_implementation__.on_parse_gcode,
       "octoprint.plugin.softwareupdate.check_config": __plugin_implementation__.get_update_information
    }

octoprint_klipper/static/js/klipper.js

@@ -22,6 +22,7 @@ $(function() {
         self.connectionState = parameters[2];
         self.levelingViewModel = parameters[3];
         self.paramMacroViewModel = parameters[4];
+        self.access = parameters[5];
         
         self.shortStatus = ko.observable();
         self.logMessages = ko.observableArray();
@@ -127,6 +128,25 @@ $(function() {
         self.isActive = function() {
            return self.connectionState.isOperational() && self.loginState.isUser();
         }
+
+        // OctoKlipper settings link
+        self.openOctoKlipperSettings = function(profile_type) {
+
+         if (
+            !self.loginState.hasPermission(
+                self.access.permissions.PLUGIN_KLIPPER_CONFIG
+            )
+         )
+            return;
+
+         $('a#navbar_show_settings').click();
+         $('li#settings_plugin_klipper_link a').click();
+         if(profile_type)
+         {
+             var query= "#klipper-settings a[data-profile-type='"+profile_type+"']";
+             $(query).click();
+         }
+        };
     }
 
     OCTOPRINT_VIEWMODELS.push({
@@ -136,7 +156,8 @@ $(function() {
            "loginStateViewModel",
            "connectionViewModel",
            "klipperLevelingViewModel",
-           "klipperMacroDialogViewModel"
+           "klipperMacroDialogViewModel",
+           "accessViewModel"
         ],
         elements: ["#tab_plugin_klipper_main", "#sidebar_plugin_klipper", "#navbar_plugin_klipper"]
     });

octoprint_klipper/templates/klipper_settings.jinja2

@@ -1,9 +1,9 @@
 <form class="form-horizontal">
 <ul class="nav nav-pills" id="klipper-settings">
-  <li><a href="#basic" data-toggle="tab">Basic</a></li>
+  <li><a href="#basic" data-toggle="tab" data-profile-type="klipper-basic">Basic</a></li>
-  <li><a href="#macros" data-toggle="tab">Macros</a></li>
+  <li><a href="#macros" data-toggle="tab" data-profile-type="klipper-macros">Macros</a></li>
-  <li><a href="#level" data-toggle="tab">Bed Leveling</a></li>
+  <li><a href="#level" data-toggle="tab" data-profile-type="klipper-bed">Bed Leveling</a></li>
-  <li><a href="#conf" data-toggle="tab">Klipper Configuration</a></li>
+  <li><a href="#conf" data-toggle="tab" data-profile-type="klipper-config">Klipper Configuration</a></li>
 </ul>
 <div class="tab-content">
   <!-- Basics -->

octoprint_klipper/templates/klipper_sidebar.jinja2

@@ -5,6 +5,11 @@
       <button class="btn btn-block" data-bind="click: connectionState.connect, text: connectionState.buttonText(), enable: loginState.isUser()">{{ _('Connect') }}</button>
    </div>
 </div>
+<div class="control-group">
+   <div class="controls">
+      <button class="btn btn-block" data-bind="visible: loginState.hasPermissionKo(access.permissions.PLUGIN_KLIPPER_CONFIG), click: function() {openOctoKlipperSettings('klipper-config');}">{{ _('Open Klipper config') }}</button>
+   </div>
+</div>
 <div class="control-group">
    <div class="controls">
       <label class="control-label small"><i class="icon-list-alt"></i> {{ _('Macros') }}</label>

octoprint_klipper/templates/klipper_tab_main.jinja2

@@ -1,6 +1,8 @@
 <div class="row-fluid">
    <div class="span8">
-    <label><i class="icon-tasks"></i> {{ _('Messages') }}</label>
+      <label>
+         <i class="icon-tasks"></i> {{ _('Messages') }}
+      </label>
       <div class="plugin-klipper-log" data-bind="foreach: logMessages">
          <div class="log-item" data-bind="css: type">
             <div data-bind="text: time" class="ts"></div>
@@ -18,10 +20,12 @@
          <div class="control-group">
             <div class="controls">
                <label class="control-label"></label>
-           <button class="btn btn-block btn-small" data-bind="click: onGetStatus, enable: isActive()"
+               <button class="btn btn-block btn-small" data-bind="click: onGetStatus, enable: isActive()" title="Query Klipper for its current status">
-              title="Query Klipper for its current status">
                   <i class="fa icon-black fa-info-circle"></i> {{ _('Get Status') }}
                </button>
+               <button class="btn btn-block btn-small" data-bind="visible: loginState.hasPermissionKo(access.permissions.PLUGIN_KLIPPER_CONFIG), click: function() {openOctoKlipperSettings('klipper-config');}" title="Open the Klipper configurationfile">
+                  <i class="fa icon-black fa-file-code-o"></i> {{ _('Open Klipper config') }}
+               </button>
             </div>
          </div>
          <div class="control-group">