127 lines
3.7 KiB
JavaScript
127 lines
3.7 KiB
JavaScript
window.CodiqaControls = {
|
|
types: {},
|
|
instances: {},
|
|
|
|
define: function(type, control) {
|
|
control._type = type;
|
|
this.types[type] = control;
|
|
},
|
|
|
|
register: function(type, id, opts) {
|
|
var instance = new this.types[type]();
|
|
instance._type = type;
|
|
instance._id = id;
|
|
instance._opts = opts;
|
|
this.instances[id] = instance;
|
|
|
|
if(!this.types[type].prototype._isInited) {
|
|
this.types[type].prototype.initType();
|
|
}
|
|
return instance;
|
|
},
|
|
|
|
init: function() {
|
|
for(var type in this.types) {
|
|
this.types[type].prototype.initType();
|
|
}
|
|
},
|
|
|
|
refresh: function() {
|
|
for(var x in this.instances) {
|
|
this.instances[x].refresh && this.instances[x].refresh();
|
|
}
|
|
},
|
|
|
|
callbackInit: function() {
|
|
|
|
},
|
|
|
|
getInstances: function(type) {
|
|
var x, instance, instances = [];
|
|
for(x in this.instances) {
|
|
instance = this.instances[x];
|
|
if(instance._type === type) {
|
|
instances.push(instance);
|
|
}
|
|
}
|
|
return instances;
|
|
}
|
|
|
|
};
|
|
|
|
|
|
CodiqaControls.GoogleMap = function () {};
|
|
CodiqaControls.GoogleMap.prototype.initType = function() {
|
|
if( window.CodiqaControls.getInstances('googlemaps').length ) {
|
|
if(this._isInited) {
|
|
if(window.google && window.google.maps) {
|
|
CodiqaControls.GoogleMap.prototype.callbackInit();
|
|
}
|
|
} else {
|
|
var script = document.createElement('script');
|
|
script.type = "text/javascript";
|
|
script.src = "https://maps.googleapis.com/maps/api/js?sensor=true&callback=CodiqaControls.types.googlemaps.prototype.callbackInit";
|
|
document.getElementsByTagName("head")[0].appendChild(script);
|
|
this._isInited = true;
|
|
}
|
|
}
|
|
};
|
|
CodiqaControls.GoogleMap.prototype.callbackInit = function() {
|
|
var x, instances = window.CodiqaControls.getInstances('googlemaps');
|
|
for(x = 0; x < instances.length; x++) {
|
|
instances[x]._opts.ready(instances[x]);
|
|
}
|
|
};
|
|
CodiqaControls.GoogleMap.prototype.refresh = function() {
|
|
if( this.map && this.el && $(this.el).closest('.ui-page-active').length ) {
|
|
google.maps.event.trigger(this.map, 'resize');
|
|
this.center && this.map.setCenter(this.center);
|
|
}
|
|
};
|
|
window.CodiqaControls.define('googlemaps', CodiqaControls.GoogleMap);
|
|
|
|
|
|
(function($) {
|
|
$.widget('mobile.tabbar', $.mobile.navbar, {
|
|
_create: function() {
|
|
// Set the theme before we call the prototype, which will
|
|
// ensure buttonMarkup() correctly grabs the inheritied theme.
|
|
// We default to the "a" swatch if none is found
|
|
var theme = this.element.jqmData('theme') || "a";
|
|
this.element.addClass('ui-footer ui-footer-fixed ui-bar-' + theme);
|
|
|
|
// Make sure the page has padding added to it to account for the fixed bar
|
|
this.element.closest('[data-role="page"]').addClass('ui-page-footer-fixed');
|
|
|
|
|
|
// Call the NavBar _create prototype
|
|
$.mobile.navbar.prototype._create.call(this);
|
|
},
|
|
|
|
// Set the active URL for the Tab Bar, and highlight that button on the bar
|
|
setActive: function(url) {
|
|
// Sometimes the active state isn't properly cleared, so we reset it ourselves
|
|
this.element.find('a').removeClass('ui-btn-active ui-state-persist');
|
|
this.element.find('a[href="' + url + '"]').addClass('ui-btn-active ui-state-persist');
|
|
}
|
|
});
|
|
|
|
$(document).on('pagecreate create', function(e) {
|
|
return $(e.target).find(":jqmData(role='tabbar')").tabbar();
|
|
});
|
|
|
|
$(document).on('pageshow', ":jqmData(role='page')", function(e) {
|
|
// Grab the id of the page that's showing, and select it on the Tab Bar on the page
|
|
var tabBar, id = $(e.target).attr('id');
|
|
|
|
tabBar = $.mobile.activePage.find(':jqmData(role="tabbar")');
|
|
if(tabBar.length) {
|
|
tabBar.tabbar('setActive', '#' + id);
|
|
}
|
|
|
|
window.CodiqaControls.refresh();
|
|
});
|
|
|
|
window.CodiqaControls.init();
|
|
|
|
})(jQuery);
|