TYPO3 Core

'ExtJS_TabMenu::setExtTabMenuActiveTab' => 'typo3/template.php:template->setActiveTab',

$tabType = 'exttab';

$tabIdentStringMD5 = $GLOBALS['TBE_TEMPLATE']->getExtTabMenuId($tabIdentString);

$this->pushToDynNestedStack($tabType, $tabIdentStringMD5 . '-1');

$this->popFromDynNestedStack($tabType, $tabIdentStringMD5 . '-' . $out_sheet);

$this->pushToDynNestedStack($tabType, $tabIdentStringMD5 . '-' . ($out_sheet+1));

$this->pushToDynNestedStack($tabType, $tabIdentStringMD5 . '-1');

$this->popFromDynNestedStack($tabType, $tabIdentStringMD5 . '-' . ($out_sheet+1));

return $GLOBALS['TBE_TEMPLATE']->getExtTabMenu($parts, $idString, 1, $dividersToTabsBehaviour);

$out .= 'Ext.onReady(function(){

';

// Focus first element

$out .= '

Ext.select(".typo3-TCEforms input:first").focus();

';

$out .= '

});';

var backgroundImage = false;

} else if (nestedLevelType == 'exttab') {

element = 'ext-comp-1001__' + nestedLevelName + '-DIV';

backgroundImage = true;

if (backgroundImage) {

TBE_EDITOR.unsetExtBackgroundImage(element);

} else {

TBE_EDITOR.unsetImage(element);

}

if (backgroundImage) {

TBE_EDITOR.setExtBackgroundImage(element, TBE_EDITOR.images.req);

} else {

TBE_EDITOR.setImage(element, TBE_EDITOR.images.req);

}

unsetImage: function(name) {

TBE_EDITOR.setImage(name, TBE_EDITOR.images.clear);

},

setExtBackgroundImage: function(name,image) {

// Get Image Path

if (typeof image == 'object') {

var imagePath = image.src;

} else {

var imagePath = eval(image+'.src');

}

// Set the class in the top element

Ext.select('#'+name).addClass("x-tab-with-icon");

// set Background Image in the inner text

var outerBox = Ext.DomQuery.selectNode("#"+name+" .x-tab-strip-text");

Ext.fly(outerBox).setStyle("background-image", "url("+imagePath+")");

},

unsetExtBackgroundImage: function(name) {

// get the image

var image = TBE_EDITOR.images.clear;

if (typeof image == 'object') {

var imagePath = image.src;

} else {

var imagePath = eval(image+'.src');

}

Ext.select('#'+name).removeClass("x-tab-with-icon");

// Set blank icon

var outerBox = Ext.DomQuery.selectNode("#"+name+" .x-tab-strip-text");

Ext.fly(outerBox).setStyle("background-image", "url("+imagePath+")");

},

* Creates a DYNAMIC tab-menu eith extJS TabPanel

*

* @param array Numeric array where each entry is an array in itself with associative keys: "label" contains the label for the TAB, "content" contains the HTML content that goes into the div-layer of the tabs content. "description" contains description text to be shown in the layer. "linkTitle" is short text for the title attribute of the tab-menu link (mouse-over text of tab). "stateIcon" indicates a standard status icon (see ->icon(), values: -1, 1, 2, 3). "icon" is an image tag placed before the text.

* @param string Identification string. This should be unique for every instance of a dynamic menu!

* @param integer Default tab to open (for toggle <=0). Value corresponds to integer-array index + 1 (index zero is "1", index "1" is 2 etc.). A value of zero (or something non-existing) will result in no default tab open.

* @param integer If set to '1' empty tabs will be remove, If set to '2' empty tabs will be disabled

* @return string rendered HTML

*/

function getExtTabMenu($menuItems, $identString, $defaultTabIndex = 1, $dividers2tabs = 2, $tabPanelConfig = array()) {

$tabId = $this->getExtTabMenuId($identString);

$content = '<div id="' . $tabId . '">';

if (isset($GLOBALS['BE_USER']->uc['extTabs'][$identString])) {

$activeTab = '"' . $GLOBALS['BE_USER']->uc['extTabs'][$identString] . '"';

} else {

$activeTab = max($defaultTabIndex, 0);

}

// load extJS

$this->getDynTabMenuJScode();

$this->pageRenderer->loadExtJs();

$c = 0;

foreach($menuItems as $key => $value) {

// the id should be kept like this (+1 and the -DIV) to let the RTE work in Tabs (TCEforms)

$id = $tabId . '-' . ($key+1) . '-DIV';

$items[] = array(

'id' => $id,

'label' => $value['label'],

'hasContent' => ($value['content'] != ''),

'autoLoad' => ($value['autoLoad'] != '')?$value['autoLoad']:false,

'iconPath' => ($value['iconPath'] != '')?$value['iconPath']:false,

);

//$hide = ($c == $activeTab)?'':' class="x-hide-display"';

$content .= '<div id="tabcontent-' . $id . '"'.$hide.'>' . $value['content'] . '</div>';

$c++;

}

$content .= '</div>';

$defaultOptions = array(

'renderTo' => $tabId,

'autoHeight' => true,

'autoScroll' => false,

'layoutOnTabChange' => true,

'monitorResize' => true,

'plain' => true,

'enableTabScroll' => true

);

$tabPanel = '

var rendered'.t3lib_div::shortMD5($identString).' = false;

var extTabsConfig = ' . json_encode($defaultOptions) . ';

';

// add custom configuration to the element

if (!isset($tabPanelConfig['width'])) {

$tabPanelConfig['width'] = 'Ext.get(\'typo3-docbody\').getWidth() - 40';

}

foreach ($tabPanelConfig as $configKey => $configValue) {

$tabPanel .= '

extTabsConfig.' . htmlspecialchars($configKey) . ' = ' . htmlspecialchars($configValue) . ';';

}

$tabPanel .= '

var extTabs = new Ext.TabPanel(extTabsConfig)';

foreach ($items as $item) {

if ($dividers2tabs !=1 || ($dividers2tabs == 1 && $item['hasContent'])) {

$tabPanel .= '

extTabs.add({

title: "' . htmlspecialchars($item['label']) . '",

id: "' . $item['id'] . '",

listeners: { activate: handleActivate'.t3lib_div::shortMD5($identString).' },

contentEl : "tabcontent-' . $item['id'] . '",

'.($item['autoLoad']?'autoLoad:\''.$item['autoLoad'].'\',':'').'

'.($item['iconPath']?'iconCls:\'icon-'.$item['id'].'\',':'').'

disabled: ' . ($item['hasContent'] || $item['autoLoad'] ? 'false' : 'true') . '

}).show();';

if($item['iconPath']) {

$content .= '<style type="text/css">.x-tab-strip .x-tab-with-icon span.icon-'.$item['id'].' { background-image: url('.$item['iconPath'].'); }</style>';

}

}

}

$tabPanel .= '

rendered'.t3lib_div::shortMD5($identString).' = true;

extTabs.activate(' . $activeTab . ');

function handleActivate'.t3lib_div::shortMD5($identString).'(tab) {

if (rendered'.t3lib_div::shortMD5($identString).') {

// send request to save selected tab

Ext.Ajax.request({

url: "' . $this->backPath . 'ajax.php",

params: {

ajaxID: "ExtJS_TabMenu::setActiveTab",

identifier: "' . $identString . '",

activeTab: tab.id

}

});

}

var innerBox = Ext.DomQuery.selectNode("#"+tab.id+" .x-panel-body");

Ext.fly(innerBox).setStyle("height", "auto");

}';

$this->extJScode .= $tabPanel;

return $content;

}

/**

* Creates the id for dynTabMenus.

*

* @param string $identString: Identification string. This should be unique for every instance of a dynamic menu!

* @return string The id with a short MD5 of $identString and prefixed "DTM-", like "DTM-2e8791854a"

*/

function getExtTabMenuId($identString) {

$badChars = array('[',']',':');

return 'extmenu-' . str_replace($badChars, '-', $identString);

}

/**

* Save active tab status with ajax

*/

public function setExtTabMenuActiveTab($params = array(), TYPO3AJAX &$ajaxObj = null) {

$id = t3lib_div::_GP('identifier');

$activeTab = t3lib_div::_GP('activeTab');

$GLOBALS['BE_USER']->uc['extTabs'][$id] = $activeTab;

$GLOBALS['BE_USER']->writeUC();

}

/**

$content = $this->doc->getExtTabMenu($menuItems, 'user-ws', 0, 0);