doodle3d-client/js/buttonbehaviors.js

/*
 * This file is part of the Doodle3D project (http://doodle3d.com).
 *
 * Copyright (c) 2013, 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.
 */

var twistIncrement = Math.PI/1800;

var btnNew, btnPrevious, btnNext, btnOops, btnStop, btnInfo;
var btnSettings, btnWordArt;
var btnToggleEdit, buttonGroupEdit, btnZoom, btnMove, btnRotate;
var btnToggleVerticalShapes, btnHeight, btnTwist, btnShape, btnConv, btnStraight, btnSine, btnDiv;
var buttonGroupAdd, popupWordArt;

var state;
var prevState;
var hasControl;

var gcodeGenerateDelayer;
var gcodeGenerateDelay = 50;


var preheatDelay;
var preheatDelayTime = 15*1000;

function initButtonBehavior() {
  console.log("f:initButtonBehavior");

  btnOops = new Button("#btnOops");
  btnInfo = new Button("#btnInfo");
  btnSettings = new Button("#btnSettings");
  btnNew = new Button("#btnNew");
  btnPrint= new Button("#btnPrint");
  btnStop = new Button("#btnStop");
  btnPrevious = new Button("#btnPrevious");
  btnNext = new Button("#btnNext");
  btnSave = new Button("#btnSave");
  buttonGroupAdd = $("#buttonGroupAdd");
	btnShape = new Button("#btnShape");
	btnWordArt = new Button("#btnWordArt");
	popupWordArt = $("#popupWordArt");
	popupShape = $("#popupShape");
	popupMask = $("#popupMask");
	logoPanel = $("#logopanel");
  btnToggleEdit = new Button("#btnToggleEdit");
  buttonGroupEdit = $("#buttonGroupEdit");
  btnZoom = new Button("#btnZoom");
  btnMove = new Button("#btnMove");
  btnRotate = new Button("#btnRotate");
  btnToggleVerticalShapes = new Button("#btnToggleVerticalShapes");
  buttonGroupVerticalShapes = $("#buttonGroupVerticalShapes");
  btnHeight = new Button("#btnHeight");
  btnTwist = new Button("#btnTwist");
  btnStraight = new Button("#btnStraight");
  btnDiv = new Button("#btnDiv");
  btnConv = new Button("#btnConv");
  btnSine = new Button("#btnSine");
  btnAdd = new Button("#btnAdd");
  
  $(".btn").Button(); //initalize other buttons
  
  logoPanel.on("onButtonClick", onLogo);
  btnNew.on("onButtonClick", onBtnNew);
  btnAdd.on("onButtonClick", onBtnAdd);
  btnWordArt.on("onButtonClick", onBtnWordArt);
  btnShape.on("onButtonClick", onBtnShape);
  btnPrint.on("onButtonClick", print);
  btnStop.on("onButtonClick", stopPrint);
  btnSave.on("onButtonClick", saveSketch);
  btnPrevious.on("onButtonClick", prevDoodle);
  btnNext.on("onButtonClick", nextDoodle);
  btnOops.on("onButtonHold", onBtnOops);
  // vertical shape buttons
  btnToggleVerticalShapes.on("onButtonClick", onBtnToggleVerticalShapes);
  btnHeight.on("onButtonHold", onBtnHeight);
  btnTwist.on("onButtonHold", onBtnTwist);
  btnStraight.on("onButtonClick", onBtnStraight);
	btnDiv.on("onButtonClick", onBtnDiv);
	btnConv.on("onButtonClick", onBtnConv);
	btnSine.on("onButtonClick", onBtnSine);
  
  btnToggleEdit.on("onButtonClick", onBtnToggleEdit);
  btnMove.on("onButtonHold", onBtnMove);
  btnZoom.on("onButtonHold", onBtnZoom);
  btnRotate.on("onButtonHold", onBtnRotate);
  
  getSavedSketchStatus();
  setSketchModified(false);

  function onBtnToggleVerticalShapes() {
  	var btnImg;
  	if(buttonGroupVerticalShapes.is(":hidden")) {
  		btnImg = "img/buttons/btnArrowClose.png";
  	} else {
  		btnImg = "img/buttons/btnArrowOpen.png";
  	}
  	btnToggleVerticalShapes.attr("src",btnImg);
  	
  	buttonGroupVerticalShapes.fadeToggle(BUTTON_GROUP_SHOW_DURATION);
  }

  function onLogo() {
  	location.reload();
	}
  function onBtnAdd() {
    buttonGroupAdd.fadeToggle(BUTTON_GROUP_SHOW_DURATION);
  }

  function onBtnStraight() {
    setVerticalShape(verticalShapes.NONE);
  }
  function onBtnDiv() {
    setVerticalShape(verticalShapes.DIVERGING);
  }
  function onBtnConv() {
    setVerticalShape(verticalShapes.CONVERGING);
  }
  function onBtnSine() {
    setVerticalShape(verticalShapes.SINUS);
  }

  function hitTest(cursor,button,radius) {
    return distance(cursor.x,cursor.y,button.x,button.y)<radius;
  }
  
  
  function onBtnToggleEdit() {
  	var btnImg;
		if(buttonGroupEdit.is(":hidden")) {
			btnImg = "img/buttons/btnArrowClose.png";
		} else {
			btnImg = "img/buttons/btnArrowOpen.png";
		}
		btnToggleEdit.attr("src",btnImg);
		
		buttonGroupEdit.fadeToggle(BUTTON_GROUP_SHOW_DURATION);
  }
	function onBtnMove(e,cursor) {
		var w = btnMove.width();
		var h = btnMove.height();
		var speedX = (cursor.x-w/2)*0.3;
		var speedY = (cursor.y-h/2)*0.3;
		//console.log("move speed: ",speedX,speedY);
		moveShape(speedX,speedY);
	}
	function onBtnZoom(e,cursor) {
		var h = btnZoom.height();
		var multiplier = (h/2-cursor.y)*0.003	+ 1;
		zoomShape(multiplier);
	}
	function onBtnRotate(e,cursor) {
		var h = btnZoom.height();
		var multiplier = (h/2-cursor.y)*0.003;
		rotateShape(-multiplier); 
	}
	
  function onBtnHeight(e,cursor) {
  	var h = btnHeight.height();
  	if(cursor.y < h/2) {
  		previewUp(true);
  	} else {
  		previewDown(true);
  	}
  }
  function onBtnTwist(e,cursor) {
  	var h = btnTwist.height();
		var multiplier = (cursor.y-h/2)*0.0005;
		previewTwist(multiplier,true);
  }

  function onBtnOops(e) {
    oopsUndo();
  }

  function onBtnNew(e) {
    clearDoodle();
  }
  
  function onBtnWordArt(e) {
    showWordArtDialog();
  }

  function onBtnShape(e) {
    showShapeDialog();
    buttonGroupAdd.fadeOut();
  }

  btnSettings.on("onButtonClick", openSettingsWindow);
  
  // 29-okt-2013 - we're not doing help for smartphones at the moment
  if (clientInfo.isSmartphone) {
    btnInfo.disable();
  } else {
    btnInfo.on("onButtonClick", function(e) {
  		helpTours.startTour(helpTours.WELCOMETOUR);
    });
  }
}

function stopPrint() {
  console.log("f:stopPrint() >> sendPrintCommands = " + sendPrintCommands);
  //if (!confirm("Weet je zeker dat je huidige print wilt stoppen?")) return;
  if (sendPrintCommands) printer.stop();
  //setState(Printer.STOPPING_STATE,printer.hasControl);
  printer.overruleState(Printer.STOPPING_STATE);
}


function print(e) {
	console.log("f:print() >> sendPrintCommands = " + sendPrintCommands);

  //$(".btnPrint").css("display","none");

  if (_points.length > 2) {

  	//setState(Printer.BUFFERING_STATE,printer.hasControl);
    printer.overruleState(Printer.BUFFERING_STATE);

    btnStop.css("display","none"); // hack

    // we put the gcode generation in a little delay
    // so that for example the print button is disabled right away
    clearTimeout(gcodeGenerateDelayer);
    gcodeGenerateDelayer = setTimeout(function() {

    	var gcode = generate_gcode();
    	if (sendPrintCommands) {
    		if(gcode.length > 0) {
    			printer.print(gcode);
    		} else {
    			printer.overruleState(Printer.IDLE_STATE);
    			printer.startStatusCheckInterval();
    		}
			} else {
				console.log("sendPrintCommands is false: not sending print command to 3dprinter");
			}

			// if (debugMode) {
			// 	$("#textdump").text("");
			// 	$("#textdump").text(gcode.join("\n"));
			// }

    }, gcodeGenerateDelay);
  } else {
    console.log("f:print >> not enough points!");
  }

  //alert("Je tekening zal nu geprint worden");
  //$(".btnPrint").css("display","block");


  //	$.post("/doodle3d.of", { data:output }, function(data) {
  //	btnPrint.disabled = false;
  //	});
}


function clearMainView() {
  //    console.log("f:clearMainView()");
  ctx.save();
  ctx.clearRect(0,0,canvas.width, canvas.height);
  ctx.restore();
}
function resetPreview() {
  //    console.log("f:resetPreview()");

  // clear preview canvas
  previewCtx.save();
  previewCtx.clearRect(0,0,canvas.width, canvas.height);
  previewCtx.restore();

  // also make new Image, otherwise the previously cached preview can be redrawn with move up/down or twist left/right
  doodleImageCapture = new Image();

  // reset height and rotation to default values
  numLayers 	= previewDefaults.numLayers;     // current number of preview layers
  rStep 			= previewDefaults.rotation; // Math.PI/180; //Math.PI/40; //
}

function oopsUndo() {
  //    console.log("f:oopsUndo()");
  _points.pop();

  if (clientInfo.isSmartphone) {
    // do not recalc the whole preview's bounds during undo if client device is a smartphone
    redrawDoodle(false);
  } else {
    // recalc the whole preview's bounds during if client device is not a smartphone
    redrawDoodle(true);
  }
  redrawPreview();
}

function previewUp(redrawLess) {
  //    console.log("f:previewUp()");
  if (numLayers < maxNumLayers) {
    numLayers++;
  }
  setSketchModified(true);

//  redrawPreview(redrawLess);
  redrawRenderedPreview(redrawLess);
}
function previewDown(redrawLess) {
  //    console.log("f:previewDown()");
  if (numLayers > minNumLayers) {
    numLayers--;
  }
  setSketchModified(true);
//  redrawPreview(redrawLess);
  redrawRenderedPreview(redrawLess);
}
function previewTwistLeft(redrawLess) {
	previewTwist(-twistIncrement,true)
}
function previewTwistRight(redrawLess) {
	previewTwist(twistIncrement,true)
}
function previewTwist(increment,redrawLess) {
	console.log("previewTwist: ",increment);
  if (redrawLess == undefined) redrawLess = false;
  
  rStep += increment;
  if(rStep < -previewRotationLimit) rStep = -previewRotationLimit;
  else if(rStep > previewRotationLimit) rStep = previewRotationLimit;
  
  redrawRenderedPreview(redrawLess);
  setSketchModified(true);
}

function resetTwist() {
  rStep = 0;
  redrawRenderedPreview();
  setSketchModified(true);
}

function update() {
	
	
	setState(printer.state,printer.hasControl);

	thermometer.update(printer.temperature, printer.targetTemperature);
	progressbar.update(printer.currentLine, printer.totalLines);
}

function setState(newState,newHasControl) {
	if(newState == state && newHasControl == hasControl) return;

	prevState = state;

	console.log("setState: ",prevState," > ",newState," ( ",newHasControl,")");
	setDebugText("State: "+newState);

	// print button
	var printEnabled = (newState == Printer.IDLE_STATE && newHasControl);
	if(printEnabled) {
		btnPrint.enable();
	} else {
		btnPrint.disable();
	}

	// stop button
	var stopEnabled = ((newState == Printer.PRINTING_STATE || newState == Printer.BUFFERING_STATE) && newHasControl);
	if(stopEnabled) {
		btnStop.enable();
	} else {
		btnStop.disable();
	}

	// thermometer
	switch(newState) {
		case Printer.IDLE_STATE: /* fall-through */
		case Printer.BUFFERING_STATE: /* fall-through */
		case Printer.PRINTING_STATE: /* fall-through */
		case Printer.STOPPING_STATE:
			thermometer.show();
			break;
		default:
			thermometer.hide();
			break;
	}

	// progress indicator
	switch(newState) {
		case Printer.PRINTING_STATE:
			progressbar.show();
			break;
		default:
			progressbar.hide();
			break;
	}

	/* settings button */
	switch(newState) {
    case Printer.IDLE_STATE:
    	btnSettings.enable();
      break;
    case Printer.WIFIBOX_DISCONNECTED_STATE: /* fall-through */
    case Printer.BUFFERING_STATE: /* fall-through */
    case Printer.PRINTING_STATE: /* fall-through */
    case Printer.STOPPING_STATE:
    	btnSettings.disable();
      break;
    default:
    	btnSettings.enable();
      break;
  }
	
	/* save, next and prev buttons */
	switch(newState) {
		case Printer.WIFIBOX_DISCONNECTED_STATE:
			btnPrevious.disable();
			btnNext.disable()
			btnSave.disable();
			break;
		default:
			updatePrevNextButtonState();
			if (isModified) btnSave.enable();
			break;
	}

	if(newState == Printer.WIFIBOX_DISCONNECTED_STATE) {
		message.set("Lost connection to WiFi box",Message.ERROR);
	}	else if(prevState == Printer.WIFIBOX_DISCONNECTED_STATE) {
		message.set("Connected to WiFi box",Message.INFO,true);
	} else if(newState == Printer.DISCONNECTED_STATE) {
		message.set("Printer disconnected",Message.WARNING,true);
	} else if(prevState == Printer.DISCONNECTED_STATE && newState == Printer.IDLE_STATE ||
						prevState == Printer.UNKNOWN_STATE && newState == Printer.IDLE_STATE) {
		message.set("Printer connected",Message.INFO,true);
		console.log("  preheat: ",settings["printer.heatup.enabled"]);
		if(settings["printer.heatup.enabled"]) {
			// HACK: we delay the preheat because the driver needs time to connect
			clearTimeout(preheatDelay);
			preheatDelay = setTimeout(printer.preheat,preheatDelayTime); // retry after delay
		}
	}	else if(prevState == Printer.PRINTING_STATE && newState == Printer.STOPPING_STATE) {
		console.log("stopmsg show");
		message.set("Printer stopping",Message.INFO,false);
	}	else if(prevState == Printer.STOPPING_STATE && newState == Printer.IDLE_STATE) {
		console.log("stopmsg hide");
		message.hide();
	}

	state = newState;
	hasControl = newHasControl;
}