3diy
/
OctoprintKlipperPlugin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge commit '55e81655f4e8980c0dde634e4e2a515eff209be8' into devel

This commit is contained in:
thelastWallE 2021-05-13 17:37:40 +02:00
parent 4549e155f6 55e81655f4
commit e96dff0818
6 changed files with 25 additions and 273 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
README.md
View File

@ -44,9 +44,9 @@ Click on the wrench icon in the titlebar to open OctoPrints settings dialog. Sel
Also for the moment this plugin does what I wanted it to do, it is far from finished, pull requests are welcome. If you want to get started, the OctoPrint Plugin API is quite well documented here: [docs.octoprint.org/en/master/plugins](http://docs.octoprint.org/en/master/plugins).
The [devel](https://github.com/thelastWallE/OctoprintKlipperPlugin/tree/devel) branch is the branch to merge new features and bugfixes to.
The [rc](https://github.com/thelastWallE/OctoprintKlipperPlugin/tree/rc) branch is for Release Candidates and bugfixing them.
The [master](https://github.com/thelastWallE/OctoprintKlipperPlugin/tree/master) branch is for Stable Releases.
* The [devel](https://github.com/thelastWallE/OctoprintKlipperPlugin/tree/devel) branch is the branch to merge new features and bugfixes to.
* The [rc](https://github.com/thelastWallE/OctoprintKlipperPlugin/tree/rc) branch is for Release Candidates and bugfixing them.
* The [master](https://github.com/thelastWallE/OctoprintKlipperPlugin/tree/master) branch is for Stable Releases.
## Screenshots

3
octoprint_klipper/__init__.py
View File

@ -354,8 +354,7 @@ class KlipperPlugin(
"js/klipper_param_macro.js",
"js/klipper_graph.js"
],
css=["css/klipper.css"],
less=["css/klipper.less"]
css=["css/klipper.css"]
)
# -- Event Handler Plugin

28
octoprint_klipper/static/css/klipper.css
View File

@ -80,11 +80,6 @@ ul#klipper-settings {
margin: 5px;
}
#plugin-klipper-config {
height: 100%;
font-family: monospace;
}
#tab_plugin_klipper_main .row-fluid {
display: flex;
flex: row wrap;
@ -117,36 +112,47 @@ ul#klipper-settings {
height: 100%;
}
#settings_plugin_klipper form {
div#settings_plugin_klipper form {
margin: 0px;
height: 100%;
}
#settings_plugin_klipper form .tab-content {
div#settings_plugin_klipper form .tab-content {
height: calc(100% - 40px);
overflow: auto;
}
#settings_plugin_klipper form .tab-content .tab-pane {
div#settings_plugin_klipper div.tab-content div#conf.tab-pane {
height: 100%;
}
div.tab-content div#conf.tab-pane.active div.control-group {
div#settings_plugin_klipper div.tab-content div#conf.tab-pane div.control-group {
height: 100%;
margin: 0;
display: flex;
flex-direction: column;
}
div#settings_plugin_klipper.tab-pane.active form.form-horizontal div.tab-content div#conf.tab-pane.active .editor-controls{
div#settings_plugin_klipper div.tab-content div#conf.tab-pane div.control-group div.editor-controls{
margin-bottom: 0px;
height: 26px;
}
div#settings_plugin_klipper.tab-pane.active form.form-horizontal div.tab-content div#conf.tab-pane.active div.conf-editor {
div#settings_plugin_klipper div.tab-content div#conf.tab-pane div.control-group div.conf-editor {
height: 95%;
height: calc(100% - 28px);
width: 99%;
width: calc(100% - 4px);
padding-top: 2px;
flex: 1 1;
overflow: auto;
}
div#settings_plugin_klipper div.tab-content div#conf.tab-pane div.control-group div.conf-editor div#plugin-klipper-config {
font-family: monospace;
overflow: auto;
height: 100%;
height: -webkit-fill-available;
}
div#settings_plugin_klipper.tab-pane.active form.form-horizontal div.tab-content div#conf.tab-pane.active button.btn.btn-small {

5
octoprint_klipper/static/js/klipper_settings.js
View File

@ -191,9 +191,10 @@ $(function() {
editor.session.setMode("ace/mode/klipper_config");
editor.setOptions({
hScrollBarAlwaysVisible: false,
vScrollBarAlwaysVisible: true,
vScrollBarAlwaysVisible: false,
autoScrollEditorIntoView: true,
//maxLines: "Infinity"
showPrintMargin: false,
maxLines: "Infinity"
})
editor.session.on('change', function(delta) {

254
octoprint_klipper/static/less/klipper.less
View File

@ -1,254 +0,0 @@
.plugin-klipper-sidebar {
padding: 1px;
height: auto;
border: 1px solid #aaa;
width: 98%;
text-align: center;
word-break: break-all;
margin: auto;
}
li#navbar_plugin_klipper {
cursor: pointer;
max-width:360px;
max-height:80px;
word-break: break-all;
}
.plugin-klipper-sidebar a {
padding: 2px 2px;
text-align: center;
text-decoration: none;
display: inline-block;
cursor: pointer;
}
.plugin-klipper-sidebar a:hover, .plugin-klipper-sidebar a:active {
cursor: pointer;
}
.plugin-klipper-log {
padding: 0px;
overflow-y: scroll;
height: 400px;
border: 1px solid #eee;
width: 100%;
word-break: break-all;
}
.plugin-klipper-log .log-item {
margin: 3px auto 0 auto;
border: 1px solid #ddd;
border-radius: 3px;
background-color: #efefef;
color: #333;
}
.plugin-klipper-log .error {
background-color: #eebabb;
}
.plugin-klipper-log .log-item .ts {
display: inline-block;
width: 13%;
height: 100%;
vertical-align: top;
font-size: 0.8em;
padding: 0 0 0 5px;
}
.plugin-klipper-log .log-item .msg {
display: inline-block;
width: 84%;
height: 100%;
}
.clear-btn {
margin-top: 6px;
margin-bottom: 6px;
}
#level .controls {
padding: 1px;
}
ul#klipper-settings {
margin: 0;
}
#klipper-settings a{
margin: 5px;
}
#plugin-klipper-config {
height: 100%;
font-family: monospace;
}
#tab_plugin_klipper_main .row-fluid {
display: flex;
flex: row wrap;
align-items: stretch;
}
@media all and (max-width: 940px) {
#tab_plugin_klipper_main .row-fluid {
/* On small screens, we are no longer using row direction but column */
flex-direction: column;
}
}
#tab_plugin_klipper_main #left-side {
flex: 3 1;
padding-right: 10px;
}
#tab_plugin_klipper_main .span8 label {
float: left;
}
#tab_plugin_klipper_main #right-side {
flex: 1 1;
max-width: 200px;
min-width: 100px;
}
#settings_plugin_klipper {
height: 100%;
}
#settings_plugin_klipper form {
margin: 0px;
height: 100%;
}
#settings_plugin_klipper form .tab-content {
height: calc(100% - 40px);
overflow: auto;
}
#settings_plugin_klipper form .tab-content .tab-pane {
height: 100%;
}
/*conf editor*/
div#settings_plugin_klipper.tab-pane.active form.form-horizontal div.tab-content div#conf.tab-pane.active div.control-group {
margin-bottom: 0px;
height: 100%;
}
div#settings_plugin_klipper.tab-pane.active form.form-horizontal div.tab-content div#conf.tab-pane.active div.control-group .editor-controls{
margin-bottom: 0px;
height: 26px;
}
div#settings_plugin_klipper.tab-pane.active form.form-horizontal div.tab-content div#conf.tab-pane.active div.control-group div.conf-editor {
height: 95%;
height: calc(100% - 28px);
width: 100%;
padding-top: 2px;
}
/*UIcustomizer fix for responsiveMode*/
body.UICResponsiveMode #settings_dialog_content {
width: 100%;
width: calc(100% - 30px);
height: 97%;
height: calc(100% - 35px);
margin-right: -18px;
margin-top: 50px;
}
body.UICResponsiveMode div#settings_plugin_klipper form.form-horizontal div.tab-content div.tab-pane div.control-group.row-fluid.UICRemoveFluidRow {
height: auto;
}
div#settings_plugin_klipper.tab-pane.active form.form-horizontal div.tab-content div#conf.tab-pane.active div.control-group div.conf-editor div#plugin-klipper-config {
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
div#settings_plugin_klipper.tab-pane.active form.form-horizontal div.tab-content div#conf.tab-pane.active div.control-group button.btn.btn-small {
width: 30%;
display: inline-block;
margin: 0px 2px 2px 2px;
}
/*checkboxes*/
div#settings_plugin_klipper.tab-pane.active form.form-horizontal div.tab-content div.tab-pane.active div.control-group input.inline-checkbox {
vertical-align: -0.2em;
}
div#settings_plugin_klipper.tab-pane.active form.form-horizontal div.tab-content div.tab-pane.active div.control-group label.inline {
display: inline;
}
div#settings_plugin_klipper.tab-pane.active form.form-horizontal div.tab-content div.tab-pane.active div.control-group div.controls input.controls-checkbox {
margin-top: 8px;
}
/*macros*/
div#settings_plugin_klipper.tab-pane.active form.form-horizontal div.tab-content div#macros.tab-pane.active div div#item.control-group label.control-label {
width: 80px;
}
#macros #item.control-group {
margin-bottom: 2px;
border: 2px solid #ccc;
border-radius: 3px;
background-color: #eeeeee;
color: #333;
padding-bottom: 2px;
padding-top: 2px;
}
#klipper_graph_dialog {
width: 1050px;
}
#klipper_graph_dialog .full-sized-box{
width: 1000px;
margin: 0 auto;
}
#klipper_graph_dialog form {
margin: 0;
}
#klipper_graph_dialog select {
width: auto;
}
#klipper_graph_dialog .graph-footer {
bottom:0;
}
#klipper_graph_dialog input {
display: inline-block;
}
#klipper_graph_dialog .status-label {
display: block;
position: absolute;
margin: 5px 0 0 10px;
}
#klipper_graph_dialog .fill-checkbox {
display: block;
position: absolute;
top: 0%;
left: 50%;
}
#klipper_graph_dialog .help-inline {
display: block;
position: absolute;
top: 0px;
}
#klipper_graph_canvas {
margin-top: 15px;
}

2
setup.py
View File

@ -19,7 +19,7 @@ plugin_package = "octoprint_klipper"
plugin_name = "OctoKlipper"
plugin_version = "0.3.8"
plugin_version = "0.3.8.2"
plugin_description = """A plugin for OctoPrint to configure,control and monitor the Klipper 3D printer software."""