| Current File : //etc/zpanel/panel/etc/apps/filemanager/scripts/extjs3-ext/ux.locationbar/\ |
/*
* Copyright 2008, brainbits GmbH All rights reserved.
* Author: Stephan Wentz. swentz[at]brainbits.net
*
* http://www.brainbits.net/
*/
/**
* LocationBar class
* Version: 0.1
* @class Ext.ux.Locationbar
* @extends Ext.Toolbar
* Locationbar class.
* @constructor
* Creates a new LocationBar
* @param {Object/Array} config A config object or an array of buttons to add
*/
Ext.ux.LocationBar = Ext.extend(Ext.Toolbar, {
/**
* @cfg {Number} maxItem Maximum number of items the Locationbar takes before the first items are removed (defaults to 15).
* Set to 0 for unlimited items.
*/
maxItems: 15,
/**
* @cfg {String} emptyText The that is shown if no history is available (defaults to 'No node selected.').
*/
emptyText: 'No node selected.',
/**
* @cfg {Boolean} noReload If set to true the reload button will not be visible (defaults to false).
*/
noReload: false,
/**
* @cfg {Function} selectHandler The function to
* call when clicked. Arguments passed are:<ul>
* <li><b>node</b> : Object<p style="margin-left:1em">The node associated with the clicked item.</p></li>
* </ul>
*/
selectHandler: null,
/**
* @cfg {Function} reloadHandler The function to
* call when clicked. Arguments passed are:<ul>
* <li><b>node</b> : Object<p style="margin-left:1em">The node associated with the current item.</p></li>
* </ul>
*/
reloadHandler: null,
/**
* @cfg {String} locationItems Initial items (defaults to []).
*/
locationItems: [],
/**
* @cfg {String} folderIconCls Iconclass for folder icons.
*/
folderIconCls: 'x-locationbar-folder-icon',
/**
* @cfg {String} folderIconCls Iconclass for the backward icon.
*/
backwardIconCls: 'x-locationbar-back-icon',
/**
* @cfg {String} folderIconCls Iconclass for the forward icon.
*/
forwardIconCls: 'x-locationbar-forward-icon',
/**
* @cfg {String} folderIconCls Iconclass for the reload icon.
*/
reloadIconCls: 'x-locationbar-reload-icon',
/**
* @cfg {Ext.tree.TreePanel} tree The treePanel this Locationbar is associated with.
*/
tree: null,
// private
historyItemNodes: {},
// private
historyItems: [],
customHistory: [],
// private
currentItem: false,
// private
historyNext: true,
//var x=0;
// private
initComponent: function() {
if(this.tree) {
this.tree.getLoader().addListener('load',function(tl,node,resp){
if(node){
console.log("Testttttt:- "+node.id);
//node.loaded=true;
//is.setNode(node);
//(!node.isExpanded()){
if(node.id != "ext_root")
chDir( node.id.replace( /_RRR_/g, '/' ), true );
var child_nodes = node.childNodes;
console.log("------------------------------- "+node.childNodes.length);
for(var i=0; i<child_nodes.length;i++)
{
console.log("------------------------------- "+node.childNodes[i]);
node.childNodes[i].expand();break;
}
this.setNode(node);
/*
else { console.log("{{{{{{{{{{{{{{{{{{{{{{{{{{{{{ "+node.isExpanded()); }
}*/
},this)
this.tree.getSelectionModel().addListener('selectionchange', function(sm, node) {
console.log("SelectionChange Node:- "+node+" node.childNodes.length "+node.childNodes.length);
/*console.log("@@@@@@@@@@@@@@@@@@@@:- "+node.ui.isChecked());
var checked = node.ui.isChecked();
node.eachChild(function (n) {
console.log("sssssssssssssssss");
if (checked != undefined) {
var tree = n.ownerTree;
console.log("!!!!!!!! tree:- "+tree);
if (n.isLeaf())
tree.suspendEvents();
n.getUI().toggleCheck(checked);
if (n.isLeaf())
tree.resumeEvents();
}
});
*/
if( node && node.id ) {
//node.loaded=true;
this.setNode(node);
console.log("selectionchange .addListener Node:- "+node);
console.log("selectionchange .addListener Node.id.replace _ggg:- "+node.id.replace(/_RRR_/g,'/'));
chDir( node.id.replace( /_RRR_/g, '/' ), true );
var path = node.getPath();
console.log("sss"+path);
this.tree.expandPath(path);
//this.tree.getLoader().load(node);
}
/*if (node.isLeaf()==false && node.childNodes.length==0){
//console.log(node.isLeaf(),node.childNodes.length)
this.nodeJustLoaded=node;
this.tree.getLoader().load(node);
//this.loadNode(node);
}else{*/
//this.setNode(node);
//}
}, this)
}
//this.addListener('render', this.repaint, this);
Ext.ux.LocationBar.superclass.initComponent.call(this);
},
// private
autoCreate: {
cls:'x-toolbar x-small-editor x-locationbar',
html:'<table cellspacing="0"><tr></tr></table>'
},
// private
onRender: function(ct, position) {
Ext.ux.LocationBar.superclass.onRender.call(this, ct, position);
this.repaint();
},
// private
onClick: function(node) {
if (this.selectHandler) {
this.selectHandler(node);
} else {
if(node.parentNode) {
node.parentNode.expand(false,true)
node.ensureVisible();
}
node.select();
}
},
// private
onReload: function(node) {
if (this.reloadHandler) {
this.reloadHandler(node);
} else if(node.reload) {
node.reload();
}
},
/**
* Clears all items from the LocationBar.
*/
clear: function() {
this.locationItems = [];
this.repaint;
},
/**
* Sets the current Treenode
* If a tree was provided as a config to this LocationBar, this should
* be called automatically.
* @param {Ext.ux.TreeNode} node The currently selected TreeNode
*/
setNode: function(node) {
var path = [];
var pNode = node;
var i;
console.log("pNode.attributes.text:- "+pNode.attributes.text);
do {
var conf = {
text: pNode.attributes.text,
node: pNode,
handler: this.onClick.createDelegate(this, [pNode], false)
};
if (pNode.childNodes.length) {
var childs = [];
console.log("pNode.childNodes:- "+pNode.childNodes);
for (i = 0; i < pNode.childNodes.length; i++) {
childs[i] = {
text: pNode.childNodes[i].attributes.text,
node: pNode.childNodes[i],
iconCls: this.folderIconCls,
handler: this.onClick.createDelegate(this, [pNode.childNodes[i]], false)
};
}
conf.xtype = 'tbsplit';
conf.menu = childs;
}
conf.fullPath = pNode.getPath('text').substr(1);
path.unshift(conf);
} while (pNode.parentNode && (pNode = pNode.parentNode) && pNode.id != 'root')
this.locationItems = [];
for(i=0; i<path.length; i++) {
this.addPathItemRaw(path[i]);
}
this.currentItem = path[path.length - 1];
this.addHistoryItemRaw(this.currentItem);
this.repaint();
},
// private
addHistoryItemRaw: function(item){
if(this.historyItems.indexOf(item.text) != -1) {
this.historyItems.remove(item.text);
delete this.historyItemNodes[item.text];
}
this.historyItems.push(item.text);
this.historyItemNodes[item.text] = item;
},
// private
addPathItemRaw: function(item){
// if number of items > maxItems, remove last
if(this.maxItems && this.locationItems.length > this.maxItems) {
this.locationItems.pop();
}
// put new item at the end
this.locationItems.push(item);
},
// private
repaint: function() {
// alert("Repaint part");
if (this.items && this.items.length) {
var _doLayout = true;
this.items.each(function(item){
this.items.remove(item);
item.destroy();
}, this.items);
} else {
var _doLayout = false;
}
try {
this.items.each(function(item){
this.items.remove(item);
item.destroy();
}, this.items);
} catch(e) {}
// back button
this.add({
cls: 'x-btn-icon',
iconCls: this.backwardIconCls,
handler: function() {
this.historyNext = this.historyItems.pop();
var itemKey = this.historyItems.pop();
var item = this.historyItemNodes[itemKey];
//alert("back button click"+item);
this.onClick(item.node);
},
scope: this,
disabled: this.historyItems.length > 1 ? false : true
//disabled:true
});
// forward button
// TODO: disabled, FUBAR
this.add({
cls: 'x-btn-icon',
iconCls: this.forwardIconCls,
handler: function() {
var node = this.historyNext.node;
this.historyNext = false;
// alert("forward button click");
this.onClick(node);
},
scope: this,
disabled: this.historyNext ? false : true
//disabled: true //this.historyNext ? false : true
});
this.add(' ','-',' ');
if (this.locationItems.length) {
// folder icon
this.add({
cls: 'x-btn-icon',
iconCls: this.folderIconCls,
ctCls: 'x-locationbar-location x-locationbar-location-first',
disabled: true
});
var text;
for (var i = 0; i < this.locationItems.length; i++) {
var locationItem = this.locationItems[i];
var item = {};
if (typeof locationItem == 'object') {
item = locationItem;
}
else {
item.text = locationItem;
}
if(!item.text) {
item.text = 'n/a';
}
item.handler = this.onClick.createDelegate(this, [locationItem.node], false);
item.ctCls = 'x-locationbar-location';
this.add(item);
}
// spacer
this.addItem(
{
cls: 'x-locationbar-location x-locationbar-location-last',
xtype: 'tbfill'
});
menu = [];
for(var i=this.historyItems.length-2; i>=0; i--) {
menu.push({
text: this.historyItemNodes[this.historyItems[i]].fullPath,
iconCls: this.folderIconCls,
node: this.historyItemNodes[this.historyItems[i]].node,
handler: function(item) {
this.onClick(item.node);
},
scope: this
});
}
this.add({
cls: 'x-btn-icon',
ctCls: 'x-locationbar-location x-locationbar-location-last',
menuAlign: 'tr-br?',
menu: menu
});
if(!this.noReload) {
this.add(' ');
// reload button
this.add({
cls: 'x-btn-icon',
iconCls: this.reloadIconCls,
handler: function() {
this.onReload(this.currentItem.node);
},
scope: this
});
}
this.add(' ');
} else {
this.add({
cls: 'x-btn-icon',
iconCls: this.folderIconCls,
ctCls: 'x-locationbar-location x-locationbar-location-first',
disabled: true
});
if(this.emptyText) {
this.add({
xtype: 'lbtext',
text: this.emptyText
});
}
this.addItem(new Ext.ux.LocationBar.Fill());
this.add({
cls: 'x-btn-icon',
ctCls: 'x-locationbar-location x-locationbar-location-last',
menuAlign: 'tr-br?',
disabled: true
});
this.add(' ');
this.add({
cls: 'x-btn-icon',
iconCls: this.reloadIconCls,
disabled: true
});
this.add(' ');
}
if (_doLayout === true) {
this.doLayout();
}
}
});
Ext.reg('locationbar', Ext.ux.LocationBar);
Ext.ux.Fill = Ext.extend(Ext.Toolbar.Spacer, {
// private
render : function(td){
td.style.width = '100%';
Ext.fly(td).addClass('x-locationbar-location');
Ext.ux.Fill.superclass.render.call(this, td);
}
});
Ext.reg('tbfill', Ext.ux.Fill);
Ext.ux.LocationBar.Fill = Ext.extend(Ext.Toolbar.Fill, {
// private
render : function(td){
td.className = 'x-locationbar-location';
// insert a
var data = document.createTextNode('\u00a0');
this.el.appendChild(data);
Ext.ux.LocationBar.Fill.superclass.render.call(this, td);
}
});
Ext.reg('lbfill', Ext.ux.LocationBar.Fill);
Ext.ux.LocationBar.TextItem = Ext.extend(Ext.Toolbar.TextItem, {
// private
render : function(td){
td.className = 'x-locationbar-location';
Ext.ux.LocationBar.Fill.superclass.render.call(this, td);
}
});
Ext.reg('lbtext', Ext.ux.LocationBar.TextItem);