243 lines
6.7 KiB
JavaScript
243 lines
6.7 KiB
JavaScript
//>>built
|
|
// wrapped by build app
|
|
define("dojox/mobile/app/_base", ["dijit","dojo","dojox","dojo/require!dijit/_base,dijit/_WidgetBase,dojox/mobile,dojox/mobile/parser,dojox/mobile/Button,dojox/mobile/app/_event,dojox/mobile/app/_Widget,dojox/mobile/app/StageController,dojox/mobile/app/SceneController,dojox/mobile/app/SceneAssistant,dojox/mobile/app/AlertDialog,dojox/mobile/app/List,dojox/mobile/app/ListSelector,dojox/mobile/app/TextBox,dojox/mobile/app/ImageView,dojox/mobile/app/ImageThumbView"], function(dijit,dojo,dojox){
|
|
dojo.provide("dojox.mobile.app._base");
|
|
dojo.experimental("dojox.mobile.app._base");
|
|
|
|
dojo.require("dijit._base");
|
|
dojo.require("dijit._WidgetBase");
|
|
dojo.require("dojox.mobile");
|
|
dojo.require("dojox.mobile.parser");
|
|
dojo.require("dojox.mobile.Button");
|
|
|
|
dojo.require("dojox.mobile.app._event");
|
|
dojo.require("dojox.mobile.app._Widget");
|
|
dojo.require("dojox.mobile.app.StageController");
|
|
dojo.require("dojox.mobile.app.SceneController");
|
|
dojo.require("dojox.mobile.app.SceneAssistant");
|
|
dojo.require("dojox.mobile.app.AlertDialog");
|
|
dojo.require("dojox.mobile.app.List");
|
|
dojo.require("dojox.mobile.app.ListSelector");
|
|
dojo.require("dojox.mobile.app.TextBox");
|
|
dojo.require("dojox.mobile.app.ImageView");
|
|
dojo.require("dojox.mobile.app.ImageThumbView");
|
|
|
|
(function(){
|
|
|
|
var stageController;
|
|
var appInfo;
|
|
|
|
var jsDependencies = [
|
|
"dojox.mobile",
|
|
"dojox.mobile.parser"
|
|
];
|
|
|
|
var loadedResources = {};
|
|
var loadingDependencies;
|
|
|
|
var rootNode;
|
|
|
|
var sceneResources = [];
|
|
|
|
// Load the required resources asynchronously, since not all mobile OSes
|
|
// support dojo.require and sync XHR
|
|
function loadResources(resources, callback){
|
|
// summary:
|
|
// Loads one or more JavaScript files asynchronously. When complete,
|
|
// the first scene is pushed onto the stack.
|
|
// resources:
|
|
// An array of module names, e.g. 'dojox.mobile.AlertDialog'
|
|
|
|
var resource;
|
|
var url;
|
|
|
|
do {
|
|
resource = resources.pop();
|
|
if (resource.source) {
|
|
url = resource.source;
|
|
}else if (resource.module) {
|
|
url= dojo.moduleUrl(resource.module)+".js";
|
|
}else {
|
|
console.log("Error: invalid JavaScript resource " + dojo.toJson(resource));
|
|
return;
|
|
}
|
|
}while (resources.length > 0 && loadedResources[url]);
|
|
|
|
if(resources.length < 1 && loadedResources[url]){
|
|
// All resources have already been loaded
|
|
callback();
|
|
return;
|
|
}
|
|
|
|
dojo.xhrGet({
|
|
url: url,
|
|
sync: false
|
|
}).addCallbacks(function(text){
|
|
dojo["eval"](text);
|
|
loadedResources[url] = true;
|
|
if(resources.length > 0){
|
|
loadResources(resources, callback);
|
|
}else{
|
|
callback();
|
|
}
|
|
},
|
|
function(){
|
|
console.log("Failed to load resource " + url);
|
|
});
|
|
}
|
|
|
|
var pushFirstScene = function(){
|
|
// summary:
|
|
// Pushes the first scene onto the stack.
|
|
|
|
stageController = new dojox.mobile.app.StageController(rootNode);
|
|
var defaultInfo = {
|
|
id: "com.test.app",
|
|
version: "1.0.0",
|
|
initialScene: "main"
|
|
};
|
|
|
|
// If the application info has been defined, as it should be,
|
|
// use it.
|
|
if(dojo.global["appInfo"]){
|
|
dojo.mixin(defaultInfo, dojo.global["appInfo"]);
|
|
}
|
|
appInfo = dojox.mobile.app.info = defaultInfo;
|
|
|
|
// Set the document title from the app info title if it exists
|
|
if(appInfo.title){
|
|
var titleNode = dojo.query("head title")[0] ||
|
|
dojo.create("title", {},dojo.query("head")[0]);
|
|
document.title = appInfo.title;
|
|
}
|
|
|
|
stageController.pushScene(appInfo.initialScene);
|
|
};
|
|
|
|
var initBackButton = function(){
|
|
var hasNativeBack = false;
|
|
if(dojo.global.BackButton){
|
|
// Android phonegap support
|
|
BackButton.override();
|
|
dojo.connect(document, 'backKeyDown', function(e) {
|
|
dojo.publish("/dojox/mobile/app/goback");
|
|
});
|
|
hasNativeBack = true;
|
|
}else if(dojo.global.Mojo){
|
|
// TODO: add webOS support
|
|
}
|
|
if(hasNativeBack){
|
|
dojo.addClass(dojo.body(), "mblNativeBack");
|
|
}
|
|
};
|
|
|
|
dojo.mixin(dojox.mobile.app, {
|
|
init: function(node){
|
|
// summary:
|
|
// Initializes the mobile app. Creates the
|
|
|
|
rootNode = node || dojo.body();
|
|
dojox.mobile.app.STAGE_CONTROLLER_ACTIVE = true;
|
|
|
|
dojo.subscribe("/dojox/mobile/app/goback", function(){
|
|
stageController.popScene();
|
|
});
|
|
|
|
dojo.subscribe("/dojox/mobile/app/alert", function(params){
|
|
dojox.mobile.app.getActiveSceneController().showAlertDialog(params);
|
|
});
|
|
|
|
dojo.subscribe("/dojox/mobile/app/pushScene", function(sceneName, params){
|
|
stageController.pushScene(sceneName, params || {});
|
|
});
|
|
|
|
// Get the list of files to load per scene/view
|
|
dojo.xhrGet({
|
|
url: "view-resources.json",
|
|
load: function(data){
|
|
var resources = [];
|
|
|
|
if(data){
|
|
// Should be an array
|
|
sceneResources = data = dojo.fromJson(data);
|
|
|
|
// Get the list of files to load that have no scene
|
|
// specified, and therefore should be loaded on
|
|
// startup
|
|
for(var i = 0; i < data.length; i++){
|
|
if(!data[i].scene){
|
|
resources.push(data[i]);
|
|
}
|
|
}
|
|
}
|
|
if(resources.length > 0){
|
|
loadResources(resources, pushFirstScene);
|
|
}else{
|
|
pushFirstScene();
|
|
}
|
|
},
|
|
error: pushFirstScene
|
|
});
|
|
|
|
initBackButton();
|
|
},
|
|
|
|
getActiveSceneController: function(){
|
|
// summary:
|
|
// Gets the controller for the active scene.
|
|
|
|
return stageController.getActiveSceneController();
|
|
},
|
|
|
|
getStageController: function(){
|
|
// summary:
|
|
// Gets the stage controller.
|
|
return stageController;
|
|
},
|
|
|
|
loadResources: function(resources, callback){
|
|
loadResources(resources, callback);
|
|
},
|
|
|
|
loadResourcesForScene: function(sceneName, callback){
|
|
var resources = [];
|
|
|
|
// Get the list of files to load that have no scene
|
|
// specified, and therefore should be loaded on
|
|
// startup
|
|
for(var i = 0; i < sceneResources.length; i++){
|
|
if(sceneResources[i].scene == sceneName){
|
|
resources.push(sceneResources[i]);
|
|
}
|
|
}
|
|
|
|
if(resources.length > 0){
|
|
loadResources(resources, callback);
|
|
}else{
|
|
callback();
|
|
}
|
|
},
|
|
|
|
resolveTemplate: function(sceneName){
|
|
// summary:
|
|
// Given the name of a scene, returns the path to it's template
|
|
// file. For example, for a scene named 'main', the file
|
|
// returned is 'app/views/main/main-scene.html'
|
|
// This function can be overridden if it is desired to have
|
|
// a different name to file mapping.
|
|
return "app/views/" + sceneName + "/" + sceneName + "-scene.html";
|
|
},
|
|
|
|
resolveAssistant: function(sceneName){
|
|
// summary:
|
|
// Given the name of a scene, returns the path to it's assistant
|
|
// file. For example, for a scene named 'main', the file
|
|
// returned is 'app/assistants/main-assistant.js'
|
|
// This function can be overridden if it is desired to have
|
|
// a different name to file mapping.
|
|
return "app/assistants/" + sceneName + "-assistant.js";
|
|
}
|
|
});
|
|
})();
|
|
});
|