431 lines
15 KiB
JavaScript
431 lines
15 KiB
JavaScript
|
|
/*** The WebGUI Asset Manager
|
|
* Requires: YAHOO, Dom, Event
|
|
*
|
|
*/
|
|
|
|
if ( typeof WebGUI == "undefined" ) {
|
|
WebGUI = {};
|
|
}
|
|
|
|
if ( typeof WebGUI.AssetManager == "undefined" ) {
|
|
WebGUI.AssetManager = {};
|
|
}
|
|
|
|
// Keep track of the open more menus
|
|
WebGUI.AssetManager.MoreMenusDisplayed = {};
|
|
WebGUI.AssetManager.CrumbMoreMenu = undefined;
|
|
// Append something to a url:
|
|
WebGUI.AssetManager.appendToUrl = function ( url, params ) {
|
|
var components = [ url ];
|
|
if (url.match(/\?/)) {
|
|
components.push(";");
|
|
}
|
|
else {
|
|
components.push("?");
|
|
}
|
|
components.push(params);
|
|
return components.join('');
|
|
};
|
|
|
|
/*---------------------------------------------------------------------------
|
|
WebGUI.AssetManager.addHighlightToRow ( child )
|
|
Highlight the row containing this element by adding to it the "highlight"
|
|
class
|
|
*/
|
|
WebGUI.AssetManager.addHighlightToRow = function ( child ) {
|
|
var row = WebGUI.AssetManager.findRow( child );
|
|
if ( !YAHOO.util.Dom.hasClass( row, "highlight" ) ) {
|
|
YAHOO.util.Dom.addClass( row, "highlight" );
|
|
}
|
|
};
|
|
|
|
/*---------------------------------------------------------------------------
|
|
WebGUI.AssetManager.buildMoreMenu ( url, linkElement )
|
|
Build a WebGUI style "More" menu for the asset referred to by url
|
|
*/
|
|
WebGUI.AssetManager.buildMoreMenu = function ( url, linkElement, isNotLocked ) {
|
|
// Build a more menu
|
|
var rawItems = WebGUI.AssetManager.MoreMenuItems;
|
|
var menuItems = [];
|
|
var isLocked = !isNotLocked;
|
|
for ( var i = 0; i < rawItems.length; i++ ) {
|
|
var itemUrl = rawItems[i].url
|
|
? WebGUI.AssetManager.appendToUrl(url, rawItems[i].url)
|
|
: url
|
|
;
|
|
if (! (itemUrl.match( /func=edit;/) && isLocked )) {
|
|
menuItems.push( { "url" : itemUrl, "text" : rawItems[i].label } );
|
|
}
|
|
}
|
|
var options = {
|
|
"zindex" : 1000,
|
|
"clicktohide" : true,
|
|
"position" : "dynamic",
|
|
"context" : [ linkElement, "tl", "bl", ["beforeShow", "windowResize"] ],
|
|
"itemdata" : menuItems
|
|
};
|
|
|
|
return options;
|
|
};
|
|
|
|
/*---------------------------------------------------------------------------
|
|
WebGUI.AssetManager.findRow ( child )
|
|
Find the row that contains this child element.
|
|
*/
|
|
WebGUI.AssetManager.findRow = function ( child ) {
|
|
var node = child;
|
|
while ( node ) {
|
|
if ( node.tagName == "TR" ) {
|
|
return node;
|
|
}
|
|
node = node.parentNode;
|
|
}
|
|
};
|
|
|
|
WebGUI.AssetManager.assetActionCache = {};
|
|
|
|
/*---------------------------------------------------------------------------
|
|
WebGUI.AssetManager.formatActions ( )
|
|
Format the Edit and More links for the row
|
|
*/
|
|
WebGUI.AssetManager.formatActions = function ( elCell, oRecord, oColumn, orderNumber ) {
|
|
var data = oRecord.getData(),
|
|
id = data.assetId,
|
|
assets = WebGUI.AssetManager.assetActionCache,
|
|
asset = assets[id],
|
|
edit, more;
|
|
|
|
elCell.innerHTML = '';
|
|
|
|
if (!data.actions) {
|
|
return;
|
|
}
|
|
|
|
if (!asset) {
|
|
assets[id] = asset = {};
|
|
asset.data = data;
|
|
asset.bar = document.createTextNode(' | ');
|
|
|
|
edit = asset.edit = document.createElement('a');
|
|
edit.href = WebGUI.AssetManager.appendToUrl(
|
|
data.url, 'func=edit;proceed=manageAssets'
|
|
);
|
|
edit.appendChild(document.createTextNode(
|
|
WebGUI.AssetManager.i18n.get('Asset', 'edit')
|
|
));
|
|
|
|
more = asset.more = document.createElement('a');
|
|
more.href = '#';
|
|
more.appendChild(document.createTextNode(
|
|
WebGUI.AssetManager.i18n.get('Asset','More')
|
|
));
|
|
|
|
YAHOO.util.Event.addListener(
|
|
more, 'click', WebGUI.AssetManager.onMoreClick, asset
|
|
);
|
|
}
|
|
|
|
elCell.appendChild(asset.edit);
|
|
elCell.appendChild(asset.bar);
|
|
elCell.appendChild(asset.more);
|
|
};
|
|
|
|
/*---------------------------------------------------------------------------
|
|
WebGUI.AssetManager.formatAssetIdCheckbox ( )
|
|
Format the checkbox for the asset ID.
|
|
*/
|
|
WebGUI.AssetManager.formatAssetIdCheckbox = function ( elCell, oRecord, oColumn, orderNumber ) {
|
|
elCell.innerHTML = '<input type="checkbox" name="assetId" value="' + oRecord.getData("assetId") + '"'
|
|
+ 'onchange="WebGUI.AssetManager.toggleHighlightForRow( this )" />';
|
|
};
|
|
|
|
/*---------------------------------------------------------------------------
|
|
WebGUI.AssetManager.formatAssetSize ( )
|
|
Format the asset class name
|
|
*/
|
|
WebGUI.AssetManager.formatAssetSize = function ( elCell, oRecord, oColumn, orderNumber ) {
|
|
elCell.innerHTML = oRecord.getData( "assetSize" );
|
|
};
|
|
|
|
/*---------------------------------------------------------------------------
|
|
WebGUI.AssetManager.formatClassName ( )
|
|
Format the asset class name
|
|
*/
|
|
WebGUI.AssetManager.formatClassName = function ( elCell, oRecord, oColumn, orderNumber ) {
|
|
elCell.innerHTML = '<img src="' + oRecord.getData( 'icon' ) + '" /> '
|
|
+ oRecord.getData( "className" );
|
|
};
|
|
|
|
/*---------------------------------------------------------------------------
|
|
WebGUI.AssetManager.formatLockedBy ( )
|
|
Format the asset class name
|
|
*/
|
|
WebGUI.AssetManager.formatLockedBy = function ( elCell, oRecord, oColumn, orderNumber ) {
|
|
var extras = getWebguiProperty('extrasURL');
|
|
elCell.innerHTML
|
|
= oRecord.getData( 'lockedBy' )
|
|
? '<a href="' + WebGUI.AssetManager.appendToUrl(oRecord.getData( 'url' ), 'func=manageRevisions') + '">'
|
|
+ '<img src="' + extras + '/assetManager/locked.gif" alt="' + WebGUI.AssetManager.i18n.get('WebGUI', 'locked by') + ' ' + oRecord.getData( 'lockedBy' ) + '" '
|
|
+ 'title="' + WebGUI.AssetManager.i18n.get('WebGUI', 'locked by') + ' ' + oRecord.getData( 'lockedBy' ) + '" border="0" />'
|
|
+ '</a>'
|
|
: '<a href="' + WebGUI.AssetManager.appendToUrl(oRecord.getData( 'url' ), 'func=manageRevisions') + '">'
|
|
+ '<img src="' + extras + '/assetManager/unlocked.gif" alt="' + WebGUI.AssetManager.i18n.get('Asset', 'unlocked') + '" '
|
|
+ 'title="' + WebGUI.AssetManager.i18n.get('Asset', 'unlocked') +'" border="0" />'
|
|
+ '</a>'
|
|
;
|
|
};
|
|
|
|
/*---------------------------------------------------------------------------
|
|
WebGUI.AssetManager.formatRank ( )
|
|
Format the input for the rank box
|
|
*/
|
|
WebGUI.AssetManager.formatRank = function ( elCell, oRecord, oColumn, orderNumber ) {
|
|
var rank = oRecord.getData("lineage").match(/[1-9][0-9]{0,5}$/);
|
|
elCell.innerHTML = '<input type="text" name="' + oRecord.getData("assetId") + '_rank" '
|
|
+ 'value="' + rank + '" size="3" '
|
|
+ 'onchange="WebGUI.AssetManager.selectRow( this )" />';
|
|
};
|
|
|
|
/*---------------------------------------------------------------------------
|
|
WebGUI.AssetManager.onMoreClick ( event, asset )
|
|
Event handler for the more menu's click event
|
|
*/
|
|
WebGUI.AssetManager.onMoreClick = function (e, a) {
|
|
var options, menu = a.menu, d = a.data;
|
|
YAHOO.util.Event.stopEvent(e);
|
|
if (!menu) {
|
|
options = WebGUI.AssetManager.buildMoreMenu(d.url, a.more, d.actions);
|
|
a.menu = menu = new YAHOO.widget.Menu('assetMenu'+d.assetId, options);
|
|
menu.render(document.getElementById('assetManager'));
|
|
}
|
|
menu.show();
|
|
menu.focus();
|
|
};
|
|
|
|
/*---------------------------------------------------------------------------
|
|
WebGUI.AssetManager.BuildQueryString ( )
|
|
*/
|
|
WebGUI.AssetManager.BuildQueryString = function ( state, dt ) {
|
|
var query = "recordOffset=" + state.pagination.recordOffset
|
|
+ ';orderByDirection=' + ((state.sortedBy.dir === YAHOO.widget.DataTable.CLASS_DESC) ? "DESC" : "ASC")
|
|
+ ';rowsPerPage=' + state.pagination.rowsPerPage
|
|
+ ';orderByColumn=' + state.sortedBy.key
|
|
;
|
|
return query;
|
|
};
|
|
|
|
/*---------------------------------------------------------------------------
|
|
WebGUI.AssetManager.formatRevisionDate ( )
|
|
Format the asset class name
|
|
*/
|
|
WebGUI.AssetManager.formatRevisionDate = function ( elCell, oRecord, oColumn, orderNumber ) {
|
|
var revisionDate = new Date( oRecord.getData( "revisionDate" ) * 1000 );
|
|
var minutes = revisionDate.getMinutes();
|
|
if (minutes < 10) {
|
|
minutes = "0" + minutes;
|
|
}
|
|
elCell.innerHTML = revisionDate.getFullYear() + '-' + ( revisionDate.getMonth() + 1 )
|
|
+ '-' + revisionDate.getDate() + ' ' + ( revisionDate.getHours() )
|
|
+ ':' + minutes
|
|
;
|
|
};
|
|
|
|
/*---------------------------------------------------------------------------
|
|
WebGUI.AssetManager.formatTitle ( )
|
|
Format the link for the title
|
|
*/
|
|
WebGUI.AssetManager.formatTitle = function ( elCell, oRecord, oColumn, orderNumber ) {
|
|
elCell.innerHTML = '<span class="hasChildren">'
|
|
+ ( oRecord.getData( 'childCount' ) > 0 ? "+" : " " )
|
|
+ '</span> <a href="' + WebGUI.AssetManager.appendToUrl(oRecord.getData( 'url' ), 'op=assetManager;method=manage') + '">'
|
|
+ oRecord.getData( 'title' )
|
|
+ '</a>'
|
|
;
|
|
};
|
|
|
|
/*---------------------------------------------------------------------------
|
|
WebGUI.AssetManager.initManager ( )
|
|
Initialize the i18n interface
|
|
*/
|
|
WebGUI.AssetManager.initManager = function (o) {
|
|
WebGUI.AssetManager.i18n
|
|
= new WebGUI.i18n( {
|
|
namespaces : {
|
|
'Asset' : [
|
|
"edit",
|
|
"More",
|
|
"unlocked",
|
|
"locked by"
|
|
],
|
|
'WebGUI' : [
|
|
"< prev",
|
|
"next >"
|
|
]
|
|
},
|
|
onpreload : {
|
|
fn : WebGUI.AssetManager.initDataTable
|
|
}
|
|
} );
|
|
};
|
|
|
|
/*---------------------------------------------------------------------------
|
|
WebGUI.AssetManager.initDataTable ( )
|
|
Initialize the www_manage page
|
|
*/
|
|
WebGUI.AssetManager.initDataTable = function (o) {
|
|
var assetPaginator = new YAHOO.widget.Paginator({
|
|
containers : ['pagination'],
|
|
pageLinks : 7,
|
|
rowsPerPage : 100,
|
|
previousPageLinkLabel : WebGUI.AssetManager.i18n.get('WebGUI', '< prev'),
|
|
nextPageLinkLabel : WebGUI.AssetManager.i18n.get('WebGUI', 'next >'),
|
|
template : "<strong>{CurrentPageReport}</strong> {PreviousPageLink} {PageLinks} {NextPageLink}"
|
|
});
|
|
|
|
|
|
// initialize the data source
|
|
WebGUI.AssetManager.DataSource
|
|
= new YAHOO.util.DataSource( '?op=assetManager;method=ajaxGetManagerPage;',{connTimeout:30000} );
|
|
WebGUI.AssetManager.DataSource.responseType
|
|
= YAHOO.util.DataSource.TYPE_JSON;
|
|
WebGUI.AssetManager.DataSource.responseSchema
|
|
= {
|
|
resultsList: 'assets',
|
|
fields: [
|
|
{ key: 'assetId' },
|
|
{ key: 'lineage' },
|
|
{ key: 'actions' },
|
|
{ key: 'title' },
|
|
{ key: 'className' },
|
|
{ key: 'revisionDate' },
|
|
{ key: 'assetSize' },
|
|
{ key: 'lockedBy' },
|
|
{ key: 'icon' },
|
|
{ key: 'url' },
|
|
{ key: 'childCount' }
|
|
],
|
|
metaFields: {
|
|
totalRecords : 'totalAssets',
|
|
sortColumn : 'sort',
|
|
sortDirection : 'dir'
|
|
}
|
|
};
|
|
|
|
|
|
|
|
// Initialize the data table
|
|
WebGUI.AssetManager.DataTable
|
|
= new YAHOO.widget.DataTable( 'dataTableContainer',
|
|
WebGUI.AssetManager.ColumnDefs,
|
|
WebGUI.AssetManager.DataSource,
|
|
{
|
|
initialRequest : 'recordOffset=0',
|
|
dynamicData : true,
|
|
paginator : assetPaginator,
|
|
generateRequest : WebGUI.AssetManager.BuildQueryString
|
|
}
|
|
);
|
|
|
|
WebGUI.AssetManager.DataTable.handleDataReturnPayload = function(oRequest, oResponse, oPayload) {
|
|
var m = oResponse.meta;
|
|
oPayload.totalRecords = m.totalRecords;
|
|
this.set('sortedBy', {
|
|
key: m.sortColumn,
|
|
dir: m.sortDirection === 'desc' ?
|
|
YAHOO.widget.DataTable.CLASS_DESC :
|
|
YAHOO.widget.DataTable.CLASS_ASC
|
|
});
|
|
return oPayload;
|
|
};
|
|
|
|
};
|
|
|
|
/*---------------------------------------------------------------------------
|
|
WebGUI.AssetManager.removeHighlightFromRow ( child )
|
|
Remove the highlight from a row by removing the "highlight" class.
|
|
*/
|
|
WebGUI.AssetManager.removeHighlightFromRow = function ( child ) {
|
|
var row = WebGUI.AssetManager.findRow( child );
|
|
if ( YAHOO.util.Dom.hasClass( row, "highlight" ) ) {
|
|
YAHOO.util.Dom.removeClass( row, "highlight" );
|
|
}
|
|
};
|
|
|
|
/*---------------------------------------------------------------------------
|
|
WebGUI.AssetManager.selectRow ( child )
|
|
Check the assetId checkbox in the row that contains the given child.
|
|
Used when something in the row changes.
|
|
*/
|
|
WebGUI.AssetManager.selectRow = function ( child ) {
|
|
// First find the row
|
|
var node = WebGUI.AssetManager.findRow( child );
|
|
WebGUI.AssetManager.addHighlightToRow( child );
|
|
|
|
// Now find the assetId checkbox in the first element
|
|
var inputs = node.getElementsByTagName( "input" );
|
|
for ( var i = 0; i < inputs.length; i++ ) {
|
|
if ( inputs[i].name == "assetId" ) {
|
|
inputs[i].checked = true;
|
|
break;
|
|
}
|
|
}
|
|
};
|
|
|
|
/*---------------------------------------------------------------------------
|
|
WebGUI.AssetManager.showMoreMenu ( url, linkTextId )
|
|
Build a More menu for the last element of the Crumb trail
|
|
*/
|
|
WebGUI.AssetManager.showMoreMenu
|
|
= function ( url, linkTextId, isNotLocked ) {
|
|
|
|
var menu;
|
|
if ( typeof WebGUI.AssetManager.CrumbMoreMenu == "undefined" ) {
|
|
var more = document.getElementById(linkTextId);
|
|
var options = WebGUI.AssetManager.buildMoreMenu(url, more, isNotLocked);
|
|
menu = new YAHOO.widget.Menu( "crumbMoreMenu", options );
|
|
menu.render( document.getElementById( 'assetManager' ) );
|
|
WebGUI.AssetManager.CrumbMoreMenu = menu;
|
|
}
|
|
else {
|
|
menu = WebGUI.AssetManager.CrumbMoreMenu;
|
|
}
|
|
menu.show();
|
|
menu.focus();
|
|
};
|
|
|
|
/*---------------------------------------------------------------------------
|
|
WebGUI.AssetManager.toggleHighlightForRow ( checkbox )
|
|
Toggle the highlight for the row based on the state of the checkbox
|
|
*/
|
|
WebGUI.AssetManager.toggleHighlightForRow = function ( checkbox ) {
|
|
if ( checkbox.checked ) {
|
|
WebGUI.AssetManager.addHighlightToRow( checkbox );
|
|
}
|
|
else {
|
|
WebGUI.AssetManager.removeHighlightFromRow( checkbox );
|
|
}
|
|
};
|
|
|
|
/*---------------------------------------------------------------------------
|
|
WebGUI.AssetManager.toggleRow ( child )
|
|
Toggles the entire row by finding the checkbox and doing what needs to be
|
|
done.
|
|
*/
|
|
WebGUI.AssetManager.toggleRow = function ( child ) {
|
|
var row = WebGUI.AssetManager.findRow( child );
|
|
|
|
// Find the checkbox
|
|
var inputs = row.getElementsByTagName( "input" );
|
|
for ( var i = 0; i < inputs.length; i++ ) {
|
|
if ( inputs[i].name == "assetId" ) {
|
|
inputs[i].checked = inputs[i].checked
|
|
? false
|
|
: true
|
|
;
|
|
WebGUI.AssetManager.toggleHighlightForRow( inputs[i] );
|
|
break;
|
|
}
|
|
}
|
|
};
|
|
|