doodle3d-connect/js/ControlPage.js

/*
 * This file is part of the Doodle3D project (http://doodle3d.com).
 *
 * Copyright (c) 2013-2017, Doodle3D
 * This software is licensed under the terms of the GNU GPL v2 or later.
 * See file LICENSE.txt or visit http://www.gnu.org/licenses/gpl.html for full license details.
 */

(function (w) {
	var _page;
	var _form;
	var _statusField;
	var _infoField;
	var _noRetainCheckbox;
	var _includeBetasCheckbox;
	var _submitButton;
	var _settings;

	var _updateAPI = new UpdateAPI();
	var _configAPI = new ConfigAPI();
	var _printerAPI = new PrinterAPI();
	var _serverAPI = new ServerAPI();
	var _infoAPI = new InfoAPI();
	var _pageData = {};
	var _updateStatus = {};
	var _title;
	var endCode;
	
	var PAGE_ID = "#control";
	
	var timerObject = {
		interval_id : null
	};

	var _self = this;

	$.mobile.document.on( "pageinit", PAGE_ID, function( event, data ) {
		console.log(PAGE_ID+":pageinit");

		_page = $(this);
		_title = _page.find(".ui-title");

		d3d.util.showLoader();

		$("#grpStatusAndControl").hide();
		$("#btnStop").hide();
		$("#btnNewPrint").hide();

		$("#infoDisconnected").hide();
		$("#infoConnecting").hide();

		//$("#btnSend").on("click", function(data) {
		//	// console.log("test",$("#gcode").val());
		
		//	_configAPI.loadAll(function(successData) {
		//		_settings = successData;

		//		var gcode = _configAPI.subsituteVariables($("#gcode").val(),_settings);

		//		console.log("btnPrint subsituteVariables: ",gcode);

		//		$(this).hide();
		//		_printerAPI.print({
		//			gcode: gcode,
		//			start: true,
		//			first: true
		//		},function(successData) {
		//			console.log("btnSend success");
		//		},function(failData) {
		//			console.log("btnSend fail");
		//		});
		//	});
		
		//});

		_pageData = d3d.util.getPageParams(PAGE_ID);
		
		// console.log(_pageData);

		if(_pageData === undefined) { 
			console.log("ERROR",PAGE_ID,"_pageData undefined");
			$.mobile.changePage("#boxes");
			return;
		}

		var backUrl = d3d.util.replaceURLParameters("#print",_pageData);
		$("#btnControlBack").attr("href",backUrl);

/*
		$("#btnCooldown").button().on("click", function(data) {
			_printerAPI.print({
				gcode: "M104 S20",
				start: true,
				first: true
			});
		});

		$("#btnHeatup").button().on("click", function(data) {
			_printerAPI.print({
				gcode: "M104 S180",
				start: true,
				first: true
			});
		});

		$("#btnHome").button().on("click", function(data) {
			_printerAPI.print({
				gcode: "G28",
				start: true,
				first: true
			});
		});
*/
		$("#btnStop").on("click", function(data) {
			if (!window.confirm("Are you sure you want to stop the current print?")) {
				return;
			}
			
			$(this).hide();

			if (!_settings) {
				console.log("Error: _settings undefined");
				return;
			}

			var endcode = _configAPI.subsituteVariables(_settings["printer.endcode"],_settings);

			_printerAPI.stop({gcode:endcode}, function(successData) {
				console.log("btnStop success",successData);
				refreshStatus();
			},function(failData) {
				console.log("btnStop fail",failData);
				window.alert("Problem: " + failData.msg);
			});

		});


	});

    function refreshStatus() {
		d3d.util.showLoader();

		_infoAPI.getStatus(function(successData) {

			$("#grpStatusAndControl").show();

			var state = successData.state;
			if (state==="idle") {
				state="ready";
			}
			
			if (state==="disconnected" || state==="connecting") {
				$("#infoState").show();
				$("#infoState").text("Printer " + state + "...");
				$("#grpStatusAndControl").hide();
				
				if (state==="connecting") {
					$("#infoConnecting").show();
					$("#infoDisconnected").hide();
				} else if (state==="disconnected") {
					$("#infoConnecting").hide();
					$("#infoDisconnected").show();
				}

			} else {
				$("#infoDisconnected").hide();
				$("#infoConnecting").hide();

				$("#infoState").hide();
				$("#grpStatusAndControl").show();
				$("#infoNozzleTemperature").html(successData.hotend + " / " + successData.hotend_target + " °C");
				$("#infoPrinterStatus").text(state);

				if (_settings && _settings["printer.heatedbed"]) {
					$("#liBedTemperature").show();
					$("#infoBedTemperature").html(successData.bed + " / " + successData.bed_target + " °C");
				} else {
					$("#liBedTemperature").hide();
				}
			}

			if (successData.state==="printing") {
				$("#liPrintingProgress").show();
				// console.log('printing',d3d.util.formatPercentage(successData.current_line,successData.total_lines));
				$("#infoPrintingProgress").text(d3d.util.formatPercentage(successData.current_line,successData.total_lines));

				var uuid = successData.current_print;

				//request filename only once
				if ($("#infoPrintingFile").text()==="") {
					_serverAPI.fetchHeader(uuid,function(successData) {
						console.log("infoPrintingFile fetchHeader",successData);
						$("#liPrintingFile").show();
						$("#liPrinterType").show();
						$("#infoPrintingFile").text(successData.name);
						$("#infoPrinterType").text(successData.printer.title);
					},function(failData) {
						$("#liPrintingFile").hide();
					});					
				}

				$("#btnStop").show();
				// console.log('printing');
			} else {
				// console.log('not printing');
				$("#btnStop").hide();
				$("#liPrintingProgress").hide();
				$("#liPrintingFile").hide();
			}

			if (state==="ready") {

				if (d3d && d3d.pageParams && d3d.pageParams.uuid) {
					console.log("show button btnNewPrint");
					var url = d3d.util.replaceURLParameters("#print",_pageData);
					// $("#btnNewPrint").attr("href",url);
					// $("#btnNewPrint").show();
				}

			} else {
				// $("#grpCustomGCODE").hide();
			}
			
			// console.log("getStatus success",successData);
			d3d.util.hideLoader();

		},function(failData) {
			console.log("getStatus fail",failData);
			$("#grpStatusAndControl").hide();
			d3d.util.hideLoader();
		});
	}

	$.mobile.document.on("pagebeforeshow", PAGE_ID, function( event, data ) {
		_pageData = d3d.util.getPageParams(PAGE_ID);
		
		if(_pageData === undefined) { 
			console.log("ERROR",PAGE_ID,"_pageData undefined");
			$.mobile.changePage("#boxes");
			return;
		}
		var boxURL = "http://"+_pageData.localip;

		// _title.text("Control 3D-printer on " + _pageData.wifiboxid);
		
		_configAPI.init(boxURL);
		_printerAPI.init(boxURL);
		_infoAPI.init(boxURL);
		_serverAPI.init("https://gcodeserver.doodle3d.com");

		_configAPI.loadAll(function(successData) {
			_settings = successData;
			
			console.log("_configAPI.loadAll success",_settings);

			// $("#infoWiFiBox").text(_settings.)

		},function(failData) {
			console.log("_configAPI.loadAll failed");
		});


		_infoAPI.getInfo(function(successData) {
			$("span#infoWiFiBox").text(successData.wifiboxid);
		},function(failData) {

		});

		// refreshSettings();

		refreshStatus();

		timerObject.interval_id = setInterval(function() {refreshStatus(); }, 3000);    
	});

	$.mobile.document.on('pagehide', PAGE_ID, function(){   
		clearInterval(timerObject.interval_id);  
	}); 

	$.mobile.document.on( "pagebeforehide", PAGE_ID, function( event, data ) {
		console.log("pagebeforehide");
	});

	
})(window);