More fields, options in config, fix tooltips

This commit is contained in:
Scott Lahteine 2015-02-13 03:02:56 -08:00
parent 68184af57b
commit ec53c6309a
3 changed files with 162 additions and 84 deletions

View File

@ -48,6 +48,7 @@ Here are some standard links for getting your machine calibrated:
// SERIAL_PORT selects which serial port should be used for communication with the host. // SERIAL_PORT selects which serial port should be used for communication with the host.
// This allows the connection of wireless adapters (for instance) to non-default port pins. // This allows the connection of wireless adapters (for instance) to non-default port pins.
// Serial port 0 is still used by the Arduino bootloader regardless of this setting. // Serial port 0 is still used by the Arduino bootloader regardless of this setting.
// :[0,1,2,3,4,5,6,7]
#define SERIAL_PORT 0 #define SERIAL_PORT 0
// This determines the communication speed of the printer // This determines the communication speed of the printer
@ -71,12 +72,13 @@ Here are some standard links for getting your machine calibrated:
// #define MACHINE_UUID "00000000-0000-0000-0000-000000000000" // #define MACHINE_UUID "00000000-0000-0000-0000-000000000000"
// This defines the number of extruders // This defines the number of extruders
// :[1,2,3,4]
#define EXTRUDERS 1 #define EXTRUDERS 1
//// The following define selects which power supply you have. Please choose the one that matches your setup //// The following define selects which power supply you have. Please choose the one that matches your setup
// 1 = ATX // 1 = ATX
// 2 = X-Box 360 203Watts (the blue wire connected to PS_ON and the red wire to VCC) // 2 = X-Box 360 203Watts (the blue wire connected to PS_ON and the red wire to VCC)
// :{1:'ATX',2:'X-Box 360'}
#define POWER_SUPPLY 1 #define POWER_SUPPLY 1
// Define this to have the electronics keep the power supply off on startup. If you don't know what this is leave it. // Define this to have the electronics keep the power supply off on startup. If you don't know what this is leave it.
@ -119,7 +121,7 @@ Here are some standard links for getting your machine calibrated:
// 1010 is Pt1000 with 1k pullup (non standard) // 1010 is Pt1000 with 1k pullup (non standard)
// 147 is Pt100 with 4k7 pullup // 147 is Pt100 with 4k7 pullup
// 110 is Pt100 with 1k pullup (non standard) // 110 is Pt100 with 1k pullup (non standard)
// :{ 0: "Not used", 4: "10k !! do not use for a hotend. Bad resolution at high temp. !!", 1: "100k / 4.7k - EPCOS", 51: "100k / 1k - EPCOS", 6: "100k / 4.7k EPCOS - Not as accurate as Table 1", 5: "100K / 4.7k - ATC Semitec 104GT-2 (Used in ParCan & J-Head)", 7: "100k / 4.7k Honeywell 135-104LAG-J01", 71: "100k / 4.7k Honeywell 135-104LAF-J01", 8: "100k / 4.7k 0603 SMD Vishay NTCS0603E3104FXT", 9: "100k / 4.7k GE Sensing AL03006-58.2K-97-G1", 10: "100k / 4.7k RS 198-961", 11: "100k / 4.7k beta 3950 1%", 12: "100k / 4.7k 0603 SMD Vishay NTCS0603E3104FXT (calibrated for Makibox hot bed)", 13: "100k Hisens 3950 1% up to 300°C for hotend 'Simple ONE ' & hotend 'All In ONE'", 60: "100k Maker's Tool Works Kapton Bed Thermistor beta=3950", 55: "100k / 1k - ATC Semitec 104GT-2 (Used in ParCan & J-Head)", 2: "200k / 4.7k - ATC Semitec 204GT-2", 52: "200k / 1k - ATC Semitec 204GT-2", '-2': "Thermocouple + MAX6675 (only for sensor 0)", '-1': "Thermocouple + AD595", 3: "Mendel-parts / 4.7k", 1047: "Pt1000 / 4.7k", 1010: "Pt1000 / 1k (non standard)", 20: "PT100 (Ultimainboard V2.x)", 147: "Pt100 / 4.7k", 110: "Pt100 / 1k (non-standard)" }
#define TEMP_SENSOR_0 -1 #define TEMP_SENSOR_0 -1
#define TEMP_SENSOR_1 -1 #define TEMP_SENSOR_1 -1
#define TEMP_SENSOR_2 0 #define TEMP_SENSOR_2 0

View File

@ -41,9 +41,10 @@ p.info span { color: #800; }
#message { text-align: center; } #message { text-align: center; }
#message { width: 80%; margin: 0 auto 0.25em; color: #FF0; } #message { width: 80%; margin: 0 auto 0.25em; color: #FF0; }
#message p { padding: 2px 0; } #message p { padding: 2px 0; font-weight: bold; border-radius: 0.8em; }
#message p.error, #message p.message { color: #F00; background: #FF4; font-weight: bold; border-radius: 0.8em; }
#message p.message { color: #080; background: #CFC; } #message p.message { color: #080; background: #CFC; }
#message p.error { color: #F00; background: #FF4; }
#message p.warning { color: #FF0; background: #BA4; }
#message p.message span { #message p.message span {
color: #A00; color: #A00;
background: rgba(255, 255, 255, 1); background: rgba(255, 255, 255, 1);
@ -92,6 +93,17 @@ input[type="checkbox"], input[type="radio"].enabler { margin-left: 1em; }
input:disabled { color: #BBB; } input:disabled { color: #BBB; }
#more input[type="text"] { width: 20em; }
#more label {
width: 240px; /* label area */
height: 1em;
padding: 10px 360px 10px 1em;
margin-right: -350px;
text-align: right;
}
ul.tabs { padding: 0; list-style: none; } ul.tabs { padding: 0; list-style: none; }
ul.tabs li { display: inline; } ul.tabs li { display: inline; }
ul.tabs li a, ul.tabs li a,
@ -136,7 +148,7 @@ fieldset legend { display: none; }
} }
#serial_stepper { padding-top: 0.75em; display: block; float: left; } #serial_stepper { padding-top: 0.75em; display: block; float: left; }
#SERIAL_PORT { display: none; } /*#SERIAL_PORT { display: none; }*/
/* Tooltips */ /* Tooltips */

View File

@ -165,7 +165,7 @@ var configuratorApp = (function(){
this.makeTabsForFieldsets(); this.makeTabsForFieldsets();
// No selection on errors // No selection on errors
$msgbox.noSelect(); // $msgbox.noSelect();
// Make a droppable file uploader, if possible // Make a droppable file uploader, if possible
var $uploader = $('#file-upload'); var $uploader = $('#file-upload');
@ -231,30 +231,39 @@ var configuratorApp = (function(){
}, },
complete: function() { complete: function() {
ajax_count++; ajax_count++;
if (ajax_count >= 3) { if (ajax_count >= config_files.length) {
$.each(config_files, function(){ if (loaded_items[this]) loaded_items[this](); }); // If not all files loaded set an error
if (success_count < ajax_count) if (success_count < ajax_count)
self.setMessage('Unable to load configurations. Try the upload field.', 'error'); self.setMessage('Unable to load configurations. Try the upload field.', 'error');
// Is the request near the rate limit? Set an error.
var r; var r;
if (r = rateLimit) { if (r = rateLimit) {
if (r.quota < 20) { if (r.quota < 20) {
self.setMessage( self.setMessage(
'Approaching request limit (' + 'Approaching request limit (' +
r.quota + ' remaining.' + r.quota + ' remaining.' +
' Reset in ' + Math.floor(r.timeLeft/60) + ':' + (r.timeLeft%60+'').zeroPad(2) + ')' ' Reset in ' + Math.floor(r.timeLeft/60) + ':' + (r.timeLeft%60+'').zeroPad(2) + ')',
'warning'
); );
} }
} }
// Post-process all the loaded files
$.each(config_files, function(){ if (loaded_items[this]) loaded_items[this](); });
} }
} }
}); });
}); });
}, },
createDownloadLink: function(adv) { /**
* Make a download link visible and active
*/
activateDownloadLink: function(adv) {
var $c = adv ? $config_adv : $config, txt = $c.text(); var $c = adv ? $config_adv : $config, txt = $c.text();
var filename = (adv ? config_adv_file : config_file); var filename = (adv ? config_adv_file : config_file);
$c.prevAll('.download:first') $c.prevAll('.download:first')
.unbind('mouseover click')
.mouseover(function() { .mouseover(function() {
var d = new Date(), fn = d.fileStamp(filename); var d = new Date(), fn = d.fileStamp(filename);
$(this).attr({ download:fn, href:'download:'+fn, title:'download:'+fn }); $(this).attr({ download:fn, href:'download:'+fn, title:'download:'+fn });
@ -300,32 +309,41 @@ var configuratorApp = (function(){
* Get all the unique define names * Get all the unique define names
*/ */
getDefinesFromText: function(txt) { getDefinesFromText: function(txt) {
var leave_out_defines = ['CONFIGURATION_H', 'CONFIGURATION_ADV_H', 'STRING_VERSION', 'STRING_URL', 'STRING_VERSION_CONFIG_H', 'STRING_CONFIG_H_AUTHOR', 'STRING_SPLASH_LINE1', 'STRING_SPLASH_LINE2'];
// Get all the unique #define's and save them in an array // Get all the unique #define's and save them in an array
var r, define_obj = {}, findDef = new RegExp('#define[ \\t]+(\\w+)', 'gm'); var r, define_obj = {}, findDef = new RegExp('#define[ \\t]+(\\w+)', 'gm');
var cnt = 0;
while((r = findDef.exec(txt)) !== null) { while((r = findDef.exec(txt)) !== null) {
if (cnt++ && !(r[1] in define_obj)) define_obj[r[1]] = null; if ($.inArray(r[1], leave_out_defines) < 0 && !(r[1] in define_obj))
define_obj[r[1]] = null;
} }
this.log(Object.keys(define_obj), 2); this.log(Object.keys(define_obj), 2);
return Object.keys(define_obj); return Object.keys(define_obj);
}, },
/** /**
* Create placeholder fields for defines, as needed * Create fields for any defines that have none
*/ */
createFieldsForDefines: function(adv) { createFieldsForDefines: function(adv) {
var e = adv ? 1 : 0, n = 0; var e = adv ? 1 : 0, n = 0;
var fail_list = []; var fail_list = [];
$.each(define_list[e], function(i,name) { $.each(define_list[e], function(i,name) {
if (!$('#'+name).length) { if (!$('#'+name).length) {
var $ff = $('#more'); var $ff = $('#more'),
var inf = self.getDefineInfo(name, adv); inf = self.getDefineInfo(name, adv);
if (inf) { if (inf) {
var $newlabel = $('<label>',{for:name}).text(name.toLabel()); var $newlabel = $('<label>',{for:name}).text(name.toLabel());
// if (!(++n % 3)) // if (!(++n % 3))
$newlabel.addClass('newline'); $newlabel.addClass('newline');
var $newfield = inf.type == 'switch' ? $('<input>',{type:'checkbox'}) : $('<input>',{type:'text',size:10,maxlength:40});
var $newfield;
if (inf.options !== undefined) {
$newfield = $('<select>'); //.addOptions(inf.options);
}
else {
$newfield = inf.type == 'switch' ? $('<input>',{type:'checkbox'}) : $('<input>',{type:'text',size:10,maxlength:40});
}
$newfield.attr({id:name,name:name}).prop({defineInfo:inf}); $newfield.attr({id:name,name:name}).prop({defineInfo:inf});
// Add the new field to the form
$ff.append($newlabel, $newfield); $ff.append($newlabel, $newfield);
} }
else else
@ -358,7 +376,7 @@ var configuratorApp = (function(){
*/ */
fileLoaded: function(filename, txt) { fileLoaded: function(filename, txt) {
this.log("fileLoaded:"+filename,4); this.log("fileLoaded:"+filename,4);
var err; var err, init_index;
switch(filename) { switch(filename) {
case boards_file: case boards_file:
this.initBoardsFromText(txt); this.initBoardsFromText(txt);
@ -369,13 +387,8 @@ var configuratorApp = (function(){
if (has_boards) { if (has_boards) {
$config.text(txt); $config.text(txt);
total_config_lines = txt.lineCount(); total_config_lines = txt.lineCount();
this.initThermistorsFromText(txt); // this.initThermistorsFromText(txt);
this.purgeDefineInfo(false); init_index = 0;
define_list[0] = this.getDefinesFromText(txt);
this.log(define_list[0], 2);
this.createFieldsForDefines(0);
this.refreshConfigForm();
this.createDownloadLink(false);
has_config = true; has_config = true;
} }
else { else {
@ -386,11 +399,7 @@ var configuratorApp = (function(){
if (has_config) { if (has_config) {
$config_adv.text(txt); $config_adv.text(txt);
total_config_adv_lines = txt.lineCount(); total_config_adv_lines = txt.lineCount();
this.purgeDefineInfo(true); init_index = 1;
define_list[1] = this.getDefinesFromText(txt);
this.log(define_list[1], 2);
this.refreshConfigForm();
this.createDownloadLink(true);
has_config_adv = true; has_config_adv = true;
} }
else { else {
@ -398,6 +407,16 @@ var configuratorApp = (function(){
} }
break; break;
} }
// When a config file loads defines might change
if (init_index != null) {
var adv = init_index == 1;
define_list[init_index] = this.getDefinesFromText(txt);
this.log(define_list[init_index], 2);
this.purgeDefineInfo(adv);
this.createFieldsForDefines(init_index);
this.refreshConfigForm(init_index);
this.activateDownloadLink(adv);
}
this.setMessage(err this.setMessage(err
? 'Please upload a "' + boards_file + '" file first!' ? 'Please upload a "' + boards_file + '" file first!'
: '"' + filename + '" loaded successfully.', err ? 'error' : 'message' : '"' + filename + '" loaded successfully.', err ? 'error' : 'message'
@ -405,7 +424,7 @@ var configuratorApp = (function(){
}, },
/** /**
* Add enhancements to the form * Add initial enhancements to the existing form
*/ */
initConfigForm: function() { initConfigForm: function() {
// Modify form fields and make the form responsive. // Modify form fields and make the form responsive.
@ -436,12 +455,13 @@ var configuratorApp = (function(){
}); });
// Add options to the popup menus // Add options to the popup menus
$('#SERIAL_PORT').addOptions([0,1,2,3,4,5,6,7]); // $('#SERIAL_PORT').addOptions([0,1,2,3,4,5,6,7]);
$('#BAUDRATE').addOptions([2400,9600,19200,38400,57600,115200,250000]); // $('#BAUDRATE').addOptions([2400,9600,19200,38400,57600,115200,250000]);
$('#EXTRUDERS').addOptions([1,2,3,4]); // $('#EXTRUDERS').addOptions([1,2,3,4]);
$('#POWER_SUPPLY').addOptions({'1':'ATX','2':'Xbox 360'}); // $('#POWER_SUPPLY').addOptions({'1':'ATX','2':'Xbox 360'});
// Replace the Serial popup menu with a stepper control // Replace the Serial popup menu with a stepper control
/*
$('#serial_stepper').jstepper({ $('#serial_stepper').jstepper({
min: 0, min: 0,
max: 3, max: 3,
@ -455,6 +475,7 @@ var configuratorApp = (function(){
textStyle: {width:'1.5em',fontSize:'120%',textAlign:'center'}, textStyle: {width:'1.5em',fontSize:'120%',textAlign:'center'},
onChange: function(v) { $('#SERIAL_PORT').val(v).trigger('change'); } onChange: function(v) { $('#SERIAL_PORT').val(v).trigger('change'); }
}); });
*/
}, },
/** /**
@ -462,8 +483,9 @@ var configuratorApp = (function(){
*/ */
makeTabsForFieldsets: function() { makeTabsForFieldsets: function() {
// Make tabs for the fieldsets // Make tabs for the fieldsets
var $fset = $form.find('fieldset'); var $fset = $form.find('fieldset'),
var $tabs = $('<ul>',{class:'tabs'}), ind = 1; $tabs = $('<ul>',{class:'tabs'}),
ind = 1;
$fset.each(function(){ $fset.each(function(){
var tabID = 'TAB'+ind; var tabID = 'TAB'+ind;
$(this).addClass(tabID); $(this).addClass(tabID);
@ -489,7 +511,7 @@ var configuratorApp = (function(){
/** /**
* Update all fields on the form after loading a configuration * Update all fields on the form after loading a configuration
*/ */
refreshConfigForm: function() { refreshConfigForm: function(init_index) {
/** /**
* Any manually-created form elements will remain * Any manually-created form elements will remain
@ -499,32 +521,44 @@ var configuratorApp = (function(){
* Specific exceptions can be managed by applying * Specific exceptions can be managed by applying
* classes to the associated form fields. * classes to the associated form fields.
* Sorting and arrangement can come from an included * Sorting and arrangement can come from an included
* js file that describes the configuration in JSON. * Javascript file that describes the configuration
* in JSON, or using information added to the config
* files.
* *
* For now I'm trying to derive information
* about options directly from the config file.
*/ */
// Refresh the motherboard menu with new options
$('#MOTHERBOARD').html('').addOptions(boards_list); $('#MOTHERBOARD').html('').addOptions(boards_list);
$('#TEMP_SENSOR_0, #TEMP_SENSOR_1, #TEMP_SENSOR_2, #TEMP_SENSOR_BED').html('').addOptions(therms_list); // Init all existing fields, getting define info for any that need it
// refreshing the options and updating their current values
$.each(define_list, function() { $.each(this, function() { if ($('#'+this).length) self.initField(this); }); }); $.each(define_list[init_index], function() {
if ($('#'+this).length)
self.initField(this,init_index==1);
else
self.log(this + " is not on the page yet.", 2);
});
}, },
/** /**
* Make a field responsive and initialize its defineInfo * Get the defineInfo for a field on the form
* Make it responsive, add a tooltip
*/ */
initField: function(name, adv) { initField: function(name, adv) {
this.log("initField:"+name,4); this.log("initField:"+name,4);
var $elm = $('#'+name), elm = $elm[0]; var $elm = $('#'+name), elm = $elm[0], inf = elm.defineInfo;
if (elm.defineInfo == null) { if (inf == null)
var inf = elm.defineInfo = this.getDefineInfo(name, adv); inf = elm.defineInfo = this.getDefineInfo(name, adv);
$elm.on($elm.attr('type') == 'text' ? 'input' : 'change', this.handleChange);
// Set options on the field if there are any
if (inf.options !== undefined)
$elm.html('').addOptions(inf.options);
// Create a tooltip if there is one
if (inf.tooltip) { if (inf.tooltip) {
var $tipme = $elm.prev('label'); var $tipme = $elm.prev('label');
if ($tipme.length) { if ($tipme.length) {
$tipme.unbind('mouseenter mouseleave');
$tipme.hover( $tipme.hover(
function() { function() {
if ($('#tipson input').prop('checked')) { if ($('#tipson input').prop('checked')) {
@ -548,7 +582,11 @@ var configuratorApp = (function(){
); );
} }
} }
}
$elm.unbind('input change');
$elm.on($elm.attr('type') == 'text' ? 'input' : 'change', this.handleChange);
// Set the field's initial value from the define
this.setFieldFromDefine(name); this.setFieldFromDefine(name);
}, },
@ -733,6 +771,7 @@ var configuratorApp = (function(){
* - Store the existing #define line as a fast key to finding it later. * - Store the existing #define line as a fast key to finding it later.
* - Determine the line number of the #define so it can be scrolled to. * - Determine the line number of the #define so it can be scrolled to.
* - Gather nearby comments to be used as tooltips. * - Gather nearby comments to be used as tooltips.
* - Look for JSON in nearby comments to use as select options.
*/ */
getDefineInfo: function(name, adv) { getDefineInfo: function(name, adv) {
if (adv === undefined) adv = false; if (adv === undefined) adv = false;
@ -756,6 +795,21 @@ var configuratorApp = (function(){
info.regex = new RegExp('([ \\t]*//)?([ \\t]*' + info.define.regEsc() + info.post.regEsc() + ')', 'm'); info.regex = new RegExp('([ \\t]*//)?([ \\t]*' + info.define.regEsc() + info.post.regEsc() + ')', 'm');
info.repl = new RegExp('([ \\t]*)(\/\/)?([ \\t]*' + info.define.regEsc() + info.post.regEsc() + ')', 'm'); info.repl = new RegExp('([ \\t]*)(\/\/)?([ \\t]*' + info.define.regEsc() + info.post.regEsc() + ')', 'm');
} }
else {
// a define with curly braces
findDef = new RegExp('^(.*//)?(.*#define[ \\t]+' + name + '[ \\t]+)(\{[^\}]*\})([ \\t]*/[*/].*)?$', 'm');
result = findDef.exec(txt);
if (result !== null) {
$.extend(info, {
type: 'list',
line: result[0],
pre: result[1] === undefined ? '' : result[1].replace('//',''),
define: result[2],
post: result[4] === undefined ? '' : result[4]
});
info.regex = new RegExp('([ \\t]*//)?[ \\t]*' + info.define.regEsc() + '\{([^\}]*)\}' + info.post.regEsc(), 'm');
info.repl = new RegExp('(([ \\t]*//)?[ \\t]*' + info.define.regEsc() + '\{)[^\}]*(\}' + info.post.regEsc() + ')', 'm');
}
else { else {
// a define with quotes // a define with quotes
findDef = new RegExp('^(.*//)?(.*#define[ \\t]+' + name + '[ \\t]+)("[^"]*")([ \\t]*/[*/].*)?$', 'm'); findDef = new RegExp('^(.*//)?(.*#define[ \\t]+' + name + '[ \\t]+)("[^"]*")([ \\t]*/[*/].*)?$', 'm');
@ -788,6 +842,7 @@ var configuratorApp = (function(){
} }
} }
} }
}
// Success? // Success?
if (info.type) { if (info.type) {
@ -807,13 +862,22 @@ var configuratorApp = (function(){
tooltip = ''; tooltip = '';
break; break;
} }
// JSON data? Save as select options
if (s[1].match(/:[\[{]/) != null) {
// TODO
// :[1-6] = value limits
eval('info.options = ' + s[1].substr(1));
}
else {
// Other lines added to the tooltip
tooltip += ' ' + s[1] + '\n'; tooltip += ' ' + s[1] + '\n';
} }
} }
}
findDef = new RegExp('^[ \\t]*'+name); // To strip the name from the start findDef = new RegExp('^'+name); // To strip the name from the start
$.extend(info, { $.extend(info, {
tooltip: '<strong>'+name+'</strong> '+tooltip.replace(findDef,'').trim().toHTML(), tooltip: '<strong>'+name+'</strong> '+tooltip.trim().replace(findDef,'').toHTML(),
lineNum: this.getLineNumberOfText(info.line, txt) lineNum: this.getLineNumberOfText(info.line, txt)
}); });
} }