[FEATURE] Add ExtJS xtype:modulepanel for BE Modules
authorKay Strobach <typo3@kay-strobach.de>
Sun, 24 Jul 2011 08:31:39 +0000 (10:31 +0200)
committerGeorg Ringer <mail@ringerge.org>
Sun, 18 Dec 2011 07:07:55 +0000 (08:07 +0100)
This is a follow up change to #12664.
It adds a new Extjs xtype called modulepanel and the required styles.

This way we can have extjs modules which fit the TYPO3 look'n'feel.

The CSS modifies the tbar and the bbar to look like the standard
toolbars in TYPO3.

4.5 is added to releases, as #12644 is the direct parent.

Change-Id: I57e51eb11b57889b4c434f13b658ca464a03a041
Resolves: #28384
Releases: 4.6, 4.5
Reviewed-on: http://review.typo3.org/7128
Reviewed-by: Oliver Hader
Tested-by: Oliver Hader
Reviewed-by: Georg Ringer
Tested-by: Georg Ringer
typo3/backend.php
typo3/js/extjs/modulepanel.js [new file with mode: 0644]
typo3/sysext/t3skin/extjs/xtheme-t3skin.css

index 3758f30..2209dfa 100644 (file)
@@ -132,6 +132,7 @@ class TYPO3backend {
                        'debugPanel'            => 'js/extjs/debugPanel.js',
                        'viewport'              => 'js/extjs/viewport.js',
                        'iframepanel'           => 'js/extjs/iframepanel.js',
+                       'modulepanel'           => 'js/extjs/modulepanel.js',
                        'viewportConfiguration' => 'js/extjs/viewportConfiguration.js',
                        'util'                                  => '../t3lib/js/extjs/util.js',
                );
diff --git a/typo3/js/extjs/modulepanel.js b/typo3/js/extjs/modulepanel.js
new file mode 100644 (file)
index 0000000..6e5bf55
--- /dev/null
@@ -0,0 +1,45 @@
+/***************************************************************
+*  Copyright notice
+*
+*  (c) 2011 Kay Strobach <typo3@kay-strobach.de>
+*  All rights reserved
+*
+*  This script is part of the TYPO3 project. The TYPO3 project is
+*  free software; you can redistribute it and/or modify
+*  it under the terms of the GNU General Public License as published by
+*  the Free Software Foundation; either version 2 of the License, or
+*  (at your option) any later version.
+*
+*  The GNU General Public License can be found at
+*  http://www.gnu.org/copyleft/gpl.html.
+*  A copy is found in the textfile GPL.txt and important notices to the license
+*  from the author is found in LICENSE.txt distributed with these scripts.
+*
+*
+*  This script is distributed in the hope that it will be useful,
+*  but WITHOUT ANY WARRANTY; without even the implied warranty of
+*  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+*  GNU General Public License for more details.
+*
+*  This copyright notice MUST APPEAR in all copies of the script!
+***************************************************************/
+
+TYPO3.modulePanel = Ext.extend(Ext.Panel, {
+       name: 'modulePanel',
+       maskMessage: ' ',
+       doMask: true,
+       border: false,
+               // component build
+       initComponent: function() {
+               Ext.apply(this, {
+                       tbarCfg: {
+                               cls: 't3skin-typo3-module-panel-toolbar'
+                       },
+                       bbarCfg: {
+                               cls: 't3skin-typo3-module-panel-toolbar'
+                       }
+               });
+               TYPO3.modulePanel.superclass.initComponent.apply(this, arguments);
+       }
+});
+Ext.reg('modulePanel', TYPO3.modulePanel);
\ No newline at end of file
index 51f6326..085ff50 100644 (file)
@@ -2380,3 +2380,12 @@ div.x-grid3-row:hover img.t3-icon-extensions-workspaces {
        width: 17px
 }
 
+.t3skin-typo3-module-panel-toolbar .x-toolbar{
+       background-color: #585858;
+       background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGElEQVR42gENAPL/AEBAQExAQECzQEBA/xb3BD8CHBN0AAAAAElFTkSuQmCC");
+       background-position: right;
+       background-repeat: repeat-y;
+       border: none;
+       padding: 0;
+       margin: 0;
+}