this.dialog = Roo.factory({
xtype: 'LayoutDialog',
xns: Roo,
+ listeners : {
+ show : function (_self)
+ {
+ if(typeof(_this.data) != 'undefined'){
+ _this.grid.footer.onClick('first');
+ }
+
+ }
+ },
background : false,
closable : false,
collapsible : false,
activate : function() {
_this.panel = this;
if (_this.grid) {
- Roo.log(2);
_this.grid.footer.onClick('first');
}
}
xtype: 'Grid',
xns: Roo.grid,
listeners : {
- render : function() {
+ render : function()
+ {
_this.grid = this;
- //_this.dialog = Pman.Dialog.FILL_IN
+
if (_this.panel.active) {
- Roo.log('1');
this.footer.onClick('first');
}
}
listeners : {
afterselectionchange : function (_self)
{
+ var selected = this.getSelected();
- if (!this.getSelected()) {
- _this.viewPanel.setContent("Nothing Selected");
- return;
+ _this.source = '';
+
+ if(!selected){
+ _this.viewPanel.setContent("Please select an saved version on the left");
+ return;
}
- _this.viewPanel.setContent("data");
+ _this.viewPanel.load( { url : baseURL + "/Roo/Events", method : 'GET' }, {_id : selected.data.id, _retrieve_source : 1}, function(oElement, bSuccess, oResponse){
+
+ var res = Roo.decode(oResponse.responseText);
+
+ if(!bSuccess || !res.success){
+ _this.viewPanel.setContent("Load data failed?!");
+ }
+
+ if(typeof(res.data) === 'string'){
+ _this.viewPanel.setContent(res.data);
+ return;
+ }
+
+ if(!_this.data.successFn){
+ Roo.MessageBox.alert('Error', 'Please setup the successFn');
+ return;
+ }
+
+ _this.source = _this.data.successFn(res);
+
+ _this.viewPanel.setContent(_this.source);
+
+ });
}
},
singleSelect : true
listeners : {
beforeload : function (_self, o)
{
- Roo.log(_this.data);
- o.params = o.parmas || {};
- o.params.action = 'AUTOSAVE';
+ o.params = o.params || {};
- }
- },
- remoteSort : true,
- sortInfo : { field: 'event_when', direction: 'DESC'},
- reader : {
- xtype: 'JsonReader',
- xns: Roo.data,
- totalProperty : 'total',
- root : 'data',
- id : 'id',
- fields : [
- {
- 'name': 'id',
- 'type': 'int'
- },
- {
- 'name': 'person_name',
- 'type': 'string'
- },
- {
- 'name': 'event_when',
- 'type': 'date',
- 'dateFormat': 'Y-m-d'
- },
- {
- 'name': 'action',
- 'type': 'string'
- },
- {
- 'name': 'ipaddr',
- 'type': 'string'
- },
- {
- 'name': 'on_id',
- 'type': 'int'
- },
- {
- 'name': 'on_table',
- 'type': 'string'
- },
- {
- 'name': 'person_id',
- 'type': 'int'
- },
- {
- 'name': 'remarks',
- 'type': 'string'
- },
- {
- 'name': 'person_id_id',
- 'type': 'int'
- },
- {
- 'name': 'person_id_office_id',
- 'type': 'int'
- },
- {
- 'name': 'person_id_name',
- 'type': 'string'
- },
- {
- 'name': 'person_id_phone',
- 'type': 'string'
- },
- {
- 'name': 'person_id_fax',
- 'type': 'string'
- },
- {
- 'name': 'person_id_email',
- 'type': 'string'
- },
- {
- 'name': 'person_id_company_id',
- 'type': 'int'
- },
- {
- 'name': 'person_id_role',
- 'type': 'string'
- },
- {
- 'name': 'person_id_active',
- 'type': 'int'
- },
- {
- 'name': 'person_id_remarks',
- 'type': 'string'
- },
- {
- 'name': 'person_id_passwd',
- 'type': 'string'
- },
- {
- 'name': 'person_id_owner_id',
- 'type': 'int'
- },
- {
- 'name': 'person_id_lang',
- 'type': 'string'
- },
- {
- 'name': 'person_id_no_reset_sent',
- 'type': 'int'
- },
- {
- 'name': 'person_id_action_type',
- 'type': 'string'
- },
- {
- 'name': 'person_id_project_id',
- 'type': 'int'
- },
- {
- 'name': 'person_id_deleted_by',
- 'type': 'int'
- },
- {
- 'name': 'person_id_deleted_dt',
- 'type': 'date'
+ if(typeof(_this.data) == 'undefined'){
+ this.removeAll();
+ return false;
+ }
+
+ var d = Roo.apply({}, _this.data);
+ delete d.successFn;
+
+ Roo.apply(o.params, d);
+
+ },
+ load : function (_self, records, options)
+ {
+ var sm = _this.grid.getSelectionModel();
+ if (!sm.getSelections().length) {
+ sm.selectFirstRow();
+
+ sm.fireEvent('afterselectionchange', sm);
}
- ]
- },
- proxy : {
- xtype: 'HttpProxy',
- xns: Roo.data,
- method : 'GET',
- url : baseURL + '/Roo/Events.php'
- }
- },
- footer : {
- xtype: 'PagingToolbar',
- xns: Roo,
- pageSize : 25
- },
- colModel : [
- {
- xtype: 'ColumnModel',
- xns: Roo.grid,
- dataIndex : 'event_when',
- header : 'Date',
- width : 100,
- renderer : function(v) { return v ? v.dateFormat('d/m/Y H:i') : ''; }
- }
- ]
- }
- },
- {
- xtype: 'GridPanel',
- xns: Roo,
- title : "Images",
- fitToframe : true,
- fitContainer : true,
- tableName : 'Images',
- background : true,
- region : 'center',
- listeners : {
- activate : function() {
- _this.panel = this;
- if (_this.grid) {
- _this.grid.footer.onClick('first');
- }
- }
- },
- grid : {
- xtype: 'Grid',
- xns: Roo.grid,
- autoExpandColumn : 'filename',
- loadMask : true,
- listeners : {
- render : function()
- {
- _this.grid = this;
- //_this.dialog = Pman.Dialog.FILL_IN
- if (_this.panel.active) {
- this.footer.onClick('first');
}
},
- rowdblclick : function (_self, rowIndex, e)
- {
- if (!_this.dialog) return;
- _this.dialog.show( this.getDataSource().getAt(rowIndex).data, function() {
- _this.grid.footer.onClick('first');
- });
- }
- },
- dataSource : {
- xtype: 'Store',
- xns: Roo.data,
remoteSort : true,
- sortInfo : { field : 'filename', direction: 'ASC' },
+ sortInfo : { field : 'event_when', direction: 'DESC' },
proxy : {
xtype: 'HttpProxy',
xns: Roo.data,
method : 'GET',
- url : baseURL + '/Roo/Images.php'
+ url : baseURL + '/Roo/Events.php'
},
reader : {
xtype: 'JsonReader',
xns: Roo.data,
- totalProperty : 'total',
- root : 'data',
id : 'id',
+ root : 'data',
+ totalProperty : 'total',
fields : [
{
'name': 'id',
'type': 'int'
},
{
- 'name': 'filename',
- 'type': 'string'
- },
- {
- 'name': 'ontable',
- 'type': 'string'
- },
- {
- 'name': 'onid',
- 'type': 'int'
- },
- {
- 'name': 'mimetype',
- 'type': 'string'
- },
- {
- 'name': 'width',
- 'type': 'int'
- },
- {
- 'name': 'height',
- 'type': 'int'
- },
- {
- 'name': 'filesize',
- 'type': 'int'
- },
- {
- 'name': 'displayorder',
- 'type': 'int'
- },
- {
- 'name': 'language',
- 'type': 'string'
- },
- {
- 'name': 'parent_image_id',
- 'type': 'int'
- },
- {
- 'name': 'created',
- 'type': 'date',
- 'dateFormat': 'Y-m-d'
- },
- {
- 'name': 'imgtype',
- 'type': 'string'
- },
- {
- 'name': 'linkurl',
- 'type': 'string'
- },
- {
- 'name': 'descript',
- 'type': 'string'
- },
- {
- 'name': 'title',
- 'type': 'string'
- },
- {
- 'name': 'parent_image_id_id',
- 'type': 'int'
- },
- {
- 'name': 'parent_image_id_filename',
- 'type': 'string'
- },
- {
- 'name': 'parent_image_id_ontable',
- 'type': 'string'
- },
- {
- 'name': 'parent_image_id_onid',
- 'type': 'int'
- },
- {
- 'name': 'parent_image_id_mimetype',
- 'type': 'string'
- },
- {
- 'name': 'parent_image_id_width',
- 'type': 'int'
- },
- {
- 'name': 'parent_image_id_height',
- 'type': 'int'
- },
- {
- 'name': 'parent_image_id_filesize',
- 'type': 'int'
- },
- {
- 'name': 'parent_image_id_displayorder',
- 'type': 'int'
- },
- {
- 'name': 'parent_image_id_language',
- 'type': 'string'
- },
- {
- 'name': 'parent_image_id_parent_image_id',
- 'type': 'int'
- },
- {
- 'name': 'parent_image_id_created',
- 'type': 'date'
- },
- {
- 'name': 'parent_image_id_imgtype',
- 'type': 'string'
- },
- {
- 'name': 'parent_image_id_linkurl',
- 'type': 'string'
- },
- {
- 'name': 'parent_image_id_descript',
- 'type': 'string'
- },
- {
- 'name': 'parent_image_id_title',
+ 'name': 'event_when',
'type': 'string'
}
]
footer : {
xtype: 'PagingToolbar',
xns: Roo,
- pageSize : 25,
- displayInfo : true,
- displayMsg : "Displaying Images{0} - {1} of {2}",
- emptyMsg : "No Images found"
- },
- toolbar : {
- xtype: 'Toolbar',
- xns: Roo,
- items : [
- {
- xtype: 'Button',
- xns: Roo.Toolbar,
- text : "Add",
- cls : 'x-btn-text-icon',
- icon : Roo.rootURL + 'images/default/dd/drop-add.gif',
- listeners : {
- click : function()
- {
- if (!_this.dialog) return;
- _this.dialog.show( { id : 0 } , function() {
- _this.grid.footer.onClick('first');
- });
- }
- }
- },
- {
- xtype: 'Button',
- xns: Roo.Toolbar,
- text : "Edit",
- cls : 'x-btn-text-icon',
- icon : Roo.rootURL + 'images/default/tree/leaf.gif',
- listeners : {
- click : function()
- {
- var s = _this.grid.getSelectionModel().getSelections();
- if (!s.length || (s.length > 1)) {
- Roo.MessageBox.alert("Error", s.length ? "Select only one Row" : "Select a Row");
- return;
- }
- if (!_this.dialog) return;
- _this.dialog.show(s[0].data, function() {
- _this.grid.footer.onClick('first');
- });
-
- }
- }
- },
- {
- xtype: 'Button',
- xns: Roo.Toolbar,
- text : "Delete",
- cls : 'x-btn-text-icon',
- icon : rootURL + '/Pman/templates/images/trash.gif',
- listeners : {
- click : function()
- {
- Pman.genericDelete(_this, 'Images');
- }
- }
- }
- ]
+ displayInfo : false,
+ pageSize : 25
},
colModel : [
{
xtype: 'ColumnModel',
xns: Roo.grid,
- header : 'Id',
- width : 75,
- dataIndex : 'id',
- renderer : function(v) { return String.format('{0}', v); }
- },
- {
- xtype: 'ColumnModel',
- xns: Roo.grid,
- header : 'Filename',
- width : 200,
- dataIndex : 'filename',
- renderer : function(v) { return String.format('{0}', v); }
- },
- {
- xtype: 'ColumnModel',
- xns: Roo.grid,
- header : 'Ontable',
- width : 200,
- dataIndex : 'ontable',
- renderer : function(v) { return String.format('{0}', v); }
- },
- {
- xtype: 'ColumnModel',
- xns: Roo.grid,
- header : 'Onid',
- width : 75,
- dataIndex : 'onid',
- renderer : function(v) { return String.format('{0}', v); }
- },
- {
- xtype: 'ColumnModel',
- xns: Roo.grid,
- header : 'Mimetype',
- width : 200,
- dataIndex : 'mimetype',
- renderer : function(v) { return String.format('{0}', v); }
- },
- {
- xtype: 'ColumnModel',
- xns: Roo.grid,
- header : 'Width',
- width : 75,
- dataIndex : 'width',
- renderer : function(v) { return String.format('{0}', v); }
- },
- {
- xtype: 'ColumnModel',
- xns: Roo.grid,
- header : 'Height',
- width : 75,
- dataIndex : 'height',
- renderer : function(v) { return String.format('{0}', v); }
- },
- {
- xtype: 'ColumnModel',
- xns: Roo.grid,
- header : 'Filesize',
- width : 75,
- dataIndex : 'filesize',
- renderer : function(v) { return String.format('{0}', v); }
- },
- {
- xtype: 'ColumnModel',
- xns: Roo.grid,
- header : 'Displayorder',
- width : 75,
- dataIndex : 'displayorder',
- renderer : function(v) { return String.format('{0}', v); }
- },
- {
- xtype: 'ColumnModel',
- xns: Roo.grid,
- header : 'Language',
- width : 200,
- dataIndex : 'language',
- renderer : function(v) { return String.format('{0}', v); }
- },
- {
- xtype: 'ColumnModel',
- xns: Roo.grid,
- header : 'Parent image',
- width : 75,
- dataIndex : 'parent_image_id',
- renderer : function(v) { return String.format('{0}', v); }
- },
- {
- xtype: 'ColumnModel',
- xns: Roo.grid,
- header : 'Created',
- width : 75,
- dataIndex : 'created',
- renderer : function(v) { return String.format('{0}', v ? v.format('d/M/Y') : ''); }
- },
- {
- xtype: 'ColumnModel',
- xns: Roo.grid,
- header : 'Imgtype',
- width : 200,
- dataIndex : 'imgtype',
- renderer : function(v) { return String.format('{0}', v); }
- },
- {
- xtype: 'ColumnModel',
- xns: Roo.grid,
- header : 'Linkurl',
- width : 200,
- dataIndex : 'linkurl',
- renderer : function(v) { return String.format('{0}', v); }
- },
- {
- xtype: 'ColumnModel',
- xns: Roo.grid,
- header : 'Descript',
- width : 200,
- dataIndex : 'descript',
- renderer : function(v) { return String.format('{0}', v); }
- },
- {
- xtype: 'ColumnModel',
- xns: Roo.grid,
- header : 'Title',
- width : 200,
- dataIndex : 'title',
- renderer : function(v) { return String.format('{0}', v); }
+ dataIndex : 'event_when',
+ header : 'Date',
+ width : 100,
+ renderer : function(v) { return String.format('{0}', v ? v.format('Y-m-d H:i:s') : ''); }
}
]
}
_this.viewPanel = _self;
}
},
+ autoScroll : true,
background : false,
fitContainer : true,
fitToFrame : true,
xns: Roo,
listeners : {
click : function() {
+
_this.dialog.hide();
+
+ if (_this.callback && _this.source != '') {
+ _this.callback.call(this, _this.source);
+ }
}
},
text : "OK"