Pman.Dialog.CoreAutoSavePreview.bjs
[Pman.Core] / Pman.Dialog.CoreAutoSavePreview.js
index e6cadd9..c5af4a0 100644 (file)
@@ -46,6 +46,7 @@ Pman.Dialog.CoreAutoSavePreview = {
                         activate : function() {
                             _this.panel = this;
                             if (_this.grid) {
+                            Roo.log(2);
                                 _this.grid.footer.onClick('first');
                             }
                         }
@@ -64,11 +65,12 @@ Pman.Dialog.CoreAutoSavePreview = {
                                 _this.grid = this; 
                                 //_this.dialog = Pman.Dialog.FILL_IN
                                 if (_this.panel.active) {
+                                Roo.log('1');
                                    this.footer.onClick('first');
                                 }
                             }
                         },
-                        autoExpandColumn : 'remarks',
+                        autoExpandColumn : 'event_when',
                         loadMask : true,
                         sm : {
                             xtype: 'RowSelectionModel',
@@ -76,14 +78,13 @@ Pman.Dialog.CoreAutoSavePreview = {
                             listeners : {
                                 afterselectionchange : function (_self)
                                 {
-                                    // load detail log in _this.viewPanel;
+                                    
                                     if (!this.getSelected()) {
-                                        this.viewPanel.setContent("Nothing Selected");
+                                        _this.viewPanel.setContent("Nothing Selected");
                                         return;
                                     }
-                                    var id = this.getSelected().data.id;
-                                    _this.viewPanel.load( { url : baseURL + "/Admin/EventView/" + id + ".html" });
                                     
+                                    _this.viewPanel.setContent("data");
                                 }
                             },
                             singleSelect : true
@@ -96,7 +97,8 @@ Pman.Dialog.CoreAutoSavePreview = {
                                 {
                                     Roo.log(_this.data);
                                     o.params = o.parmas || {};
-                                    o.action = 'AUTOSAVE'
+                                    o.params.action = 'AUTOSAVE';
+                                    
                                 }
                             },
                             remoteSort : true,
@@ -229,9 +231,6 @@ Pman.Dialog.CoreAutoSavePreview = {
                         footer : {
                             xtype: 'PagingToolbar',
                             xns: Roo,
-                            displayInfo : true,
-                            displayMsg : "{0} - {1} of {2}",
-                            emptyMsg : "Nothing found",
                             pageSize : 25
                         },
                         colModel : [
@@ -242,35 +241,420 @@ Pman.Dialog.CoreAutoSavePreview = {
                                 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' },
+                            proxy : {
+                                xtype: 'HttpProxy',
+                                xns: Roo.data,
+                                method : 'GET',
+                                url : baseURL + '/Roo/Images.php'
+                            },
+                            reader : {
+                                xtype: 'JsonReader',
+                                xns: Roo.data,
+                                totalProperty : 'total',
+                                root : 'data',
+                                id : 'id',
+                                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',
+                                        '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'); 
+                                        }
+                                    }
+                                }
+                            ]
+                        },
+                        colModel : [
                             {
                                 xtype: 'ColumnModel',
                                 xns: Roo.grid,
-                                dataIndex : 'on_table',
-                                header : 'Affected',
-                                width : 100,
-                                renderer : function(v) {                     
-                                    return String.format('{0})', v ? v : '');  
-                                }
+                                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); }
                             }
                         ]
                     }
                 },
                 {
                     xtype: 'ContentPanel',
-                    xns: Roo
+                    xns: Roo,
+                    listeners : {
+                        render : function (_self)
+                        {
+                            _this.viewPanel = _self;
+                        }
+                    },
+                    background : false,
+                    fitContainer : true,
+                    fitToFrame : true,
+                    region : 'center'
                 }
             ],
             center : {
                 xtype: 'LayoutRegion',
-                xns: Roo,
-                titlebar : false
+                xns: Roo
             },
             west : {
                 xtype: 'LayoutRegion',
                 xns: Roo,
                 split : true,
-                width : 300
+                width : 200
             },
             buttons : [
                 {