diff options
Diffstat (limited to 'data/www/webmarlin-class.js')
| -rw-r--r-- | data/www/webmarlin-class.js | 426 |
1 files changed, 426 insertions, 0 deletions
diff --git a/data/www/webmarlin-class.js b/data/www/webmarlin-class.js new file mode 100644 index 0000000..393fd88 --- /dev/null +++ b/data/www/webmarlin-class.js @@ -0,0 +1,426 @@ +var wmEnums = { + Panels : { STATUS:0, CONTROLS:1, FILES:2, CONSOLE:3 }, + ConsoleDirection : { APPEND:0, PREPEND:1 }, + ConsoleLevels : { ERROR:0, SUCCESS:1, INFO:2, MONITOR:3, WARNING:4}, + WSMsgDirection : { SENT:0, RECEIVED:1 }, + WsMsgSymbols : { SENT:{LETTER:"S",ICON:null}, RECEIVED:{LETTER:"R",ICON:null} }, + WSSatuses : { CONNECTING:0, OPEN:1, CLOSING:2, CLOSED:3 }, + LogLevels : { INFO:0, WARNING:1, ERROR:2, DEBUG:3, VERBOSE:4}, + TempUnits : { CELSIUS: {LABEL:"Celsius",VALUE:0,GP:"C"}, FAHRENHEIT:{LABEL:"Fahrenheit",VALUE:1,GP:"F"}, KELVIN:{LABEL:"Kelvin",VALUE:2,GP:"K"} } +}; + +var wmSettings = { + AppName: "Marlin WebUI", + AppRelease: "January, 1 2020", + AppVersion: "1.1", + AutoConnect: false, + ConsoleDirection: wmEnums.ConsoleDirection.PREPEND, + DefaultPanel: wmEnums.Panels.CONTROLS, + LogLevel: wmEnums.LogLevels.VERBOSE, + SymbolMode: 'letter', + SymbolSend: wmEnums.WsMsgSymbols.SENT.LETTER, + SymbolReceive: wmEnums.WsMsgSymbols.RECEIVED.LETTER, + AutoTempInterval: 1, + TempUnit: wmEnums.TempUnits.CELSIUS +}; + +class wmLogItem { + constructor(text, mdir, mrs, gcmd=null, bgclass=null, ficon=null) { + this.DateTime = wmTools.GetDateTime(); + this.Text = text; + this.Direction = mdir; + this.RsType = mrs; + this.GCode = gcmd; + this.BgClass = bgclass === null ? 'console-list-items-info': bgclass; + this.FontIcon = ficon === null ? wmIcons.InfoCircle : ficon; + this.SdFile = null; + } + SetValues(text=null, mdir=null, mrs=null, gcmd=null, bgclass=null, ficon=null) { + if(text !== null) { this.Text = text; }; + if(mdir !== null) { this.Direction = mdir; }; + if(mrs !== null) { this.RsType = mrs; }; + if(gcmd !== null) { this.GCode = gcmd; }; + if(bgclass !== null) { this.BgClass = bgclass; }; + if(ficon !== null) { this.FontIcon = ficon; }; + } + ToJson() { return JSON.stringify(this); } + ToCsv() { return wmTools.StringFormatCsv(this); } + ToString() { return wmTools.Stringfy(this); } + ToLoglist(){ + switch (this.RsType) { + case wmEnums.ConsoleLevels.INFO: + this.BgClass = "console-list-items-info"; + this.FontIcon = wmIcons.InfoCircle; + break; + case wmEnums.ConsoleLevels.SUCCESS: + this.BgClass = "console-list-items-success"; + this.FontIcon = wmIcons.CheckSquare; + break; + case wmEnums.ConsoleLevels.ERROR: + this.BgClass = "console-list-items-error"; + this.FontIcon = wmIcons.Triangle; + break; + case wmEnums.ConsoleLevels.MONITOR: + this.BgClass = "console-list-items-terminal"; + this.FontIcon = wmIcons.Terminal; + break; + case wmEnums.ConsoleLevels.WARNING: + this.BgClass = "console-list-items-warning"; + this.FontIcon = wmIcons.Triangle; + break; + } + let strout = '<li class="list-group-item console-list-items '+this.BgClass+'">'; + strout += '<span class="badge badge-light mr-1">'+this.FontIcon.ToHtml()+"</span>"; + strout += '<span class="badge badge-secondary mr-1">'+this.DateTime+'</span>'; + strout += '<span class="badge badge-'+(this.Direction === wmEnums.WSMsgDirection.SENT ? "danger" : "success")+' mr-1">'; + strout += this.Direction === wmEnums.WSMsgDirection.SENT ? wmSettings.SymbolSend : wmSettings.SymbolReceive; + strout += '</span>' + this.Text + '</li>'; + return strout; + } + ToSdFileList() { + if(this.SdFile !== "Begin file list" && this.SdFile !== "End file list") { + let a = this.SdFile.split(" "); + let strout = '<a href="javascript:void(0);" class="list-group-item list-group-item-action list-group-item-light p-1" data-sdfile="'+a[0]+'" onclick="WmButtons.SetSdSelected(this)">'; + strout += '<i class="icon icon-file mr-1"></i>'+a[0]+'<div class="badge badge-secondary float-right">'+wmTools.FileSizeFormat(a[1])+'</div>'; + strout += '</a>'; + return strout; + } + } + static ParseWsMessage(msg) { + let li = new wmLogItem(); + li.Direction = wmEnums.WSMsgDirection.RECEIVED; + li.RsType = wmEnums.ConsoleLevels.SUCCESS; + if (msg === "ok") { + jsLog.Debug("WSMessage match: ok => " + msg); + li.Text = "Acknowledge: "+msg; + } + else if (msg === "Not SD printing") { + jsLog.Debug("WSMessage match: " + msg); + li.Text = "Ack: "+msg; + WmControls.SetPrinterStatusInfo(false, msg); + } + else if (msg.substring(0, 5) === "echo:") { + if (msg.substring(5, 21) === "busy: processing") { + jsLog.Debug("WSMessage match: echo:busy: processing: => " + msg); + li.Text = msg.substring(5, msg.length); + li.RsType = wmEnums.ConsoleLevels.WARNING; + } + else if (msg.substring(5, 21) === "Unknown command:") { + jsLog.Debug("WSMessage match: echo:Unknown command: => " + msg); + li.Text = msg.substring(5, msg.length); + li.RsType = wmEnums.ConsoleLevels.WARNING; + } + else if (msg.substring(5,20) === "Now fresh file:") { + jsLog.Debug("WSMessage match: echo:Now fresh file: => " + msg); + li.Text = "SD: "+msg.substring(5, msg.length); + } + else if (msg==="File selected") { + jsLog.Debug("WSMessage match: echo:File selected: => " + msg); + li.Text = "SD: "+msg.substring(5, msg.length); + } + } + else if (msg.substring(0, 6) === "Error:") { + jsLog.Debug("WSMessage match: error => " + msg); + li.Text = msg.substring(6, msg.length); + li.RsType = wmEnums.ConsoleLevels.ERROR; + } + else if (msg.substring(0, 12) === "File opened:" || msg === "File selected") { + jsLog.Debug("WSMessage match: File opened/selected => " + msg); + li.Text = "SD: "+msg; + } + else if (msg.includes("open failed, File:")) { + jsLog.Error("WSMessage match: open file error => " + msg); + li.Text = "SD Error: "+msg; + li.RsType = wmEnums.ConsoleLevels.ERROR; + } + else if (msg.toLowerCase().includes(".gco") || msg.toLowerCase().includes(".gcode") || msg.toLowerCase().includes(".g") || msg==="Begin file list" || msg==="End file list") { + if(msg.substring(0,16)==="Writing to file:") { WmUpload.ReadyToWrite = true; } + li.Text = "SD: "+msg; + li.SdFile = msg; + } + //else if() { + //} + else { + let rgx_rtemp_eb = /^T:\d{1,3}\.\d{1,2}\s+\/\d{1,3}\.\d{1,2}\s+B:\d{1,3}\.\d{1,2}\s+\/\d{1,3}\.\d{1,2}/; + let rgx_rtemp_e = /^T:\d{1,3}\.\d{1,2}\s+\/\d{1,3}\.\d{1,2}/; + + if(rgx_rtemp_eb.test(msg) || rgx_rtemp_e.test(msg)){ + jsLog.Verbose("Extruder temperatore report: "+msg); + msg = msg.replace(/\//g,""); + let tarr = msg.split(/\s/); + WmCharts.SetTempReport(tarr); + li.Text = "Temp report: "+msg; + } + else { li.Text = msg; } + } + jsLog.Verbose(li.ToString()); + return li; + } +} + +class wmGCommandItem { + constructor(g,p,v,d,s=null) { + this.GCode = g; + this.GParams = p; + this.Values = v; + this.Description = d; + this.Supported = s===null ? true : s; + } + ToJson() { return JSON.stringify(this); } + ToString() { return wmTools.Stringfy(this); } + static CalcChecksum(gc) { + let cs = 0; + gc = gc.toUpperCase().replace(/\s/g, ''); + for(let i=0; gc[i]!=='*' && gc[i]!==null && i<gc.length; i++) { cs = cs ^ gc.charCodeAt(i); } + jsLog.Verbose("Calculate GCommand checksum of: "+gc+" => "+cs); + return cs; + } + static GetCommandItemByCode(gc) { + jsLog.Verbose("GetCommandItemByCode: Find preset for: "+gc); + let sgc = gc.split(/\s/); + jsLog.Verbose("GetCommandItemByCode: Command to find: "+sgc[0]); + for (let [k, v] of Object.entries(wmGCommands)) { + if(v.GCode.indexOf(sgc[0]) > -1) { return v; } + } + return null; + } +} + +class wmFontIcon { + constructor(ico, mc = null) { + this.ico = ico; + this.mClass = mc !== null ? " "+mc : ""; + } + ToString() { return wmTools.Stringfy(this); } + ToHtml() { return "<i class=\"icon icon-"+ this.ico + this.mClass+"\"></i>"; } + AddClass(acl) { return "<i class=\"icon icon-"+ this.ico + " "+ acl+"\"></i>"; } +} + +class wmTools { + static Stringfy(obj) { + if(obj !== null && obj !== "undefined") { + let rt = ""; + for (let [k, v] of Object.entries(obj)) { rt += `${k}=${v};`; } + return rt; + } else { + return obj; + } + } + static StringFormat() { + var args = Array.prototype.slice.call(arguments, 1); + return arguments[0].replace(/\{(\d+)\}/g, function (match, index) { return args[index]; }); + } + static StringFormatJson(str) { + return JSON.stringify(str); + } + static StringFormatCsv(obj) { + let rt = ""; + for (let [k, v] of Object.entries(obj)) { rt += `${v},`; } + return rt; + } + static StringRemoveSpecials(str) { + var spc = [".","~","{","}"]; + for (var i=0; i<spc.length; i++) { str = str.replace(spc[i],""); } + return str; + } + static FileDownload(fname, ftype, fdata){ + var blob = new Blob(fdata, {type: ftype}); + window.saveAs(blob, fname); + } + static FileSizeFormat(size) { + if(size>0) { + var i = Math.floor( Math.log(size) / Math.log(1000) ); + return ( size / Math.pow(1000, i) ).toFixed(2) * 1 + ' ' + ['B', 'kB', 'MB', 'GB', 'TB'][i]; + } else { + return size+" B"; + } + } + static EscapeHtml(unsafe) { + unsafe = unsafe.replace(/&/g, "&"); + unsafe = unsafe.replace(/</g, "<"); + unsafe = unsafe.replace(/>/g, ">"); + unsafe = unsafe.replace(/"/g, """); + unsafe = unsafe.replace(/'/g, "'"); + return unsafe; + } + static GetDateTime() { + var dt = new Date(); + var hr = dt.getHours() < 10 ? "0" + dt.getHours() : dt.getHours(); + var mn = dt.getMinutes() < 10 ? "0" + dt.getMinutes() : dt.getMinutes(); + var sc = dt.getSeconds() < 10 ? "0" + dt.getSeconds() : dt.getSeconds(); + return hr + ":" + mn + ":" + sc; + } + static GetBrowser() { + return $.browser.name+" v"+$.browser.versionNumber+" on "+$.browser.platform; + } + static GetScreenSize() { + let bwsize = "Viewport="+$(window).width()+"x"+$(window).height(); + bwsize += " Document="+$(document).width()+"x"+$(document).height(); + bwsize += " Screen="+window.screen.width+"x"+window.screen.height; + return bwsize; + } + static GetNumPercent(p,n) { + return (p / 100) * n; + } + static GetPercentage(p,n) { + return (p * 100) / n; + } + static FormatNumber(v,d) { + v = parseFloat(v); + return v.toFixed(d).toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1.'); + } + static CelsiusToFahrenheit(n) { + return n * 9 / 5 + 32; + } + static CelsiusToKelvin(n) { + return n+273.15; + } +} + +class wmCookie { + static Read(cname) { + let decCookie = decodeURIComponent(document.cookie); + let carr = decCookie.split(';'); + for (let i=0; i<carr.length; i++) { + while (carr[i].charAt(0)===' ') { carr[i] = carr[i].substring(1); } + if (carr[i].indexOf(cname)===0) { + let r = carr[i].substring(cname.length+1, carr[i].length); + jsLog.Verbose("Load cookie '"+cname+"' => "+r); + return r; + } + } + return null; + } + static Write(cvalue, cname=null) { + let d = new Date(); + d.setTime(d.getTime() + (365 * 24 * 60 * 60 * 1000)); + let expires = "expires=" + d.toGMTString(); + let cn = cname === null ? "E4dWUI" : cname; + let cv = cn+ "=" + escape(cvalue) + "; " + expires + ";path=/; SameSite=None; Secure;"; + document.cookie = cv; + jsLog.Verbose("Add/Update cookie => "+cv); + } + static CheckBrowser() { + wmCookie.Write('1','check_browser_cookie'); + return (document.cookie.indexOf('check_browser_cookie') !== -1) ? true : false; + } + static Check() { + jsLog.Verbose("Checking for browser supported cookie"); + if(wmCookie.CheckBrowser()===true) { + jsLog.Debug("Cookies supported. Looking for custom settings"); + var cStr = wmCookie.Read("E4dWUI"); + if(cStr === null){ + jsLog.Verbose("No settings cookie found. Define defaults"); + wmCookie.Write(JSON.stringify(wmSettings)); + } else { + jsLog.Debug("Settings cookie found. Loading customized settings"); + var cv = JSON.parse(cStr); + wmSettings.AutoConnect = cv.AutoConnect; + wmSettings.DefaultPanel = cv.DefaultPanel; + wmSettings.ConsoleDirection = cv.ConsoleDirection; + wmSettings.LogLevel = cv.LogLevel; + wmSettings.SymbolMode = cv.SymbolMode, + jsLog.Verbose("Customized cookie stored settings loaded"); + jsLog.Verbose(wmTools.Stringfy(wmSettings)); + } + } else { + jsLog.Warning("Cookies are not supported by the browser. Use default settings"); + } + } +} + +class jsLog { + static Info(logmsg) { + if(wmSettings.LogLevel >= wmEnums.LogLevels.INFO) { console.log("[INFO ] "+logmsg); } + } + static Warning(logmsg) { + if(wmSettings.LogLevel >= wmEnums.LogLevels.WARNING) { console.log("[WARN ] "+logmsg); } + } + static Error(logmsg) { + if(wmSettings.LogLevel >= wmEnums.LogLevels.ERROR) { console.log("[ERROR ] "+logmsg); } + } + static Debug(logmsg) { + if(wmSettings.LogLevel >= wmEnums.LogLevels.DEBUG) { console.log("[DEBUG ] "+logmsg); } + } + static Verbose(logmsg) { + if(wmSettings.LogLevel >= wmEnums.LogLevels.VERBOSE) { console.log("[VERBOSE] "+logmsg); } + } +} + +var wmGCommands = { + CustomCmd : new wmGCommandItem('',null,null,'Custom command'), + MoveFw : new wmGCommandItem('G1','Y{0}',10,'Move forward on Y axis'), + MoveBw : new wmGCommandItem('G1','Y-{0}',10,'Move backward on Y axis'), + MoveSx : new wmGCommandItem('G1','X{0}',10,'Move left on X axis'), + MoveDx : new wmGCommandItem('G1','X-{0}',10,'Move right on X axis'), + MoveUp : new wmGCommandItem('G1','Z{0}',10,'Move up on Z axis'), + MoveDw : new wmGCommandItem('G1','Z-{0}',10,'Move down on Z axis'), + FillRetrive : new wmGCommandItem('G10',null,null,'Retract filament'), + FillExtrude : new wmGCommandItem('GYYYY',null,null,'Extrude filament'), + MoveHome : new wmGCommandItem('G28',null,null,'Go home on all axis'), + MoveHomeX : new wmGCommandItem('G28','X',null,'Go home on X axis'), + MoveHomeY : new wmGCommandItem('G28','Y',null,'Go home on Y axis'), + MoveHomeZ : new wmGCommandItem('G28','Z',null,'Go home on Z axis'), + StepEnable : new wmGCommandItem('M17','{0}','E X Y Z','Enable stepper'), + StepEnableAll : new wmGCommandItem('M17',null,null,'Enable all steppers'), + StepDisable : new wmGCommandItem('M18','{0}','E X Y Z','Disable stepper'), + StepDisableAll: new wmGCommandItem('M18',null,null,'Disable all steppers'), + SdGetList : new wmGCommandItem('M20',null,null,'Get SD card content'), + SdInit : new wmGCommandItem('M21',null,null,'Init SD card'), + SdRelease : new wmGCommandItem('M22',null,null,'Release SD card'), + SdFileSel : new wmGCommandItem('M23','{0}','','Select an SD file'), + SdFilePrint : new wmGCommandItem('M24','{0}','','Start an SD print'), + SdPrintStatus : new wmGCommandItem('M27',null,null,'SD print status'), + SdPrintReport : new wmGCommandItem('M27','S{0}',5,'SD print status report'), + SdFileStart : new wmGCommandItem('M28','{0}','','Start SD write'), + SdFileStop : new wmGCommandItem('M29',null,null,'Stop SD write'), + SdFileDel : new wmGCommandItem('M30','{0}','','Delete an SD file'), + PrintTime : new wmGCommandItem('M31',null,null,'Print time'), + FanOn : new wmGCommandItem('M106','S{0}',128,'Set fan on with speed'), + FanOff : new wmGCommandItem('M107',null,null,'Set fan off'), + GetPosition : new wmGCommandItem('M114',null,null,'Get Current Position'), + FWInfo : new wmGCommandItem('M115',null,null,'Get firmware info',false), + SetTempUnit : new wmGCommandItem('M149','{0}','C','Set temperature units'), + SetTempOff : new wmGCommandItem('M155','S0','','Turn off temperature status'), + SetTempOn : new wmGCommandItem('M155','S{0}',1,'Get temp status (1 sec default)'), + GetSetting : new wmGCommandItem('M503',null,null,'Get settings report') +}; + +var wmIcons = { + Wifi: new wmFontIcon('wifi'), + Plug: new wmFontIcon('plug'), + Ban: new wmFontIcon('ban'), + Bolt: new wmFontIcon('bolt'), + Info: new wmFontIcon('info'), + InfoCircle: new wmFontIcon('info-circled'), + Triangle: new wmFontIcon('exclamation-triangle'), + CheckSquare: new wmFontIcon('check-square'), + Terminal: new wmFontIcon('terminal'), + Exchange: new wmFontIcon('exchange'), + ChevronUp: new wmFontIcon('chevron-up'), + ChevronDown: new wmFontIcon('chevron-down'), + ChevronLeft: new wmFontIcon('chevron-left'), + ChevronRight: new wmFontIcon('chevron-right'), + LongArrowUp: new wmFontIcon('long-arrow-up'), + LongArrowDown: new wmFontIcon('long-arrow-down'), + LongArrowLeft: new wmFontIcon('long-arrow-left'), + LongArrowRight: new wmFontIcon('long-arrow-right') +}; + +var wmColors = { + Black : 'rgb(0, 0, 0)', + Blue : 'rgb(54, 162, 235)', + Green : 'rgb(0, 255, 0)', + GreenSuc: 'rgb(92, 184, 92)', + GreenTur: 'rgb(75, 192, 192)', + Grey : 'rgb(201, 203, 207)', + Yellow : 'rgb(255, 205, 86)', + Orange : 'rgb(255, 159, 64)', + Purple : 'rgb(153, 102, 255)', + Red : 'rgb(255, 0, 0)', + RedCoral: 'rgb(255, 99, 132)' +}; +// Define default setting onject +jsLog.Verbose("JS Classes initializzation completed"); +jsLog.Debug("Default settings loaded: "+wmTools.Stringfy(wmSettings)); +wmCookie.Check(); |