use relative urls for resources, border layout for resizable panels, cronjob status in query list, resizable codemirror field

Author: dneustadt

Resources/views/backend/base/resources.tpl

@@ -1,8 +1,8 @@
 {block name="backend/base/header/css" append}
-    <link rel="stylesheet" type="text/css" href="{{url module=frontend controller=index}|rtrim:'/'}/custom/plugins/WbmQueryManager/Resources/views/backend/_resources/css/query-manager.css" />
+    <link rel="stylesheet" type="text/css" href="{link file='custom/plugins/WbmQueryManager/Resources/views/backend/_resources/css/query-manager.css'}" />
 {/block}
 
 {block name="backend/base/header/javascript" append}
-    <script type="text/javascript" src="{{url module=frontend controller=index}|rtrim:'/'}/custom/plugins/WbmQueryManager/Resources/views/backend/_resources/js/show-hint.js"></script>
-    <script type="text/javascript" src="{{url module=frontend controller=index}|rtrim:'/'}/custom/plugins/WbmQueryManager/Resources/views/backend/_resources/js/sql-hint.js"></script>
+    <script type="text/javascript" src="{link file='custom/plugins/WbmQueryManager/Resources/views/backend/_resources/js/show-hint.js'}"></script>
+    <script type="text/javascript" src="{link file='custom/plugins/WbmQueryManager/Resources/views/backend/_resources/js/sql-hint.js'}"></script>
 {/block}

Resources/views/backend/wbm_query_manager/view/main/detail.js

@@ -25,6 +25,11 @@ Ext.define('Shopware.apps.WbmQueryManager.view.main.Detail', {
     region      : 'center',
     defaultType : 'textfield',
     autoScroll  : true,
+    layout      : {
+        type: 'vbox',
+        align : 'stretch',
+        pack  : 'start'
+    },
     items : [],
     initComponent: function() {
         var me = this;
@@ -52,7 +57,7 @@ Ext.define('Shopware.apps.WbmQueryManager.view.main.Detail', {
             labelAlign: 'top',
             anchor: '100%',
             name: 'sqlString',
-            height: 328,
+            flex: 1,
             allowBlank: true
         });
 
@@ -84,6 +89,10 @@ Ext.define('Shopware.apps.WbmQueryManager.view.main.Detail', {
             //{/if}
             //
         });
+
+        me.on('resize', function(cmp, width, height) {
+            me.resizeEditor(cmp, cmp.editorField, width, height);
+        });
 
         me.items = me.getItems();
 
@@ -333,5 +342,19 @@ Ext.define('Shopware.apps.WbmQueryManager.view.main.Detail', {
                 }
             }
         ];
+    },
+    resizeEditor : function(cmp, editorField, width, height) {
+        var editor = editorField.editor;
+
+        if(!editor || !editor.hasOwnProperty('display')) {
+            return false;
+        }
+
+        editor.setSize(0, 0);
+
+        width = editorField.getEl().down('tbody').getWidth();
+        height = editorField.getEl().down('tbody').getHeight() - 20;
+
+        editor.setSize(width, height);
     }
 });

Resources/views/backend/wbm_query_manager/view/main/list.js

@@ -48,36 +48,42 @@ Ext.define('Shopware.apps.WbmQueryManager.view.main.List', {
         return true;
     },
     getColumns:function () {
-        var me = this,
-        columnsData = [
+        var me = this;
+        return [
             {
                 header: '{s name="nameColumnHeader"}Name{/s}',
                 dataIndex:'name',
                 flex:1
             },
+            {
+                header: 'C',
+                width:25,
+                dataIndex: 'hasCronjob',
+                xtype: 'booleancolumn',
+                renderer: me.activeColumnRenderer
+            },
             {
                 xtype:'actioncolumn',
                 width:50,
                 items:me.getActionColumnItems()
             }
         ];
-        return columnsData;
     },
     getButtons : function()
     {
         var me = this;
-            return [
-                {
-                    text    : '{s name="add"}Hinzufügen{/s}',
-                    scope   : me,
-                    iconCls : 'sprite-plus-circle-frame',
-                    action : 'addQuery'
-                }
-            ];
+        return [
+            {
+                text    : '{s name="add"}Hinzufügen{/s}',
+                scope   : me,
+                iconCls : 'sprite-plus-circle-frame',
+                action : 'addQuery'
+            }
+        ];
     },
     getActionColumnItems: function () {
-        var me = this,
-        actionColumnData = [
+        var me = this;
+        return [
             {
                 iconCls:'x-action-col-icon sprite-minus-circle-frame',
                 cls:'duplicateColumn',
@@ -104,7 +110,13 @@ Ext.define('Shopware.apps.WbmQueryManager.view.main.List', {
                     me.fireEvent('cloneQuery', view, rowIndex, colIndex, item);
                 }
             }
-        ];       
-        return actionColumnData;
+        ];
+    },
+    activeColumnRenderer: function(value) {
+        if (value) {
+            return '<div class="sprite-tick-small">&nbsp;</div>';
+        } else {
+            return '<div class="sprite-cross-small">&nbsp;</div>';
+        }
     }
 });

Resources/views/backend/wbm_query_manager/view/main/window.js

@@ -28,19 +28,18 @@ Ext.define('Shopware.apps.WbmQueryManager.view.main.Window', {
         var me = this;
         me.items = [
             Ext.create('Ext.panel.Panel', {
-                layout: {
-                    type: 'hbox',
-                    pack: 'start',
-                    align: 'stretch'
-                },
+                layout: 'border',
                 flex: 1,
                 items: [
                     {
+                        region: 'west',
                         xtype: 'query-manager-list',
                         store: me.mainStore,
+                        split: true,
                         width: 200
                     },
                     {
+                        region: 'center',
                         xtype: 'query-manager-detail',
                         record: me.record,
                         flex: 1

plugin.xml

@@ -3,12 +3,12 @@
     <label lang="de">Query Manager</label>
     <label lang="en">Query Manager</label>
 
-    <version>2.0.0</version>
+    <version>2.0.1</version>
     <link>http://www.webmatch.de</link>
     <author>Webmatch GmbH</author>
     <compatibility minVersion="5.2.0" />
 
-    <changelog version="2.0.0">
+    <changelog version="2.0.1">
         <changes lang="de">Veröffentlichung Open-Source</changes>
         <changes lang="en">Release Open-Source</changes>
     </changelog>