| ' + ' | {0} | ' + '', ' |
License details: http://www.gnu.org/licenses/lgpl.html
* * @forum 22661 * * @donate * */ Ext.ns('Ext.ux.form'); /** * Creates new DateTime * @constructor * @param {Object} config A config object */ Ext.ux.form.DateTime = Ext.extend(Ext.form.Field, { /** * @cfg {String/Object} defaultAutoCreate DomHelper element spec * Let superclass to create hidden field instead of textbox. Hidden will be submittend to server */ defaultAutoCreate:{tag:'input', type:'hidden'} /** * @cfg {Number} timeWidth Width of time field in pixels (defaults to 100) */ ,timeWidth:100 /** * @cfg {String} dtSeparator Date - Time separator. Used to split date and time (defaults to ' ' (space)) */ ,dtSeparator:' ' /** * @cfg {String} hiddenFormat Format of datetime used to store value in hidden field * and submitted to server (defaults to 'Y-m-d H:i:s' that is mysql format) */ ,hiddenFormat:'Y-m-d H:i:s' /** * @cfg {Boolean} otherToNow Set other field to now() if not explicly filled in (defaults to true) */ ,otherToNow:true /** * @cfg {Boolean} emptyToNow Set field value to now on attempt to set empty value. * If it is true then setValue() sets value of field to current date and time (defaults to false) */ /** * @cfg {String} timePosition Where the time field should be rendered. 'right' is suitable for forms * and 'below' is suitable if the field is used as the grid editor (defaults to 'right') */ ,timePosition:'right' // valid values:'below', 'right' /** * @cfg {String} dateFormat Format of DateField. Can be localized. (defaults to 'm/y/d') */ ,dateFormat:'m/d/y' /** * @cfg {String} timeFormat Format of TimeField. Can be localized. (defaults to 'g:i A') */ ,timeFormat:'g:i A' /** * @cfg {Object} dateConfig Config for DateField constructor. */ /** * @cfg {Object} timeConfig Config for TimeField constructor. */ // {{{ /** * @private * creates DateField and TimeField and installs the necessary event handlers */ ,initComponent:function() { // call parent initComponent Ext.ux.form.DateTime.superclass.initComponent.call(this); // create DateField var dateConfig = Ext.apply({}, { id:this.id + '-date' ,format:this.dateFormat || Ext.form.DateField.prototype.format ,width:this.timeWidth ,selectOnFocus:this.selectOnFocus ,listeners:{ blur:{scope:this, fn:this.onBlur} ,focus:{scope:this, fn:this.onFocus} } }, this.dateConfig); this.df = new Ext.form.DateField(dateConfig); this.df.ownerCt = this; delete(this.dateFormat); // create TimeField var timeConfig = Ext.apply({}, { id:this.id + '-time' ,format:this.timeFormat || Ext.form.TimeField.prototype.format ,width:this.timeWidth ,selectOnFocus:this.selectOnFocus ,listeners:{ blur:{scope:this, fn:this.onBlur} ,focus:{scope:this, fn:this.onFocus} } }, this.timeConfig); this.tf = new Ext.form.TimeField(timeConfig); this.tf.ownerCt = this; delete(this.timeFormat); // relay events this.relayEvents(this.df, ['focus', 'specialkey', 'invalid', 'valid']); this.relayEvents(this.tf, ['focus', 'specialkey', 'invalid', 'valid']); } // eo function initComponent // }}} // {{{ /** * @private * Renders underlying DateField and TimeField and provides a workaround for side error icon bug */ ,onRender:function(ct, position) { // don't run more than once if(this.isRendered) { return; } // render underlying hidden field Ext.ux.form.DateTime.superclass.onRender.call(this, ct, position); // render DateField and TimeField // create bounding table var t; if('below' === this.timePosition || 'bellow' === this.timePosition) { t = Ext.DomHelper.append(ct, {tag:'table',style:'border-collapse:collapse',children:[ {tag:'tr',children:[{tag:'td', style:'padding-bottom:1px', cls:'ux-datetime-date'}]} ,{tag:'tr',children:[{tag:'td', cls:'ux-datetime-time'}]} ]}, true); } else { t = Ext.DomHelper.append(ct, {tag:'table',style:'border-collapse:collapse',children:[ {tag:'tr',children:[ {tag:'td',style:'padding-right:4px', cls:'ux-datetime-date'},{tag:'td', cls:'ux-datetime-time'} ]} ]}, true); } this.tableEl = t; this.wrap = t.wrap({cls:'x-form-field-wrap'}); // this.wrap = t.wrap(); this.wrap.on("mousedown", this.onMouseDown, this, {delay:10}); // render DateField & TimeField this.df.render(t.child('td.ux-datetime-date')); this.tf.render(t.child('td.ux-datetime-time')); // workaround for IE trigger misalignment bug if(Ext.isIE && Ext.isStrict) { // t.select('input').applyStyles({top:0}); // http://extjs.com/forum/showthread.php?p=341651 } this.on('specialkey', this.onSpecialKey, this); this.df.el.swallowEvent(['keydown', 'keypress']); this.tf.el.swallowEvent(['keydown', 'keypress']); // create icon for side invalid errorIcon if('side' === this.msgTarget) { var elp = this.el.findParent('.x-form-element', 10, true); this.errorIcon = elp.createChild({cls:'x-form-invalid-icon'}); this.df.errorIcon = this.errorIcon; this.tf.errorIcon = this.errorIcon; } // setup name for submit this.el.dom.name = this.hiddenName || this.name || this.id; // prevent helper fields from being submitted this.df.el.dom.removeAttribute("name"); this.tf.el.dom.removeAttribute("name"); // we're rendered flag this.isRendered = true; // update hidden field this.updateHidden(); } // eo function onRender // }}} // {{{ /** * @private */ ,adjustSize:Ext.BoxComponent.prototype.adjustSize // }}} // {{{ /** * @private */ ,alignErrorIcon:function() { this.errorIcon.alignTo(this.tableEl, 'tl-tr', [2, 0]); } // }}} // {{{ /** * @private initializes internal dateValue */ ,initDateValue:function() { this.dateValue = this.otherToNow ? new Date() : new Date(1970, 0, 1, 0, 0, 0); } // }}} // {{{ /** * Calls clearInvalid on the DateField and TimeField */ ,clearInvalid:function(){ this.df.clearInvalid(); this.tf.clearInvalid(); } // eo function clearInvalid // }}} // {{{ /** * Calls markInvalid on both DateField and TimeField * @param {String} msg Invalid message to display */ ,markInvalid:function(msg){ this.df.markInvalid(msg); this.tf.markInvalid(msg); } // eo function markInvalid // }}} // {{{ /** * @private * called from Component::destroy. * Destroys all elements and removes all listeners we've created. */ ,beforeDestroy:function() { if(this.isRendered) { // this.removeAllListeners(); this.wrap.removeAllListeners(); this.wrap.remove(); this.tableEl.remove(); this.df.destroy(); this.tf.destroy(); } } // eo function beforeDestroy // }}} // {{{ /** * Disable this component. * @return {Ext.Component} this */ ,disable:function() { if(this.isRendered) { this.df.disabled = this.disabled; this.df.onDisable(); this.tf.onDisable(); } this.disabled = true; this.df.disabled = true; this.tf.disabled = true; this.fireEvent("disable", this); return this; } // eo function disable // }}} // {{{ /** * Enable this component. * @return {Ext.Component} this */ ,enable:function() { if(this.rendered){ this.df.onEnable(); this.tf.onEnable(); } this.disabled = false; this.df.disabled = false; this.tf.disabled = false; this.fireEvent("enable", this); return this; } // eo function enable // }}} // {{{ /** * @private Focus date filed */ ,focus:function() { this.df.focus(); } // eo function focus // }}} // {{{ /** * @private */ ,getPositionEl:function() { return this.wrap; } // }}} // {{{ /** * @private */ ,getResizeEl:function() { return this.wrap; } // }}} // {{{ /** * @return {Date/String} Returns value of this field */ ,getValue:function() { // create new instance of date return this.dateValue ? new Date(this.dateValue) : ''; } // eo function getValue // }}} // {{{ /** * @return {Boolean} true = valid, false = invalid * @private Calls isValid methods of underlying DateField and TimeField and returns the result */ ,isValid:function() { return this.df.isValid() && this.tf.isValid(); } // eo function isValid // }}} // {{{ /** * Returns true if this component is visible * @return {boolean} */ ,isVisible : function(){ return this.df.rendered && this.df.getActionEl().isVisible(); } // eo function isVisible // }}} // {{{ /** * @private Handles blur event */ ,onBlur:function(f) { // called by both DateField and TimeField blur events // revert focus to previous field if clicked in between if(this.wrapClick) { f.focus(); this.wrapClick = false; } // update underlying value if(f === this.df) { this.updateDate(); } else { this.updateTime(); } this.updateHidden(); // fire events later (function() { if(!this.df.hasFocus && !this.tf.hasFocus) { var v = this.getValue(); if(String(v) !== String(this.startValue)) { this.fireEvent("change", this, v, this.startValue); } this.hasFocus = false; this.fireEvent('blur', this); } }).defer(100, this); } // eo function onBlur // }}} // {{{ /** * @private Handles focus event */ ,onFocus:function() { if(!this.hasFocus){ this.hasFocus = true; this.startValue = this.getValue(); this.fireEvent("focus", this); } } // }}} // {{{ /** * @private Just to prevent blur event when clicked in the middle of fields */ ,onMouseDown:function(e) { if(!this.disabled) { this.wrapClick = 'td' === e.target.nodeName.toLowerCase(); } } // }}} // {{{ /** * @private * Handles Tab and Shift-Tab events */ ,onSpecialKey:function(t, e) { var key = e.getKey(); if(key === e.TAB) { if(t === this.df && !e.shiftKey) { e.stopEvent(); this.tf.focus(); } if(t === this.tf && e.shiftKey) { e.stopEvent(); this.df.focus(); } } // otherwise it misbehaves in editor grid if(key === e.ENTER) { this.updateValue(); } } // eo function onSpecialKey // }}} // {{{ /** * @private Sets the value of DateField */ ,setDate:function(date) { this.df.setValue(date); } // eo function setDate // }}} // {{{ /** * @private Sets the value of TimeField */ ,setTime:function(date) { this.tf.setValue(date); } // eo function setTime // }}} // {{{ /** * @private * Sets correct sizes of underlying DateField and TimeField * With workarounds for IE bugs */ ,setSize:function(w, h) { if(!w) { return; } if('below' === this.timePosition) { this.df.setSize(w, h); this.tf.setSize(w, h); if(Ext.isIE) { this.df.el.up('td').setWidth(w); this.tf.el.up('td').setWidth(w); } } else { this.df.setSize(w - this.timeWidth - 4, h); this.tf.setSize(this.timeWidth, h); if(Ext.isIE) { this.df.el.up('td').setWidth(w - this.timeWidth - 4); this.tf.el.up('td').setWidth(this.timeWidth); } } } // eo function setSize // }}} // {{{ /** * @param {Mixed} val Value to set * Sets the value of this field */ ,setValue:function(val) { if(!val && true === this.emptyToNow) { this.setValue(new Date()); return; } else if(!val) { this.setDate(''); this.setTime(''); this.updateValue(); return; } if ('number' === typeof val) { val = new Date(val); } else if('string' === typeof val && this.hiddenFormat) { val = Date.parseDate(val, this.hiddenFormat) } val = val ? val : new Date(1970, 0 ,1, 0, 0, 0); var da, time; if(val instanceof Date) { this.setDate(val); this.setTime(val); this.dateValue = new Date(val); } else { da = val.split(this.dtSeparator); this.setDate(da[0]); if(da[1]) { if(da[2]) { // add am/pm part back to time da[1] += da[2]; } this.setTime(da[1]); } } this.updateValue(); } // eo function setValue // }}} // {{{ /** * Hide or show this component by boolean * @return {Ext.Component} this */ ,setVisible: function(visible){ if(visible) { this.df.show(); this.tf.show(); }else{ this.df.hide(); this.tf.hide(); } return this; } // eo function setVisible // }}} //{{{ ,show:function() { return this.setVisible(true); } // eo function show //}}} //{{{ ,hide:function() { return this.setVisible(false); } // eo function hide //}}} // {{{ /** * @private Updates the date part */ ,updateDate:function() { var d = this.df.getValue(); if(d) { if(!(this.dateValue instanceof Date)) { this.initDateValue(); if(!this.tf.getValue()) { this.setTime(this.dateValue); } } this.dateValue.setMonth(0); // because of leap years this.dateValue.setFullYear(d.getFullYear()); this.dateValue.setMonth(d.getMonth(), d.getDate()); // this.dateValue.setDate(d.getDate()); } else { this.dateValue = ''; this.setTime(''); } } // eo function updateDate // }}} // {{{ /** * @private * Updates the time part */ ,updateTime:function() { var t = this.tf.getValue(); if(t && !(t instanceof Date)) { t = Date.parseDate(t, this.tf.format); } if(t && !this.df.getValue()) { this.initDateValue(); this.setDate(this.dateValue); } if(this.dateValue instanceof Date) { if(t) { this.dateValue.setHours(t.getHours()); this.dateValue.setMinutes(t.getMinutes()); this.dateValue.setSeconds(t.getSeconds()); } else { this.dateValue.setHours(0); this.dateValue.setMinutes(0); this.dateValue.setSeconds(0); } } } // eo function updateTime // }}} // {{{ /** * @private Updates the underlying hidden field value */ ,updateHidden:function() { if(this.isRendered) { var value = this.dateValue instanceof Date ? this.dateValue.format(this.hiddenFormat) : ''; this.el.dom.value = value; } } // }}} // {{{ /** * @private Updates all of Date, Time and Hidden */ ,updateValue:function() { this.updateDate(); this.updateTime(); this.updateHidden(); return; } // eo function updateValue // }}} // {{{ /** * @return {Boolean} true = valid, false = invalid * calls validate methods of DateField and TimeField */ ,validate:function() { return this.df.validate() && this.tf.validate(); } // eo function validate // }}} // {{{ /** * Returns renderer suitable to render this field * @param {Object} Column model config */ ,renderer: function(field) { var format = field.editor.dateFormat || Ext.ux.form.DateTime.prototype.dateFormat; format += ' ' + (field.editor.timeFormat || Ext.ux.form.DateTime.prototype.timeFormat); var renderer = function(val) { var retval = Ext.util.Format.date(val, format); return retval; }; return renderer; } // eo function renderer // }}} }); // eo extend // register xtype Ext.reg('xdatetime', Ext.ux.form.DateTime);/* * Source: http://extjs.com/forum/showthread.php?t=21331 * Extension description : Grid Summary Plugin With Fixed Summary Row * Created by : mystix - Ext Support Team (http://extjs.com/forum/member.php?u=1459) */ Ext.ns('Ext.ux.grid'); Ext.ux.grid.GridSummary = function(config) { Ext.apply(this, config); }; Ext.extend(Ext.ux.grid.GridSummary, Ext.util.Observable, { init : function(grid) { this.grid = grid; this.cm = grid.getColumnModel(); this.view = grid.getView(); var v = this.view; // override GridView's onLayout() method v.onLayout = this.onLayout; v.afterMethod('render', this.refreshSummary, this); v.afterMethod('refresh', this.refreshSummary, this); v.afterMethod('syncScroll', this.syncSummaryScroll, this); v.afterMethod('onColumnWidthUpdated', this.doWidth, this); v.afterMethod('onAllColumnWidthsUpdated', this.doAllWidths, this); v.afterMethod('onColumnHiddenUpdated', this.doHidden, this); // update summary row on store's add/remove/clear/update events grid.store.on({ add: this.refreshSummary, remove: this.refreshSummary, clear: this.refreshSummary, update: this.refreshSummary, scope: this }); if (!this.rowTpl) { this.rowTpl = new Ext.Template( '',
'',
'
',
'
'
);
this.rowTpl.disableFormats = true;
}
this.rowTpl.compile();
if (!this.cellTpl) {
this.cellTpl = new Ext.Template(
'{value}
',
"'
+'
'
+'
'
+'{[Ext.util.Format.htmlEncode(values.' + (this.displayField || 'text') + ')]}
'
+''
// + ' '
+ ''
+ '
' + '
'
+ '{shortName}
'
+ ''
// CUSTOM TWEAK: NOTE (Goran): added this line, because I couldnt get qtips from prev row working
+ ''
+ this.uploadInText + '{shortFolderPath}
' + '
'
// + ' '
+ ''
+ '
'
+ '{shortName}
'
+ ''
+ '' + this.clickRemoveText; break; case 'uploading': qtip = String.format(this.fileUploadingText, values.fileName); qtip += '
' + values.pctComplete + '% done'; qtip += '
' + this.clickStopText; break; case 'done': qtip = String.format(this.fileDoneText, values.fileName); qtip += '
' + this.clickRemoveText; break; case 'failed': qtip = String.format(this.fileFailedText, values.fileName); qtip += '
' + this.errorText + ':' + values.error; qtip += '
' + this.clickRemoveText; break; case 'stopped': qtip = String.format(this.fileStoppedText, values.fileName); qtip += '
' + this.clickRemoveText; break; } return qtip; } // eo function getQtip // }}} // {{{ /** * get file name * @private * @param {Ext.Element} inp Input element containing the full file path * @return {String} */ ,getFileName:function(inp) { return inp.getValue().split(/[\/\\]/).pop(); } // eo function getFileName // }}} // {{{ /** * get file path (excluding the file name) * @private * @param {Ext.Element} inp Input element containing the full file path * @return {String} */ ,getFilePath:function(inp) { return inp.getValue().replace(/[^\/\\]+$/,''); } // eo function getFilePath // }}} // {{{ /** * returns file class based on name extension * @private * @param {String} name File name to get class of * @return {String} class to use for file type icon */ ,getFileCls: function(name) { var atmp = name.split('.'); if(1 === atmp.length) { return this.fileCls; } else { return this.fileCls + '-' + atmp.pop().toLowerCase(); } } // }}} // {{{ /** * called when file is added - adds file to store * @private * @param {Ext.ux.BrowseButton} */ ,onAddFile:function(bb) { if(true !== this.eventsSuspended && false === this.fireEvent('beforefileadd', this, bb.getInputFile())) { return; } var inp = bb.detachInputFile(); inp.addClass('x-hidden'); var fileName = this.getFileName(inp); // create new record and add it to store var rec = new this.store.recordType({ input:inp ,fileName:fileName ,filePath:this.getFilePath(inp) ,shortName: Ext.util.Format.ellipsis(fileName, this.maxLength) ,fileCls:this.getFileCls(fileName) ,state:'queued' }, inp.id); rec.commit(); this.store.add(rec); this.syncShadow(); this.uploadBtn.enable(); this.removeAllBtn.enable(); if(true !== this.eventsSuspended) { this.fireEvent('fileadd', this, this.store, rec); } } // eo onAddFile // }}} // {{{ /** * destroys child components * @private */ ,onDestroy:function() { // destroy uploader if(this.uploader) { this.uploader.stopAll(); this.uploader.purgeListeners(); this.uploader = null; } // destroy view if(this.view) { this.view.purgeListeners(); this.view.destroy(); this.view = null; } // destroy store if(this.store) { this.store.purgeListeners(); this.store.destroy(); this.store = null; } } // eo function onDestroy // }}} // {{{ /** * progress event handler * @private * @param {Ext.ux.FileUploader} uploader * @param {Object} data progress data * @param {Ext.data.Record} record */ ,onProgress:function(uploader, data, record) { var bytesTotal, bytesUploaded, pctComplete, state, idx, item, width, pgWidth; if(record) { state = record.get('state'); bytesTotal = record.get('bytesTotal') || 1; bytesUploaded = record.get('bytesUploaded') || 0; if('uploading' === state) { pctComplete = Math.round(1000 * bytesUploaded/bytesTotal) / 10; } else if('done' === 'state') { pctComplete = 100; } else { pctComplete = 0; } record.set('pctComplete', pctComplete); idx = this.store.indexOf(record); item = Ext.get(this.view.getNode(idx)); if(item) { width = item.getWidth(); item.applyStyles({'background-position':width * pctComplete / 100 + 'px'}); } } } // eo function onProgress // }}} // {{{ /** * called when file remove icon is clicked - performs the remove * @private * @param {Ext.data.Record} */ ,onRemoveFile:function(record) { if(true !== this.eventsSuspended && false === this.fireEvent('beforefileremove', this, this.store, record)) { return; } // remove DOM elements var inp = record.get('input'); // CUSTOM TWEAK: NOTE (Goran): commented lines regarding wrap because of IE problem, see //http://extjs.com/forum/showthread.php?p=149078#post149078 for details //var wrap = inp.up('em'); inp.remove(); /*if(wrap) { wrap.remove(); }*/ // remove record from store this.store.remove(record); var count = this.store.getCount(); this.uploadBtn.setDisabled(!count); this.removeAllBtn.setDisabled(!count); if(true !== this.eventsSuspended) { this.fireEvent('fileremove', this, this.store); this.syncShadow(); } } // eo function onRemoveFile // }}} // {{{ /** * Remove All/Stop All button click handler * @private */ ,onRemoveAllClick:function(btn) { if(true === this.uploading) { this.stopAll(); } else { this.removeAll(); } } // eo function onRemoveAllClick ,stopAll:function() { this.uploader.stopAll(); } // eo function stopAll // }}} // {{{ /** * DataView click handler * @private */ ,onViewClick:function(view, index, node, e) { var t = e.getTarget('div:any(.ux-up-icon-queued|.ux-up-icon-failed|.ux-up-icon-done|.ux-up-icon-stopped)'); if(t) { this.onRemoveFile(this.store.getAt(index)); } t = e.getTarget('div.ux-up-icon-uploading'); if(t) { this.uploader.stopUpload(this.store.getAt(index)); } } // eo function onViewClick // }}} // {{{ /** * tells uploader to upload * @private */ ,onUpload:function() { if(true !== this.eventsSuspended && false === this.fireEvent('beforeupload', this)) { return false; } this.uploader.upload(); } // eo function onUpload // }}} // {{{ /** * url setter */ ,setUrl:function(url) { this.url = url; this.uploader.setUrl(url); } // eo function setUrl // }}} // {{{ /** * path setter */ ,setPath:function(path) { this.uploader.setPath(path); } // eo function setPath // }}} // {{{ /** * Updates buttons states depending on uploading state * @private */ ,updateButtons:function() { if(true === this.uploading) { this.addBtn.disable(); this.uploadBtn.disable(); this.removeAllBtn.setIconClass(this.stopIconCls); this.removeAllBtn.getEl().child(this.removeAllBtn.buttonSelector).dom[this.removeAllBtn.tooltipType] = this.stopAllText; } else { this.addBtn.enable(); this.uploadBtn.enable(); this.removeAllBtn.setIconClass(this.removeAllIconCls); this.removeAllBtn.getEl().child(this.removeAllBtn.buttonSelector).dom[this.removeAllBtn.tooltipType] = this.removeAllText; } } // eo function updateButtons // }}} // {{{ /** * Removes all files from store and destroys file inputs */ ,removeAll:function() { var suspendState = this.eventsSuspended; if(false !== this.eventsSuspended && false === this.fireEvent('beforequeueclear', this, this.store)) { return false; } this.suspendEvents(); this.store.each(this.onRemoveFile, this); this.eventsSuspended = suspendState; if(true !== this.eventsSuspended) { this.fireEvent('queueclear', this, this.store); } this.syncShadow(); } // eo function removeAll // }}} // {{{ /** * synchronize context menu shadow if we're in contextmenu * @private */ ,syncShadow:function() { if(this.contextmenu && this.contextmenu.shadow) { this.contextmenu.getEl().shadow.show(this.contextmenu.getEl()); } } // eo function syncShadow // }}} }); // eo extend // register xtype Ext.reg('uploadpanel', Ext.ux.UploadPanel); // eof // vim: ts=4:sw=4:nu:fdc=4:nospell /** * Ext.ux.FileTreeMenu * * @author Ing. Jozef Sakáloš * @version $Id: Ext.ux.FileTreeMenu.js 112 2008-03-28 21:11:17Z jozo $ * @date 13. March 2008 * * @license Ext.ux.FileField is licensed under the terms of * the Open Source LGPL 3.0 license. Commercial use is permitted to the extent * that the code/component(s) do NOT become part of another Open Source or Commercially * licensed development library or toolkit without explicit permission. * * License details: http://www.gnu.org/licenses/lgpl.html */ /*global Ext */ /** * @class Ext.ux.FileTreeMenu * @extends Ext.menu.Menu * @constructor * Creates new FileTreeMenu object * @param {Object} config A configuration object */ Ext.ux.FileTreeMenu = function(config) { config = config || {}; var uploadPanelConfig = { contextmenu:this ,buttonsAt:config.buttonsAt || 'tbar' ,singleUpload:config.singleUpload || false ,maxFileSize:config.maxFileSize ,enableProgress:config.enableProgress // CUSTOM TWEAK: ProgressUrl wasnt passed originaly, so default was used, and there was no way of changing it ,progressUrl:config.progressUrl }; // CUSTOM TWEAK: Translation text wasnt passed originaly var translationParams = { confirmText: config.confirmText ,deleteText: config.deleteText ,errorText: config.errorText ,existsText: config.existsText ,fileText: config.fileText ,loadingText: config.loadingText ,newdirText: config.newdirText ,overwriteText: config.overwriteText ,reallyWantText: config.reallyWantText ,collapseText: config.collapseText ,expandText: config.expandText ,renameText: config.renameText ,uploadFileText: config.addText ,addText: config.addText ,clickRemoveText: config.clickRemoveText ,clickStopText: config.clickStopText ,errorText: config.errorText ,fileQueuedText: config.fileQueuedText ,fileDoneText: config.fileDoneText ,fileFailedText: config.fileFailedText ,fileStoppedText: config.fileStoppedText ,fileUploadingText: config.fileUploadingText ,removeAllText: config.removeAllText ,removeText: config.removeText ,stopAllText: config.stopAllText ,uploadText: config.uploadText }; Ext.apply(uploadPanelConfig, translationParams); Ext.apply(this, translationParams); if(config.baseParams) { config.baseParams.cmd = config.baseParams.cmd || 'upload'; config.baseParams.dir = config.baseParams.dir || '.'; uploadPanelConfig.baseParams = config.baseParams; } // {{{ Ext.apply(config, { items:[{ text:' ' ,cls:'ux-ftm-nodename' ,disabledClass:'' ,disabled:true ,cmd:'nodename' },{ text:this.openText// + ' (Enter)'// CUSTOM TWEAK: NOTE (Goran): This was originaly not commeted, but we dont need this. Same remark is for all other item shortcuts ,iconCls:this.openIconCls ,cmd:'open' ,menu:{ items:[{ text:this.openSelfText ,iconCls:this.openSelfIconCls ,cmd:'open-self' },{ text:this.openPopupText ,iconCls:this.openPopupIconCls ,cmd:'open-popup' },{ text:this.openBlankText ,iconCls:this.openBlankIconCls ,cmd:'open-blank' },{ text:this.openDwnldText ,iconCls:this.openDwnldIconCls ,cmd:'open-dwnld' }] } } ,new Ext.menu.Separator({cmd:'sep-open'}) ,{ text:this.reloadText// + ' (Ctrl+E)' ,iconCls:this.reloadIconCls ,cmd:'reload' },{ text:this.expandText// + ' (Ctrl+ →)' ,iconCls:this.expandIconCls ,cmd:'expand' },{ text:this.collapseText// + ' (Ctrl+ ←)' ,iconCls:this.collapseIconCls ,cmd:'collapse' } ,new Ext.menu.Separator({cmd:'sep-collapse'}) ,{ text:this.renameText// + ' (F2)' ,iconCls:this.renameIconCls ,cmd:'rename' },{ text:this.deleteText// + ' (' + this.deleteKeyName + ')' ,iconCls:this.deleteIconCls ,cmd:'delete' },{ text:this.newdirText// + '... (Ctrl+N)' ,iconCls:this.newdirIconCls ,cmd:'newdir' } ,new Ext.menu.Separator({cmd:'sep-upload'}) ,{ text:this.uploadFileText// + ' (Ctrl+U)' ,iconCls:this.uploadIconCls ,hideOnClick:false ,cmd:'upload' } ,new Ext.menu.Adapter(new Ext.ux.UploadPanel(uploadPanelConfig), { hideOnClick:false ,cmd:'upload-panel' }) ] }); // eo apply // }}} // call parent Ext.ux.FileTreeMenu.superclass.constructor.call(this, config); // relay event from submenu this.relayEvents(this.getItemByCmd('open').menu, ['click', 'itemclick']); }; // eo constructor Ext.extend(Ext.ux.FileTreeMenu, Ext.menu.Menu, { // configuration options overridable from outside /** * @cfg {String} collapseIconCls icon class for collapse all item */ collapseIconCls:'icon-collapse-all' /** * @cfg {String} collapseText text for collapse all item */ ,collapseText: 'Collapse all' /** * @cfg {String} deleteIconCls icon class for delete item */ ,deleteIconCls:'icon-cross' /** * @cfg {String} deleteKeyName text for delete item shortcut */ ,deleteKeyName:'Delete Key' /** * @cfg {String} deleteText text for delete item */ ,deleteText:'Delete' /** * @cfg {String} expandIconCls icon class for expand all item */ ,expandIconCls:'icon-expand-all' /** * @cfg {String} expandText text for expand all item */ ,expandText: 'Expand all' /** * @cfg {String} newdirIconCls icon class for new directory item */ ,newdirIconCls:'icon-folder-add' /** * @cfg {String} newdirText text for new directory item */ ,newdirText:'New folder' /** * @cfg {String} openBlankIconCls icon class for open in new window item */ ,openBlankIconCls:'icon-open-blank' /** * @cfg {String} openBlankText text for open in new window item */ ,openBlankText:'Open in new window' /** * @cfg {String} openDwnldIconCls icon class for download item */ ,openDwnldIconCls:'icon-open-download' /** * @cfg {String} openDwnldText text for download item */ ,openDwnldText:'Download' /** * @cfg {String} openIconCls icon class for open submenu */ ,openIconCls:'icon-open' /** * @cfg {String} openPopupIconCls icon class for open in popup item */ ,openPopupIconCls:'icon-open-popup' /** * @cfg {String} text for open in poput item */ ,openPopupText:'Open in popup' /** * @cfg {String} openSelfIconCls icon class for open in this window item */ ,openSelfIconCls:'icon-open-self' /** * @cfg {String} openSelfText text for open in this window item */ ,openSelfText:'Open in this window' /** * @cfg {String} openText text for open submenu */ ,openText:'Open' /** * @cfg {String} reloadIconCls icon class for reload item */ ,reloadIconCls:'icon-refresh' /** * @cfg {String} reloadText text for reload item */ ,reloadText:'Reload' /** * @cfg {String} icon class for rename item */ ,renameIconCls:'icon-pencil' /** * @cfg {String} renameText text for rename item */ ,renameText: 'Rename' /** * @cfg {String} uploadFileText text for upload file item */ ,uploadFileText:'Upload file' /** * @cfg {String} uploadIconCls icon class for upload file item */ ,uploadIconCls:'icon-upload' /** * @cfg {String} uploadText text for word 'Upload' */ ,uploadText:'Upload' /** * @cfg {Number} width Width of the menu. * Cannot be empty as we have upload panel inside. */ ,width:190 // {{{ /** * Returns menu item identified by cmd. Unique cmd is used to identify menu items. * I cannot use ids as they are applied to underlying DOM elements that would prevent * to have more than one menu on the page. * @param {String} cmd * Valid cmds are: * - nodename * - open * - open-self * - open-popup * - open-blank * - open-dwnld * - sep-open (for separator after open submenu) * - reload * - expand * - collapse * - sep-collapse (for separator after collapse item) * - rename * - delete * - newdir * - sep-upload (for separator before upload panel) * - upload (for upload file item that does nothing) * - upload-panel (for upload panel) * @return {Ext.menu.Item} menu item */ ,getItemByCmd:function(cmd) { var open; var item = this.items.find(function(i) { return cmd === i.cmd; }); if(!item) { open = this.items.find(function(i) { return 'open' === i.cmd; }); if(!open) { return null; } item = open.menu.items.find(function(i) { return cmd === i.cmd; }); } return item; } // eo function getItemByCmd // }}} // {{{ /** * Sets/Unsets item identified by cmd to disabled/enabled state * @param {String} cmd Item indentifier, see getItemByCmd for explanation * @param {Boolean} disabled true to disable the item */ ,setItemDisabled:function(cmd, disabled) { var item = this.getItemByCmd(cmd); if(item) { item.setDisabled(disabled); } } // eo function setItemDisabled // }}} // {{{ /** * destroys uploadPanel if we have one * @private */ ,beforeDestroy:function() { var uploadPanel = this.getItemByCmd('upload-panel'); if(uploadPanel && uploadPanel.component) { uploadPanel.component.purgeListeners(); uploadPanel.component.destroy(); uploadPanel.component = null; } } // eo function beforeDestroy // }}} }); // eo extend // register xtype Ext.reg('filetreemenu', Ext.ux.FileTreeMenu); // eof // vim: ts=4:sw=4:nu:fdc=4:nospell /** * Ext.ux.FileTreePanel * * @author Ing. Jozef Sakáloš * @version $Id: Ext.ux.FileTreePanel.js 112 2008-03-28 21:11:17Z jozo $ * @date 13. March 2008 * * @license Ext.ux.FileTreePanel is licensed under the terms of * the Open Source LGPL 3.0 license. Commercial use is permitted to the extent * that the code/component(s) do NOT become part of another Open Source or Commercially * licensed development library or toolkit without explicit permission. * * License details: http://www.gnu.org/licenses/lgpl.html */ /*global Ext, window, document, setTimeout */ /** * @class Ext.ux.FileTreePanel * @extends Ext.tree.TreePanel */ Ext.ux.FileTreePanel = Ext.extend(Ext.tree.TreePanel, { // config variables overridable from outside // {{{ /** * @cfg {Object} baseParams This object is not used directly by FileTreePanel but it is * propagated to lower level objects instead. Included here for convenience. */ /** * @cfg {String} confirmText Text to display as title of confirmation message box */ confirmText:'Confirm' /** * @cfg {Boolean} containerScroll true to register * this container with ScrollManager (defaults to true) */ ,containerScroll:true /** * @cfg {String} deleteText Delete text (for message box title or other displayed texts) */ ,deleteText:'Delete' /** * @cfg {String} deleteUrl URL to use when deleting; this.url is used if not set (defaults to undefined) */ /** * @cfg {String} downloadUrl URL to use when downloading; this.url is used if not set (defaults to undefined) */ /** * @cfg {Boolean} enableDD true to enable drag & drop of files and folders (defaults to true) */ ,enableDD:true /** * @cfg {Boolean) enableDelete true to enable to delete files and directories. * If false context menu item is not shown (defaults to true) */ ,enableDelete:true /** * @cfg {Boolean) enableNewDir true to enable to create new directory. * If false context menu item is not shown (defaults to true) */ ,enableNewDir:true /** * @cfg {Boolean) enableOpen true to enable open submenu * If false context menu item is not shown (defaults to true) */ ,enableOpen:true // CUSTOM TWEAK: NOTE (Goran): I added this config param originaly this was alaways shown /** * @cfg {Boolean) enableReload true to enable reload submenu * If false context menu item is not shown (defaults to true) */ ,enableReload:true /** * @cfg {Boolean} enableProgress true to enable querying server for progress information * Passed to underlying uploader. Included here for convenience. */ ,enableProgress:true // CUSTOM TWEAK: ProgressUrl wasnt passed originaly, so default was used, and there was no way of changing it /** * @cfg {String} progressUrl url for querying server for progress information * Passed to underlying uploader. Included here for convenience. */ ,progressUrl:'progress.php' /** * @cfg {Boolean) enableRename true to enable to rename files and directories. * If false context menu item is not shown (defaults to true) */ ,enableRename:true /** * @cfg {Boolean} enableSort true to enable sorting of tree. See also folderSort (defaults to true) */ ,enableSort:true /** * @cfg {Boolean) enableUpload true to enable to upload files. * If false context menu item is not shown (defaults to true) */ ,enableUpload:true /** * @cfg {String} errorText Text to display for an error */ ,errorText:'Error' /** * @cfg {String} existsText Text to display in message box if file exists */ ,existsText:'File {0} already exists' /** * @cfg {Boolean} true to expand root node on FileTreePanel render (defaults to true) */ ,expandOnRender:true /** * @cfg {String} fileCls class prefix to add to nodes. "-extension" is appended to * this prefix to form filetype class, for example: file-odt, file-pdf. These classes * are used to display correct filetype icons in the tree. css file and icons must * exist of course. */ ,fileCls:'file' /** * @cfg {String} fileText */ ,fileText:'File' /** * @cfg {Boolean} focusPopup true to focus new browser popup window for 'popup' openMode * (defaults to true) */ ,focusPopup:true /** * @cfg {Boolean} folderSort true to place directories at the top of the tree (defaults to true) */ ,folderSort:true /** * @cfg {String} hrefPrefix Text to prepend before file href for file open command. * (defaults to '') */ ,hrefPrefix:'' /** * @cfg {String} hrefSuffix Text to append to file href for file open command. * (defaults to '') */ ,hrefSuffix:'' /** * @cfg {String} layout Layout to use for this panel (defaults to 'fit') */ ,layout:'fit' /** * @cfg {String} loadingText Text to use for load mask msg */ ,loadingText:'Loading' /** * @cfg {Boolean} loadMask True to mask tree panel while loading */ ,loadMask:false /** * @cfg {Number} maxFileSize Maximum upload file size in bytes * This config property is propagated down to uploader for convenience */ ,maxFileSize:524288 /** * @cfg {Number} maxMsgLen Maximum message length for message box (defaults to 2000). * If message is longer Ext.util.Format.ellipsis is used to truncate it and append ... */ ,maxMsgLen:2000 /** * @cfg {String} method Method to use when posting to server. Other valid value is 'get' * (defaults to 'post') */ ,method:'post' /** * @cfg {String} newdirText Default name for new directories (defaults to 'New Folder') */ ,newdirText:'New Folder' /** * @cfg {String} newdirUrl URL to use when creating new directory; * this.url is used if not set (defaults to undefined) */ /** * @cfg {String} openMode Default file open mode. This mode is used when user dblclicks * a file. Other valid values are '_self', '_blank' and 'download' (defaults to 'popup') */ ,openMode:'popup' /** * @cfg {String} overwriteText Text to use in overwrite confirmation message box */ ,overwriteText:'Do you want to overwrite it?' /** * @cfg {String} popupFeatures Features for new browser window opened by popup open mode */ ,popupFeatures:'width=800,height=600,dependent=1,scrollbars=1,resizable=1,toolbar=1' /** * @cfg {Boolean} readOnly true to disable write operations. treeEditor and context menu * are not created if true (defaults to false) */ ,readOnly:false /** * @cfg {String} reallyWantText Text to display for that question */ ,reallyWantText:'Do you really want to' /** * @cfg {String} renameUrl URL to use when renaming; this.url is used if not set (defaults to undefined) */ /** * @cfg {String} rootPath Relative path pointing to the directory that is root of this tree (defaults to 'root') */ ,rootPath:'root' /** * @cfg {String} rootText Text to display for root node (defaults to 'Tree Root') */ ,rootText:'Tree Root' /** * @cfg {Boolean} selectOnEdit true to select the edited text on edit start (defaults to true) */ ,selectOnEdit:true /** * @cfg {Boolean} singleUpload true to upload files in one form, false to upload one by one * This config property is propagated down to uploader for convenience */ ,singleUpload:false /** * @cfg {Boolean} topMenu true to create top toolbar with menu in addition to contextmenu */ ,topMenu:false /** * @cfg {String} url URL to use when communicating with server */ ,url:'filetree.php' // CUSTOM TWEAK: NOTE (Goran): I added this config param tu be used when creating new node in newDir function /** * @cfg {Object} newNodeConfig Config object to use when adding new folder. Default walue is original one */ ,newDirConfig:{text:'New Folder', iconCls:'folder'} // }}} // overrides // {{{ /** * called by Ext when instantiating * @private * @param {Object} config Configuration object */ ,initComponent:function() { // {{{ Ext.apply(this, { // create root node root:new Ext.tree.AsyncTreeNode({ text:this.rootText ,path:this.rootPath ,allowDrag:false }) // create treeEditor ,treeEditor:!this.readOnly ? new Ext.tree.TreeEditor(this, { allowBlank:false ,cancelOnEsc:true ,completeOnEnter:true ,ignoreNoChange:true ,selectOnFocus:this.selectOnEdit }) : undefined // drop config ,dropConfig:this.dropConfig ? this.dropConfig : { ddGroup:this.ddGroup || 'TreeDD' ,appendOnly:this.enableSort ,expandDelay:3600000 // do not expand on drag over node } // create treeSorter ,treeSorter:this.enableSort ? new Ext.tree.TreeSorter(this, {folderSort:this.folderSort}) : undefined // {{{ ,keys:[{ // Enter = open key:Ext.EventObject.ENTER, scope:this ,fn:function(key, e) { var sm = this.getSelectionModel(); var node = sm.getSelectedNode(); if(node && 0 !== node.getDepth() && node.isLeaf()) { this.openNode(node); } }},{ // F2 = edit key:113, scope:this ,fn:function(key, e) { var sm = this.getSelectionModel(); var node = sm.getSelectedNode(); if(node && 0 !== node.getDepth() && this.enableRename && this.readOnly !== true) { this.treeEditor.triggerEdit(node); } }},{ // Delete Key = Delete key:46, stopEvent:true, scope:this ,fn:function(key, e) { var sm = this.getSelectionModel(); var node = sm.getSelectedNode(); if(node && 0 !== node.getDepth() && this.enableDelete && this.readOnly !== true) { this.deleteNode(node); } }},{ // Ctrl + E = reload key:69, ctrl:true, stopEvent:true, scope:this ,fn:function(key, e) { var sm = this.getSelectionModel(); var node = sm.getSelectedNode(); if(node) { node = node.isLeaf() ? node.parentNode : node; sm.select(node); node.reload(); } }},{ // Ctrl + -> = expand deep key:39, ctrl:true, stopEvent:true, scope:this ,fn:function(key, e) { var sm = this.getSelectionModel(); var node = sm.getSelectedNode(); if(node && !node.isLeaf()) { sm.select(node); node.expand.defer(1, node, [true]); } }},{ // Ctrl + <- = collapse deep key:37, ctrl:true, scope:this, stopEvent:true ,fn:function(key, e) { var sm = this.getSelectionModel(); var node = sm.getSelectedNode(); if(node && !node.isLeaf()) { sm.select(node); node.collapse.defer(1, node, [true]); } }},{ // Ctrl + N = New Directory key:78, ctrl:true, scope:this, stopEvent:true ,fn:function(key, e) { var sm, node; sm = this.getSelectionModel(); node = sm.getSelectedNode(); if(node && this.enableNewDir && this.readOnly !== true) { node = node.isLeaf() ? node.parentNode : node; this.createNewDir(node); } }}] // }}} }); // eo apply // }}} // {{{ // create loader if(!this.loader) { this.loader = new Ext.tree.TreeLoader({ url:this.url ,baseParams:{cmd:'get'} ,listeners:{ beforeload:{scope:this, fn:function(loader, node) { loader.baseParams.path = this.getPath(node); }} } }); } // }}} // {{{ // install top menu if configured if(true === this.topMenu) { this.tbar = [{ text:this.fileText ,disabled:true ,scope:this ,menu:this.getContextMenu() }]; } // }}} // call parent Ext.ux.FileTreePanel.superclass.initComponent.apply(this, arguments); // {{{ // install treeEditor event handlers if(this.treeEditor) { // do not enter edit mode on selected node click this.treeEditor.beforeNodeClick = function(node,e){return true;}; // treeEditor event handlers this.treeEditor.on({ complete:{scope:this, fn:this.onEditComplete} ,beforecomplete:{scope:this, fn:this.onBeforeEditComplete} }); } // }}} // {{{ // install event handlers this.on({ contextmenu:{scope:this, fn:this.onContextMenu, stopEvent:true} ,dblclick:{scope:this, fn:this.onDblClick} ,beforenodedrop:{scope:this, fn:this.onBeforeNodeDrop} ,nodedrop:{scope:this, fn:this.onNodeDrop} ,nodedragover:{scope:this, fn:this.onNodeDragOver} }); // }}} // {{{ // add events this.addEvents( /** * @event beforeopen * Fires before file open. Return false to cancel the event * @param {Ext.ux.FileTreePanel} this * @param {String} fileName name of the file being opened * @param {String} url url of the file being opened * @param {String} mode open mode */ 'beforeopen' /** * @event open * Fires after file open has been initiated * @param {Ext.ux.FileTreePanel} this * @param {String} fileName name of the file being opened * @param {String} url url of the file being opened * @param {String} mode open mode */ ,'open' /** * @event beforerename * Fires after the user completes file name editing * but before the file is renamed. Return false to cancel the event * @param {Ext.ux.FileTreePanel} this * @param {Ext.tree.AsyncTreeNode} node being renamed * @param {String} newPath including file name * @param {String} oldPath including file name */ ,'beforerename' /** * @event rename * Fires after the file has been successfully renamed * @param {Ext.ux.FileTreePanel} this * @param {Ext.tree.AsyncTreeNode} node that has been renamed * @param {String} newPath including file name * @param {String} oldPath including file name */ ,'rename' /** * @event renamefailure * Fires after a failure when renaming file * @param {Ext.ux.FileTreePanel} this * @param {Ext.tree.AsyncTreeNode} node rename of which failed * @param {String} newPath including file name * @param {String} oldPath including file name */ ,'renamefailure' /** * @event beforedelete * Fires before a file or directory is deleted. Return false to cancel the event. * @param {Ext.ux.FileTreePanel} this * @param {Ext.tree.AsyncTreeNode} node being deleted */ ,'beforedelete' /** * @event delete * Fires after a file or directory has been deleted * @param {Ext.ux.FileTreePanel} this * @param {String} path including file name that has been deleted */ ,'delete' /** * @event deletefailure * Fires if node delete failed * @param {Ext.ux.FileTreePanel} this * @param {Ext.tree.AsyncTreeNode} node delete of which failed */ ,'deletefailure' /** * @event beforenewdir * Fires before new directory is created. Return false to cancel the event * @param {Ext.ux.FileTreePanel} this * @param {Ext.tree.AsyncTreeNode} node under which the new directory is being created */ ,'beforenewdir' /** * @event newdir * Fires after the new directory has been successfully created * @param {Ext.ux.FileTreePanel} this * @param {Ext.tree.AsyncTreeNode} new node/directory that has been created */ ,'newdir' /** * @event newdirfailure * Fires if creation of new directory failed * @param {Ext.ux.FileTreePanel} this * @param {String} path creation of which failed */ ,'newdirfailure' ); // eo addEvents // }}} } // eo function initComponent // }}} // {{{ /** * onRender override - just expands root node if configured * @private */ ,onRender:function() { // call parent Ext.ux.FileTreePanel.superclass.onRender.apply(this, arguments); if(true === this.topMenu) { this.topMenu = Ext.getCmp(this.getTopToolbar().items.itemAt(0).id); this.getSelectionModel().on({ scope:this ,selectionchange:function(sm, node) { var disable = node ? false : true; disable = disable || this.readOnly; this.topMenu.setDisabled(disable); } }); Ext.apply(this.topMenu, { showMenu:function() { this.showContextMenu(false); }.createDelegate(this) // ,menu:this.getContextMenu() }); } // expand root node if so configured if(this.expandOnRender) { this.root.expand(); } // prevent default browser context menu to appear this.el.on({ contextmenu:{fn:function(){return false;},stopEvent:true} }); // setup loading mask if configured if(true === this.loadMask) { this.loader.on({ scope:this.el ,beforeload:this.el.mask.createDelegate(this.el, [this.loadingText + '...']) ,load:this.el.unmask ,loadexception:this.el.unmask }); } } // eo function onRender // }}} // new methods // {{{ /** * runs after an Ajax requested command has completed/failed * @private * @param {Object} options Options used for the request * @param {Boolean} success true if ajax call was successful (cmd may have failed) * @param {Object} response ajax call response object */ ,cmdCallback:function(options, success, response) { var i, o, node; var showMsg = true; // process Ajax success if(true === success) { // try to decode JSON response try { o = Ext.decode(response.responseText); } catch(ex) { this.showError(response.responseText); } // process command success if(true === o.success) { switch(options.params.cmd) { case 'delete': if(true !== this.eventsSuspended) { this.fireEvent('delete', this, this.getPath(options.node)); } options.node.parentNode.removeChild(options.node); break; case 'newdir': if(true !== this.eventsSuspended) { // CUSTOM TWEAK: NOTE (Goran): Need last param o to set folderId from returned data, it is not set in original file this.fireEvent('newdir', this, options.node, o); } break; case 'rename': this.updateCls(options.node, options.params.oldname); if(true !== this.eventsSuspended) { this.fireEvent('rename', this, options.node, options.params.newname, options.params.oldname); } break; } } // eo process command success // process command failure else { switch(options.params.cmd) { case 'rename': // handle drag & drop rename error if(options.oldParent) { options.oldParent.appendChild(options.node); } // handle simple rename error else { options.node.setText(options.oldName); } // signal failure to onNodeDrop if(options.e) { options.e.failure = true; } if(true !== this.eventsSuspended) { this.fireEvent('renamefailure', this, options.node, options.params.newname, options.params.oldname); } break; case 'newdir': if(false !== this.eventsSuspended) { this.fireEvent('newdirfailure', this, options.params.dir); } options.node.parentNode.removeChild(options.node); break; case 'delete': if(true !== this.eventsSuspended) { this.fireEvent('deletefailure', this, options.node); } options.node.parentNode.reload.defer(1, options.node.parentNode); break; default: this.root.reload(); break; } // show default message box with server error this.showError(o.error || response.responseText); } // eo process command failure } // eo process Ajax success // process Ajax failure else { this.showError(response.responseText); } } // eo function cmdCallback // }}} // {{{ /** * displays overwrite confirm msg box and runs passed callback if response is yes * @private * @param {String} filename File to overwrite * @param {Function} callback Function to call on yes response * @param {Object} scope Scope for callback (defaults to this) */ ,confirmOverwrite:function(filename, callback, scope) { Ext.Msg.show({ title:this.confirmText ,msg:String.format(this.existsText, filename) + '. ' + this.overwriteText ,icon:Ext.Msg.QUESTION ,buttons:Ext.Msg.YESNO ,fn:callback.createDelegate(scope || this) }); } // }}} // {{{ /** * creates new directory (node) * @private * @param {Ext.tree.AsyncTreeNode} node */ ,createNewDir:function(node) { // fire beforenewdir event if(true !== this.eventsSuspended && false === this.fireEvent('beforenewdir', this, node)) { return; } var treeEditor = this.treeEditor; var newNode; // get node to append the new directory to var appendNode = node.isLeaf() ? node.parentNode : node; // create new folder after the appendNode is expanded appendNode.expand(false, false, function(n) { // create new node //newNode = n.appendChild(new Ext.tree.AsyncTreeNode({text:this.newdirText, iconCls:'folder'})); // CUSTOM TWEAK: NOTE (Goran):: This line is changed, previous line is original // This temp object is needed because Ext share config object betwean new nodes, and new // node get all changes from old one, this caused bug that new node couldnt be accessed var newConfigs = {}; newConfigs = Ext. apply(newConfigs, this.newDirConfig); newNode = n.appendChild(new Ext.tree.AsyncTreeNode(newConfigs)); // setup one-shot event handler for editing completed treeEditor.on({ complete:{ scope:this ,single:true ,fn:this.onNewDir }} ); // creating new directory flag treeEditor.creatingNewDir = true; // start editing after short delay (function(){treeEditor.triggerEdit(newNode);}.defer(10)); // expand callback needs to run in this context }.createDelegate(this)); } // eo function creatingNewDir // }}} // {{{ /** * deletes the passed node * @private * @param {Ext.tree.AsyncTreeNode} node */ ,deleteNode:function(node) { // fire beforedelete event if(true !== this.eventsSuspended && false === this.fireEvent('beforedelete', this, node)) { return; } Ext.Msg.show({ title:this.deleteText ,msg:this.reallyWantText + ' ' + this.deleteText.toLowerCase() + ' "' + node.text + '"?' ,icon:Ext.Msg.WARNING ,buttons:Ext.Msg.YESNO ,scope:this ,fn:function(response) { // do nothing if answer is not yes if('yes' !== response) { this.getEl().dom.focus(); return; } // setup request options var options = { url:this.deleteUrl || this.url ,method:this.method ,scope:this ,callback:this.cmdCallback ,node:node ,params:{ cmd:'delete' ,file:this.getPath(node) } }; Ext.Ajax.request(options); } }); } // eo function deleteNode // }}} // {{{ /** * requests file download from server * @private * @param {String} path Full path including file name but relative to server root path */ ,downloadFile:function(path) { // create hidden target iframe var id = Ext.id(); var frame = document.createElement('iframe'); frame.id = id; frame.name = id; frame.className = 'x-hidden'; if(Ext.isIE) { frame.src = Ext.SSL_SECURE_URL; } document.body.appendChild(frame); if(Ext.isIE) { document.frames[id].name = id; } var form = Ext.DomHelper.append(document.body, { tag:'form' ,method:'post' ,action:this.downloadUrl || this.url ,target:id }); document.body.appendChild(form); var hidden; // append cmd to form hidden = document.createElement('input'); hidden.type = 'hidden'; hidden.name = 'cmd'; hidden.value = 'download'; form.appendChild(hidden); // append path to form hidden = document.createElement('input'); hidden.type = 'hidden'; hidden.name = 'path'; hidden.value = path; form.appendChild(hidden); var callback = function() { Ext.EventManager.removeListener(frame, 'load', callback, this); setTimeout(function() {document.body.removeChild(form);}, 100); setTimeout(function() {document.body.removeChild(frame);}, 110); }; Ext.EventManager.on(frame, 'load', callback, this); form.submit(); } // }}} // {{{ /** * returns (and lazy create) the context menu * @private */ ,getContextMenu:function() { // lazy create context menu if(!this.contextmenu) { var config = { singleUpload:this.singleUpload ,maxFileSize:this.maxFileSize ,enableProgress:this.enableProgress // CUSTOM TWEAK: ProgressUrl wasnt passed originaly, so default was used, and there was no way of changing it ,progressUrl:this.progressUrl // CUSTOM TWEAK: Translation text wasnt passed originaly ,confirmText: this.confirmText ,deleteText: this.deleteText ,errorText: this.errorText ,existsText: this.existsText ,fileText: this.fileText ,loadingText: this.loadingText ,newdirText: this.newdirText ,overwriteText: this.overwriteText ,reallyWantText: this.reallyWantText ,collapseText: this.collapseText ,expandText: this.expandText ,renameText: this.renameText ,uploadFileText: this.addText ,addText: this.addText ,clickRemoveText: this.clickRemoveText ,clickStopText: this.clickStopText ,errorText: this.errorText ,fileQueuedText: this.fileQueuedText ,fileDoneText: this.fileDoneText ,fileFailedText: this.fileFailedText ,fileStoppedText: this.fileStoppedText ,fileUploadingText: this.fileUploadingText ,removeAllText: this.removeAllText ,removeText: this.removeText ,stopAllText: this.stopAllText ,uploadText: this.uploadText }; if(this.baseParams) { config.baseParams = this.baseParams; } this.contextmenu = new Ext.ux.FileTreeMenu(config); this.contextmenu.on({click:{scope:this, fn:this.onContextClick}}); this.uploadPanel = this.contextmenu.getItemByCmd('upload-panel').component; this.uploadPanel.on({ beforeupload:{scope:this, fn:this.onBeforeUpload} ,allfinished:{scope:this, fn:this.onAllFinished} }); this.uploadPanel.setUrl(this.uploadUrl || this.url); } return this.contextmenu; } // eo function getContextMenu // }}} // {{{ /** * returns file class based on name extension * @private * @param {String} name File name to get class of */ ,getFileCls:function(name) { var atmp = name.split('.'); if(1 === atmp.length) { return this.fileCls; } else { return this.fileCls + '-' + atmp.pop().toLowerCase(); } } // }}} // {{{ /** * returns path of node (file/directory) * @private */ ,getPath:function(node) { var path, p, a; // get path for non-root node if(node !== this.root) { p = node.parentNode; a = [node.text]; while(p && p !== this.root) { a.unshift(p.text); p = p.parentNode; } a.unshift(this.root.attributes.path || ''); path = a.join(this.pathSeparator); } // path for root node is it's path attribute else { path = node.attributes.path || ''; } // a little bit of security: strip leading / or . // full path security checking has to be implemented on server path = path.replace(/^[\/\.]*/, ''); return path; } // eo function getPath // }}} // {{{ /** * returns true if node has child with the specified name (text) * @private * @param {Ext.data.Node} node * @param {String} childName */ ,hasChild:function(node, childName) { return (node.isLeaf() ? node.parentNode : node).findChild('text', childName) !== null; } // }}} // {{{ /** * Hides context menu * @return {Ext.ux.FileTreeMenu} this */ ,hideContextMenu:function() { if(this.contextmenu && this.contextmenu.isVisible()) { this.contextmenu.hide(); } return this; } // eo function hideContextMenu // }}} // {{{ /** * called before editing is completed - allows edit cancellation * @private * @param {TreeEditor} editor * @param {String} newName * @param {String} oldName */ ,onBeforeEditComplete:function(editor, newName, oldName) { if(editor.cancellingEdit) { editor.cancellingEdit = false; return; } var oldPath = this.getPath(editor.editNode); // CUSTOM TWEAK: NOTE (Nenad): Error in regex: backslash in square brackets changed to slash // var newPath = oldPath.replace(/\/[^\\]+$/, '/' + newName); var newPath = oldPath.replace(/\/[^\/]+$/, '/' + newName); if(false === this.fireEvent('beforerename', this, editor.editNode, newPath, oldPath)) { editor.cancellingEdit = true; editor.cancelEdit(); return false; } } // }}} // {{{ /** * runs before node is dropped * @private * @param {Object} e dropEvent object */ ,onBeforeNodeDrop:function(e) { // source node, node being dragged var s = e.dropNode; // destination node (dropping on this node) var d = e.target.leaf ? e.target.parentNode : e.target; // node has been dropped within the same parent if(s.parentNode === d) { return false; } // check if same name exists in the destination // this works only if destination node is loaded if(this.hasChild(d, s.text) && undefined === e.confirmed) { this.confirmOverwrite(s.text, function(response) { e.confirmed = 'yes' === response; this.onBeforeNodeDrop(e); }); return false; } if(false === e.confirmed) { return false; } e.confirmed = undefined; e.oldParent = s.parentNode; var oldName = this.getPath(s); var newName = this.getPath(d) + '/' + s.text; // fire beforerename event if(true !== this.eventsSuspended && false === this.fireEvent('beforerename', this, s, newName, oldName)) { return false; } var options = { url:this.renameUrl || this.url ,method:this.method ,scope:this ,callback:this.cmdCallback ,node:s ,oldParent:s.parentNode ,e:e ,params:{ cmd:'rename' ,oldname:oldName ,newname:newName } }; Ext.Ajax.request(options); return true; } // }}} // {{{ /** * sets uploadPanel's destination path * @private */ ,onBeforeUpload:function(uploadPanel) { var menu = this.getContextMenu(); var path = this.getPath(menu.node); if(menu.node.isLeaf()) { path = path.replace(/\/[^\/]+$/, '', path); } uploadPanel.setPath(path); } // eo function onBeforeUpload // }}} // {{{ /** * reloads tree node on upload finish * @private */ ,onAllFinished:function(uploader) { var menu = this.getContextMenu(); (menu.node.isLeaf() ? menu.node.parentNode : menu.node).reload(); } // eo function onAllFinished // }}} // {{{ /** * @private * context menu click handler * @param {Ext.menu.Menu} context menu * @param {Ext.menu.Item} item clicked * @param {Ext.EventObject} raw event */ ,onContextClick:function(menu, item, e) { if(item.disabled) { return; } var node = menu.node; if(!node) { node = menu.parentMenu.node; } switch(item.cmd) { case 'reload': node.reload(); break; case 'expand': node.expand(true); break; case 'collapse': node.collapse(true); break; case 'open': this.openNode(node); break; case 'open-self': this.openNode(node, '_self'); break; case 'open-popup': this.openNode(node, 'popup'); break; case 'open-blank': this.openNode(node, '_blank'); break; case 'open-dwnld': this.openNode(node, 'download'); break; case 'rename': this.treeEditor.triggerEdit(node); break; case 'delete': this.deleteNode(node); break; case 'newdir': this.createNewDir(node); break; default: break; } } // eo function onContextClick // }}} // {{{ /** * contextmenu event handler * @private */ ,onContextMenu:function(node, e) { if(this.readOnly) { return false; } this.showContextMenu(node); return false; } // eo function onContextMenu // }}} // {{{ /** * dblclick handlers * @private */ ,onDblClick:function(node, e) { this.openNode(node); } // eo function onDblClick // }}} // {{{ /** * Destroys the FileTreePanel and sub-components * @private */ ,onDestroy:function() { // destroy contextmenu if(this.contextmenu) { this.contextmenu.purgeListeners(); this.contextmenu.destroy(); this.contextmenu = null; } // destroy treeEditor if(this.treeEditor) { this.treeEditor.purgeListeners(); this.treeEditor.destroy(); this.treeEditor = null; } // remover reference to treeSorter if(this.treeSorter) { this.treeSorter = null; } // call parent Ext.ux.FileTreePanel.superclass.onDestroy.call(this); } // eo function onDestroy // }}} // {{{ /** * runs when editing of a node (rename) is completed * @private * @param {Ext.Editor} editor * @param {String} newName * @param {String} oldName */ ,onEditComplete:function(editor, newName, oldName) { var node = editor.editNode; if(newName === oldName || editor.creatingNewDir) { editor.creatingNewDir = false; return; } var path = this.getPath(node.parentNode); var options = { url:this.renameUrl || this.url ,method:this.method ,scope:this ,callback:this.cmdCallback ,node:node ,oldName:oldName ,params:{ cmd:'rename' ,oldname:path + '/' + oldName ,newname:path + '/' + newName } }; Ext.Ajax.request(options); } // }}} // {{{ /** * create new directory handler * @private * runs after editing of new directory name is completed * @param {Ext.Editor} editor */ ,onNewDir:function(editor) { var path = this.getPath(editor.editNode); var options = { url:this.newdirUrl || this.url ,method:this.method ,scope:this ,node:editor.editNode ,callback:this.cmdCallback ,params:{ cmd:'newdir' ,dir:path } }; Ext.Ajax.request(options); } // }}} // {{{ /** * called while dragging over, decides if drop is allowed * @private * @param {Object} dd event */ ,onNodeDragOver:function(e) { e.cancel = e.target.disabled || e.dropNode.parentNode === e.target.parentNode && e.target.isLeaf(); } // eo function onNodeDragOver // }}} // {{{ /** * called when node is dropped * @private * @param {Object} dd event */ ,onNodeDrop:function(e) { // failure can be signalled by cmdCallback // put drop node to the original parent in that case if(true === e.failure) { e.oldParent.appendChild(e.dropNode); return; } // if we already have node with the same text, remove the duplicate var sameNode = e.dropNode.parentNode.findChild('text', e.dropNode.text); if(sameNode && sameNode !== e.dropNode) { sameNode.parentNode.removeChild(sameNode); } } // }}} // {{{ /** * Opens node * @param {Ext.tree.AsyncTreeNode} node * @param {String} mode Can be "_self", "_blank", or "popup". Defaults to (this.openMode) */ ,openNode:function(node, mode) { if(!this.enableOpen) { return; } mode = mode || this.openMode; var url; var path; if(node.isLeaf()) { path = this.getPath(node); url = this.hrefPrefix + path + this.hrefSuffix; // fire beforeopen event if(true !== this.eventsSuspended && false === this.fireEvent('beforeopen', this, node.text, url, mode)) { return; } switch(mode) { case 'popup': if(!this.popup || this.popup.closed) { this.popup = window.open(url, this.hrefTarget, this.popupFeatures); } this.popup.location = url; if(this.focusPopup) { this.popup.focus(); } break; case '_self': window.location = url; break; case '_blank': window.open(url); break; case 'download': this.downloadFile(path); break; } // fire open event if(true !== this.eventsSuspended) { this.fireEvent('open', this, node.text, url, mode); } } } // }}} // {{{ /** * Sets/Unsets delete of files/directories disabled/enabled * @param {Boolean} disabled * @return {Ext.ux.FileTreePanel} this */ ,setDeleteDisabled:function(disabled) { disabled = !(!disabled); if(!this.enableDelete === disabled) { return this; } this.hideContextMenu(); this.enableDelete = !disabled; } // eo function setDeleteDisabled // }}} // {{{ /** * Sets/Unsets creation of new directory disabled/enabled * @param {Boolean} disabled * @return {Ext.ux.FileTreePanel} this */ ,setNewdirDisabled:function(disabled) { disabled = !(!disabled); if(!this.enableNewDir === disabled) { return this; } this.hideContextMenu(); this.enableNewDir = !disabled; } // eo function setNewdirDisabled // }}} // {{{ /** * Sets/Unsets open files disabled/enabled * @param {Boolean} disabled * @return {Ext.ux.FileTreePanel} this */ ,setOpenDisabled:function(disabled) { disabled = !(!disabled); if(!this.enableOpen === disabled) { return this; } this.hideContextMenu(); this.enableOpen = !disabled; return this; } // eo function setOpenDisabled // }}} // {{{ /** * Sets/Unsets this tree to/from readOnly state * @param {Boolean} readOnly * @return {Ext.ux.FileTreePanel} this */ ,setReadOnly:function(readOnly) { readOnly = !(!readOnly); if(this.readOnly === readOnly) { return this; } this.hideContextMenu(); if(this.dragZone) { this.dragZone.locked = readOnly; } this.readOnly = readOnly; return this; } // eo function setReadOnly // }}} // {{{ /** * Sets/Unsets rename of files/directories disabled/enabled * @param {Boolean} disabled * @return {Ext.ux.FileTreePanel} this */ ,setRenameDisabled:function(disabled) { disabled = !(!disabled); if(!this.enableRename === disabled) { return this; } this.hideContextMenu(); if(this.dragZone) { this.dragZone.locked = disabled; } this.enableRename = !disabled; return this; } // eo function setRenameDisabled // }}} // {{{ /** * Sets/Unsets uploading of files disabled/enabled * @param {Boolean} disabled * @return {Ext.ux.FileTreePanel} this */ ,setUploadDisabled:function(disabled) { disabled = !(!disabled); if(!this.enableUpload === disabled) { return this; } this.hideContextMenu(); this.enableUpload = !disabled; return this; } // of function setUploadDisabled // }}} // {{{ /** * adjusts context menu depending on many things and shows it * @private * @param {Ext.tree.AsyncTreeNode} node Node on which was right-clicked */ ,showContextMenu:function(node) { // setup node alignment var topAlign = false; var alignEl = this.topMenu ? this.topMenu.getEl() : this.body; if(!node) { node = this.getSelectionModel().getSelectedNode(); topAlign = true; } else { alignEl = node.getUI().getEl(); } if(!node) { return; } var menu = this.getContextMenu(); menu.node = node; // set node name menu.getItemByCmd('nodename').setText(Ext.util.Format.ellipsis(node.text, 22)); // enable/disable items depending on node clicked menu.setItemDisabled('open', !node.isLeaf()); menu.setItemDisabled('reload', node.isLeaf()); menu.setItemDisabled('expand', node.isLeaf()); menu.setItemDisabled('collapse', node.isLeaf()); menu.setItemDisabled('delete', node === this.root || node.disabled); menu.setItemDisabled('rename', this.readOnly || node === this.root || node.disabled); menu.setItemDisabled('newdir', this.readOnly || (node.isLeaf() ? node.parentNode.disabled : node.disabled)); menu.setItemDisabled('upload', node.isLeaf() ? node.parentNode.disabled : node.disabled); menu.setItemDisabled('upload-panel', node.isLeaf() ? node.parentNode.disabled : node.disabled); // show/hide logic menu.getItemByCmd('open').setVisible(this.enableOpen); // CUSTOM TWEAK: NOTE (Goran): I added next line originaly reload context item was alaways shown menu.getItemByCmd('reload').setVisible(this.enableReload); menu.getItemByCmd('delete').setVisible(this.enableDelete); menu.getItemByCmd('newdir').setVisible(this.enableNewDir); menu.getItemByCmd('rename').setVisible(this.enableRename); menu.getItemByCmd('upload').setVisible(this.enableUpload); menu.getItemByCmd('upload-panel').setVisible(this.enableUpload); menu.getItemByCmd('sep-upload').setVisible(this.enableUpload); menu.getItemByCmd('sep-collapse').setVisible(this.enableNewDir || this.enableDelete || this.enableRename); // select node node.select(); // show menu if(topAlign) { menu.showAt(menu.getEl().getAlignToXY(alignEl, 'tl-bl?')); } else { menu.showAt(menu.getEl().getAlignToXY(alignEl, 'tl-tl?', [0, 18])); } } // eo function // }}} // {{{ /** * universal show error function * @private * @param {String} msg message * @param {String} title title */ ,showError:function(msg, title) { Ext.Msg.show({ title:title || this.errorText ,msg:Ext.util.Format.ellipsis(msg, this.maxMsgLen) ,fixCursor:true ,icon:Ext.Msg.ERROR ,buttons:Ext.Msg.OK ,minWidth:1200 > String(msg).length ? 360 : 600 }); } // eo function showError // }}} // {{{ /** * updates class of leaf after rename * @private * @param {Ext.tree.AsyncTreeNode} node Node to update class of * @param {String} oldName Name the node had before */ ,updateCls:function(node, oldName) { if(node.isLeaf()) { Ext.fly(node.getUI().iconNode).removeClass(this.getFileCls(oldName)); Ext.fly(node.getUI().iconNode).addClass(this.getFileCls(node.text)); } } // }}} }); // eo extend // register xtype Ext.reg('filetreepanel', Ext.ux.FileTreePanel); // eof // Aurigma Image Uploader Dual 5.x Embedding Script // Version 2.0.4.0 Feb 20, 2008 // Copyright(c) Aurigma Inc. 2002-2008 function __Browser(){ var a=navigator.userAgent.toLowerCase(); this.isOpera=(a.indexOf("opera")!=-1); this.isKonq=(a.indexOf('konqueror')!=-1); this.isSafari=(a.indexOf('safari')!=-1)&&(a.indexOf('mac')!=-1); this.isKhtml=this.isSafari||this.isKonq; this.isIE=(a.indexOf("msie")!=-1)&&!this.isOpera; this.isWinIE=this.isIE; this.isCSS1Compat=(!this.isIE)||(document.compatMode&&document.compatMode=="CSS1Compat"); } var __browser=new __Browser(); //Create set/get expando methods for ActiveX function _createExpandoMethods(id){ var o=document.getElementById(id); var props=new Array(); var hasPaneItemApiElements=false; for (propName in o){ var c=propName.charAt(0); if (c==c.toUpperCase()){ props.push(propName); if (propName=="PaneItemDesign"){ hasPaneItemApiElements=true; } } } for (i=0;i
NOTE: If control fails to be installed, it may mean that it has been inserted to the page incorrectly. "+ "Refer File Downloader documentation for more details.
"; } else { obj.instructionsCommon="Image Uploader ActiveX control is necessary to upload "+ "your files quickly and easily. You will be able to select multiple images "+ "in user-friendly interface instead of clumsy input fields with Browse button. "+ "Installation will take up to few minutes, please be patient. To install Image Uploader, "; obj.instructionsNotWinXPSP2="please reload the page and click the Yes button " + "when you see the control installation dialog."; obj.instructionsWinXPSP2="please click on the Information Bar and select " + "Install ActiveX Control from the dropdown menu. After page reload click Install when "+ "you see the control installation dialog."; obj.instructionsVista = "please click on the Information Bar and select Install ActiveX Control "+ "from the dropdown menu. After page reload click Continue and then Install when "+ "you see the control installation dialog."; obj.instructionsCommon2="
"; } } function ControlWriter(id,width,height){ //Private this._params=new Array(); this._events=new Array(); _addInstructions(this); this._getObjectParamHtml=function(name,value){ return ""; } this._getObjectParamsHtml=function(){ var r=""; var p=this._params; var i; for (i=0;i