[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)
committerSteffen Kamper <info@sk-typo3.de>
Tue, 2 Aug 2011 12:31:41 +0000 (14:31 +0200)
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: I596962fc81e66368db06059447b2f6a09db4ff73
Resolves: #28384
Releases: 4.6, 4.5
Reviewed-on: http://review.typo3.org/3696
Reviewed-by: Georg Ringer
Reviewed-by: Philipp Gampe
Tested-by: Philipp Gampe
Reviewed-by: Steffen Kamper
Tested-by: Steffen Kamper
typo3/backend.php
typo3/js/extjs/modulepanel.js [new file with mode: 0644]
typo3/sysext/t3skin/extjs/xtheme-t3skin.css

index 52fd724..bb979ac 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 3b12367..e0fe555 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;
+}
\ No newline at end of file