c71ecf1b8a
M0 no longer turns motors off Updated M18 and M84 as per zpl fork Don't insist that user provides values for all 5 possible extruders in M906 command Added Ormerod 2 sys files Updated web interface files
1374 lines
48 KiB
JavaScript
1374 lines
48 KiB
JavaScript
/*! Reprap Ormerod Web Control | by Matt Burnett <matt@burny.co.uk>. | open license
|
|
*/
|
|
var ver = 1.03; //App version
|
|
var polling = false;
|
|
var printing = false;
|
|
var paused = false;
|
|
var chart,chart2,ormerodIP,layerCount,currentLayer,objHeight,objTotalFilament,printStartTime,gFilename,ubuff,timerStart,storage,layerHeight,lastUpdatedTime;
|
|
var startingFilamentPos = [], currentFilamentPos = [], objUsedFilament = [];
|
|
var sFactor = 100, e1Factor = 100, e2Factor = 100;
|
|
var sSliderActive = false, e1SliderActive = false, e2SliderActive = false;
|
|
var maxUploadBuffer = 2000;
|
|
var messageSeqId = 0;
|
|
var currentTool = 0;
|
|
|
|
//Temp/Layer Chart settings
|
|
var maxDataPoints = 200;
|
|
var chartData = [[], [], []];
|
|
var maxLayerBars = 100;
|
|
var layerData = [];
|
|
var filamentData = [];
|
|
var bedColour = "#454BFF"; //blue
|
|
var head1Colour = "#FC2D2D"; //red
|
|
var head2Colour = "#00A000"; //green
|
|
|
|
var gFileData = "";
|
|
var gFileIndex = 0;
|
|
var expansionFactor = 1.33;
|
|
var macroGs = ['setbed.g'];
|
|
var chevLeft = "<span class='glyphicon glyphicon-chevron-left'></span>";
|
|
var chevRight = "<span class='glyphicon glyphicon-chevron-right'></span>";
|
|
|
|
var gcodeDir = "gcodes/";
|
|
var webDir = "www/";
|
|
var sysDir = "sys/";
|
|
|
|
jQuery.extend({
|
|
askElle: function(reqType, code) {
|
|
var result;
|
|
var query = "";
|
|
switch(reqType) {
|
|
case 'upload_data':
|
|
query = "?data="+code; // 'code' has already been URI encoded
|
|
break;
|
|
case 'gcode':
|
|
query = "?gcode="+encodeURIComponent(code);
|
|
break;
|
|
case 'fileinfo':
|
|
if (code == null) break;
|
|
case 'upload_begin':
|
|
case 'delete':
|
|
query = "?name="+encodeURIComponent(code);
|
|
break;
|
|
case 'upload_end':
|
|
query = "?size="+code;
|
|
break;
|
|
}
|
|
var url = '//' + ormerodIP + '/rr_'+reqType+query;
|
|
$.ajax(url, {async:false,dataType:"json",success:function(data){result = data;}});
|
|
return result;
|
|
}
|
|
});
|
|
|
|
$(document).ready(function() {
|
|
storage=$.localStorage;
|
|
getCookies();
|
|
loadSettings();
|
|
|
|
moveVals(['X','Y','Z']);
|
|
|
|
ormerodIP = location.host;
|
|
$('span#hostLocation').text(ormerodIP);
|
|
|
|
if ($.support.fileDrop) {
|
|
fileDrop();
|
|
} else {
|
|
alert('Your browser does not support file drag-n-drop :( \nYou have to Click and select a file instead');
|
|
}
|
|
|
|
//fill chart with dummy data
|
|
for (var i = 0; i < maxDataPoints; i++) {
|
|
chartData[0].push([i, 0]);
|
|
chartData[1].push([i, 10]);
|
|
chartData[2].push([i, 20]);
|
|
}
|
|
|
|
//chart line colours
|
|
$('#bedTxt').css("color", bedColour);
|
|
$('#head1Click').css("color", head1Colour);
|
|
$('#head2Click').css("color", head2Colour);
|
|
|
|
chart = $.plot("#tempchart", chartData, {
|
|
series: {shadowSize: 0},
|
|
colors: [bedColour, head1Colour, head2Colour],
|
|
yaxis: {min: -20, max: 280},
|
|
xaxis: {show: false},
|
|
grid: {
|
|
borderWidth: 0
|
|
}
|
|
});
|
|
|
|
chart2 = $.plot("#layerChart", [{
|
|
data: layerData,
|
|
bars: {show: true}
|
|
}], {
|
|
series: {shadowSize: 0},
|
|
xaxis: {minTickSize: 1, tickDecimals: 0, panRange: [0, null], zoomRange: [20, 50]},
|
|
yaxis: {minTickSize: 1, min: 0, tickDecimals: 0, panRange: false},
|
|
grid: {borderWidth: 0},
|
|
pan: {interactive: true}
|
|
});
|
|
|
|
message('success', 'Page Load Complete');
|
|
$('button#connect').removeClass('disabled');
|
|
|
|
var htmVer = getHTMLver();
|
|
$('p#htmVer').text(htmVer);
|
|
$('p#jsVer').text(ver);
|
|
if (htmVer < ver) {
|
|
//pop message
|
|
modalMessage("Update! v"+ver+" is Available",
|
|
"The version of reprap.htm on your Duet SD card is "+getHTMLver()+", the latest version is "+ver
|
|
+", to ensure compatibility and with the latest javascript code, new features, and correct functionality it is highly recommended that you upgrade. The newest reprap.htm can be found at <a href='https://github.com/dc42/OrmerodWebControl'>https://github.com/dc42/OrmerodWebControl</a>",
|
|
true);
|
|
}
|
|
|
|
});
|
|
|
|
$('#connect').on('click', function() {
|
|
if (polling) {
|
|
polling = false;
|
|
updatePage();
|
|
} else {
|
|
polling = true;
|
|
$.askElle("connect");
|
|
updatePage();
|
|
listGFiles();
|
|
|
|
// Get the machine name
|
|
var resp = $.askElle("name");
|
|
if (resp !== undefined && resp.hasOwnProperty('myName') && resp.myName.length != 0) {
|
|
$('span#machineName').text(resp.myName);
|
|
}
|
|
|
|
// See if the machine is printing a file, if so get the details and switch to the print Status tab
|
|
resp = $.askElle("fileinfo", null);
|
|
if (resp != undefined && resp.hasOwnProperty('fileName')) {
|
|
var temp = updateFileTableInfo(resp, 'slic3rMain');
|
|
layerHeight = temp[0];
|
|
var height = temp[1], filament = temp[2];
|
|
$('span#gFileDisplay').html('<strong>Printing ' + resp.fileName + ' from Duet SD card</strong>');
|
|
printStartTime = (new Date()).getTime() - resp.printDuration;
|
|
$('span#elapsed').text(resp.printDuration.toHHMMSS());
|
|
resetLayerData(height, filament, true);
|
|
$('progress#printProgressBar').show();
|
|
$('#tabs a:eq(1)').tab('show');
|
|
}
|
|
|
|
// Get the firmware version. The response will be captured automatically from the next status response.
|
|
$.askElle("gcode", "M115");
|
|
poll();
|
|
}
|
|
});
|
|
|
|
//temp controls
|
|
$('div#bedActiveTemperature').on('click', 'a#bedActiveTempLink', function() {
|
|
$('input#bedActiveTempInput').val($(this).text());
|
|
$.askElle('gcode', "M140 S" + $(this).text());
|
|
});
|
|
$('div#head1ActiveTemperature').on('click', 'a#head1ActiveTempLink', function() {
|
|
$('input#head1ActiveTempInput').val($(this).text());
|
|
$.askElle('gcode', "G10 P1 S" + $(this).text());
|
|
});
|
|
$('div#head1StandbyTemperature').on('click', 'a#head1StandbyTempLink', function() {
|
|
$('input#head1StandbyTempInput').val($(this).text());
|
|
$.askElle('gcode', "G10 P1 R" + $(this).text());
|
|
});
|
|
$('div#head2ActiveTemperature').on('click', 'a#head2ActiveTempLink', function() {
|
|
$('input#head2ActiveTempInput').val($(this).text());
|
|
$.askElle('gcode', "G10 P2 S" + $(this).text());
|
|
});
|
|
$('div#head2StandbyTemperature').on('click', 'a#head2StandbyTempLink', function() {
|
|
$('input#head2StandbyTempInput').val($(this).text());
|
|
$.askElle('gcode', "G10 P2 R" + $(this).text());
|
|
});
|
|
$('input#bedActiveTempInput').keydown(function(event) {
|
|
if (event.which === 13) {
|
|
event.preventDefault();
|
|
$.askElle('gcode', "M140 S" + $(this).val());
|
|
$('input#bedActiveTempInput').blur();
|
|
}
|
|
});
|
|
$('input#head1ActiveTempInput').keydown(function(event) {
|
|
if (event.which === 13) {
|
|
event.preventDefault();
|
|
$.askElle('gcode', "G10 P1 S" + $(this).val());
|
|
$('input#head1ActiveTempInput').blur();
|
|
}
|
|
});
|
|
$('input#head1StandbyTempInput').keydown(function(event) {
|
|
if (event.which === 13) {
|
|
event.preventDefault();
|
|
$.askElle('gcode', "G10 P1 R" + $(this).val());
|
|
$('input#head1StandbyTempInput').blur()
|
|
}
|
|
});
|
|
$('input#head2ActiveTempInput').keydown(function(event) {
|
|
if (event.which === 13) {
|
|
event.preventDefault();
|
|
$.askElle('gcode', "G10 P2 S" + $(this).val());
|
|
$('input#head2ActiveTempInput').blur();
|
|
}
|
|
});
|
|
$('input#head2StandbyTempInput').keydown(function(event) {
|
|
if (event.which === 13) {
|
|
event.preventDefault();
|
|
$.askElle('gcode', "G10 P2 R" + $(this).val());
|
|
$('input#head2StandbyTempInput').blur();
|
|
}
|
|
});
|
|
$('div#bedActiveTemperature ul').on('click', 'a#addBedActiveTemp', function() {
|
|
addTemp($('input#bedActiveTempInput').val(), 'bed');
|
|
});
|
|
$('div#head1ActiveTemperature ul').on('click', 'a#addHead1ActiveTemp', function() {
|
|
addTemp($('input#head1ActiveTempInput').val(), 'active');
|
|
});
|
|
$('div#head1StandbyTemperature ul').on('click', 'a#addHead1StandbyTemp', function() {
|
|
addTemp($('input#head1StandbyTempInput').val(), 'standby');
|
|
});
|
|
$('div#head2ActiveTemperature ul').on('click', 'a#addHead2ActiveTemp', function() {
|
|
addTemp($('input#head2ActiveTempInput').val(), 'active');
|
|
});
|
|
$('div#head2StandbyTemperature ul').on('click', 'a#addHead2StandbyTemp', function() {
|
|
addTemp($('input#head2StandbyTempInput').val(), 'standby');
|
|
});
|
|
$('a#head1Click').on('click', function() {
|
|
$.askElle('gcode', (currentTool == 1) ? "T0" : "T1");
|
|
});
|
|
$('a#head2Click').on('click', function() {
|
|
$.askElle('gcode', (currentTool == 2) ? "T0" : "T2");
|
|
});
|
|
|
|
//feed controls
|
|
$('div#feed button#feed').on('click', function() {
|
|
var amount = $(this).val();
|
|
var dir = "";
|
|
if ($('input[name="feeddir"]:checked').attr('id') == "reverse") {
|
|
dir = "-";
|
|
}
|
|
var feedRate = " F" + $('input[name="speed"]:checked').val();
|
|
var code = "M120\nM83\nG1 E" + dir + amount + feedRate + "\nM121";
|
|
$.askElle('gcode', code);
|
|
});
|
|
|
|
//gcodes
|
|
$('div#sendG button#txtinput, div#sendG a').on('click', function() {
|
|
var code;
|
|
if (this.nodeName === 'BUTTON') {
|
|
code = $('input#gInput').val().toUpperCase();
|
|
} else {
|
|
code = $(this).text();
|
|
}
|
|
$.askElle('gcode', code); //send gcode
|
|
});
|
|
$('table#quicks').on('click', 'a', function() {
|
|
var code;
|
|
if (this.attributes.itemprop) {
|
|
code = this.attributes.itemprop.value;
|
|
} else {
|
|
code = $(this).text();
|
|
}
|
|
$.askElle('gcode', code);
|
|
});
|
|
$('input#gInput').keydown(function(event) {
|
|
if (event.which === 13) {
|
|
event.preventDefault();
|
|
$.askElle('gcode', $(this).val().toUpperCase());
|
|
}
|
|
});
|
|
|
|
//move controls
|
|
$('table#moveHead').on('click', 'button', function() {
|
|
var btnVal = $(this).attr('value');
|
|
if (btnVal) {
|
|
$.askElle('gcode', btnVal);
|
|
} else {
|
|
var value = $(this).text();
|
|
|
|
var feedRate = " F4000";
|
|
if (value.indexOf("Z") >= 0)
|
|
feedRate = " F200";
|
|
|
|
var movePreCode = "M120\nG91\nG1 ";
|
|
var movePostCode = "\nM121";
|
|
$.askElle('gcode', movePreCode + value + feedRate + movePostCode);
|
|
}
|
|
});
|
|
|
|
//panic buttons
|
|
$('div#panicBtn button').on('click', function() {
|
|
var btnVal = $(this).attr('value');
|
|
switch (btnVal) {
|
|
case "M112":
|
|
//panic stop
|
|
window.stop();
|
|
paused = false;
|
|
break;
|
|
case "reset":
|
|
//reset printing after pause
|
|
printing = false;
|
|
paused = false;
|
|
btnVal = "M0";
|
|
resetLayerData(0, 0, false);
|
|
//no break
|
|
case "M24":
|
|
//resume
|
|
paused = false;
|
|
$('button#pause').removeClass('active').text('Pause').attr('value', 'M25');
|
|
$('button#printing').text("Ready :)");
|
|
$('button#reset').addClass('hidden');
|
|
break;
|
|
case "M25":
|
|
//pause
|
|
paused = true;
|
|
$(this).addClass('active').text('Resume').attr('value', 'M24');
|
|
$('button#printing').text("Paused");
|
|
$('button#reset').removeClass('hidden');
|
|
break;
|
|
}
|
|
$.askElle('gcode', btnVal);
|
|
});
|
|
|
|
//sliders
|
|
$('#sFactor').slider({orientation:'vertical', reversed:true, min:10, max:300, step:5, value:100, tooltip:'show'});
|
|
$('#e1Factor').slider({orientation:'vertical', reversed:true, min:80, max:120, step:1, value:100, tooltip:'show'});
|
|
$('#e2Factor').slider({orientation:'vertical', reversed:true, min:80, max:120, step:1, value:100, tooltip:'show'});
|
|
|
|
$("#sFactor").on('slide', function(slideEvt) {
|
|
sSliderActive = true;
|
|
sFactor = slideEvt.value;
|
|
$("span#sPercent").text(sFactor);
|
|
});
|
|
$("#e1Factor").on('slide', function(slideEvt) {
|
|
e1SliderActive = true;
|
|
e1Factor = slideEvt.value;
|
|
$("span#e1Percent").text(e1Factor);
|
|
});
|
|
$("#e2Factor").on('slide', function(slideEvt) {
|
|
e2SliderActive = true;
|
|
e2Factor = slideEvt.value;
|
|
$("span#e2Percent").text(e2Factor);
|
|
});
|
|
|
|
$("#sFactor").on('slideStop', function(slideEvt) {
|
|
sFactor = slideEvt.value;
|
|
$("span#sPercent").text(sFactor);
|
|
$.askElle('gcode', "M220 S"+sFactor);
|
|
sSliderActive = false;
|
|
});
|
|
$("#e1Factor").on('slideStop', function(slideEvt) {
|
|
e1Factor = slideEvt.value;
|
|
$("span#e1Percent").text(e1Factor);
|
|
$.askElle('gcode', "M221 D0 S"+e1Factor);
|
|
e1SliderActive = false;
|
|
});
|
|
$("#e2Factor").on('slideStop', function(slideEvt) {
|
|
e2Factor = slideEvt.value;
|
|
$("span#e2Percent").text(e2Factor);
|
|
$.askElle('gcode', "M221 D1 S"+e2Factor);
|
|
e2SliderActive = false;
|
|
});
|
|
|
|
//g files
|
|
$("div#gFileList1, div#gFileList2, div#gFileList3")
|
|
.on('mouseover', 'span#fileDelete', function() {
|
|
$(this).parent().parent().parent().parent().parent().addClass('file-red');
|
|
}).on('mouseout', 'span#fileDelete', function() {
|
|
$(this).parent().parent().parent().parent().parent().removeClass('file-red');
|
|
}).on('mouseover', 'span#filePrint', function() {
|
|
$(this).parent().parent().parent().parent().parent().addClass('file-green');
|
|
}).on('mouseout', 'span#filePrint', function() {
|
|
$(this).parent().parent().parent().parent().parent().removeClass('file-green');
|
|
}).on('mouseover', 'span#fileInfo', function() {
|
|
$(this).parent().parent().parent().parent().parent().addClass('file-blue');
|
|
}).on('mouseout', 'span#fileInfo', function() {
|
|
$(this).parent().parent().parent().parent().parent().removeClass('file-blue');
|
|
}).on('click', 'span#fileDelete', function() {
|
|
var filename = gcodeDir + $(this).parent().parent().text();
|
|
var resp = $.askElle('delete', filename);
|
|
if (resp.err == 0) {
|
|
message('success', "G file [" + filename + "] deleted from the SD card");
|
|
} else {
|
|
modalMessage("Delete failed", "Failed to delete file " + filename, true);
|
|
}
|
|
listGFiles();
|
|
}).on('click', 'span#filePrint', function() {
|
|
var filename = $(this).parent().parent().text();
|
|
printSDfile(filename);
|
|
}).on('click', 'span#fileInfo', function() {
|
|
showFileInfo(gcodeDir + $(this).parent().parent().text());
|
|
});
|
|
$("button#filereload").on('click', function() {
|
|
$('span#ulTitle').text("File Upload Status");
|
|
setProgress(0, "ul", 0,0);
|
|
listGFiles();
|
|
});
|
|
$('#uploadPrintGfile').on('click', function(){
|
|
$('input#uploadPrintGselect').click();
|
|
});
|
|
$('#uploadGfile').on('click', function(){
|
|
$('input#uploadGselect').click();
|
|
});
|
|
$('#ulConfigG').on('click', function(){
|
|
$('input#ulConfigGselect').click();
|
|
});
|
|
$('#ulReprapHTM').on('click', function(){
|
|
$('input#ulReprapHTMselect').click();
|
|
});
|
|
$("input#uploadPrintGselect:file").change(function (e){
|
|
var file = this.files[0];
|
|
readFile(this.files[0], function(e) {
|
|
handleFileDrop(e.target.result, file.name, 'uploadandprint');
|
|
});
|
|
$(this).val('');
|
|
});
|
|
$("input#uploadGselect:file").change(function (e){
|
|
var file = this.files[0];
|
|
readFile(this.files[0], function(e) {
|
|
handleFileDrop(e.target.result, file.name, 'upload');
|
|
});
|
|
$(this).val('');
|
|
});
|
|
$("input#ulConfigGselect:file").change(function (e){
|
|
var file = this.files[0];
|
|
readFile(this.files[0], function(e) {
|
|
handleFileDrop(e.target.result, file.name, 'config');
|
|
});
|
|
$(this).val('');
|
|
});
|
|
$("input#ulReprapHTMselect:file").change(function (e){
|
|
var file = this.files[0];
|
|
readFile(this.files[0], function(e) {
|
|
handleFileDrop(e.target.result, file.name, 'htm');
|
|
});
|
|
$(this).val('');
|
|
});
|
|
|
|
//Settings/cookie buttons
|
|
$("div#settings button#saveSettings").on('click', function(){
|
|
saveSettings();
|
|
});
|
|
$("div#settings button#delSettings").on('click', function(){
|
|
delSettings();
|
|
});
|
|
|
|
$('a[data-toggle="tab"]').on('show.bs.tab', function(e) {
|
|
if (e.target.hash == "#settings") {
|
|
$.askElle("gcode", "M503"); //get config.g on setting view
|
|
}
|
|
});
|
|
|
|
//Messages
|
|
$("div#messages button#clearLog").on('click', function(){
|
|
message('clear', '');
|
|
});
|
|
|
|
//In the following, 'whichTemp' should be 'active', 'standby' or 'bed'
|
|
function addTemp(tempVal, whichTemp) {
|
|
if (tempVal != "") {
|
|
var temps = storage.get('temps', whichTemp);
|
|
var newTemp = parseInt(tempVal);
|
|
if (temps.indexOf(newTemp) < 0) {
|
|
temps.push(newTemp);
|
|
temps.sort(function(a, b){return b-a});
|
|
storage.set('temps.' + whichTemp, temps);
|
|
loadSettings();
|
|
}
|
|
}else{
|
|
modalMessage("Error Adding Head Temp!", "You must enter a Temperature to add it to the dropdown list", close);
|
|
}
|
|
}
|
|
|
|
function getCookies() {
|
|
//if none use defaults here, probably move them elsewhere at some point!
|
|
if (!storage.get('settings')) {
|
|
storage.set('settings', { pollDelay : 1000, layerHeight : 0.24, halfz : 0, noOK : 0 });
|
|
}
|
|
if (!storage.get('temps') || !storage.get('temps.active')) {
|
|
storage.set('temps', {'bed' : [120,65,0], 'active' : [240,185,0], 'standby' : [190,150,0] });
|
|
}
|
|
}
|
|
|
|
function loadSettings() {
|
|
$('div#settings input#pollDelay').val(storage.get('settings', 'pollDelay').toString());
|
|
$('div#settings input#layerHeight').val(storage.get('settings', 'layerHeight').toString().toString())
|
|
storage.get('settings', 'halfz')==1?$('div#settings input#halfz').prop('checked', true):$('div#settings input#halfz').prop('checked', false);
|
|
storage.get('settings', 'noOK')==1?$('div#messages input#noOK').prop('checked', true):$('div#messages input#noOK').prop('checked', false);
|
|
|
|
$('div#bedActiveTemperature ul').html('<li class="divider"></li><li><a href="#" id="addBedActiveTemp">Add Temp</a></li>');
|
|
$('div#head1ActiveTemperature ul').html('<li class="divider"></li><li><a href="#" id="addHead1ActiveTemp">Add Temp</a></li>');
|
|
$('div#head1StandbyTemperature ul').html('<li class="divider"></li><li><a href="#" id="addHead1StandbyTemp">Add Temp</a></li>');
|
|
$('div#head2ActiveTemperature ul').html('<li class="divider"></li><li><a href="#" id="addHead2ActiveTemp">Add Temp</a></li>');
|
|
$('div#head2StandbyTemperature ul').html('<li class="divider"></li><li><a href="#" id="addHead2StandbyTemp">Add Temp</a></li>');
|
|
storage.get('temps', 'bed').forEach(function(item){
|
|
$('div#bedActiveTemperature ul').prepend('<li><a href="#" id="bedActiveTempLink">'+item+'</a></li>');
|
|
});
|
|
storage.get('temps', 'active').forEach(function(item){
|
|
$('div#head1ActiveTemperature ul').prepend('<li><a href="#" id="head1ActiveTempLink">'+item+'</a></li>');
|
|
$('div#head2ActiveTemperature ul').prepend('<li><a href="#" id="head2ActiveTempLink">'+item+'</a></li>');
|
|
});
|
|
storage.get('temps', 'standby').forEach(function(item){
|
|
$('div#head1StandbyTemperature ul').prepend('<li><a href="#" id="head1StandbyTempLink">'+item+'</a></li>');
|
|
$('div#head2StandbyTemperature ul').prepend('<li><a href="#" id="head2StandbyTempLink">'+item+'</a></li>');
|
|
});
|
|
}
|
|
|
|
function delSettings() {
|
|
storage.removeAll();
|
|
getCookies();
|
|
loadSettings();
|
|
}
|
|
|
|
function saveSettings() {
|
|
var zwas = storage.get('settings', 'halfz');
|
|
storage.set('settings.pollDelay', parseInt($('div#settings input#pollDelay').val()));
|
|
storage.set('settings.layerHeight', parseFloat($('div#settings input#layerHeight').val()));
|
|
$('div#settings input#halfz').is(':checked')?storage.set('settings.halfz','1'):storage.set('settings.halfz','0');
|
|
$('div#settings input#noOK').is(':checked')?storage.set('settings.noOk','1'):storage.set('settings.noOK','0');
|
|
if (zwas !== storage.get('settings', 'halfz')) {
|
|
$('div#Zminus, div#Zplus').text('');
|
|
moveVals(['Z']);
|
|
}
|
|
}
|
|
|
|
function moveVals(axis) {
|
|
axis.forEach(function(value) {
|
|
storage.get('settings','halfz')==1&&value=='Z'?i=50:i=100;
|
|
var button = 0;
|
|
for (i; i >= 0.05; i=i/10) {
|
|
$('div#'+value+'minus').append('<button type="button" class="btn btn-default disabled">'+chevLeft+value+'-'+i.toString()+'</button>');
|
|
$('div#'+value+'plus').prepend('<button type="button" class="btn btn-default disabled">'+value+'+'+i.toString()+chevRight+'</button>');
|
|
button++;
|
|
}
|
|
});
|
|
|
|
}
|
|
|
|
function isNumber(n) {
|
|
return !isNaN(parseFloat(n)) && isFinite(n);
|
|
}
|
|
|
|
function fileDrop() {
|
|
$('#uploadGfile').fileDrop({
|
|
decodeBase64: true,
|
|
removeDataUriScheme: true,
|
|
overClass: 'btn-success',
|
|
onFileRead: function(file) {
|
|
handleFileDrop(file[0].data, file[0].name, "upload");
|
|
}
|
|
});
|
|
|
|
$('#uploadPrintGfile').fileDrop({
|
|
decodeBase64: true,
|
|
removeDataUriScheme: true,
|
|
overClass: 'btn-success',
|
|
onFileRead: function(file) {
|
|
handleFileDrop(file[0].data, file[0].name, "uploadandprint");
|
|
}
|
|
});
|
|
|
|
$('#ulConfigG').fileDrop({
|
|
decodeBase64: true,
|
|
removeDataUriScheme: true,
|
|
overClass: 'btn-success',
|
|
onFileRead: function(file) {
|
|
handleFileDrop(file[0].data, file[0].name, "config");
|
|
}
|
|
});
|
|
|
|
$('#ulReprapHTM').fileDrop({
|
|
decodeBase64: true,
|
|
removeDataUriScheme: true,
|
|
overClass: 'btn-success',
|
|
onFileRead: function(file) {
|
|
handleFileDrop(file[0].data, file[0].name, "htm");
|
|
}
|
|
});
|
|
}
|
|
|
|
function getFileLength() {
|
|
var kbytes = gFileData.length/1024;
|
|
return (kbytes < 1000) ? kbytes.toFixed(0) + "Kb" : (kbytes/1024).toFixed(2) + "Mb";
|
|
}
|
|
|
|
function handleFileDrop(data, fName, action) {
|
|
var ext = getFileExt(fName).toLowerCase();
|
|
gFileData = data;
|
|
gFileIndex = 0;
|
|
switch (action) {
|
|
case "config":
|
|
uploadFile(action, fName, sysDir + fName, "");
|
|
break;
|
|
case "htm":
|
|
switch(ext) {
|
|
case "js":
|
|
uploadFile(action, fName, webDir + "js/" + fName, "");
|
|
break;
|
|
case "css":
|
|
uploadFile(action, fName, webDir + "css/" + fName, "");
|
|
break;
|
|
case "eot":
|
|
case "svg":
|
|
case "ttf":
|
|
case "woff":
|
|
uploadFile(action, fName, webDir + "fonts/" + fName, "");
|
|
break;
|
|
case "png":
|
|
uploadFile(action, fName, webDir + "img/" + fName, "");
|
|
break;
|
|
default:
|
|
uploadFile(action, fName, webDir + fName, "");
|
|
break;
|
|
}
|
|
break;
|
|
case "upload":
|
|
uploadFile(action, fName, gcodeDir + fName, "");
|
|
break;
|
|
case "uploadandprint":
|
|
var tempFilename = "tempWebPrint.gcode";
|
|
uploadFile("upload", fName, gcodeDir + tempFilename, tempFilename);
|
|
break;
|
|
}
|
|
}
|
|
|
|
function uploadFile(action, fromFile, toFile, printAfterUpload)
|
|
{
|
|
timer();
|
|
var resp = $.askElle('upload_begin', toFile);
|
|
if (resp.err == 0) {
|
|
ubuff = resp.ubuff;
|
|
if (fromFile == toFile)
|
|
{
|
|
message("info", "File Upload of " + fromFile + " started");
|
|
}
|
|
else
|
|
{
|
|
message("info", "File Upload of " + fromFile + " to " + toFile + " started");
|
|
}
|
|
gFilename = fromFile;
|
|
uploadModal();
|
|
expansionFactor = 1.33; // this is about right for gcode files
|
|
uploadLoop(action, printAfterUpload);
|
|
} else {
|
|
uploadCantStart(toFile);
|
|
}
|
|
}
|
|
|
|
// Update a table with file info and return [layerHeight, height, filament]
|
|
function updateFileInfo(fileName, id) {
|
|
var info = $.askElle('fileinfo', fileName);
|
|
return updateFileTableInfo(info, id);
|
|
}
|
|
|
|
// Ditto where we already have the file info
|
|
function updateFileTableInfo(info, id)
|
|
{
|
|
clearSlic3rSettings(id);
|
|
var height = 0, filament = 0, locLayerHeight = 0;
|
|
if (info.hasOwnProperty('height') && isNumber(info.height))
|
|
{
|
|
height = info.height;
|
|
if (id == 'slic3rModal') {
|
|
addSlic3rSetting(id, "Object height", info.height + 'mm');
|
|
}
|
|
}
|
|
if (info.hasOwnProperty('filament'))
|
|
{
|
|
if ($.isArray(info.filament)) {
|
|
if (info.filament.length != 0) {
|
|
// Duet firmware 0.78d-dc42 and later return an array of filament lengths needed. For now we just total them.
|
|
var fils = "";
|
|
for(var i = 0; i < info.filament.length; ++i) {
|
|
filament += info.filament[i];
|
|
if (i != 0) {
|
|
fils += ' + ';
|
|
}
|
|
fils += info.filament[i];
|
|
}
|
|
addSlic3rSetting(id, "Filament Needed", fils + "mm");
|
|
}
|
|
}
|
|
else if (isNumber(info.filament) && info.filament != 0) {
|
|
filament = info.filament;
|
|
addSlic3rSetting(id, "Filament Needed", filament + "mm");
|
|
}
|
|
}
|
|
if (info.hasOwnProperty('layerHeight') && isNumber(info.layerHeight) && info.layerHeight != 0)
|
|
{
|
|
locLayerHeight = info.layerHeight;
|
|
addSlic3rSetting(id, "Layer height", info.layerHeight + 'mm');
|
|
}
|
|
if (info.hasOwnProperty('generatedBy') && info.generatedBy.length != 0)
|
|
{
|
|
addSlic3rSetting(id, "Generated by", info.generatedBy);
|
|
}
|
|
if (info.hasOwnProperty('size') && isNumber(info.size)) {
|
|
var sizeText = (info.size >= 1048576) ? (info.size/1048576).toFixed(3) + 'Mb' : (info.size >= 1024) ? (info.size/1024).toFixed(3) + 'Kb' : info.size + 'b';
|
|
addSlic3rSetting(id, "File size", sizeText);
|
|
}
|
|
return [locLayerHeight, height, filament];
|
|
}
|
|
|
|
function printSDfile(fName)
|
|
{
|
|
var temp = updateFileInfo(gcodeDir + fName, 'slic3rMain');
|
|
layerHeight = temp[0];
|
|
var height = temp[1], filament = temp[2];
|
|
|
|
$.askElle('gcode', "M23 " + fName + "\nM24");
|
|
message('success', "File [" + fName + "] sent to print");
|
|
$('span#gFileDisplay').html('<strong>Printing ' + fName + ' from Duet SD card</strong>');
|
|
resetLayerData(height, filament, false);
|
|
$('progress#printProgressBar').show();
|
|
$('#tabs a:eq(1)').tab('show');
|
|
}
|
|
|
|
function uploadModal() {
|
|
modalMessage('File Upload Status',
|
|
"<span id='ulTitle'>Uploading " + gFilename + " (" + getFileLength() + ")</span> <span id='ulProgressText' class='pull-right'></span>"+
|
|
"<progress id='ulProgressBar' style='width:100%' max='100' value='0'></progress>",
|
|
false);
|
|
}
|
|
|
|
function uploadCantStart(toFile)
|
|
{
|
|
modalMessage("File upload failed", "Upload failed because file " + toFile + " could not be created.", true);
|
|
message("info", "Failed to create file " + toFile);
|
|
}
|
|
|
|
function readFile(file, onLoadCallback){
|
|
//read file from click-choose type printing/upload
|
|
var reader = new FileReader();
|
|
reader.onload = onLoadCallback;
|
|
reader.readAsText(file);
|
|
}
|
|
|
|
function clearSlic3rSettings(id) {
|
|
$('table#' + id + ' tbody').html(''); //slic3r setting <table>
|
|
}
|
|
|
|
function addSlic3rSetting(id, key, data) {
|
|
$('table#' + id + ' tbody').append('<tr><th>'+key+'</th></tr><tr><td>'+data+'</td></tr>');
|
|
}
|
|
|
|
function uploadLoop(action, fileToPrint) { //Web Printing/Uploading
|
|
if (gFileIndex == gFileData.length) {
|
|
//Finished with Dropped file, stop loop, end tasks
|
|
var resp = $.askElle('upload_end', gFileData.length);
|
|
if (resp.err != 0) {
|
|
$('span#ulTitle').text(gFilename + " Upload Failed!");
|
|
$('span#ulProgressText').text("ERROR!");
|
|
$('div#modal button#modalClose').removeClass('hidden');
|
|
message("info", gFilename + " Upload Failed!");
|
|
}
|
|
else {
|
|
var duration = (timer() - timerStart).toHHMMSS();
|
|
switch (action) {
|
|
case "upload":
|
|
listGFiles();
|
|
if (fileToPrint != "")
|
|
{
|
|
$('div#modal').modal('hide');
|
|
printSDfile(fileToPrint);
|
|
}
|
|
else
|
|
{
|
|
$('span#ulTitle').text(gFilename + " uploaded " + getFileLength() + " in " + duration);
|
|
$('div#modal button#modalClose').removeClass('hidden');
|
|
message("info", gFilename + " Upload Complete in " + duration);
|
|
}
|
|
break;
|
|
case "config":
|
|
$.askElle("gcode", "M503"); //update config.g on setting view
|
|
// no break
|
|
case "htm":
|
|
$('span#ulTitle').text(gFilename + " uploaded " + getFileLength() + " in " + duration);
|
|
$('div#modal button#modalClose').removeClass('hidden');
|
|
message("info", gFilename + " Upload Complete in "+ duration);
|
|
break;
|
|
}
|
|
}
|
|
gFileData = "";
|
|
}
|
|
else {
|
|
var wait = 20;
|
|
var progress = Math.floor((100 * gFileIndex) / gFileData.length);
|
|
var lastProgress = progress;
|
|
if (paused == true) {
|
|
wait = 2000;
|
|
} else {
|
|
// Send a number of packets in quick succession while there is plenty of buffer space, to speed up the file upload.
|
|
// If we send too many then the user interface doesn't update often enough.
|
|
do {
|
|
webSend(action);
|
|
progress = Math.floor((100 * gFileIndex) / gFileData.length);
|
|
} while (ubuff >= 600 && gFileIndex < gFileData.length && progress == lastProgress);
|
|
if (ubuff >= 200) {
|
|
wait = 1;
|
|
}
|
|
}
|
|
setProgress(progress, "ul", 0, 0);
|
|
setTimeout(function() {
|
|
uploadLoop(action, fileToPrint);
|
|
}, wait);
|
|
}
|
|
}
|
|
|
|
function webSend(action) { //Web Printing/Uploading
|
|
if (ubuff > maxUploadBuffer) {
|
|
ubuff = maxUploadBuffer;
|
|
}
|
|
if (gFileIndex < gFileData.length) {
|
|
var line = "";
|
|
var startIndex = gFileIndex;
|
|
while(gFileIndex < gFileData.length && line.length + 50 <= ubuff) { // keep going until less than 50 bytes free space left
|
|
var chunkSize = Math.min(Math.floor((ubuff - line.length)/(expansionFactor * 1.1)), gFileData.length - gFileIndex);
|
|
var chunk = encodeURIComponent(gFileData.substring(gFileIndex, gFileIndex + chunkSize));
|
|
if (line.length + chunk.length <= ubuff) {
|
|
line += chunk;
|
|
gFileIndex += chunkSize;
|
|
} else {
|
|
expansionFactor = chunk.length/chunkSize;
|
|
}
|
|
}
|
|
|
|
var resp = $.askElle('upload_data', line); //send chunk of gcodes or html, and get buffer response
|
|
expansionFactor = (0.875 * expansionFactor) + (0.125 * (line.length/(gFileIndex - startIndex)));
|
|
|
|
if (typeof resp != 'undefined') {
|
|
ubuff = resp.ubuff;
|
|
} else {
|
|
ubuff = 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
function listGFiles() {
|
|
var count = 0;
|
|
var filesPerCol;
|
|
var list = "gFileList1";
|
|
$('div#gFileList1, div#gFileList2, div#gFileList3').html("");
|
|
var result = $.askElle("files", "");
|
|
result.files.sort(function (a, b) {
|
|
return a.toLowerCase().localeCompare(b.toLowerCase());
|
|
});
|
|
result.files.length>18?filesPerCol=Math.ceil(result.files.length/3):filesPerCol = 6;
|
|
result.files.forEach(function(item) {
|
|
count++;
|
|
switch (true) {
|
|
case (count > (filesPerCol * 2)):
|
|
list = "gFileList3";
|
|
break;
|
|
case (count > filesPerCol):
|
|
list = "gFileList2";
|
|
break;
|
|
}
|
|
if(jQuery.inArray(item, macroGs) >= 0) {
|
|
if (!$('table#quicks a[itemprop="M23 '+item+'\nM24"]').text()) {
|
|
$('table#quicks td:eq(0)').append('<a href="#" role="button" class="btn btn-default disabled" itemprop="M23 '+item+'\nM24" id="quickgfile">'+item+'</a>');
|
|
}
|
|
}
|
|
$('div#' + list).append('<div id="gFileLink" class="file-button"><table style="width:100%"><tbody><tr><td style="width:70%;word-break:break-all"><span id="fileName">'
|
|
+ item + '</span></td>'
|
|
+ '<td style="width:20px"><span id="fileInfo" class="glyphicon glyphicon-info-sign pull-right"></span></td>'
|
|
+ '<td style="width:20px"><span id="filePrint" class="glyphicon glyphicon-print pull-right"></span></td>'
|
|
+ '<td style="width:20px"><span id="fileDelete" class="glyphicon glyphicon-trash pull-right"></span></td>'
|
|
+ '</tr></tbody></table></div>');
|
|
});
|
|
}
|
|
|
|
function getFileExt(filename) {
|
|
return filename.split('.').pop();
|
|
}
|
|
|
|
function getFileName(filename) {
|
|
return filename.split('.').shift();
|
|
}
|
|
|
|
function disableButtons(which) {
|
|
switch (which) {
|
|
case "head":
|
|
$('table#moveHead button, table#extruder button, table#extruder label, table#quicks a, button#uploadGfile, button#ulConfigG, button#ulReprapHTM, button#uploadPrintGfile').addClass('disabled');
|
|
break;
|
|
case "temp":
|
|
$('table#temp button').addClass('disabled');
|
|
break;
|
|
case "panic":
|
|
$('div#panicBtn button').addClass('disabled');
|
|
$('button#reset').addClass('hidden');
|
|
break;
|
|
case "gfilelist":
|
|
$('div#gcodefiles button').addClass('disabled');
|
|
break;
|
|
case "sendG":
|
|
$('div#sendG button, div#sendG a, input#gInput').addClass('disabled');
|
|
break;
|
|
}
|
|
}
|
|
|
|
function enableButtons(which) {
|
|
switch (which) {
|
|
case "head":
|
|
$('table#moveHead button, table#extruder button, table#extruder label, table#quicks a, button#uploadGfile, button#ulConfigG, button#ulReprapHTM, button#uploadPrintGfile').removeClass('disabled');
|
|
break;
|
|
case "temp":
|
|
$('table#temp button').removeClass('disabled');
|
|
break;
|
|
case "panic":
|
|
$('div#panicBtn button').removeClass('disabled');
|
|
break;
|
|
case "gfilelist":
|
|
$('div#gcodefiles button').removeClass('disabled');
|
|
break;
|
|
case "sendG":
|
|
$('div#sendG button, div#sendG a, input#gInput').removeClass('disabled');
|
|
break;
|
|
}
|
|
}
|
|
|
|
function modalMessage(title, text, close) {
|
|
$('div#modal h4.modal-title').text(title);
|
|
$('div#modal div.modal-body').html(text);
|
|
close?$('div#modal button#modalClose').removeClass('hidden'):$('div#modal button#modalClose').addClass('hidden');
|
|
$('div#modal').modal({show:true});
|
|
}
|
|
|
|
function showFileInfo(fileName) {
|
|
$('div#modalFileInfo h4.modal-title').text("File information for " + fileName);
|
|
updateFileInfo(fileName, 'slic3rModal');
|
|
$('div#modalFileInfo').modal({show:true});
|
|
}
|
|
|
|
function message(type, text) {
|
|
var d = new Date();
|
|
var time = zeroPrefix(d.getHours()) + ":" + zeroPrefix(d.getMinutes()) + ":" + zeroPrefix(d.getSeconds());
|
|
if (type == 'clear') {
|
|
$('div#messageText').html(time + " <span class='alert-info'>Log Cleared</span><br />");
|
|
} else {
|
|
$('div#messageText').prepend(time + " <span class='alert-" + type + "'>" + text + "</span><br />");
|
|
}
|
|
}
|
|
|
|
function parseResponse(res) {
|
|
switch (true) {
|
|
case res.indexOf('Debugging enabled') >= 0:
|
|
message('info', '<strong>M111</strong><br />' + res.replace(/\n/g, "<br />"));
|
|
break;
|
|
case res.indexOf('Firmware') >= 0:
|
|
var strt = res.indexOf("SION:") +5 ;
|
|
var end = res.indexOf(" ELEC");
|
|
$('p#firmVer').text(res.substr(strt, end - strt));
|
|
message('info', '<strong>M115</strong><br />' + res.replace(/\n/g, "<br />"));
|
|
$.askElle("gcode", "M105");
|
|
break;
|
|
case res.indexOf('M550') >= 0:
|
|
message('info', '<strong>M503</strong><br />' + res.replace(/\n/g, "<br />"));
|
|
$('div#config').html("<span class='col-md-9'><br/><strong>Config.g File Contents:</strong></span>");
|
|
res.split(/\n/g).forEach(function(item) {
|
|
$('div#config').append("<span class='alert-info col-md-9'>" + item + "</span><br />");
|
|
});
|
|
$.askElle("gcode", "M105");
|
|
break;
|
|
case res == "ok":
|
|
if ($('div#messages input#noOK').is(':checked')) {
|
|
message('info', res);
|
|
}
|
|
break;
|
|
default:
|
|
message('info', res);
|
|
break;
|
|
}
|
|
}
|
|
|
|
function homedWarning(x,y,z) {
|
|
if ((x+y+z) < 3) {
|
|
$('span#warning').text('*some axes are not homed');
|
|
} else {
|
|
$('span#warning').text('');
|
|
}
|
|
x===0?$('button#homeX').removeClass('btn-primary').addClass('btn-warning'):$('button#homeX').removeClass('btn-warning').addClass('btn-primary');
|
|
y===0?$('button#homeY').removeClass('btn-primary').addClass('btn-warning'):$('button#homeY').removeClass('btn-warning').addClass('btn-primary');
|
|
z===0?$('button#homeZ').removeClass('btn-primary').addClass('btn-warning'):$('button#homeZ').removeClass('btn-warning').addClass('btn-primary');
|
|
}
|
|
|
|
function updatePage() {
|
|
var status = $.askElle("status", "");
|
|
if (!status || !polling) {
|
|
$('button#connect').removeClass('btn-success').addClass('btn-danger');
|
|
$('button#printing').removeClass('btn-warning').removeClass('btn-success').addClass('btn-danger').text("Disconnected");
|
|
if (polling) {
|
|
message('danger', "<strong>Warning!</strong> Ormerod webserver is probably broken, power cycle/reset your Duet Board :(");
|
|
$('button#connect').text("Retrying");
|
|
} else {
|
|
message('info', "<strong>Disconnected</strong> Page not being updated");
|
|
$('button#connect').text("Connect");
|
|
}
|
|
$('span[id$="Temp"], span[id$="pos"]').text("0");
|
|
$('span[id$="State"]').text(getState(-1));
|
|
$('td#head1, td#head2').css('background-color', '#FFFFFF');
|
|
disableButtons("head");
|
|
disableButtons("temp");
|
|
disableButtons("panic");
|
|
} else {
|
|
$('button#connect').removeClass('btn-danger').addClass('btn-success').text("Online");
|
|
//Connected Hoorahhh!
|
|
if (messageSeqId !== status.seq) {
|
|
messageSeqId = status.seq;
|
|
parseResponse(status.resp);
|
|
}
|
|
currentFilamentPos = status.extr;
|
|
homedWarning(status.homed[0],status.homed[1],status.homed[2]);
|
|
currentTool = status.tool;
|
|
if (currentTool == 1) {
|
|
$('td#head1').css('background-color', '#E0E0E0');
|
|
} else {
|
|
$('td#head1').css('background-color', '#FFFFFF');
|
|
}
|
|
if (currentTool == 2) {
|
|
$('td#head2').css('background-color', '#E0E0E0');
|
|
} else {
|
|
$('td#head2').css('background-color', '#FFFFFF');
|
|
}
|
|
if (status.hasOwnProperty('fanRPM')) {
|
|
$('#fanRPM').text(status.fanRPM.toString());
|
|
}
|
|
if (status.status == "S") {
|
|
//stopped
|
|
printing = false;
|
|
$('button#printing').removeClass('btn-danger').removeClass('btn-success').addClass('btn-warning').text("Halted");
|
|
disableButtons('panic');
|
|
disableButtons("head");
|
|
disableButtons("temp");
|
|
disableButtons("gfilelist");
|
|
} else if (status.status === "P") {
|
|
//printing
|
|
printing = true;
|
|
objHeight = $('input#objheight').val();
|
|
if (!isNumber(objHeight) && status.status == 'P' && status.hasOwnProperty('height')) {
|
|
objHeight = status.height;
|
|
$('input#objheight').val(objHeight.toString());
|
|
}
|
|
$('button#printing').removeClass('btn-danger').removeClass('btn-warning').addClass('btn-success').text("Active");
|
|
enableButtons('panic');
|
|
enableButtons('temp');
|
|
disableButtons("print");
|
|
disableButtons("gfilelist");
|
|
currentLayer = whichLayer(status.pos[2]);
|
|
if (isNumber(objHeight)) {
|
|
if (!layerHeight) layerHeight = storage.get('settings','layerHeight');
|
|
layerCount = Math.ceil(objHeight / layerHeight);
|
|
}
|
|
if (printStartTime && objTotalFilament > 0) {
|
|
setProgress(Math.floor((objUsedFilament.reduce(function(a, b){ return a + b; }, 0) / objTotalFilament) * 100), 'print', currentLayer, layerCount);
|
|
estEndTime();
|
|
} else if (printStartTime && layerCount > 0) {
|
|
setProgress(Math.floor((currentLayer / layerCount) * 100), 'print', currentLayer, layerCount);
|
|
} else {
|
|
setProgress(0, 'print', 0, 0);
|
|
}
|
|
layers(currentLayer);
|
|
} else if (status.status === "I" && !paused ) {
|
|
//inactive, not printing
|
|
printing = false;
|
|
$('button#printing').removeClass('btn-danger').removeClass('btn-success').addClass('btn-warning').text("Ready :)");
|
|
disableButtons("panic");
|
|
enableButtons('head');
|
|
enableButtons('temp');
|
|
enableButtons("gfilelist");
|
|
} else if (status.status === "I" && paused) {
|
|
//paused
|
|
printing = true;
|
|
$('button#printing').removeClass('btn-danger').removeClass('btn-success').addClass('btn-warning').text("Paused");
|
|
enableButtons('panic');
|
|
enableButtons('head');
|
|
enableButtons('temp');
|
|
} else {
|
|
//unknown state
|
|
printing = paused = false;
|
|
$('button#printing').removeClass('btn-warning').removeClass('btn-success').addClass('btn-danger').text("Error!");
|
|
message('danger', 'Unknown Poll State : ' + status.status);
|
|
}
|
|
|
|
// Update the current and selected active/standby temperatures
|
|
$('span#bedCurrentTemp').text(status.heaters[0].toFixed(1) + "°C");
|
|
if (!$('input#bedActiveTempInput').is(":focus")) {
|
|
$('input#bedActiveTempInput').val(status.active[0].toFixed(0));
|
|
}
|
|
$('span#head1CurrentTemp').text(status.heaters[1].toFixed(1) + "°C");
|
|
if (!$('input#head1ActiveTempInput').is(":focus")) {
|
|
$('input#head1ActiveTempInput').val(status.active[1].toFixed(0));
|
|
}
|
|
if (!$('input#head1StandbyTempInput').is(":focus")) {
|
|
$('input#head1StandbyTempInput').val(status.standby[1].toFixed(0));
|
|
}
|
|
$('span#head2CurrentTemp').text((status.heaters.length >= 3) ? status.heaters[2].toFixed(1) + "°C" : "n/a");
|
|
if (!$('input#head2ActiveTempInput').is(":focus")) {
|
|
$('input#head2ActiveTempInput').val((status.active.length >= 3) ? status.active[2].toFixed(0) : "n/a");
|
|
}
|
|
if (!$('input#head2StandbyTempInput').is(":focus")) {
|
|
$('input#head2StandbyTempInput').val((status.standby.length >= 3) ? status.standby[2].toFixed(0) : "n/a");
|
|
}
|
|
|
|
// Update the heater statuses
|
|
$('span#head1State').text(getState(status.hstat[1]));
|
|
$('span#head2State').text(getState(status.hstat[2]));
|
|
$('span#bedState').text(getState(status.hstat[0]));
|
|
|
|
// Update the head position and zprobe
|
|
$('span#Xpos').text(status.pos[0].toFixed(2));
|
|
$('span#Ypos').text(status.pos[1].toFixed(2));
|
|
$('span#Zpos').text(status.pos[2].toFixed(2));
|
|
var ePosText = "";
|
|
for(var i=0; i < status.extr.length; ++i) {
|
|
if (i != 0) {
|
|
ePosText += ", ";
|
|
}
|
|
ePosText += status.extr[i].toFixed(1);
|
|
}
|
|
$('span#Epos').text(ePosText);
|
|
$('span#probe').text(status.probe);
|
|
|
|
//Temp chart stuff
|
|
chartData[0].push(parseFloat(status.heaters[0]));
|
|
chartData[1].push(parseFloat(status.heaters[1]));
|
|
chartData[2].push((status.heaters.length >= 3) ? parseFloat(status.heaters[2]) : 0);
|
|
chart.setData(parseChartData());
|
|
chart.draw();
|
|
|
|
// Update the slider positions
|
|
if (!sSliderActive) {
|
|
sFactor = status.sfactor;
|
|
$('#sFactor').slider('setValue', sFactor);
|
|
$("span#sPercent").text(sFactor);
|
|
}
|
|
if (!e1SliderActive) {
|
|
e1Factor = status.efactor[0];
|
|
$('#e1Factor').slider('setValue', e1Factor);
|
|
$("span#e1Percent").text(e1Factor);
|
|
}
|
|
if (status.efactor.length >= 2 && !e2SliderActive) {
|
|
e2Factor = status.efactor[1];
|
|
$('#e2Factor').slider('setValue', e2Factor);
|
|
$("span#e2Percent").text(e2Factor);
|
|
}
|
|
}
|
|
}
|
|
|
|
function getState(state) {
|
|
switch(state) {
|
|
case 0: return 'off';
|
|
case 1: return 'standby';
|
|
case 2: return 'active';
|
|
case 3: return 'fault';
|
|
default: return '';
|
|
}
|
|
}
|
|
|
|
function getFilamentUsed() {
|
|
for(var i = 0; i < currentFilamentPos.length && i < startingFilamentPos.length; ++i) {
|
|
if (currentFilamentPos[i] - startingFilamentPos[i] < objUsedFilament[i] - 12) {
|
|
//gone backwards by more than 12mm so probably just done a G30 E0 to reset the filament origin
|
|
startingFilamentPos[i] = currentFilamentPos[i] - objUsedFilament[i];
|
|
}
|
|
else {
|
|
objUsedFilament[i] = currentFilamentPos[i] - startingFilamentPos[i];
|
|
}
|
|
}
|
|
return objUsedFilament.reduce(function(a, b){ return a + b; }, 0);
|
|
}
|
|
|
|
function estEndTime() {
|
|
var utime = (new Date()).getTime();
|
|
if (layerData.length >= 3 && layerCount > 0) {
|
|
var layerLeft = layerCount - currentLayer;
|
|
// average over the last 5 layers, or all layers if less
|
|
var startAt = (layerData.length > 6) ? layerData.length - 5 : 1;
|
|
var avg5 = (layerData[layerData.length - 1] - layerData[startAt])/(layerData.length - startAt);
|
|
var avg5R = new Date(utime + (avg5 * layerLeft));
|
|
$('span#avg5R').text((avg5 * layerLeft).toHHMMSS());
|
|
$('span#avg5').text(avg5R.toLocaleTimeString());
|
|
}
|
|
if (objTotalFilament > 0) {
|
|
var objTotalUsedFilament = getFilamentUsed();
|
|
if (objTotalUsedFilament <= objTotalFilament) {
|
|
var filamentLeft = objTotalFilament - objTotalUsedFilament;
|
|
if (filamentData.length >= 3 && layerCount > 0) {
|
|
var startAt = (layerData.length > 6) ? layerData.length - 5 : 1;
|
|
filamentRate = (filamentData[filamentData.length - 1] - filamentData[startAt])/(layerData[filamentData.length - 1] - layerData[startAt]);
|
|
if (filamentRate != 0) {
|
|
var timeLeft = filamentLeft/filamentRate;
|
|
var estEndTimeFil = new Date(utime + timeLeft);
|
|
$('span#filTimeR').text(timeLeft.toHHMMSS());
|
|
$('span#filTime').text(estEndTimeFil.toLocaleTimeString());
|
|
}
|
|
} else if (objTotalUsedFilament > objTotalFilament * 0.03) { //if at least 3% filament consumed
|
|
var timeSoFar = utime - printStartTime;
|
|
var timeLeft = timeSoFar * filamentLeft/objTotalUsedFilament;
|
|
var estEndTimeFil = new Date(utime + timeLeft);
|
|
$('span#filTimeR').text(timeLeft.toHHMMSS());
|
|
$('span#filTime').text(estEndTimeFil.toLocaleTimeString());
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
function whichLayer(currZ) {
|
|
if (!layerHeight) {
|
|
layerHeight = storage.get('settings','layerHeight');
|
|
}
|
|
var n = Math.round(currZ / layerHeight);
|
|
if (n === currentLayer + 1 && currentLayer) {
|
|
layerChange();
|
|
}
|
|
return n;
|
|
}
|
|
|
|
function resetLayerData(h, f, reconnecting) {
|
|
//clear layer count,times and chart
|
|
$('input#objheight').val((h == 0) ? "" : h.toString());
|
|
objTotalFilament = f;
|
|
if (reconnecting) {
|
|
startingFilamentPos = [];
|
|
objUsedFilament = currentFilamentPos;
|
|
for(var i = 0; i < currentFilamentPos.length; ++i) {
|
|
startingFilamentPos.push(0);
|
|
}
|
|
} else {
|
|
startingFilamentPos = currentFilamentPos;
|
|
objUsedFilament = [];
|
|
for(var i = 0; i < currentFilamentPos.length; ++i) {
|
|
objUsedFilament.push(0);
|
|
}
|
|
}
|
|
layerData = [];
|
|
filamentData = [];
|
|
if (!reconnecting) {
|
|
printStartTime = null;
|
|
}
|
|
setProgress(0, 'print', 0, 0);
|
|
$('span#elapsed, span#lastlayer, table#finish span').text("00:00:00");
|
|
chart2.setData(parseLayerData());
|
|
chart2.setupGrid();
|
|
chart2.draw();
|
|
}
|
|
|
|
function layerChange() {
|
|
var utime = (new Date()).getTime();
|
|
layerData.push(utime);
|
|
filamentData.push(getFilamentUsed());
|
|
if (layerData.length > maxLayerBars) {
|
|
layerData.shift();
|
|
filamentData.shift();
|
|
}
|
|
if (printStartTime && layerData.length > 1) {
|
|
var lastLayerStart = layerData[layerData.length - 2];
|
|
$('span#lastlayer').text((utime - lastLayerStart).toHHMMSS());
|
|
chart2.setData(parseLayerData());
|
|
chart2.setupGrid();
|
|
chart2.draw();
|
|
if (isNumber(objHeight)) {
|
|
estEndTime();
|
|
}
|
|
}
|
|
}
|
|
|
|
function layers(layer) {
|
|
var utime = (new Date()).getTime();
|
|
if ((layer === 1 || layer === 2) && !printStartTime) {
|
|
printStartTime = utime;
|
|
layerData.push(utime);
|
|
filamentData.push(startingFilamentPos.reduce(function(a, b){ return a + b; }, 0));
|
|
}
|
|
if (printStartTime) {
|
|
$('span#elapsed').text((utime - printStartTime).toHHMMSS());
|
|
}
|
|
}
|
|
|
|
function zeroPrefix(num) {
|
|
var n = num.toString();
|
|
if (n.length === 1) {
|
|
return "0" + n;
|
|
}
|
|
return n;
|
|
}
|
|
|
|
function setProgress(percent, bar, layer, layers) {
|
|
$('progress#'+bar+'ProgressBar').attr('value', percent);
|
|
var ptext = percent + "% Complete";
|
|
if (bar == 'print') {
|
|
if (layers > 0) {
|
|
ptext += ", Layer " + layer + " of " + layers;
|
|
}
|
|
if (objTotalFilament > 0) {
|
|
var currentTotal = currentFilamentPos.reduce(function(a, b) {return a + b; }, 0);
|
|
var startingTotal = startingFilamentPos.reduce(function(a, b) {return a + b; }, 0);
|
|
ptext += ", Filament " + (currentTotal - startingTotal).toFixed(1) + " of " + objTotalFilament + "mm";
|
|
}
|
|
}
|
|
$('span#'+bar+'ProgressText').text(ptext);
|
|
}
|
|
|
|
function parseLayerData() {
|
|
var res = [];
|
|
//res.push([0,0]);
|
|
var elapsed;
|
|
for (var i = 1; i < layerData.length; ++i) {
|
|
elapsed = Math.round((layerData[i] - layerData[i - 1]) / 1000);
|
|
res.push([i, elapsed]);
|
|
}
|
|
return [res];
|
|
}
|
|
|
|
function parseChartData() {
|
|
if (chartData[0].length > maxDataPoints)
|
|
chartData[0].shift();
|
|
if (chartData[1].length > maxDataPoints)
|
|
chartData[1].shift();
|
|
if (chartData[2].length > maxDataPoints)
|
|
chartData[2].shift();
|
|
var res = [[], [], []];
|
|
for (var i = 0; i < chartData[0].length; ++i) {
|
|
res[0].push([i, chartData[0][i]]);
|
|
res[1].push([i, chartData[1][i]]);
|
|
res[2].push([i, chartData[2][i]]);
|
|
}
|
|
return res;
|
|
}
|
|
|
|
function timer() {
|
|
var utime = (new Date()).getTime();
|
|
if (!timerStart) {
|
|
timerStart = utime;
|
|
} else {
|
|
var elapsed = utime - timerStart;
|
|
timerStart = null;
|
|
return elapsed;
|
|
}
|
|
}
|
|
|
|
function poll() {
|
|
if (polling) {
|
|
setTimeout(function() {
|
|
updatePage();
|
|
poll();
|
|
}, storage.get('settings', 'pollDelay'));
|
|
}
|
|
}
|
|
|
|
function getHTMLver() {
|
|
return document.title.substr(document.title.indexOf("v")+1);
|
|
}
|
|
|
|
Number.prototype.toHHMMSS = function() {
|
|
var h,m;
|
|
var sec_num = Math.floor(this / 1000); // don't forget the second param
|
|
var hours = Math.floor(sec_num / 3600);
|
|
var minutes = Math.floor((sec_num - (hours * 3600)) / 60);
|
|
var seconds = sec_num - (hours * 3600) - (minutes * 60);
|
|
hours < 10?hours="0"+hours:false;
|
|
minutes < 10?minutes="0"+minutes:false;
|
|
seconds < 10?seconds="0"+seconds:false;
|
|
hours=='00'?h="":h=hours+"h ";
|
|
minutes=='00'?m="":m=minutes+"m ";
|
|
return h+m+seconds + 's';
|
|
};
|