padrino-admin 0.6.3 → 0.6.7

data/lib/padrino-admin/generators/app/public/javascripts/ext.js

@@ -23,4 +23,7 @@ Ext.util.Format.eurMoney=function(v){v=(Math.round((v-0)*100))/100;v=(v==Math.fl
 }var hh=da[1].split(":");this.setTime(hh[0]+":"+hh[1])}}},setVisible:function(visible){if(visible){this.df.show();this.tf.show()}else{this.df.hide();this.tf.hide()}return this},show:function(){return this.setVisible(true)},hide:function(){return this.setVisible(false)},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);this.dateValue.setFullYear(d.getFullYear());this.dateValue.setMonth(d.getMonth());this.dateValue.setDate(d.getDate())}else{this.dateValue="";this.setTime("")}},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)}}},updateHidden:function(){if(this.isRendered){var value=this.dateValue instanceof Date?this.dateValue.format(this.hiddenFormat):"";this.el.dom.value=value}},updateValue:function(){this.updateDate();this.updateTime();this.updateHidden();return},validate:function(){return this.df.validate()&&this.tf.validate()},renderer:function(field){var format=field.editor.dateFormat||Ext.form.DateTime.prototype.dateFormat;format+=" "+(field.editor.timeFormat||Ext.form.DateTime.prototype.timeFormat);var renderer=function(val){var retval=Ext.util.Format.date(val,format);return retval};return renderer}});Ext.reg("datetimefield",Ext.form.DateTimeField);Ext.grid.Search=function(config){Ext.apply(this,config);Ext.grid.Search.superclass.constructor.call(this)};Ext.extend(Ext.grid.Search,Ext.util.Observable,{autoFocus:true,searchText:"Search",searchTipText:"Insert a word or press Search",selectAllText:"Select All",position:"top",iconCls:"check",checkIndexes:"all",disableIndexes:[],dateFormat:undefined,showSelectAll:true,menuStyle:"checkbox",minCharsTipText:"Insert at least {0} characters",mode:"remote",width:200,xtype:"gridsearch",paramNames:{fields:"fields",query:"query"},shortcutKey:"r",shortcutModifier:"alt",align:"right",minLength:3,init:function(grid){this.grid=grid;this.id=this.grid.id+"-search";if("string"===typeof this.toolbarContainer){this.toolbarContainer=Ext.getCmp(this.toolbarContainer)}grid.store.load=grid.store.load.createInterceptor(this.load,this);grid.onRender=grid.onRender.createSequence(this.onRender,this);grid.reconfigure=grid.reconfigure.createSequence(this.reconfigure,this)},onRender:function(){var panel=this.toolbarContainer||this.grid;var tb="bottom"===this.position?panel.bottomToolbar:panel.topToolbar;this.menu=new Ext.menu.Menu();if("right"===this.align){tb.addFill()}else{if(0<tb.items.getCount()){tb.addSeparator()}}tb.add({text:this.searchText,menu:this.menu});this.field=new Ext.form.TwinTriggerField({width:this.width,selectOnFocus:undefined===this.selectOnFocus?true:this.selectOnFocus,trigger1Class:"x-form-clear-trigger",trigger2Class:this.minChars?"x-hidden":"x-form-search-trigger",onTrigger1Click:this.minChars?Ext.emptyFn:this.onTriggerClear.createDelegate(this),onTrigger2Click:this.onTriggerSearch.createDelegate(this),minLength:this.minLength});this.field.on("render",function(){this.field.el.dom.qtip=this.minChars?String.format(this.minCharsTipText,this.minChars):this.searchTipText;if(this.minChars){this.field.el.on({scope:this,buffer:300,keyup:this.onKeyUp})}var map=new Ext.KeyMap(this.field.el,[{key:Ext.EventObject.ENTER,scope:this,fn:this.onTriggerSearch},{key:Ext.EventObject.ESC,scope:this,fn:this.onTriggerClear}]);map.stopEvent=true},this,{single:true});tb.add(this.field);this.initState();if(this.shortcutKey&&this.shortcutModifier){var shortcutEl=this.grid.getEl();var shortcutCfg=[{key:this.shortcutKey,scope:this,stopEvent:true,fn:function(){this.field.focus()}}];shortcutCfg[0][this.shortcutModifier]=true;this.keymap=new Ext.KeyMap(shortcutEl,shortcutCfg)}if(true===this.autoFocus){this.grid.store.on({scope:this,load:function(){this.field.focus()}})}},initState:function(){if(Ext.state.Manager){var state=Ext.state.Manager.get(this.id);this.applyState(state)}},applyState:function(state){if(state){if(state.checked&&state.checked instanceof Array){this.checkIndexes=state.checked}if(state.value){this.field.setValue(state.value)}}this.reconfigure();this.onTriggerSearch()},saveState:function(){if(Ext.state.Manager){var state=this.getState();Ext.state.Manager.set(this.id,state)}},getState:function(){var checked=[];this.menu.items.each(function(item){if(item.dataIndex&&item.checked){checked.push(item.dataIndex)}});this.inited=true;return{value:this.field.getValue(),checked:checked}},load:function(){return(this.field!=undefined&&this.inited==true)},onKeyUp:function(){var length=this.field.getValue().toString().length;if(0===length||this.minChars<=length){this.onTriggerSearch()}},onTriggerClear:function(){if(this.field.getValue()){this.field.setValue("");this.field.focus();this.onTriggerSearch()}this.saveState()},onTriggerSearch:function(){if(!this.field.isValid()){return}var val=this.field.getValue();var store=this.grid.store;if("local"===this.mode){store.clearFilter();if(val){store.filterBy(function(r){var retval=false;this.menu.items.each(function(item){if(!item.checked||retval){return}var rv=r.get(item.dataIndex);rv=rv instanceof Date?rv.format(this.dateFormat||r.fields.get(item.dataIndex).dateFormat):rv;var re=new RegExp(val,"gi");retval=re.test(rv)},this);if(retval){return true}return retval},this)}else{}}else{if(store.lastOptions&&store.lastOptions.params){store.lastOptions.params[store.paramNames.start]=0}var fields=[];this.menu.items.each(function(item){if(item.checked&&item.dataIndex){fields.push(item.dataIndex)}});delete (store.baseParams[this.paramNames.fields]);delete (store.baseParams[this.paramNames.query]);if(store.lastOptions&&store.lastOptions.params){delete (store.lastOptions.params[this.paramNames.fields]);delete (store.lastOptions.params[this.paramNames.query])}if(fields.length){store.baseParams[this.paramNames.fields]=fields.compact().join();store.baseParams[this.paramNames.query]=val}store.reload()}this.saveState()},setDisabled:function(){this.field.setDisabled.apply(this.field,arguments)},enable:function(){this.setDisabled(false)},disable:function(){this.setDisabled(true)},reconfigure:function(){var menu=this.menu;menu.removeAll();if(this.showSelectAll&&"radio"!==this.menuStyle){menu.add(new Ext.menu.CheckItem({text:this.selectAllText,checked:!(this.checkIndexes instanceof Array),hideOnClick:false,handler:function(item){var checked=!item.checked;item.parentMenu.items.each(function(i){if(item!==i&&i.setChecked&&!i.disabled){i.setChecked(checked)}})}}),"-")}var cm=this.grid.colModel;var group=undefined;if("radio"===this.menuStyle){group="g"+(new Date).getTime()}Ext.each(cm.config,function(config){var disable=false;if(config.header&&config.dataIndex&&config.sortable){Ext.each(this.disableIndexes,function(item){disable=disable?disable:item===config.dataIndex});if(!disable){menu.add(new Ext.menu.CheckItem({text:config.header,hideOnClick:false,group:group,checked:"all"===this.checkIndexes,dataIndex:config.dataIndex}))}}},this);if(this.checkIndexes instanceof Array){Ext.each(this.checkIndexes,function(di){var item=menu.items.find(function(itm){return itm.dataIndex===di});if(item){item.setChecked(true,true)}},this)}if(this.readonlyIndexes instanceof Array){Ext.each(this.readonlyIndexes,function(di){var item=menu.items.find(function(itm){return itm.dataIndex===di});if(item){item.disable()}},this)}}});Ext.state.DataBaseProvider=function(config){Ext.state.DataBaseProvider.superclass.constructor.call(this);this.path="/admin/state_sessions";Ext.apply(this,config);this.state=this.readCookies()};Ext.extend(Ext.state.DataBaseProvider,Ext.state.Provider,{set:function(name,value){if(typeof value=="undefined"||value===null){this.clear(name);
 return}this.setCookie(name,value);Ext.state.DataBaseProvider.superclass.set.call(this,name,value)},clear:function(name){this.clearCookie(name);Ext.state.DataBaseProvider.superclass.clear.call(this,name)},readCookies:function(){var cookies={};var values=[];new Ajax.Request(this.path,{method:"GET",asynchronous:false,onSuccess:function(response,request){values=Ext.decode(response.responseText)}});values.each(function(f){if(f.state_session&&f.state_session.component&&f.state_session.component.substring(0,3)=="ys-"){cookies[f.state_session.component.substr(3)]=this.decodeValue(f.state_session.data)}},this);return cookies},setCookie:function(name,value){Ext.Ajax.request({url:this.path,method:"POST",params:{id:"ys-"+name,data:this.encodeValue(value)}})},clearCookie:function(name){Ext.Ajax.request({url:this.path+"/ys-"+name,method:"DELETE"})}});
 /*Fix for stack overflow*/
-(function(){var eDefer=Function.prototype.defer;Function.prototype.defer=function(){var args=arguments,L=args.length;if(L==0||(L==1&&args[0]==1)){return this.delay.curry(0.01).apply(this,args)}return eDefer.apply(this,args)}})();
+(function(){var eDefer=Function.prototype.defer;Function.prototype.defer=function(){var args=arguments,L=args.length;if(L==0||(L==1&&args[0]==1)){return this.delay.curry(0.01).apply(this,args)}return eDefer.apply(this,args)}})();
+/*Upload Panel*/
+Ext.SwfUploadPanel=Ext.extend(Ext.grid.GridPanel,{strings:{text_add:"Add File(s)",text_upload:"Upload File(s)",text_cancel:"Cancel Upload",text_clear:"Clear Queue",text_progressbar:"Progress Bar",text_remove:"Remove File",text_remove_sure:"Are you sure you wish to remove this file from queue?",text_error:"Error",text_uploading:"Uploading file: {0} ({1} of {2})",header_filename:"Filename",header_size:"Size",header_status:"Status",status:{0:"Queued",1:"Uploading...",2:"Completed",3:"Error",4:"Cancelled"},error_queue_exceeded:"The selected file(s) exceed(s) the maximum number of {0} queued files.",error_queue_slots_0:"There is no slot left",error_queue_slots_1:"There is only one slot left",error_queue_slots_2:"There are only {0} slots left",error_size_exceeded:"The selected files size exceeds the allowed limit of 1 MB.",error_zero_byte_file:"Zero byte file selected.",error_invalid_filetype:"Invalid filetype selected.",error_file_not_found:"File not found 404.",error_security_error:"Security Error. Not allowed to post to different url."},single_select:true,confirm_delete:true,file_types:"*.*",file_types_description:"All Files",file_size_limit:"1MB",file_upload_limit:"0",file_queue_limit:"0",file_post_name:"file",flash_url:"swfupload.swf",debug:false,autoExpandColumn:"name",enableColumnResize:false,enableColumnMove:false,border:false,viewConfig:{forceFit:true},upload_cancelled:false,initComponent:function(){this.addEvents("swfUploadLoaded","fileQueued","startUpload","fileUploadError","fileUploadSuccess","fileUploadComplete","allUploadsComplete","removeFiles","removeAllFiles");this.rec=Ext.data.Record.create([{name:"name"},{name:"size"},{name:"id"},{name:"type"},{name:"creationdate",type:"date",dateFormat:"m/d/Y"},{name:"status"}]);this.store=new Ext.data.Store({reader:new Ext.data.JsonReader({id:"id"},this.rec)});this.columns=[{id:"name",header:this.strings.header_filename,dataIndex:"name"},{id:"size",header:this.strings.header_size,width:80,dataIndex:"size",renderer:this.formatBytes},{id:"status",header:this.strings.header_status,width:100,dataIndex:"status",renderer:this.formatStatus.createDelegate(this)},{id:"progress",header:"Progess",width:150,renderer:this.formatProgressBar}];this.sm=new Ext.grid.RowSelectionModel({singleSelect:this.single_select});this.tbar=[{text:this.strings.text_add,cls:"x-btn-text-icon add",xhandler:function(){if(this.single_select){this.suo.selectFile()}else{this.suo.selectFiles()}},xscope:this,listeners:{render:function(){this.initButton()},scope:this}},"->",{text:this.strings.text_cancel,cls:"x-btn-text-icon remove",handler:this.stopUpload,scope:this,hidden:true},{text:this.strings.text_upload,cls:"x-btn-text-icon upload",handler:this.startUpload,scope:this,hidden:true},{text:this.strings.text_clear,cls:"x-btn-text-icon remove",handler:this.removeAllFiles,scope:this,hidden:false}];this.addListener({keypress:{fn:function(e){if(this.confirm_delete){if(e.getKey()==e.DELETE){Ext.MessageBox.confirm(this.strings.text_remove,this.strings.text_remove_sure,function(e){if(e=="yes"){this.removeFiles()}},this)}}else{this.removeFiles(this)}},scope:this},contextmenu:function(e){e.stopEvent()},render:function(){this.addBtn=this.getTopToolbar().items.items[0];this.cancelBtn=this.getTopToolbar().items.items[2];this.uploadBtn=this.getTopToolbar().items.items[3];this.clearBtn=this.getTopToolbar().items.items[4]}});Ext.SwfUploadPanel.superclass.initComponent.call(this)},initButton:function(){var suoID=Ext.id();var em=this.addBtn.el.child("em");em.setStyle({position:"relative",display:"block"});em.createChild({tag:"div",id:suoID});this.suo=new SWFUpload({button_placeholder_id:suoID,button_width:em.getWidth(),button_height:em.getHeight(),button_cursor:SWFUpload.CURSOR.HAND,button_window_mode:SWFUpload.WINDOW_MODE.TRANSPARENT,upload_url:this.upload_url,post_params:this.post_params,file_post_name:this.file_post_name,file_size_limit:this.file_size_limit,file_queue_limit:this.file_queue_limit,file_types:this.file_types,file_types_description:this.file_types_description,file_upload_limit:this.file_upload_limit,flash_url:this.flash_url,swfupload_loaded_handler:this.swfUploadLoaded.createDelegate(this),file_dialog_start_handler:this.fileDialogStart.createDelegate(this),file_queued_handler:this.fileQueue.createDelegate(this),file_queue_error_handler:this.fileQueueError.createDelegate(this),file_dialog_complete_handler:this.fileDialogComplete.createDelegate(this),upload_start_handler:this.uploadStart.createDelegate(this),upload_progress_handler:this.uploadProgress.createDelegate(this),upload_error_handler:this.uploadError.createDelegate(this),upload_success_handler:this.uploadSuccess.createDelegate(this),upload_complete_handler:this.uploadComplete.createDelegate(this),debug:this.debug,debug_handler:this.debug?this.debugHandler:Ext.emptyFn});Ext.get(this.suo.movieName).setStyle({position:"absolute",top:0,left:0})},formatProgressBar:function(_v,cellmeta,record){switch(record.data.fileState){case SWFUpload.FILE_STATUS.COMPLETE:if(Ext.isIE){returnValue='<div class="x-progress-wrap" style="height: 18px"><div class="x-progress-inner"><div style="width: 100%;" class="x-progress-bar x-progress-text">100 %';"</div></div></div>"}else{returnValue='<div class="x-progress-wrap" style="height: 18px"><div class="x-progress-inner"><div id="progressBar_'+record.data.id+'" style="width: 100%;" class="x-progress-bar"></div><div id="progressText_'+record.data.id+'" style="width: 100%;" class="x-progress-text x-progress-text-back" />100 %</div>';"</div></div>"}break;default:returnValue='<div class="x-progress-wrap" style="height: 18px"><div class="x-progress-inner"><div id="progressBar_'+record.data.id+'" style="width: 0%;" class="x-progress-bar"></div><div id="progressText_'+record.data.id+'" style="width: 100%;" class="x-progress-text x-progress-text-back" />0 %</div>';"</div></div>";break}return returnValue},debugHandler:function(line){console.log(line)},formatStatus:function(status){return this.strings.status[status]},formatBytes:function(size){if(!size){size=0}var suffix=["B","KB","MB","GB"];var result=size;size=parseInt(size,10);result=size+" "+suffix[0];var loop=0;while(size/1024>1){size=size/1024;loop++}result=Math.round(size)+" "+suffix[loop];return result;if(isNaN(bytes)){return("")}var unit,val;if(bytes<999){unit="B";val=(!bytes&&this.progressRequestCount>=1)?"~":bytes}else{if(bytes<999999){unit="kB";val=Math.round(bytes/1000)}else{if(bytes<999999999){unit="MB";val=Math.round(bytes/100000)/10}else{if(bytes<999999999999){unit="GB";val=Math.round(bytes/100000000)/10}else{unit="TB";val=Math.round(bytes/100000000000)/10}}}}return(val+" "+unit)},swfUploadLoaded:function(){if(this.debug){console.info("SWFUPLOAD LOADED")}this.fireEvent("swfUploadLoaded",this)},fileDialogStart:function(){if(this.debug){console.info("FILE DIALOG START")}this.fireEvent("fileDialogStart",this)},fileQueue:function(file){if(this.debug){console.info("FILE QUEUE")}file.status=0;r=new this.rec(file);r.id=file.id;this.store.add(r);this.fireEvent("fileQueued",this,file)},fileQueueError:function(file,code,message){if(this.debug){console.info("FILE QUEUE ERROR")}switch(code){case -100:var slots;switch(message){case"0":slots=this.strings.error_queue_slots_0;break;case"1":slots=this.strings.error_queue_slots_1;break;default:slots=String.format(this.strings.error_queue_slots_2,message)}Ext.MessageBox.alert(this.strings.text_error,String.format(this.strings.error_queue_exceeded+" "+slots,this.file_queue_limit));break;case -110:Ext.MessageBox.alert(this.strings.text_error,String.format(this.strings.error_size_exceeded,this.formatBytes(this.file_size_limit*1024)));break;case -120:Ext.MessageBox.alert(this.strings.text_error,this.strings.error_zero_byte_file);break;case -130:Ext.MessageBox.alert(this.strings.text_error,this.strings.error_invalid_filetype);break}this.fireEvent("fileQueueError",this,file,code)},fileDialogComplete:function(file_count){if(this.debug){console.info("FILE DIALOG COMPLETE")}if(file_count>0){this.uploadBtn.show()
+}this.addBtn.show();this.clearBtn.show();this.fireEvent("fileDialogComplete",this,file_count)},uploadStart:function(file){if(this.debug){console.info("UPLOAD START")}this.fireEvent("uploadStart",this,file);return true},progressCount:0,uploadProgress:function(file,bytes_completed,bytes_total){var percent=Math.ceil((bytes_completed/bytes_total)*100);if(percent!=this.progressCount){Ext.getDom("progressBar_"+file.id).style.width=percent+"%";Ext.getDom("progressText_"+file.id).innerHTML=percent+" %";this.progressCount=percent}this.store.getById(file.id).set("status",1);this.fireEvent("uploadProgress",this,file,bytes_completed,bytes_total)},uploadError:function(file,error,code){if(this.debug){console.info("UPLOAD ERROR")}if(code==500){Ext.MessageBox.alert(this.strings.text_error,"File too big");this.fireEvent("fileUploadError",this,file,error,code);return}switch(error){case -200:Ext.MessageBox.alert(this.strings.text_error,this.strings.error_file_not_found);break;case -230:Ext.MessageBox.alert(this.strings.text_error,this.strings.error_security_error);break;case -290:this.store.getById(file.id).set("status",4);this.store.getById(file.id).commit();break}this.fireEvent("fileUploadError",this,file,error,code)},uploadSuccess:function(file,response){if(this.debug){console.info("UPLOAD SUCCESS")}var data=Ext.decode(response);if(data.success){this.store.getById(file.id).data.fileState=SWFUpload.FILE_STATUS.COMPLETE;this.store.getById(file.id).set("status",2)}else{this.store.getById(file.id).set("status",3);this.store.getById(file.id).commit();if(data.msg){Ext.MessageBox.alert(this.strings.text_error,data.msg)}}this.fireEvent("fileUploadSuccess",this,file,data)},uploadComplete:function(file){if(this.debug){console.info("UPLOAD COMPLETE")}if(this.suo.getStats().files_queued&&!this.upload_cancelled){this.suo.startUpload()}else{this.fireEvent("fileUploadComplete",this,file);this.allUploadsComplete()}},allUploadsComplete:function(){this.cancelBtn.hide();this.addBtn.show();this.clearBtn.show();this.fireEvent("allUploadsComplete",this)},addPostParam:function(name,value){if(this.suo){this.suo.settings.post_params[name]=value;this.suo.setPostParams(this.suo.settings.post_params)}else{this.post_params[name]=value}},startUpload:function(){if(this.debug){console.info("START UPLOAD")}this.cancelBtn.show();this.uploadBtn.hide();this.clearBtn.hide();this.upload_cancelled=false;this.fireEvent("startUpload",this);this.suo.startUpload()},stopUpload:function(file){if(this.debug){console.info("STOP UPLOAD")}this.suo.stopUpload();this.upload_cancelled=true;this.getStore().each(function(){if(this.data.status==1){this.set("status",0);this.commit()}});this.cancelBtn.hide();if(this.suo.getStats().files_queued>0){this.uploadBtn.show()}this.addBtn.show();this.clearBtn.show()},removeFiles:function(){if(this.debug){console.info("REMOVE FILES")}var selRecords=this.getSelections();for(var i=0;i<selRecords.length;i++){if(selRecords[i].data.status!=1){this.suo.cancelUpload(selRecords[i].id);this.store.remove(selRecords[i])}}if(this.suo.getStats().files_queued===0){this.uploadBtn.hide()}this.fireEvent("removeFiles",this)},removeAllFiles:function(){if(this.debug){console.info("REMOVE ALL")}var files_left=this.suo.getStats().files_queued;while(files_left>0){this.suo.cancelUpload();files_left=this.suo.getStats().files_queued}this.store.removeAll();this.cancelBtn.hide();this.uploadBtn.hide();this.fireEvent("removeAllFiles",this)}});

data/lib/padrino-admin/generators/app/public/javascripts/swfupload.js

@@ -0,0 +1,4 @@
+var SWFUpload;if(SWFUpload==undefined){SWFUpload=function(settings){this.initSWFUpload(settings)}}SWFUpload.prototype.initSWFUpload=function(userSettings){try{this.customSettings={};this.settings={};this.eventQueue=[];this.movieName="SWFUpload_"+SWFUpload.movieCount++;this.movieElement=null;SWFUpload.instances[this.movieName]=this;this.initSettings(userSettings);this.loadFlash();this.displayDebugInfo()}catch(ex){delete SWFUpload.instances[this.movieName];throw ex}};SWFUpload.instances={};SWFUpload.movieCount=0;SWFUpload.version="2.5.0 2009-12-23 Beta 1";SWFUpload.QUEUE_ERROR={QUEUE_LIMIT_EXCEEDED:-100,FILE_EXCEEDS_SIZE_LIMIT:-110,ZERO_BYTE_FILE:-120,INVALID_FILETYPE:-130};SWFUpload.UPLOAD_ERROR={HTTP_ERROR:-200,MISSING_UPLOAD_URL:-210,IO_ERROR:-220,SECURITY_ERROR:-230,UPLOAD_LIMIT_EXCEEDED:-240,UPLOAD_FAILED:-250,SPECIFIED_FILE_ID_NOT_FOUND:-260,FILE_VALIDATION_FAILED:-270,FILE_CANCELLED:-280,UPLOAD_STOPPED:-290,RESIZE:-300};SWFUpload.FILE_STATUS={QUEUED:-1,IN_PROGRESS:-2,ERROR:-3,COMPLETE:-4,CANCELLED:-5};SWFUpload.UPLOAD_TYPE={NORMAL:-1,RESIZED:-2};SWFUpload.BUTTON_ACTION={SELECT_FILE:-100,SELECT_FILES:-110,START_UPLOAD:-120,JAVASCRIPT:-130,NONE:-130};SWFUpload.CURSOR={ARROW:-1,HAND:-2};SWFUpload.WINDOW_MODE={WINDOW:"window",TRANSPARENT:"transparent",OPAQUE:"opaque"};SWFUpload.RESIZE_ENCODING={JPEG:-1,PNG:-2};SWFUpload.completeURL=function(url){try{var path="",indexSlash=-1;if(typeof(url)!=="string"||url.match(/^https?:\/\//i)||url.match(/^\//)||url===""){return url}indexSlash=window.location.pathname.lastIndexOf("/");if(indexSlash<=0){path="/"}else{path=window.location.pathname.substr(0,indexSlash)+"/"}return path+url}catch(ex){return url}};SWFUpload.prototype.initSettings=function(userSettings){this.ensureDefault=function(settingName,defaultValue){var setting=userSettings[settingName];if(setting!=undefined){this.settings[settingName]=setting}else{this.settings[settingName]=defaultValue}};this.ensureDefault("upload_url","");this.ensureDefault("preserve_relative_urls",false);this.ensureDefault("file_post_name","Filedata");this.ensureDefault("post_params",{});this.ensureDefault("use_query_string",false);this.ensureDefault("requeue_on_error",false);this.ensureDefault("http_success",[]);this.ensureDefault("assume_success_timeout",0);this.ensureDefault("file_types","*.*");this.ensureDefault("file_types_description","All Files");this.ensureDefault("file_size_limit",0);this.ensureDefault("file_upload_limit",0);this.ensureDefault("file_queue_limit",0);this.ensureDefault("flash_url","swfupload.swf");this.ensureDefault("prevent_swf_caching",true);this.ensureDefault("button_image_url","");this.ensureDefault("button_width",1);this.ensureDefault("button_height",1);this.ensureDefault("button_text","");this.ensureDefault("button_text_style","color: #000000; font-size: 16pt;");this.ensureDefault("button_text_top_padding",0);this.ensureDefault("button_text_left_padding",0);this.ensureDefault("button_action",SWFUpload.BUTTON_ACTION.SELECT_FILES);this.ensureDefault("button_disabled",false);this.ensureDefault("button_placeholder_id","");this.ensureDefault("button_placeholder",null);this.ensureDefault("button_cursor",SWFUpload.CURSOR.ARROW);this.ensureDefault("button_window_mode",SWFUpload.WINDOW_MODE.WINDOW);this.ensureDefault("debug",false);this.settings.debug_enabled=this.settings.debug;this.settings.return_upload_start_handler=this.returnUploadStart;this.ensureDefault("swfupload_loaded_handler",null);this.ensureDefault("file_dialog_start_handler",null);this.ensureDefault("file_queued_handler",null);this.ensureDefault("file_queue_error_handler",null);this.ensureDefault("file_dialog_complete_handler",null);this.ensureDefault("upload_start_handler",null);this.ensureDefault("upload_progress_handler",null);this.ensureDefault("upload_error_handler",null);this.ensureDefault("upload_success_handler",null);this.ensureDefault("upload_complete_handler",null);this.ensureDefault("mouse_click_handler",null);this.ensureDefault("mouse_out_handler",null);this.ensureDefault("mouse_over_handler",null);this.ensureDefault("debug_handler",this.debugMessage);this.ensureDefault("custom_settings",{});this.customSettings=this.settings.custom_settings;if(!!this.settings.prevent_swf_caching){this.settings.flash_url=this.settings.flash_url+(this.settings.flash_url.indexOf("?")<0?"?":"&")+"preventswfcaching="+new Date().getTime()}if(!this.settings.preserve_relative_urls){this.settings.upload_url=SWFUpload.completeURL(this.settings.upload_url);this.settings.button_image_url=SWFUpload.completeURL(this.settings.button_image_url)}delete this.ensureDefault};SWFUpload.prototype.loadFlash=function(){var targetElement,tempParent,wrapperType;if(document.getElementById(this.movieName)!==null){throw"ID "+this.movieName+" is already in use. The Flash Object could not be added"}targetElement=document.getElementById(this.settings.button_placeholder_id)||this.settings.button_placeholder;if(targetElement==undefined){throw"Could not find the placeholder element: "+this.settings.button_placeholder_id}wrapperType=(targetElement.currentStyle&&targetElement.currentStyle.display||window.getComputedStyle&&document.defaultView.getComputedStyle(targetElement,null).getPropertyValue("display"))!=="block"?"span":"div";tempParent=document.createElement(wrapperType);tempParent.innerHTML=this.getFlashHTML();var els=tempParent.getElementsByTagName("object");if(!els||els.length>1||els.length===0){}else{if(els.length===1){this.movieElement=els[0]}}targetElement.parentNode.replaceChild(tempParent.firstChild,targetElement);if(window[this.movieName]==undefined){window[this.movieName]=this.getMovieElement()}};SWFUpload.prototype.getFlashHTML=function(){return['<object id="',this.movieName,'" type="application/x-shockwave-flash" data="',this.settings.flash_url,'" width="',this.settings.button_width,'" height="',this.settings.button_height,'" class="swfupload">','<param name="wmode" value="',this.settings.button_window_mode,'" />','<param name="movie" value="',this.settings.flash_url,'" />','<param name="quality" value="high" />','<param name="allowScriptAccess" value="always" />','<param name="flashvars" value="'+this.getFlashVars()+'" />',"</object>"].join("")};SWFUpload.prototype.getFlashVars=function(){var httpSuccessString,paramString;paramString=this.buildParamString();httpSuccessString=this.settings.http_success.join(",");return["movieName=",encodeURIComponent(this.movieName),"&amp;uploadURL=",encodeURIComponent(this.settings.upload_url),"&amp;useQueryString=",encodeURIComponent(this.settings.use_query_string),"&amp;requeueOnError=",encodeURIComponent(this.settings.requeue_on_error),"&amp;httpSuccess=",encodeURIComponent(httpSuccessString),"&amp;assumeSuccessTimeout=",encodeURIComponent(this.settings.assume_success_timeout),"&amp;params=",encodeURIComponent(paramString),"&amp;filePostName=",encodeURIComponent(this.settings.file_post_name),"&amp;fileTypes=",encodeURIComponent(this.settings.file_types),"&amp;fileTypesDescription=",encodeURIComponent(this.settings.file_types_description),"&amp;fileSizeLimit=",encodeURIComponent(this.settings.file_size_limit),"&amp;fileUploadLimit=",encodeURIComponent(this.settings.file_upload_limit),"&amp;fileQueueLimit=",encodeURIComponent(this.settings.file_queue_limit),"&amp;debugEnabled=",encodeURIComponent(this.settings.debug_enabled),"&amp;buttonImageURL=",encodeURIComponent(this.settings.button_image_url),"&amp;buttonWidth=",encodeURIComponent(this.settings.button_width),"&amp;buttonHeight=",encodeURIComponent(this.settings.button_height),"&amp;buttonText=",encodeURIComponent(this.settings.button_text),"&amp;buttonTextTopPadding=",encodeURIComponent(this.settings.button_text_top_padding),"&amp;buttonTextLeftPadding=",encodeURIComponent(this.settings.button_text_left_padding),"&amp;buttonTextStyle=",encodeURIComponent(this.settings.button_text_style),"&amp;buttonAction=",encodeURIComponent(this.settings.button_action),"&amp;buttonDisabled=",encodeURIComponent(this.settings.button_disabled),"&amp;buttonCursor=",encodeURIComponent(this.settings.button_cursor)].join("")
+};SWFUpload.prototype.getMovieElement=function(){if(this.movieElement==undefined){this.movieElement=document.getElementById(this.movieName)}if(this.movieElement===null){throw"Could not find Flash element"}return this.movieElement};SWFUpload.prototype.buildParamString=function(){var name,postParams,paramStringPairs=[];postParams=this.settings.post_params;if(typeof(postParams)==="object"){for(name in postParams){if(postParams.hasOwnProperty(name)){paramStringPairs.push(encodeURIComponent(name.toString())+"="+encodeURIComponent(postParams[name].toString()))}}}return paramStringPairs.join("&amp;")};SWFUpload.prototype.destroy=function(){var movieElement;try{this.cancelUpload(null,false);this.callFlash("StopExternalInterfaceCheck");movieElement=this.cleanUp();if(movieElement){try{movieElement.parentNode.removeChild(movieElement)}catch(ex){}}window[this.movieName]=null;SWFUpload.instances[this.movieName]=null;delete SWFUpload.instances[this.movieName];this.movieElement=null;this.settings=null;this.customSettings=null;this.eventQueue=null;this.movieName=null;return true}catch(ex2){return false}};SWFUpload.prototype.displayDebugInfo=function(){this.debug(["---SWFUpload Instance Info---\n","Version: ",SWFUpload.version,"\n","Movie Name: ",this.movieName,"\n","Settings:\n","\t","upload_url:               ",this.settings.upload_url,"\n","\t","flash_url:                ",this.settings.flash_url,"\n","\t","use_query_string:         ",this.settings.use_query_string.toString(),"\n","\t","requeue_on_error:         ",this.settings.requeue_on_error.toString(),"\n","\t","http_success:             ",this.settings.http_success.join(", "),"\n","\t","assume_success_timeout:   ",this.settings.assume_success_timeout,"\n","\t","file_post_name:           ",this.settings.file_post_name,"\n","\t","post_params:              ",this.settings.post_params.toString(),"\n","\t","file_types:               ",this.settings.file_types,"\n","\t","file_types_description:   ",this.settings.file_types_description,"\n","\t","file_size_limit:          ",this.settings.file_size_limit,"\n","\t","file_upload_limit:        ",this.settings.file_upload_limit,"\n","\t","file_queue_limit:         ",this.settings.file_queue_limit,"\n","\t","debug:                    ",this.settings.debug.toString(),"\n","\t","prevent_swf_caching:      ",this.settings.prevent_swf_caching.toString(),"\n","\t","button_placeholder_id:    ",this.settings.button_placeholder_id.toString(),"\n","\t","button_placeholder:       ",(this.settings.button_placeholder?"Set":"Not Set"),"\n","\t","button_image_url:         ",this.settings.button_image_url.toString(),"\n","\t","button_width:             ",this.settings.button_width.toString(),"\n","\t","button_height:            ",this.settings.button_height.toString(),"\n","\t","button_text:              ",this.settings.button_text.toString(),"\n","\t","button_text_style:        ",this.settings.button_text_style.toString(),"\n","\t","button_text_top_padding:  ",this.settings.button_text_top_padding.toString(),"\n","\t","button_text_left_padding: ",this.settings.button_text_left_padding.toString(),"\n","\t","button_action:            ",this.settings.button_action.toString(),"\n","\t","button_disabled:          ",this.settings.button_disabled.toString(),"\n","\t","custom_settings:          ",this.settings.custom_settings.toString(),"\n","Event Handlers:\n","\t","swfupload_loaded_handler assigned:  ",(typeof this.settings.swfupload_loaded_handler==="function").toString(),"\n","\t","mouse_click_handler assigned:       ",(typeof this.settings.mouse_click_handler==="function").toString(),"\n","\t","mouse_over_handler assigned:        ",(typeof this.settings.mouse_over_handler==="function").toString(),"\n","\t","mouse_out_handler assigned:         ",(typeof this.settings.mouse_out_handler==="function").toString(),"\n","\t","file_dialog_start_handler assigned: ",(typeof this.settings.file_dialog_start_handler==="function").toString(),"\n","\t","file_queued_handler assigned:       ",(typeof this.settings.file_queued_handler==="function").toString(),"\n","\t","file_queue_error_handler assigned:  ",(typeof this.settings.file_queue_error_handler==="function").toString(),"\n","\t","upload_start_handler assigned:      ",(typeof this.settings.upload_start_handler==="function").toString(),"\n","\t","upload_progress_handler assigned:   ",(typeof this.settings.upload_progress_handler==="function").toString(),"\n","\t","upload_error_handler assigned:      ",(typeof this.settings.upload_error_handler==="function").toString(),"\n","\t","upload_success_handler assigned:    ",(typeof this.settings.upload_success_handler==="function").toString(),"\n","\t","upload_complete_handler assigned:   ",(typeof this.settings.upload_complete_handler==="function").toString(),"\n","\t","debug_handler assigned:             ",(typeof this.settings.debug_handler==="function").toString(),"\n"].join(""))};SWFUpload.prototype.addSetting=function(name,value,default_value){if(value==undefined){return(this.settings[name]=default_value)}else{return(this.settings[name]=value)}};SWFUpload.prototype.getSetting=function(name){if(this.settings[name]!=undefined){return this.settings[name]}return""};SWFUpload.prototype.callFlash=function(functionName,argumentArray){var movieElement,returnValue,returnString;argumentArray=argumentArray||[];movieElement=this.getMovieElement();try{if(movieElement!=undefined){returnString=movieElement.CallFunction('<invoke name="'+functionName+'" returntype="javascript">'+__flash__argumentsToXML(argumentArray,0)+"</invoke>");returnValue=eval(returnString)}else{this.debug("Can't call flash because the movie wasn't found.")}}catch(ex){this.debug("Exception calling flash function '"+functionName+"': "+ex.message)}if(returnValue!=undefined&&typeof returnValue.post==="object"){returnValue=this.unescapeFilePostParams(returnValue)}return returnValue};SWFUpload.prototype.selectFile=function(){this.callFlash("SelectFile")};SWFUpload.prototype.selectFiles=function(){this.callFlash("SelectFiles")};SWFUpload.prototype.startUpload=function(fileID){this.callFlash("StartUpload",[fileID])};SWFUpload.prototype.startResizedUpload=function(fileID,width,height,encoding,quality){this.callFlash("StartUpload",[fileID,{width:width,height:height,encoding:encoding,quality:quality}])};SWFUpload.prototype.cancelUpload=function(fileID,triggerErrorEvent){if(triggerErrorEvent!==false){triggerErrorEvent=true}this.callFlash("CancelUpload",[fileID,triggerErrorEvent])};SWFUpload.prototype.stopUpload=function(){this.callFlash("StopUpload")};SWFUpload.prototype.requeueUpload=function(indexOrFileID){return this.callFlash("RequeueUpload",[indexOrFileID])};SWFUpload.prototype.getStats=function(){return this.callFlash("GetStats")};SWFUpload.prototype.setStats=function(statsObject){this.callFlash("SetStats",[statsObject])};SWFUpload.prototype.getFile=function(fileID){if(typeof(fileID)==="number"){return this.callFlash("GetFileByIndex",[fileID])}else{return this.callFlash("GetFile",[fileID])}};SWFUpload.prototype.getQueueFile=function(fileID){if(typeof(fileID)==="number"){return this.callFlash("GetFileByQueueIndex",[fileID])}else{return this.callFlash("GetFile",[fileID])}};SWFUpload.prototype.addFileParam=function(fileID,name,value){return this.callFlash("AddFileParam",[fileID,name,value])};SWFUpload.prototype.removeFileParam=function(fileID,name){this.callFlash("RemoveFileParam",[fileID,name])};SWFUpload.prototype.setUploadURL=function(url){this.settings.upload_url=url.toString();this.callFlash("SetUploadURL",[url])};SWFUpload.prototype.setPostParams=function(paramsObject){this.settings.post_params=paramsObject;this.callFlash("SetPostParams",[paramsObject])};SWFUpload.prototype.addPostParam=function(name,value){this.settings.post_params[name]=value;this.callFlash("SetPostParams",[this.settings.post_params])};SWFUpload.prototype.removePostParam=function(name){delete this.settings.post_params[name];this.callFlash("SetPostParams",[this.settings.post_params])
+};SWFUpload.prototype.setFileTypes=function(types,description){this.settings.file_types=types;this.settings.file_types_description=description;this.callFlash("SetFileTypes",[types,description])};SWFUpload.prototype.setFileSizeLimit=function(fileSizeLimit){this.settings.file_size_limit=fileSizeLimit;this.callFlash("SetFileSizeLimit",[fileSizeLimit])};SWFUpload.prototype.setFileUploadLimit=function(fileUploadLimit){this.settings.file_upload_limit=fileUploadLimit;this.callFlash("SetFileUploadLimit",[fileUploadLimit])};SWFUpload.prototype.setFileQueueLimit=function(fileQueueLimit){this.settings.file_queue_limit=fileQueueLimit;this.callFlash("SetFileQueueLimit",[fileQueueLimit])};SWFUpload.prototype.setFilePostName=function(filePostName){this.settings.file_post_name=filePostName;this.callFlash("SetFilePostName",[filePostName])};SWFUpload.prototype.setUseQueryString=function(useQueryString){this.settings.use_query_string=useQueryString;this.callFlash("SetUseQueryString",[useQueryString])};SWFUpload.prototype.setRequeueOnError=function(requeueOnError){this.settings.requeue_on_error=requeueOnError;this.callFlash("SetRequeueOnError",[requeueOnError])};SWFUpload.prototype.setHTTPSuccess=function(http_status_codes){if(typeof http_status_codes==="string"){http_status_codes=http_status_codes.replace(" ","").split(",")}this.settings.http_success=http_status_codes;this.callFlash("SetHTTPSuccess",[http_status_codes])};SWFUpload.prototype.setAssumeSuccessTimeout=function(timeout_seconds){this.settings.assume_success_timeout=timeout_seconds;this.callFlash("SetAssumeSuccessTimeout",[timeout_seconds])};SWFUpload.prototype.setDebugEnabled=function(debugEnabled){this.settings.debug_enabled=debugEnabled;this.callFlash("SetDebugEnabled",[debugEnabled])};SWFUpload.prototype.setButtonImageURL=function(buttonImageURL){if(buttonImageURL==undefined){buttonImageURL=""}this.settings.button_image_url=buttonImageURL;this.callFlash("SetButtonImageURL",[buttonImageURL])};SWFUpload.prototype.setButtonDimensions=function(width,height){this.settings.button_width=width;this.settings.button_height=height;var movie=this.getMovieElement();if(movie!=undefined){movie.style.width=width+"px";movie.style.height=height+"px"}this.callFlash("SetButtonDimensions",[width,height])};SWFUpload.prototype.setButtonText=function(html){this.settings.button_text=html;this.callFlash("SetButtonText",[html])};SWFUpload.prototype.setButtonTextPadding=function(left,top){this.settings.button_text_top_padding=top;this.settings.button_text_left_padding=left;this.callFlash("SetButtonTextPadding",[left,top])};SWFUpload.prototype.setButtonTextStyle=function(css){this.settings.button_text_style=css;this.callFlash("SetButtonTextStyle",[css])};SWFUpload.prototype.setButtonDisabled=function(isDisabled){this.settings.button_disabled=isDisabled;this.callFlash("SetButtonDisabled",[isDisabled])};SWFUpload.prototype.setButtonAction=function(buttonAction){this.settings.button_action=buttonAction;this.callFlash("SetButtonAction",[buttonAction])};SWFUpload.prototype.setButtonCursor=function(cursor){this.settings.button_cursor=cursor;this.callFlash("SetButtonCursor",[cursor])};SWFUpload.prototype.queueEvent=function(handlerName,argumentArray){var self=this;if(argumentArray==undefined){argumentArray=[]}else{if(!(argumentArray instanceof Array)){argumentArray=[argumentArray]}}if(typeof this.settings[handlerName]==="function"){this.eventQueue.push(function(){this.settings[handlerName].apply(this,argumentArray)});setTimeout(function(){self.executeNextEvent()},0)}else{if(this.settings[handlerName]!==null){throw"Event handler "+handlerName+" is unknown or is not a function"}}};SWFUpload.prototype.executeNextEvent=function(){var f=this.eventQueue?this.eventQueue.shift():null;if(typeof(f)==="function"){f.apply(this)}};SWFUpload.prototype.unescapeFilePostParams=function(file){var reg=/[$]([0-9a-f]{4})/i,unescapedPost={},uk,k,match;if(file!=undefined){for(k in file.post){if(file.post.hasOwnProperty(k)){uk=k;while((match=reg.exec(uk))!==null){uk=uk.replace(match[0],String.fromCharCode(parseInt("0x"+match[1],16)))}unescapedPost[uk]=file.post[k]}}file.post=unescapedPost}return file};SWFUpload.prototype.testExternalInterface=function(){try{return this.callFlash("TestExternalInterface")}catch(ex){return false}};SWFUpload.prototype.flashReady=function(){var movieElement=this.getMovieElement();if(!movieElement){this.debug("Flash called back ready but the flash movie can't be found.");return}this.queueEvent("swfupload_loaded_handler")};SWFUpload.prototype.cleanUp=function(){var key,movieElement=this.getMovieElement();try{if(movieElement&&typeof(movieElement.CallFunction)==="unknown"){this.debug("Removing Flash functions hooks (this should only run in IE and should prevent memory leaks)");for(key in movieElement){try{if(typeof(movieElement[key])==="function"){movieElement[key]=null}}catch(ex){}}}}catch(ex1){}window.__flash__removeCallback=function(instance,name){try{if(instance){instance[name]=null}}catch(flashEx){}};return movieElement};SWFUpload.prototype.mouseClick=function(){this.queueEvent("mouse_click_handler")};SWFUpload.prototype.mouseOver=function(){this.queueEvent("mouse_over_handler")};SWFUpload.prototype.mouseOut=function(){this.queueEvent("mouse_out_handler")};SWFUpload.prototype.fileDialogStart=function(){this.queueEvent("file_dialog_start_handler")};SWFUpload.prototype.fileQueued=function(file){file=this.unescapeFilePostParams(file);this.queueEvent("file_queued_handler",file)};SWFUpload.prototype.fileQueueError=function(file,errorCode,message){file=this.unescapeFilePostParams(file);this.queueEvent("file_queue_error_handler",[file,errorCode,message])};SWFUpload.prototype.fileDialogComplete=function(numFilesSelected,numFilesQueued,numFilesInQueue){this.queueEvent("file_dialog_complete_handler",[numFilesSelected,numFilesQueued,numFilesInQueue])};SWFUpload.prototype.uploadStart=function(file){file=this.unescapeFilePostParams(file);this.queueEvent("return_upload_start_handler",file)};SWFUpload.prototype.returnUploadStart=function(file){var returnValue;if(typeof this.settings.upload_start_handler==="function"){file=this.unescapeFilePostParams(file);returnValue=this.settings.upload_start_handler.call(this,file)}else{if(this.settings.upload_start_handler!=undefined){throw"upload_start_handler must be a function"}}if(returnValue===undefined){returnValue=true}returnValue=!!returnValue;this.callFlash("ReturnUploadStart",[returnValue])};SWFUpload.prototype.uploadProgress=function(file,bytesComplete,bytesTotal){file=this.unescapeFilePostParams(file);this.queueEvent("upload_progress_handler",[file,bytesComplete,bytesTotal])};SWFUpload.prototype.uploadError=function(file,errorCode,message){file=this.unescapeFilePostParams(file);this.queueEvent("upload_error_handler",[file,errorCode,message])};SWFUpload.prototype.uploadSuccess=function(file,serverData,responseReceived){file=this.unescapeFilePostParams(file);this.queueEvent("upload_success_handler",[file,serverData,responseReceived])};SWFUpload.prototype.uploadComplete=function(file){file=this.unescapeFilePostParams(file);this.queueEvent("upload_complete_handler",file)};SWFUpload.prototype.debug=function(message){this.queueEvent("debug_handler",message)};SWFUpload.prototype.debugMessage=function(message){var exceptionMessage,exceptionValues,key;if(this.settings.debug){exceptionValues=[];if(typeof message==="object"&&typeof message.name==="string"&&typeof message.message==="string"){for(key in message){if(message.hasOwnProperty(key)){exceptionValues.push(key+": "+message[key])}}exceptionMessage=exceptionValues.join("\n")||"";exceptionValues=exceptionMessage.split("\n");exceptionMessage="EXCEPTION: "+exceptionValues.join("\nEXCEPTION: ");SWFUpload.Console.writeLine(exceptionMessage)}else{SWFUpload.Console.writeLine(message)}}};SWFUpload.Console={};SWFUpload.Console.writeLine=function(message){var console,documentForm;try{console=document.getElementById("SWFUpload_Console");if(!console){documentForm=document.createElement("form");
+document.getElementsByTagName("body")[0].appendChild(documentForm);console=document.createElement("textarea");console.id="SWFUpload_Console";console.style.fontFamily="monospace";console.setAttribute("wrap","off");console.wrap="off";console.style.overflow="auto";console.style.width="700px";console.style.height="350px";console.style.margin="5px";documentForm.appendChild(console)}console.value+=message+"\n";console.scrollTop=console.scrollHeight-console.clientHeight}catch(ex){alert("Exception: "+ex.name+" Message: "+ex.message)}};

data/lib/padrino-admin/generators/app/public/stylesheets/admin.css

@@ -2,46 +2,22 @@ a{text-decoration:none;color:#15428b;}
 a:visited{text-decoration:none;color:#15428b;}
 a:hover{text-decoration:none;color:#3764A0;}
 h3{padding-bottom:5px;color:#3764A0;}
-/*Custom CSS Form*/
-ul.form li{padding:5px 10px 5px 10px}
-/*Override some ext styles*/
-.x-grid3-body .x-grid3-td-task-col .x-grid3-cell-inner{padding:1px 0 0 0 !important;}
-.x-grid3-td-task-title .x-grid3-cell-inner{white-space:normal;}
-.x-grid3-dirty-cell{background:transparent;}
-.x-panel-trans{background:transparent;}
-.x-layout-split-west{background-color:#C4D2E5;cursor:move;}
-.x-panel-header-text{color:#3764A0;}
-.x-air #action-panel .x-plain-body{padding-left:3px;}
-ul.x-tab-strip-top{background:#C4D2E5 none;}
-#action-panel .x-panel-body li a{text-decoration:none;color:#15428b;}
-#action-panel .x-plain-body{background-color:#C4D2E5;padding:3px 0 0 5px;}
-#action-panel .x-panel-body li a:hover{text-decoration:none;color:#3764A0;}
-#action-panel .x-panel{margin-bottom:3px;margin-right:0;}
-#action-panel .x-panel-body{border:0 none;}
-#action-panel .x-panel-body li{margin:3px;}
-#action-panel .x-panel-body li img{width:16px;height:16px;vertical-align:middle;margin-right:2px;margin-bottom:2px;}
+/*Custom ExtJS Style*/
+.x-panel .dynamic{background-color:#FFF;border:1px solid #99BBE8;}
+.x-panel .dynamic .padding{padding:5px;}
+.x-layout-split {background-color:#DFE8F6;}
 /*Some Icons for our admin*/
-.preview .x-btn-text{background-image:url(../images/backend/preview.gif);}
-.back .x-btn-text{background-image:url(../images/backend/back.gif);}
-.print .x-btn-text{background-image:url(../images/backend/print.gif);}
-.remove .x-btn-text{background-image:url(../images/backend/delete.gif);}
-.add .x-btn-text{background-image:url(../images/backend/new.gif);}
-.edit .x-btn-text{background-image:url(../images/backend/edit.gif);}
-.save .x-btn-text{background-image:url(../images/backend/save.gif);}
-.duplicate .x-btn-text{background-image:url(../images/backend/duplicate.gif);}
-.export .x-btn-text{background-image:url(../images/backend/export.gif);}
-/*Correlations buttons*/
-.up         .x-btn-text{background-image:url(../images/backend/arrow_up.png);}
-.down       .x-btn-text{background-image:url(../images/backend/arrow_down.png);}
-.join       .x-btn-text{background-image:url(../images/backend/arrow_join.png);}
-.divide     .x-btn-text{background-image:url(../images/backend/arrow_divide.png);}
-.divide     .x-btn-text{background-image:url(../images/backend/arrow_divide.png);}
-.categories .x-btn-text{background-image:url(../images/backend/categories.gif);}
-/*Overrite some defaults*/
-.x-panel-header{background-image:url(../images/backend/bg-hd.png);background-color:#6f839a; text-align:center; color:#343f4b;}
-.x-panel-noborder .x-panel-header-noborder { border-bottom:none; }
-.x-html-editor-wrap{border:none;}
-/*Main Site*/
+.preview .x-btn-text{background-image:url(../images/admin/preview.gif);}
+.back .x-btn-text{background-image:url(../images/admin/back.gif);}
+.print .x-btn-text{background-image:url(../images/admin/print.gif);}
+.remove .x-btn-text{background-image:url(../images/admin/delete.gif);}
+.add .x-btn-text{background-image:url(../images/admin/new.gif);}
+.edit .x-btn-text{background-image:url(../images/admin/edit.gif);}
+.save .x-btn-text{background-image:url(../images/admin/save.gif);}
+.duplicate .x-btn-text{background-image:url(../images/admin/duplicate.gif);}
+.export .x-btn-text{background-image:url(../images/admin/export.gif);}
+.upload .x-btn-text{background-image:url(../images/admin/up.gif);}
+/*Admin Styles*/
 .content{background-color:#FFF;}
 .label-title{padding:5px 0px 0px 0px;color:#3764A0;border-bottom:1px dotted #C4D2E5;padding-bottom:3px;margin:5px 0px 5px 0px;font-size:1.2em;font-weight:bold;}
 .label-image{padding:5px 5px 5px 5px;background-color:#DFE8F6;margin:10px 10px 0px 10px;border:1px solid #99BBE8;}
@@ -51,8 +27,9 @@ ul.x-tab-strip-top{background:#C4D2E5 none;}
 .column{float:left;width:150px;padding-right:10px;}
 .small-w{width:10px;}
 .green{color:green;}
+/*Main Site*/
 #ajax-iframe{display:none;}
-#header{height:39px;border:0 none;background:#1E4176 url(../images/backend/hd-bg.gif) repeat-x 0 0;}
+#header{height:39px;border:0 none;background:#1E4176 url(../images/admin/hd-bg.gif) repeat-x 0 0;}
 #header a{text-decoration:none;color:#FFF;}
 #header a:hover{color:#99BBE8;}
 #content-header{background-color:#C4D2E5;padding:5px;color:#3764A0;}
@@ -61,6 +38,13 @@ ul.x-tab-strip-top{background:#C4D2E5 none;}
 #logo{float:left;line-height:35px;padding-left:10px;color:#FFF;font-size:1.3em;}
 #logo img{border:none;}
 #logout{float:right;line-height:35px;padding-right:10px;}
+/*Manage Uploads*/
+.open-window-grid {float:left;}
+.open-window-grid li{-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;padding:1px 13px 0px 5px;border:1px solid #A2C6EE;background-color:#E4ECF8;color:#0D3977;margin-right:3px;margin-bottom:3px;position:relative;float:left;line-height:16px;}
+.open-window-grid li.clean{padding:none;border:none;background-color:transparent;margin:none;}
+.open-window-grid span.display {position:relative}
+.open-window-grid a.closebutton {position: absolute; right: 4px; top: 5px; display: block; width: 7px; height: 7px; font-size: 1px; background: url(../images/admin/close.gif)}
+.open-window-grid a.closebutton:hover {background-position: 7px; }
 /*Manage Images*/
 .box-image{padding:5px;border:1px solid #aebfd5;background-color:#DAE7F6;float:left;margin:10px;}
 .box-image .title{background-color:#C4D2E5;text-align:center;color:#3764A0;margin-bottom:5px;padding:2px 0px 2px 0px;}
@@ -73,6 +57,4 @@ ul.x-tab-strip-top{background:#C4D2E5 none;}
 table.items{border:1px solid #99BBE8;border-bottom:none;text-align:center;}
 table.items th{font-weight:bold;background-color:#BFCFE6;color:#15428B;padding:3px;border-bottom:1px solid #99BBE8;text-align:center;}
 table.items tr.odd td{background-color:#FFF;padding:3px;border-bottom:1px solid #99BBE8}
-table.items tr.even td{background-color:#FFF;padding:3px;border-bottom:1px solid #99BBE8}
-/*Custom Style Here*/
-.attachment-popup{background-color:#FFF;border-top:1px solid #000;background-image:url(../images/backend/bg-content.png); background-repeat: repeat-x;padding:10px;}
+table.items tr.even td{background-color:#FFF;padding:3px;border-bottom:1px solid #99BBE8}

data/lib/padrino-admin/generators/app/public/stylesheets/login.css

@@ -4,9 +4,9 @@ img  { border:none; }
 h2   { color:#525151; font-size:18px; margin:0px 0px 15px 0px; padding:0; }
 a    { color:#525151; }
 /*Login Page*/
-#wrapper { top:0; left:0; background: transparent url('../images/backend/background.png') repeat-x scroll center center; height:100%; width:100%; position:absolute; }
-#login-box { margin:0; padding:0px; position:absolute; width:413px; height:478px; background-image: url('../images/backend/bg-login.png'); top:50%; left:50%; margin-top:-239px; margin-left:-220px; }
-#intro-box { margin:0; padding:0px; position:absolute; width:413px; height:478px; background-image: url('../images/backend/bg_intro.png'); top:50%; left:50%; margin-top:-239px; margin-left:-220px; }
+#wrapper { top:0; left:0; background: transparent url('../images/admin/background.png') repeat-x scroll center center; height:100%; width:100%; position:absolute; }
+#login-box { margin:0; padding:0px; position:absolute; width:413px; height:478px; background-image: url('../images/admin/bg-login.png'); top:50%; left:50%; margin-top:-239px; margin-left:-220px; }
+#intro-box { margin:0; padding:0px; position:absolute; width:413px; height:478px; background-image: url('../images/admin/bg_intro.png'); top:50%; left:50%; margin-top:-239px; margin-left:-220px; }
 #logo-small { position:absolute; top:10px; left:100%; margin-left:-110px; }
 #logo-credit { position:absolute; top:10px; left:100%; margin-left:-225px; }
 #content { text-align:left; margin:150px 20px 0px 100px; }

data/lib/padrino-admin/generators/app/public/stylesheets/standard.css

@@ -5,58 +5,59 @@
  * 
  * http://www.lipsiasoft.com
  */
-body                          { font-size:12px; font-family:"Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif; padding:0; margin:0; color:#222; }
-table                         { font-size:12px; font-family:"Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif; }
-table.form                    { padding:10px; }
-table.form td                 { padding:1px; }
-table.form th                 { padding:1px; }
-th                            { font-weight:bold; }
-table.padded td               { padding:2px; }
-tr.alternate                  { background-color:#DDDDDD; }
-h1                            { margin:10px 0px 5px 0px; }
-a                             { text-decoration:none; color:#663900; }
-a:hover                       { text-decoration:none; color:#CC6600; }
-a.black                       { text-decoration:none; color:#222; }
-a:hover.black                 { text-decoration:none; color:#663900; }
-a.white                       { text-decoration:none; color:#FFF; }
-a:hover.white                 { text-decoration:none; color:#663900; }
-img                           { border:none; }
-.blue                         { color:#3764A0; }
-.fixed                        { width:150px; }
-.full                         { width:100%; }
-.half                         { width:50%; }
-.left                         { float:left; }
-.right                        { float:right; }
-.clear                        { clear:both; }
-.align-center                 { text-align:center; }
-.align-left                   { text-align:left; }
-.align-right                  { text-align:right; }
-.align-top                    { vertical-align:top; }
-.through                      { text-decoration: line-through;}
-.small                        { font-size:0.9em; }
-.super-small                  { font-size:0.8em; }
-.big                          { font-size:1.1em; }
-.bold                         { font-weight:bold; }
-.underline                    { border-bottom:1px solid #000;}
-.italic                       { font-style: italic; }
-.red                          { color:#eb5723; }
-.padding-left                 { padding-left:5px; }
-.padding-right                { padding-right:5px; }
-.padding-top                  { padding-top:5px; }
-.padding-bottom               { padding-bottom:5px; }
-.padding                      { padding:5px; }
-.bordered                     { border:1px solid #FF8D35; }
-.border-top                   { border-top:1px solid #FF8D35; }
-.border-bottom                { border-bottom:1px solid #FF8D35; }
-.no-space                     { font-size:0em; }
-.no-margin-top                { margin-top:0px; }
-.no-margin-bottom             { margin-bottom:0px; }
-.margin-top                   { margin-top:10px; }
-.margin-bottom                { margin-bottom:10px; }
-.margin-left                  { margin-left:10px; }
-.margin-right                 { margin-right:10px; }
-.exception                    { padding:10px; }
-.page                         { height:500px; }
+body               { font-size:12px; font-family:"Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif; padding:0; margin:0; color:#222; }
+table              { font-size:12px; font-family:"Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif; }
+table.form         { padding:10px; }
+table.form td      { padding:1px; }
+table.form th      { padding:1px; }
+th                 { font-weight:bold; }
+table.padded td    { padding:2px; }
+tr.alternate       { background-color:#DDDDDD; }
+h1                 { margin:10px 0px 5px 0px; }
+a                  { text-decoration:none; color:#663900; }
+a:hover            { text-decoration:none; color:#CC6600; }
+a.black            { text-decoration:none; color:#222; }
+a:hover.black      { text-decoration:none; color:#663900; }
+a.white            { text-decoration:none; color:#FFF; }
+a:hover.white      { text-decoration:none; color:#663900; }
+img                { border:none; }
+.blue              { color:#3764A0; }
+.fixed             { width:150px; }
+.full              { width:100%; }
+.half              { width:50%; }
+.left              { float:left; }
+.right             { float:right; }
+.clear             { clear:both; }
+.align-center      { text-align:center; }
+.align-left        { text-align:left; }
+.align-right       { text-align:right; }
+.align-top         { vertical-align:top; }
+.through           { text-decoration: line-through;}
+.small             { font-size:0.9em; }
+.super-small       { font-size:0.8em; }
+.big               { font-size:1.1em; }
+.bold              { font-weight:bold; }
+.underline         { border-bottom:1px solid #000;}
+.italic            { font-style: italic; }
+.red               { color:#eb5723; }
+.padding-left      { padding-left:5px; }
+.padding-right     { padding-right:5px; }
+.padding-top       { padding-top:5px; }
+.padding-bottom    { padding-bottom:5px; }
+.padding           { padding:5px; }
+.bordered          { border:1px solid #FF8D35; }
+.border-top        { border-top:1px solid #FF8D35; }
+.border-bottom     { border-bottom:1px solid #FF8D35; }
+.no-space          { font-size:0em; }
+.no-margin-top     { margin-top:0px; }
+.no-margin-bottom  { margin-bottom:0px; }
+.margin            { margin:10px; }
+.margin-top        { margin-top:10px; }
+.margin-bottom     { margin-bottom:10px; }
+.margin-left       { margin-left:10px; }
+.margin-right      { margin-right:10px; }
+.exception         { padding:10px; }
+.page              { height:500px; }
 /* Default Style for inputs */
 input,textarea{margin:0;font:normal 12px tahoma,arial,helvetica,sans-serif;width:100%;}
 input,textarea{padding:1px 3px;background:#fff url(../images/ext/default/form/text-bg.gif) repeat-x 0 0;border:1px solid #B5B8C8;}

data/lib/padrino-admin/generators/app/views/accounts/_form.haml

@@ -11,6 +11,7 @@
         %td=f.label :role
         %td=f.select :role, :options => access_control.roles
 
+-tab :login do
   -box :authentication do
     %table
       %tr

data/lib/padrino-admin/generators/app/views/base/index.haml

@@ -6,14 +6,12 @@
     #loading-mask
     #loading
       .loading-indicator
-        =image_tag("backend/logo-loader.png") + "Loading..."
+        =image_tag("admin/logo-loader.png") + "Loading..."
     / include everything after the loading indicator
-    =javascript_include_tag :prototype, :effects, :dragdrop, :controls, :ext, :locale
-    =javascript_include_tag "admin.js?small=#{params[:small].to_i}"
-    -unless params[:small]
-      #header
-        #logo=link_to options.app_name.titleize, "/"
-        #logout=link_to "Logout #{current_account.email}", url_for(:sessions_destroy)
+    =javascript_include_tag :prototype, :effects, :dragdrop, :controls, :swfupload, :ext, :locale, :admin
+    #header
+      #logo=link_to options.app_name.titleize, url(:index)
+      #logout=link_to "Logout #{current_account.email}", url(:sessions_destroy)
               
     %iframe{ :id => "ajax-iframe", :name => "ajax-iframe" }
     %form{ :id => "history-form", :class => "x-hidden" }

data/lib/padrino-admin/generators/app/views/javascripts/admin.js.erb

@@ -1,14 +1,15 @@
-Ext.BLANK_IMAGE_URL = '<%= image_path("ext/default/s.gif") %>'; 
+Ext.BLANK_IMAGE_URL = '<%= image_path("ext/default/s.gif") %>';
+Ext.Updater.defaults.showLoadIndicator = false;
 Ext.namespace('Admin');
-Ext.namespace('Admin.util.Format');
 
+// This is our event manager
+Admin.events = new Ext.util.Observable(); 
+
+// That is the main app
 Admin.app = function(){
-  // Our pretty simple cache
-  var cache = {};
-  var oldUrl = undefined;
   return {
     // Init our app
-    init : function(){
+    init: function(){
       // Cookie provider
       Ext.state.Manager.setProvider(
         new Ext.state.CookieProvider({
@@ -18,107 +19,116 @@ Admin.app = function(){
 
       // We want save cookies only for grids
       Ext.override(Ext.Component,      { stateful:false });
-      Ext.override(Ext.grid.GridPanel, { stateful:true  });
+      // Ext.override(Ext.grid.GridPanel, { stateful:true  });
       Ext.QuickTips.init();
 
       // Used for direclty load some specific page
+      var loadUrl = undefined;
       if (window.location.search){
-        var loadUrl = Ext.urlDecode(window.location.search.substring(1)).load;
+        loadUrl = Ext.urlDecode(window.location.search.substring(1)).load;
       } else if (window.location.href.split('#')[1]) {
-        var loadUrl = window.location.href.split('#')[1];
+        loadUrl = window.location.href.split('#')[1];
       }
 
       // Used for history the browsing
       Ext.History.init();
-      Ext.History.on('change', function(token){ if( token != Admin.app.oldUrl) { Admin.app.load(token) } });
+      Ext.History.on('change', function(token){ Admin.app.load(token) });
 
-      this.cache = {};
-      var header;
+      // Build some events
+      Admin.events.addEvents('itemAdded', 'contentLoaded');
 
-      <% if params[:small] != "1" %>
+      // Our header
       var header = new Ext.Panel({
         contentEl: 'header',
         region: 'north',
         border: false,
         bbar: <%= admin_menu %>
       });
-      <% end %>
 
+      // Our main container
       this.contentDynamic = new Ext.Panel({
         id:'dynamic',
         region:'center',
+        activeItem: 0,
         border:false,
-        bodyStyle: 'background: #FFF url(../images/admin/bg-content.png) repeat-x top;',
-        title: this.title() ? '&nbsp;' : '',
-        layout:'fit'
+        frame: true,
+        bodyCssClass: 'dynamic',
+        buttonAlign: 'left',
+        buttons: [{
+          id:'back',
+          text: Admin.locale.buttons.back,
+          cls: 'x-btn-text-icon back',
+          handler: this.back
+        },'->',{
+          id:'save',
+          text: Admin.locale.buttons.save,
+          hidden: true,
+          cls: 'x-btn-text-icon save'
+        }],
+        layout:'card'
       });
 
+      // Our viewport
       this.viewport = new Ext.Viewport({
         layout:'border',
-        items: header ? [header, this.contentDynamic] : [this.contentDynamic]
+        items: [header, this.contentDynamic]
       });
 
-      this.load(loadUrl ? loadUrl : '<%= url_for(:dashboard) %>');
+      loadUrl ? this.load(loadUrl) : this.loadPage('<%= url(:dashboard) %>');
+
       setTimeout(function(){
         Ext.get('loading').remove();
         Ext.get('loading-mask').fadeOut({remove:true});
       }, 250);
     }, // init
 
-    smallView : function(){
-      return window.location.search ? Ext.urlDecode(window.location.search.substring(1)).small : false;
-    }, // smalloallProductsGroupingStore
-
-    toolbar: function(){
-      return window.location.search ? Ext.urlDecode(window.location.search.substring(1)).toolbar!="0" : true;
-    }, // hideToolbar
-
-    title: function(){
-      return window.location.search ? Ext.urlDecode(window.location.search.substring(1)).title!="0" : true;
-    }, // hideTite
-
-    load : function(url){
+    load: function(url){
       var ext  = (/[.]/.exec(url)) ? /[^.]+$/.exec(url) : 'html';
 
-      // Now we need to store the url in the history
-      if (!this.smallView()){
-        Ext.History.add(url, true);
-        this.oldUrl = url;
-      }
       // Now give a reply based on request
       if (ext.length == 1 && ext[0].toLowerCase() == 'js') {
-        // Clean the html and scripts if requested
-        this.cleanScripts(); 
+        // Clean the html and scripts
+        this.cleanScripts();
         this.clean();
-        // We append the js into the head so we can easy inspect errors
-        var hd = document.getElementsByTagName("head")[0];
-        var s  = document.createElement("script");
-        s.src  = url;
-        s.type = 'text/javascript';
-        // Now we can append the child.
-        hd.appendChild(s);
+        Ext.History.add(url, true);
+        Ext.Ajax.request({ url: url, nocache:true });
       } else if (ext == 'html'){
-        // Clean the html and scripts if requested
-        this.mask();
-        Ext.Ajax.request({
-          url: url,
-          headers: { 'Accept': 'text/html' },
-          success: function(response) { Admin.app.update(response.responseText) }
-        });
+        this.loadWidget(url);
       } else {
         Admin.showAlert(Admin.locale.messages.alert.message);
       }
     }, // load
 
-    back: function(){
-      if (Admin.app.smallView()){
-        window.location.reload(true);
+    loadPage: function(url){
+      // Clean the html and scripts
+      this.cleanScripts();
+      this.clean();
+      this.contentDynamic.load({ url: url, scripts: true, callback:this.inspectContent, scope:this, nocache:true });
+    }, // loadPage
+
+    loadWidget: function(url, id){
+      var win = undefined;
+      if (id) { Ext.WindowMgr.each(function(w) { if (w.id == id) { win = w; return false } }, this) };
+      if (win){
+        win.toFront();
       } else {
-        Ext.History.back();
+        var win = new Admin.window({ id: id });
+        win.show(); win.hide();
+        win.load({
+          url: url,
+          scripts: true,
+          callback: Admin.app.inspectContent,
+          scope: win,
+          nocache: true 
+        });
       }
-    },// back
+    },
+
+    back: function(){
+      Ext.History.back();
+    }, // back
 
-    update : function(html){
+    update: function(html){
       this.cleanScripts();
       this.clean();
       var el = this.contentDynamic.body.update(html);
@@ -129,201 +139,117 @@ Admin.app = function(){
       Ext.select('head > script').each(function(el){ el.remove(); });
     }, // cleanScripts
 
-    clean : function(){
-      this.mask();
-      this.contentDynamic.items.each(function(i){ i.destroy(); });
+    clean: function(){
+      this.saveButtons(false);
+      this.contentDynamic.items.each(function(item){ item.destroy });
       this.contentDynamic.removeAll(true);
-      this.contentDynamic.body.update(''); // Another check ;)
-      this.contentDynamic.doLayout();
+      this.contentDynamic.body.update('');
     }, // clean
 
-    addItem : function(item){
-      this.contentDynamic.add(item);
-      this.contentDynamic.doLayout();
+    saveButtons: function(show, id){
+      var btns = this.contentDynamic.fbar.items.map;
+      if (show){
+        btns.save.show();
+        btns.save.handler = function(){ Admin.app.submitForm(id) };
+      } else {
+        btns.save.hide();
+        btns.save.handler = undefined;
+      }
+    }, // saveButtons
+
+    addItem: function(item, small){
+      // If we are loading a small item we don't need to add them to our container
+      if (small && small!=''){
+        Admin.events.fireEvent('customItemAdded', item);
+      } else {
+        this.contentDynamic.add(item);
+        this.contentDynamic.layout.setActiveItem(0);
+        this.contentDynamic.doLayout(true, true);
+      }
+      Admin.events.fireEvent('itemAdded', item)
     }, // addItem
 
-    submitForm : function(){
-      Admin.app.mask(Admin.locale.messages.wait.message);
-      Admin.app.contentDynamic.findByType('tabpanel').each(function(tabpanel){
-        cache.activeTab = tabpanel.activeTab.id;
-      });
-      Ext.select('form[data-remote=true]').each(function(form){ Ext.Ajax.request({ form: form }) });
+    submitForm: function(id){
+      var form = Ext.fly(id);
+      form.mask(Admin.locale.messages.wait.message);
+      Ext.Ajax.request({ form: form, callback: function(){ Ext.fly(id).unmask() } });
     }, // submitForms
 
     setTitle: function(title){
       this.contentDynamic.setTitle(title);
-    }, // SetTitle
-    
-    inspectContent: function(el, originalHtml){
-      try {
-
-        // Reformat ajax forms
-        el.select('form[data-remote=true]').each(function(form){
-          form.dom.onsubmit = function(){ Admin.app.submitForm(); return false };
-        });
-
-        // Search for tabs in the page
-        var tabs = el.select('div[tabbed=true]');
+    }, // setTitle
 
-        if (tabs.elements.length > 0){
-          // Build Tabs
-          var items = tabs.elements.collect(function(tab){
-            return { id: tab.id+'-tabbed', contentEl: tab.id, title: tab.title };
-          });
+    inspectContent: function(el, success, response){
+      // Go away if no success
+      if (!success) return;
 
-          // Get ActiveTab
-          var activeTab = (cache.activeTab || 0);
-
-          // We select the first form in the dom
-          var form = el.select('form[data-remote=true]').first();
-
-          // We need this for IE8
-          var formId = Ext.id(form, 'ajax-form-');
-
-          var tabConfig = {
-            applyTo: formId,
-            activeTab: activeTab,
-            border:false,
-            items: items,
-            deferredRender: false, 
-            layoutOnTabChange: true,
-            enableTabScroll: true,
-            defaults: { autoScroll:true, layout:'fit' }
-          };
-
-          if (this.toolbar()){
-            Ext.apply(tabConfig, {
-              bbar: [{ 
-                text: Admin.locale.buttons.back, 
-                cls: 'x-btn-text-icon back', 
-                handler: Admin.app.back 
-              }, '->',{ 
-                text: Admin.locale.buttons.save, 
-                cls: 'x-btn-text-icon save', 
-                handler: Admin.app.submitForm 
-              }]
-            });
-          }
+      // Reformat ajax forms
+      el.select('form[data-remote=true]').each(function(form){
+        var id = Ext.id(form, 'ajax-form-');
+        form.dom.onsubmit = function(){ Admin.app.submitForm(id); return false };
+      });
 
-          // We can build the tabPanel
-          this.tabPanel = new Ext.TabPanel(tabConfig);
-
-          // Now we add the tab panel to our main container
-          this.addItem(this.tabPanel);
-
-          // Need to use this because some times we add tabs from inline scripts
-          this.tabPanel.on('add', function(container, tab){ if (tab.id == activeTab) { Admin.app.tabPanel.setActiveTab(activeTab); } });
-        }
-
-        // Now we can load scripts an eval scripts from the original html
-        var re = /(?:<script([^>]*)?>)((\n|\r|.)*?)(?:<\/script>)/ig;
-        var srcRe = /\ssrc=([\'\"])(.*?)\1/i;
-        var typeRe = /\stype=([\'\"])(.*?)\1/i;
-
-        var match;
-        while(match = re.exec(originalHtml)){
-          var attrs = match[1];
-          var srcMatch = attrs ? attrs.match(srcRe) : false;
-          if(srcMatch && srcMatch[2]){
-            // We append the js into the head so we can easy inspect errors
-            var hd = document.getElementsByTagName("head")[0];
-            var s  = document.createElement("script");
-            s.src  = srcMatch[2];
-            s.type = 'text/javascript';
-            // Now we can append the child.
-            hd.appendChild(s);
-          }else if(match[2] && match[2].length > 0){
-            if(window.execScript) {
-              window.execScript(match[2]);
-            } else {
-              window.eval(match[2]);
-            }
-          }
-        }
+      // Search for tabs in the page
+      var tabs = el.select('div[tabbed=true]');
 
-        this.unmask();
-        // Empty our cache
-        cache = {};
-      } catch(e){
-        throw this.error(e)
-      }
-    },//inspectContent
+      // We select the first form in the dom
+      var form = el.select('form[data-remote=true]').first();
 
-    error: function(e){
-      if (typeof console != 'undefined') { 
-        console.error(e);
-      } else {
-        Admin.showAlert(e);
-      }
-    }, // error
+      // We need to parse our title
+      var title = el.select('span[title]').first();
+      if (title) this.setTitle(title.getAttribute("title"));
 
-    openHelp: function(){
-      var form = new Ext.FormPanel({
-        baseCls: 'x-plain',
-        labelAlign: 'top',
-        items: [{
-          xtype:'textarea',
-          anchor: '100% 100%',
-          allowBlank: false,
-          fieldLabel: Admin.locale.help.description,
-          name: 'message'
-        }]
-      });
+      // If we have a form we need some save buttons
+      if (form) this.saveButtons(true, form.id);
 
-      var formDialog = new Ext.Window({
-        id: 'help-window',
-        title: Admin.locale.help.title,
-        items: form, 
-        width: 500,
-        height: 300,
-        minWidth: 300,
-        minHeight: 150,
-        modal: true,
-        bodyStyle:'padding:5px;',
-        layout: 'fit'
-      });
+      // Build our tab panel if we have a form and tabs
+      if (tabs.elements.length > 0 && form){
+        // Build Tabs
+        var items = []
+        Ext.each(tabs.elements, function(tab){
+          tab.id = Ext.id('', tab.id +'-tab-');
+          items.push({ id: tab.id + '-tab-id-', contentEl: tab.id, title: tab.title });
+        });
 
-      formDialog.addButton(Admin.locale.buttons.send, function(){
-        form.getForm().submit({
-          url: '/admin/base/support_request',
-          method: 'POST',
-          waitMsg: Admin.locale.messages.wait.message,
-          success: function(form, action){
-            if (action.result.success == true) { 
-              formDialog.close();
-            };
-            Ext.MessageBox.alert(Admin.locale.messages.compliments.title, Admin.locale.help.compliments);
-          },
-          failure: function(form, action) {
-            if (action.result) {
-              Admin.showAlert(action.result.msg);
-            }
-          }
+        // We can build the tabPanel
+        this.tabPanel = new Ext.TabPanel({
+          applyTo: form,
+          activeTab: 0,
+          border:false,
+          items: items,
+          layoutOnTabChange: true,
+          enableTabScroll: true,
+          defaults: { autoScroll:true, layout:'fit' }
         });
-      }, this);
 
-      formDialog.addButton(Admin.locale.buttons.close, formDialog.close, formDialog);
-      formDialog.show();
-    }, // openHelp
+        this.tabPanel.render();
+      }
+
+      this.fireEvent('contentLoaded');
+    },//inspectContent
 
-    doLayout : function(){
-      this.contentDynamic.doLayout();
+    fireEvent: function(event){
+      Admin.events.fireEvent(event);
+    }, // fireEvent
+
+    error: function(e){
+      (typeof console != 'undefined') ? console.error(e) : Admin.showAlert(e)
+    }, // error
+
+    doLayout: function(){
+      this.contentDynamic.doLayout(true, true);
     }, //doLayout
 
-    mask : function(text){
-      if (this.contentDynamic){
-        if (text == null || text.length == 0) { text = Ext.LoadMask.prototype.msg; }
-        this.contentDynamic.el.mask(text);
-      }
+    mask: function(text){
+      if (text == null || text.length == 0) { text = Ext.LoadMask.prototype.msg; }
+      this.contentDynamic.el.mask(text);
     }, // mask
 
-    unmask : function(){
-      if (this.contentDynamic){
-        this.contentDynamic.el.unmask();
-      }
+    unmask: function(){
+      this.contentDynamic.el.unmask();
     }, // unmask
 
-    collapseBoxes : function(current){
+    collapseBoxes: function(current){
       var el = current.up().down('div.x-box-collapsible');
       var currentEl = Ext.get(el);
       currentEl.isDisplayed() ? currentEl.slideOut('t', {duration:.2, useDisplay:true}) : currentEl.slideIn('t', {duration:.2, useDisplay:true});
@@ -340,22 +266,22 @@ Admin.grid = Ext.extend(Ext.grid.GridPanel, {
   region: "center",
   viewConfig: { forceFit: true },
   border: false,
-  bodyBorder: false,
   buttons: ['add', 'edit', 'remove'],
   search: true,
   plugins: [],
-  view: new Ext.grid.GroupingView({ forceFit: true }),
-  sm: new Ext.grid.CheckboxSelectionModel(),
   column_fields: [],
   store_fields: [],
+  window: undefined,
+
   initComponent: function(){
-    Admin.app.setTitle(this.title);
-    this.title = undefined; // We need only page title not grid title
-    // Column Model
+    // Prepare our View/Cm/Sm
+    this.view = new Ext.grid.GroupingView({ forceFit: true }),
+    this.sm = new Ext.grid.CheckboxSelectionModel(),
     this.column_fields.unshift(new Ext.grid.CheckboxSelectionModel());
     this.cm = new Ext.grid.ColumnModel({ columns: this.column_fields });
     // Toolbar
     if (this.buttons.length > 0 || this.search){ this.tbar = new Ext.Toolbar() };
+    // Add Buttons
     Ext.each(this.buttons, function(button){
       switch(button){
         case 'add':
@@ -392,7 +318,7 @@ Admin.grid = Ext.extend(Ext.grid.GridPanel, {
     this.buttons = undefined; // Remove all bbar buttons, we don't want them in the bottom of grid.
     // Now we need to add some handlers for activate/deactivate buttons
     this.sm.on('selectionchange', function(){
-      var n = this.sm.getSelected();
+      var n = this.getSelectionModel().getSelected();
       var btns = this.getTopToolbar().items.map;
       if(!n){
         if (btns.remove){ btns.remove.disable() };
@@ -420,31 +346,36 @@ Admin.grid = Ext.extend(Ext.grid.GridPanel, {
         id: "id"
       })
     });
-    this.store.on('beforeload', function(){ Admin.app.mask(); });
-    this.store.on('load', function(){ Admin.app.unmask(); });
+    this.store.on('beforeload', function(){ this.el.mask(); }, this);
+    this.store.on('load', function(){ this.el.unmask(); }, this);
     // Build bbar
     this.bbar = new Ext.PagingToolbar({
       pageSize: 50,
       displayInfo: true,
       store: this.store
     });
+    // Call our superclass
     Admin.grid.superclass.initComponent.call(this);
-    this.store.load();
-  },
+    // Now we can load our records
+    this.on('render', function(){ this.store.load() }, this);
+  }, // initComponent
 
   addRecord: function(){
-    Admin.app.load(this.baseUrl + '/new');
-  },
+    Admin.app.loadWidget(this.baseUrl + '/new');
+  }, // addRecord
 
   editRecord: function(){
-    Admin.app.load(this.baseUrl + '/edit/' + this.sm.getSelected().id);
-  },
+    Ext.each(this.getSelectionModel().getSelections(), function(selection){
+      var id  = this.baseUrl + '-edit-' + selection.id;
+      Admin.app.loadWidget(this.baseUrl + '/edit/' + selection.id);
+    }, this)
+  }, // editRecord
 
   removeRecord: function(){
-    Ext.Msg.confirm(Admin.locale.messages.confirm.title, String.format(Admin.locale.messages.confirm.message, this.sm.getCount()), function(btn, text){
+    Ext.Msg.confirm(Admin.locale.messages.confirm.title, String.format(Admin.locale.messages.confirm.message, this.getSelectionModel().getCount()), function(btn, text){
       if (btn == 'yes'){
         Admin.app.mask();
-        var records = this.sm.getSelections();
+        var records = this.getSelectionModel().getSelections();
         var store   = this.store;
         Ext.Ajax.request({
           url: this.baseUrl + '/destroy.json',
@@ -452,7 +383,6 @@ Admin.grid = Ext.extend(Ext.grid.GridPanel, {
           method: 'DELETE',
           success: function(result, request){
             var resultValue = Ext.decode(result.responseText);
-            console.log(resultValue.msg);
             Admin.app.unmask();
             store.reload();
             if (!resultValue.success){
@@ -467,53 +397,71 @@ Admin.grid = Ext.extend(Ext.grid.GridPanel, {
         });
       }
     }, this);
-  }
-});
+  } // removeRecord
+}); // Admin.grid
 
 Admin.window = Ext.extend(Ext.Window, {
   width: 700,
-  height: 300,
   layout: 'fit',
   autoScroll: true,
-  modal: true,
   maximizable: true,
   bodyStyle: 'background-color:#FFF',
   grid: undefined,
-  form: false,
-  url: '',
-  iframeId: Ext.id('','iframe-'),
+  item: undefined,
+
   initComponent: function(){
+    this.addEvents('contentLoaded');
+    this.index = 0;
     Admin.window.superclass.initComponent.call(this);
-    this.addEvents('selected');
-    this.addEvents('saved');
+    this.on('contentLoaded', this.center, this);
+    this.on('contentLoaded', this.show, this);
+    this.adminWindow = true;
+    if (this.item || this.grid) this.add(this.item || this.grid);
     this.addButton({
       text: Admin.locale.buttons.close,
       handler: this[this.closeAction].createDelegate(this, [])
     });
     if (this.grid){
+      this.border = false;
       this.addButton({
         text: Admin.locale.buttons.select,
         handler: this.closeWithSelections.createDelegate(this, [])}
       );
     }
-    if (this.form){
+  }, // initComponent
+
+  addItem: function(item){ // this method is for a compatibility with Admin.app.addItem
+    this.add(item);
+    this.doLayout(true, true);
+  },
+
+  saveButtons: function(show, id){
+    var btns = this.fbar.items.map;
+    if (show){
       this.addButton({
         text: Admin.locale.buttons.save,
-        handler: this.saveForm.createDelegate(this, [])}
-      );
+        handler: function(){ Admin.app.submitForm(id) }
+      });
     }
-    this.html = '<iframe id="'+this.iframeId+'" class="windowed" src="/admin/base/?small=1&toolbar='+(this.form?0:1)+'&load='+this.url+'" frameBorder="0" width="100%" height="100%" />';
-  }, // initComponent
-  
-  afterShow : function(afterShow){
-    Admin.window.superclass.afterShow.call(this);
-    this.contentWindow = Ext.fly(this.iframeId).dom.contentWindow;
-  }, // onRender
-  
+  }, // saveButtons
+
+  show: function(){
+    Ext.WindowMgr.each(function(win) { if (win.adminWindow) this.index++ }, this);
+    Admin.window.superclass.show.call(this);
+  }, // show
+
+  center: function(){
+   var xy = this.el.getAlignToXY(this.container, 'c-c');
+   this.setPagePosition(xy[0]+(this.index*10), xy[1]+(this.index*10));
+   return this;
+  }, // center
+
+  unmask: Ext.emptyFn, // this method is for a compatibility with Admin.app.unmask
+
   getSelections: function(){
-    return this.contentWindow[this.grid].getSelectionModel().getSelections();
+    return this.grid.getSelectionModel().getSelections();
   }, // getSelections
-  
+
   closeWithSelections: function(){
     if (this.getSelections().length > 0){
       this.fireEvent('selected', this, this.getSelections());
@@ -521,35 +469,7 @@ Admin.window = Ext.extend(Ext.Window, {
     } else { 
       Admin.showAlert(Admin.locale.messages.alert.notSelected); 
     }
-  }, // closeWithSelections
-  
-  saveForm: function(){
-    this.contentWindow.Admin.app.submitForm();
-    this.fireEvent('saved', this);
-  } // saveForm
-});
-
-Admin.comboBox = Ext.extend(Ext.form.ComboBox, {
-  displayField:'title',
-  typeAhead: false,
-  loadingText: 'Searching...',
-  pageSize: 10,
-  autoWidth:true,
-  hideTrigger:true,
-  itemSelector: 'div.search-item',
-  initComponent : function(){
-    Admin.comboBox.superclass.initComponent.call(this);
-    if (this.autoWidth){
-      Admin.app.contentDynamic.on('resize', this.fitContent, this);
-      this.on('render', this.fitContent, this);
-    }
-  }, // initComponent
-  fitContent : function() {
-    this.el.setStyle({display:'none'});
-    var size = this.el.parent().parent().getSize();
-    this.onResize(size.width, size.height);
-    this.el.setStyle({display:'inline'});
-  }
+  } // closeWithSelections
 });
 
 Admin.showAlert = function(msg){