Add files via upload

Author: GhostlyCrowd

octoprint_shellinaboxtab/__init__.py

@@ -0,0 +1,31 @@
+# coding=utf-8
+from __future__ import absolute_import
+
+import octoprint.plugin
+
+class shellinaboxtabPlugin(octoprint.plugin.StartupPlugin,
+                       octoprint.plugin.TemplatePlugin,
+                       octoprint.plugin.SettingsPlugin,
+                       octoprint.plugin.AssetPlugin):
+	def on_after_startup(self):
+		self._logger.info("Shell In A Box TAB (more: %s)" % self._settings.get(["url"]))
+
+	def get_settings_defaults(self):
+		return dict(url="https://octoprint.local:4200")
+
+	def get_template_configs(self):
+		return [
+			#dict(type="navbar", custom_bindings=False),
+			dict(type="settings", custom_bindings=False)
+		]
+
+	def get_assets(self):
+		return dict(
+			js=["js/shellinaboxtab.js"],
+			css=["css/shellinaboxtab.css"],
+			less=["less/shellinaboxtab.less"]
+		)
+
+__plugin_name__ = "Shell In A Box TAB"
+__plugin_pythoncompat__ = ">=2.7,<4"
+__plugin_implementation__ = shellinaboxtabPlugin()

octoprint_shellinaboxtab/static/css/shellinaboxtab.css

@@ -0,0 +1,5 @@
+#tab_plugin_shellinaboxtab iframe {
+  width: 100%;
+  height: 600px;
+  border: 1px solid #808080;
+}

octoprint_shellinaboxtab/static/js/shellinaboxtab.js

@@ -0,0 +1,42 @@
+$(function() {
+    function shellinaboxtabViewModel(parameters) {
+        var self = this;
+
+        self.loginState = parameters[0];
+        self.settings = parameters[1];
+
+        // this will hold the URL currently displayed by the iframe
+        self.currentUrl = ko.observable();
+
+        // this will hold the URL entered in the text field
+        self.newUrl = ko.observable();
+
+        // this will be called when the user clicks the "Go" button and set the iframe's URL to the entered URL
+        self.goToUrl = function() {
+            self.currentUrl(self.newUrl());
+        };
+
+        // This will get called before the shellinaboxtabViewModel gets bound to the DOM, but after its depedencies have
+        // already been initialized. It is especially guaranteed that this method gets called _after_ the settings
+        // have been retrieved from the OctoPrint backend and thus the SettingsViewModel been properly populated.
+        self.onBeforeBinding = function() {
+            self.newUrl(self.settings.settings.plugins.shellinaboxtab.url());
+            self.goToUrl();
+        }
+    }
+
+    // This is how our plugin registers itself with the application, by adding some configuration information to
+    // the global variable ADDITIONAL_VIEWMODELS
+    ADDITIONAL_VIEWMODELS.push([
+        // This is the constructor to call for instantiating the plugin
+        shellinaboxtabViewModel,
+
+        // This is a list of dependencies to inject into the plugin, the order which you request here is the order
+        // in which the dependencies will be injected into your view model upon instantiation via the parameters
+        // argument
+        ["loginStateViewModel", "settingsViewModel"],
+
+        // Finally, this is the list of all elements we want this view model to be bound to.
+        [document.getElementById("tab_plugin_shellinaboxtab")]
+    ]);
+});

octoprint_shellinaboxtab/static/less/shellinaboxtab.less

@@ -0,0 +1,7 @@
+#tab_plugin_shellinaboxtab {
+  iframe {
+    width: 100%;
+    height: 600px;
+    border: 1px solid #808080;
+  }
+}

octoprint_shellinaboxtab/templates/shellinaboxtab_settings.jinja2

@@ -0,0 +1,8 @@
+<form class="form-horizontal">
+    <div class="control-group">
+        <label class="control-label">{{ _('URL') }}</label>
+        <div class="controls">
+            <input type="text" class="input-block-level" data-bind="value: settings.plugins.shellinaboxtab.url">
+        </div>
+    </div>
+</form>

octoprint_shellinaboxtab/templates/shellinaboxtab_tab.jinja2

@@ -0,0 +1,7 @@
+<div class="input-append">
+    <input type="text" class="input-xxlarge" data-bind="value: newUrl">
+    <button class="btn btn-primary" data-bind="click: goToUrl">Go</button>
+</div>
+
+
+<iframe data-bind="attr: {src: currentUrl}"></iframe>