0x2620/pandora
2
1
Fork 1
Code Issues 1.3k Pull requests Releases Wiki Activity

better event handling

Browse source
This commit is contained in:
j 2010-07-01 10:49:53 +02:00
parent a67ccda613
commit 12833af22d
1 changed files with 51 additions and 49 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

74
pandora/static/js/pandora.js
View file

@ -1,4 +1,7 @@
$(function(){ $(function(){
Ox.debug = Ox.print;
Ox.print = function() {};
Ox.theme("modern"); Ox.theme("modern");
app = new Ox.App({ app = new Ox.App({
requestURL: "/api/" requestURL: "/api/"
@ -52,11 +55,15 @@ $(function(){
new Ox.Input({ new Ox.Input({
autocomplete: function(option, value, callback) { autocomplete: function(option, value, callback) {
var field = option.substring(6).toLowerCase(); var field = option.substring(6).toLowerCase();
Ox.print('app.menu.find.autocomplete: option: ', option, 'value: ', value, ', callback:',callback); if(typeof(callback) == 'undefined') {
Ox.print('app.menu.find.autocomplete: field: ', field); callback = value;
value = null;
}
Ox.debug('app.menu.find.autocomplete: option: ', option, 'value: ', value, ', callback:',callback);
Ox.debug('app.menu.find.autocomplete: field: ', field);
if(field == 'all') { if(field == 'all') {
callback([]); callback([]);
} else { } else if (value) {
value = value.toLowerCase(); value = value.toLowerCase();
//var order = $.inArray(field, ['year', 'date'])?'-':''; //var order = $.inArray(field, ['year', 'date'])?'-':'';
app.request('find', { app.request('find', {
@ -173,7 +180,7 @@ $(function(){
}); });
var pageDialog = function(title, page) { var pageDialog = function(title, page) {
Ox.print(title, page); Ox.debug(title, page);
var $dialog = new Ox.Dialog({ var $dialog = new Ox.Dialog({
title: title, title: title,
buttons: [ buttons: [
@ -187,18 +194,18 @@ $(function(){
.open(); .open();
}; };
//this should be: mainMenu.bind('click_about', function(event) { //this should be: mainMenu.bind('click_about', function(event) {
Ox.Event.bind(app.menu.id, 'click_about', function() { app.menu.bindEvent('click_about', function() {
pageDialog('About ' + site.name, site.pages.about); pageDialog('About ' + site.name, site.pages.about);
}); });
Ox.Event.bind(app.menu.id, 'click_faq', function() { app.menu.bindEvent('click_faq', function() {
pageDialog(app.menu.getItem('faq').options('title')[0], pageDialog(app.menu.getItem('faq').options('title')[0],
site.pages.faq); site.pages.faq);
}); });
Ox.Event.bind(app.menu.id, 'click_tos', function() { app.menu.bindEvent('click_tos', function() {
pageDialog(app.menu.getItem('tos').options('title')[0], pageDialog(app.menu.getItem('tos').options('title')[0],
site.pages.tos); site.pages.tos);
}); });
Ox.Event.bind(app.menu.id, 'click_sas', function() { app.menu.bindEvent('click_sas', function() {
pageDialog(app.menu.getItem('sas').options('title')[0], pageDialog(app.menu.getItem('sas').options('title')[0],
site.pages.sas); site.pages.sas);
}); });
@ -225,7 +232,7 @@ $(function(){
return that; return that;
}; };
Ox.Event.bind(app.menu.id, 'click_contact', function() { app.menu.bindEvent('click_contact', function() {
var labelWidth = 64; var labelWidth = 64;
var inputWidth = 380; var inputWidth = 380;
@ -285,15 +292,15 @@ $(function(){
.append(form) .append(form)
.open(); .open();
}); });
Ox.Event.bind(app.menu.id, 'click_technology', function() { app.menu.bindEvent('click_technology', function() {
pageDialog(app.menu.getItem('technology').options('title')[0], pageDialog(app.menu.getItem('technology').options('title')[0],
site.pages.technology); site.pages.technology);
}); });
Ox.Event.bind(app.menu.id, 'click_source', function() { app.menu.bindEvent('click_source', function() {
pageDialog(app.menu.getItem('source').options('title')[0], pageDialog(app.menu.getItem('source').options('title')[0],
site.pages.source); site.pages.source);
}); });
Ox.Event.bind(app.menu.id, 'click_report', function() { app.menu.bindEvent('click_report', function() {
pageDialog(app.menu.getItem('report').options('title')[0], pageDialog(app.menu.getItem('report').options('title')[0],
site.pages.report); site.pages.report);
}); });
@ -304,10 +311,10 @@ $(function(){
this.menu.getItem('logout').toggle(); this.menu.getItem('logout').toggle();
this.menu.getItem('status').options('title', "User: not logged in"); this.menu.getItem('status').options('title', "User: not logged in");
}; };
Ox.Event.bind(app.menu.id, 'click_logout', function(event, data) { app.menu.bindEvent('click_logout', function(event, data) {
app.logout(); app.logout();
}); });
Ox.Event.bind(app.menu.id, 'click_login', function(element) { app.menu.bindEvent('click_login', function(element) {
var labelWidth = 64; var labelWidth = 64;
var inputWidth = labelWidth+200; var inputWidth = labelWidth+200;
var loginForm = new OxForm({ var loginForm = new OxForm({
@ -434,8 +441,8 @@ $(function(){
/* /*
tabbar.bind('OxButtonToggle', function(event, data) { tabbar.bind('OxButtonToggle', function(event, data) {
Ox.print('tabbar selected'); Ox.debug('tabbar selected');
Ox.print(data.value); Ox.debug(data.value);
if(data.value=='Info') { if(data.value=='Info') {
content.html('this is for testing purposes only, lets get down to it...'); content.html('this is for testing purposes only, lets get down to it...');
} else if(data.value=='Scenes') { } else if(data.value=='Scenes') {
@ -449,8 +456,8 @@ $(function(){
} }
}); });
*/ */
var loadResult = function(query) { app.results = new Ox.TextList({
var columns = [ { columns: [ {
align: "left", align: "left",
id: "title", id: "title",
operator: "+", operator: "+",
@ -474,12 +481,13 @@ $(function(){
visible: true, visible: true,
width: 80 width: 80
} }
]; ],
return new Ox.TextList({
columns: columns,
request: function(options) { request: function(options) {
app.request("find", $.extend(options, { app.request("find", $.extend(options, {
query: query query: {
conditions: [],
operator: "&"
}
}), options.callback); }), options.callback);
}, },
id: "results", id: "results",
@ -487,27 +495,21 @@ $(function(){
key: "year", key: "year",
operator: "-" operator: "-"
}] }]
});
}
var results = loadResult({
conditions: [],
operator: "&"
}).appendTo(content); }).appendTo(content);
Ox.Event.bind(false, 'submit_find', function(event, data) { app.bindEvent('submit_find', function(event, data) {
var r = loadResult({ app.results.options({
conditions: [ request: function(options) {
{ app.request("find", $.extend(options, {
query: {
key: data.option.substr(6).toLowerCase(), key: data.option.substr(6).toLowerCase(),
value: data.value, value: data.value,
operator: "~" operator: "~"
} }
], }), options.callback);
operator: "&" },
}); });
results.replaceWith(r);
results = r;
}); });
app.launch(); app.launch();
}); });