oqapi/webgui
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

back/forward button/menu done

Browse source
This commit is contained in:
Doug Bell 2010-04-14 19:56:18 -05:00
parent 439eda2da2
commit 1383681464
1 changed files with 51 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

62
www/extras/admin/admin.js
View file

@ -148,7 +148,6 @@ WebGUI.Admin.LocationBar
*/ */
WebGUI.Admin.LocationBar.prototype.addBackAsset WebGUI.Admin.LocationBar.prototype.addBackAsset
= function ( assetDef ) { = function ( assetDef ) {
var self = this; // Scope correction for event handlers
var b = this.btnBack; var b = this.btnBack;
// Button is enabled // Button is enabled
@ -159,7 +158,7 @@ WebGUI.Admin.LocationBar.prototype.addBackAsset
b.getMenu().insertItem( { b.getMenu().insertItem( {
text : this.getMenuItemLabel( assetDef ), text : this.getMenuItemLabel( assetDef ),
value : assetDef.url, value : assetDef.url,
onclick : function () { self.clickMenuItem( "back", assetDef ) } onclick : { fn: this.clickBackMenuItem, obj: assetDef, scope: this }
}, 0 ); }, 0 );
b.getMenu().render(); b.getMenu().render();
@ -167,6 +166,26 @@ WebGUI.Admin.LocationBar.prototype.addBackAsset
// TODO // TODO
}; };
/**
* clickBackMenuItem( assetDef )
* Click an item in the back menu
*/
WebGUI.Admin.LocationBar.prototype.clickBackMenuItem
= function ( type, e, assetDef ) {
window.admin.gotoAsset( assetDef.url );
this.swapBackToForward( assetDef );
};
/**
* clickForwardMenuItem( assetDef )
* Click an item in the forward menu
*/
WebGUI.Admin.LocationBar.prototype.clickForwardMenuItem
= function ( type, e, assetDef ) {
window.admin.gotoAsset( assetDef.url );
this.swapForwardToBack( assetDef );
};
/** /**
* getMenuItemLabel( assetDef ) * getMenuItemLabel( assetDef )
* Build a menu item label for the given assetDef * Build a menu item label for the given assetDef
@ -197,6 +216,13 @@ WebGUI.Admin.LocationBar.prototype.goBack
*/ */
WebGUI.Admin.LocationBar.prototype.goForward WebGUI.Admin.LocationBar.prototype.goForward
= function ( e ) { = function ( e ) {
var assetDef = this.forwardAssetDefs[0];
// First, start the going
window.admin.gotoAsset( assetDef.url );
// Update the back and forward menus
this.swapForwardToBack( assetDef );
}; };
/** /**
@ -227,6 +253,10 @@ WebGUI.Admin.LocationBar.prototype.inputFocus
*/ */
WebGUI.Admin.LocationBar.prototype.navigate WebGUI.Admin.LocationBar.prototype.navigate
= function ( assetDef ) { = function ( assetDef ) {
// Always update location bar
this.setTitle( assetDef.title );
this.setUrl( assetDef.url );
if ( this.currentAssetDef ) { if ( this.currentAssetDef ) {
if ( this.currentAssetDef.assetId == assetDef.assetId ) { if ( this.currentAssetDef.assetId == assetDef.assetId ) {
// Don't do the same asset twice // Don't do the same asset twice
@ -238,10 +268,6 @@ WebGUI.Admin.LocationBar.prototype.navigate
// Current asset is now... // Current asset is now...
this.currentAssetDef = assetDef; this.currentAssetDef = assetDef;
// Update location bar
this.setTitle( assetDef.title );
this.setUrl( assetDef.url );
return; return;
}; };
@ -273,21 +299,20 @@ WebGUI.Admin.LocationBar.prototype.setUrl
*/ */
WebGUI.Admin.LocationBar.prototype.swapBackToForward WebGUI.Admin.LocationBar.prototype.swapBackToForward
= function ( assetDef ) { = function ( assetDef ) {
var self = this; // scope correction for inner stuff
while ( this.backAssetDefs.length > 0 && this.currentAssetDef.assetId != assetDef.assetId ) { while ( this.backAssetDefs.length > 0 && this.currentAssetDef.assetId != assetDef.assetId ) {
var workingDef = this.currentAssetDef; var workingDef = this.currentAssetDef;
this.forwardAssetDefs.unshift( workingDef ); this.forwardAssetDefs.unshift( workingDef );
this.btnForward.getMenu().insertItem( { this.btnForward.getMenu().insertItem( {
text : this.getMenuItemLabel( workingDef ), text : this.getMenuItemLabel( workingDef ),
value : workingDef.url, value : workingDef.url,
onclick : function(){ self.clickForwardMenuItem( workingDef ) } onclick : { fn: this.clickForwardMenuItem, obj: workingDef, scope: this }
}, 0 ); }, 0 );
this.currentAssetDef = this.backAssetDefs.shift(); this.currentAssetDef = this.backAssetDefs.shift();
this.btnBack.getMenu().removeItem(0); this.btnBack.getMenu().removeItem(0);
} }
this.btnForward.getMenu().render(); this.btnForward.getMenu().render();
this.btnForward.set("disabled", false); this.btnForward.set("disabled", false);
this.btnBack.render(); this.btnBack.getMenu().render();
if ( this.backAssetDefs.length == 0 ) { if ( this.backAssetDefs.length == 0 ) {
this.btnBack.set( "disabled", true ); this.btnBack.set( "disabled", true );
} }
@ -300,8 +325,23 @@ WebGUI.Admin.LocationBar.prototype.swapBackToForward
*/ */
WebGUI.Admin.LocationBar.prototype.swapForwardToBack WebGUI.Admin.LocationBar.prototype.swapForwardToBack
= function ( assetDef ) { = function ( assetDef ) {
while ( this.forwardAssetDefs.length > 0 && this.currentAssetDef.assetId != assetDef.assetId ) {
var workingDef = this.currentAssetDef;
this.backAssetDefs.unshift( workingDef );
this.btnBack.getMenu().insertItem( {
text : this.getMenuItemLabel( workingDef ),
value : workingDef.url,
onclick : { fn: this.clickBackMenuItem, obj: workingDef, scope : this }
}, 0 );
this.currentAssetDef = this.forwardAssetDefs.shift();
this.btnForward.getMenu().removeItem(0);
}
this.btnBack.getMenu().render();
this.btnBack.set("disabled", false);
this.btnForward.getMenu().render();
if ( this.forwardAssetDefs.length == 0 ) {
this.btnForward.set( "disabled", true );
}
}; };