diff --git a/Marlin/configurator/css/configurator.css b/Marlin/configurator/css/configurator.css index ca2f3f8662..6203114750 100644 --- a/Marlin/configurator/css/configurator.css +++ b/Marlin/configurator/css/configurator.css @@ -2,7 +2,7 @@ /* Styles for Marlin Configurator */ body { margin: 0; padding: 0; background: #56A; color: #FFC; font-family: sans-serif; } - +fieldset { height: 16.1em; overflow: auto; margin-top: 10px; } #main { max-width: 1000px; margin: 0 auto; } #main { padding: 0 4%; width: 92%; } #main { font-family: monospace; } @@ -19,10 +19,23 @@ h1, #message { text-align: center; } img { display: none; } label, input, select, textarea { display: block; float: left; margin: 1px 0; } label.newline, textarea, fieldset { clear: both; } -label { width: 130px; height: 1em; padding: 10px 480px 10px 1em; margin-right: -470px; text-align: right; } +label { + width: 140px; /* label area */ + height: 1em; + padding: 10px 460px 10px 1em; + margin-right: -450px; + text-align: right; + } input[type="text"], select { margin: 0.75em 0 0; } input[type="checkbox"], input[type="radio"], input[type="file"] { margin: 1em 0 0; } -#config_form { display: block; background: #DDD; padding: 20px; color: #000; position: relative; } +#config_form { + display: block; + background: #EEE; + padding: 6px 20px 20px; + color: #000; + position: relative; + } + /*#config_text, #config_adv_text { font-family: "Andale mono", monospace; clear: both; }*/ #config_text, #config_adv_text { height: 25em; @@ -32,6 +45,8 @@ input[type="checkbox"], input[type="radio"], input[type="file"] { margin: 1em 0 overflow: auto; background-color: #FFF; color: #000; + font-family: "Fira Mono"; + font-size: small; } input[type="checkbox"], input[type="radio"].enabler { margin-left: 1em; } input:disabled { color: #BBB; } @@ -39,31 +54,35 @@ input:disabled { color: #BBB; } h1, h2, h3, h4, h5, h6 { clear: both; } h2 { margin: 0; padding: 1em 0 0; } -ul.tabs { display: inline; list-style: none; } +ul.tabs { padding: 0; list-style: none; } ul.tabs li { display: inline; } ul.tabs li a, ul.tabs li a.active:hover, ul.tabs li a.active:active { display: block; float: left; - background: #666; + background: #1E4059; color: #CCC; - font-size: 150%; + font-size: 110%; border-radius: 0.25em 0.25em 0 0; margin: 0 4px 0 0; - padding: 2px 4px; + padding: 2px 8px; text-decoration: none; + font-family: georgia,"times new roman",times; } ul.tabs li a.active:link, ul.tabs li a.active:visited { background: #DDD; - color: #900; + color: #06F; cursor: default; + margin-top: -4px; + padding-bottom: 4px; + padding-top: 4px; } ul.tabs li a:hover, ul.tabs li a:active { - background: #777; - color: #DDD; + background: #000; + color: #FFF; } fieldset { display: none; border: 1px solid #AAA; border-radius: 1em; } @@ -117,4 +136,33 @@ fieldset legend { display: none; } bottom: -10px; left: 20px; } -#tooltip>strong { color: #00B; } \ No newline at end of file +#tooltip>strong { color: #00B; } + +span.disclose { + float: right; + margin-top: -10px; + width: 0; + height: 0; + cursor: pointer; + border-left: 8px solid transparent; + border-right: 8px solid transparent; + border-top: 10px solid #000; + } +span.disclose.closed { + margin: -14px 4px 0 0; + border-top: 8px solid transparent; + border-bottom: 8px solid transparent; + border-right: 10px solid #000; + } +span.disclose.almost { + -ms-transform: rotate(45deg); /* IE 9 */ + -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ + transform: rotate(45deg); + } +span.disclose.closed.almost { + -ms-transform: rotate(315deg); /* IE 9 */ + -webkit-transform: rotate(315deg); /* Chrome, Safari, Opera */ + transform: rotate(315deg); + } +#tipson { float: right; font-weight: bold; font-size: 100%; font-family: helvetica; } +#tipson input { float: none; display: inline; } diff --git a/Marlin/configurator/index.html b/Marlin/configurator/index.html index 5e8b205175..46f862bf1c 100644 --- a/Marlin/configurator/index.html +++ b/Marlin/configurator/index.html @@ -3,6 +3,7 @@ Marlin Configurator + @@ -26,6 +27,8 @@
+
?
+
Machine @@ -64,13 +67,25 @@ - +
-

Marlin/Configuration.h

+
+ Hot Ends +
+ +
+ Heated Bed +
+ +
+ More… +
+ +

Marlin/Configuration.h


-        

Marlin/Configuration_adv.h

+

Marlin/Configuration_adv.h


 
         
diff --git a/Marlin/configurator/js/configurator.js b/Marlin/configurator/js/configurator.js index 126308d215..1675013a09 100644 --- a/Marlin/configurator/js/configurator.js +++ b/Marlin/configurator/js/configurator.js @@ -16,9 +16,9 @@ $(function(){ -var marlin_config = 'config'; +var marlin_config = 'https://api.github.com/repos/MarlinFirmware/Marlin/contents/Marlin'; -// Extend String +// Extend builtins String.prototype.lpad = function(len, chr) { if (chr === undefined) { chr = ' '; } var s = this+'', need = len - s.length; @@ -29,7 +29,13 @@ String.prototype.prePad = function(len, chr) { return len ? this.lpad(len, chr) String.prototype.zeroPad = function(len) { return this.prePad(len, '0'); }; String.prototype.toHTML = function() { return jQuery('
').text(this).html(); }; String.prototype.regEsc = function() { return this.replace(/[.?*+^$[\]\\(){}|-]/g, "\\$&"); } -String.prototype.lineCount = function() { var len = this.split(/\r?\n|\r/).length; return len > 0 ? len - 1 : len; }; +String.prototype.lineCount = function() { var len = this.split(/\r?\n|\r/).length; return len > 0 ? len - 1 : 0; }; +String.prototype.toLabel = function() { return this.replace(/_/g, ' ').toTitleCase(); } +String.prototype.toTitleCase = function() { return this.replace(/([A-Z])(\w+)/gi, function(m,p1,p2) { return p1.toUpperCase() + p2.toLowerCase(); }); } +Number.prototype.limit = function(m1, m2) { + if (m2 == null) return this > m1 ? m1 : this; + return this < m1 ? m1 : this > m2 ? m2 : this; +}; /** * selectField.addOptions takes an array or keyed object @@ -56,9 +62,11 @@ var configuratorApp = (function(){ boards_file = 'boards.h', config_file = 'Configuration.h', config_adv_file = 'Configuration_adv.h', + $form = $('#config_form'), $tooltip = $('#tooltip'), $config = $('#config_text'), $config_adv = $('#config_adv_text'), + define_list = [[],[]], boards_list = {}, therms_list = {}, total_config_lines, @@ -74,32 +82,11 @@ var configuratorApp = (function(){ init: function() { self = this; // a 'this' for use when 'this' is something else - // Set up the form + // Set up the form, creating fields and fieldsets as-needed this.initConfigForm(); - // Make tabs for the fieldsets - var $fset = $('#config_form fieldset'); - var $tabs = $('