dojox/mobile/tests/imageControlsApp/app/assistants/image-view-assistant.js

Dojo eXtensions, a rollup of many useful sub-projects and varying states of maturity – from very stable and robust, to alpha and experimental. See individual projects contain README files for details.

dojo.require("dojox.mobile.app.SceneAssistant");

dojo.declare("ImageViewAssistant", dojox.mobile.app.SceneAssistant, {
  
  setup: function(){
    console.log("In main assistant setup");
	
	var images = [
		"images/chris1_lg.jpg",
		"images/chris2_lg.jpg",
		"images/imageHoriz.jpg",
		"images/imageVert.jpg",
		"images/square.jpg"
	];
    
    // Instantiate widgets in the template HTML.
    this.controller.parse();
    
	var viewer = this.viewer = dijit.byId("imageView");
	
	this.viewer.set("leftUrl", images[0]);
	this.viewer.set("centerUrl", images[1]);
	this.viewer.set("rightUrl", images[2]);
	
	dojo.connect(dijit.byId("decZoom"), "onClick", function(){
		viewer.set("zoom", viewer.get("zoom") - 0.1);
	});
	dojo.connect(dijit.byId("incZoom"), "onClick", function(){
		viewer.set("zoom", viewer.get("zoom") + 0.1);
	});
	dojo.connect(dijit.byId("resetZoom"), "onClick", function(){
		viewer.set("zoom", 1);
	});
	dojo.connect(dijit.byId("toggleZoom"), "onClick", function(){
		if(viewer.get("zoom") > 1){
			console.log("setting animatedZoom to 1");
			viewer.set("animatedZoom", 1);
		}else{
			console.log("setting animatedZoom to 2");
			viewer.set("animatedZoom", 3);
		}
	});
	dojo.connect(dijit.byId("panLeft"), "onClick", function(){
		viewer.set("zoomCenter", {
			x: viewer.get("zoomCenterX") - 20,
			y: viewer.get("zoomCenterY")
		});
	});
	dojo.connect(dijit.byId("panRight"), "onClick", function(){
		viewer.set("zoomCenter", {
			x: viewer.get("zoomCenterX") + 20,
			y: viewer.get("zoomCenterY")
		});
	});
	dojo.connect(dijit.byId("panUp"), "onClick", function(){
		viewer.set("zoomCenter", {
			x: viewer.get("zoomCenterX"),
			y: viewer.get("zoomCenterY") - 20
		});
	});
	dojo.connect(dijit.byId("panDown"), "onClick", function(){
		viewer.set("zoomCenter", {
			x: viewer.get("zoomCenterX"),
			y: viewer.get("zoomCenterY") + 20
		});
	});
	
	var index = 1;
	
	dojo.connect(viewer, "onChange", function(direction){
		index += direction;
		
		console.log("Index = " + index);
		
		if(index > 0){
			viewer.set("leftUrl", images[index - 1]);
		}
		if(index < images.length - 1){
			viewer.set("rightUrl", images[index + 1]);
		}
	});
	
  },
  
  activate: function(){
    console.log("In main assistant activate");
    
    
  }
  
});