holm/egroupware
1
1
Fork 0
forked from extern/egroupware
Code Issues Pull Requests Packages Projects Releases Wiki Activity

allow to optional prepend tabs by using prepend attribute on a tab in tabs array

Browse Source
This commit is contained in:
Ralf Becker 2014-03-12 17:54:52 +00:00
parent ee97185b40
commit 46d4d3acce
1 changed files with 18 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
etemplate/js/et2_widget_tabs.js
View File

@ -20,16 +20,16 @@
/** /**
* Class which implements the tabbox-tag * Class which implements the tabbox-tag
* *
* @augments et2_DOMWidget * @augments et2_DOMWidget
*/ */
var et2_tabbox = et2_valueWidget.extend([et2_IInput], var et2_tabbox = et2_valueWidget.extend([et2_IInput],
{ {
attributes: { attributes: {
'tabs': { 'tabs': {
'name': 'Tabs', 'name': 'Tabs',
'default': et2_no_init, 'default': et2_no_init,
'description': "Array of [extra] tabs. Each tab needs {label:..., template:...}. Additional optional keys are hidden and id, for access into content array" 'description': "Array of [extra] tabs. Each tab needs {label:..., template:...}. Additional optional keys are prepend, hidden and id, for access into content array"
}, },
'add_tabs': { 'add_tabs': {
'name': 'Add tabs', 'name': 'Add tabs',
@ -45,7 +45,7 @@ var et2_tabbox = et2_valueWidget.extend([et2_IInput],
/** /**
* Construtor * Construtor
* *
* @memberOf et2_tabbox * @memberOf et2_tabbox
*/ */
init: function() { init: function() {
@ -169,10 +169,10 @@ var et2_tabbox = et2_valueWidget.extend([et2_IInput],
{ {
var tabs = tabsElems[0]; var tabs = tabsElems[0];
var tabpanels = tabpanelsElems[0]; var tabpanels = tabpanelsElems[0];
// Parse the "tabs" tag // Parse the "tabs" tag
this._readTabs(tabData, tabs); this._readTabs(tabData, tabs);
// Read and create the widgets defined in the "tabpanels" // Read and create the widgets defined in the "tabpanels"
this._readTabPanels(tabData, tabpanels); this._readTabPanels(tabData, tabpanels);
} }
@ -193,7 +193,7 @@ var et2_tabbox = et2_valueWidget.extend([et2_IInput],
{ {
tab_options.content = tab.id; tab_options.content = tab.id;
} }
tabData.push({ tabData[tab.prepend ? 'unshift' : 'push'].call(tabData, {
"id": tab.id, "id": tab.id,
"label": this.egw().lang(tab.label), "label": this.egw().lang(tab.label),
"widget": null, "widget": null,
@ -222,16 +222,16 @@ var et2_tabbox = et2_valueWidget.extend([et2_IInput],
// Specially process the selected index so it shows up right away // Specially process the selected index so it shows up right away
this._loadTab(this.selected_index,promises); this._loadTab(this.selected_index,promises);
// Apply parent now, which actually puts into the DOM // Apply parent now, which actually puts into the DOM
// This has to be before loading the child, so the dom sub-tree is not // This has to be before loading the child, so the dom sub-tree is not
// disconnected, which causes problems for things like CKEditor // disconnected, which causes problems for things like CKEditor
this._super.apply(this, arguments); this._super.apply(this, arguments);
// We can do this and not wind up with 2 because child is a template, // We can do this and not wind up with 2 because child is a template,
// which has special handling // which has special handling
this._children[0].loadingFinished(promises); this._children[0].loadingFinished(promises);
// Defer parsing & loading of other tabs until later // Defer parsing & loading of other tabs until later
window.setTimeout(function() { window.setTimeout(function() {
for (var i = 0; i < tabs.tabData.length; i++) for (var i = 0; i < tabs.tabData.length; i++)
@ -248,6 +248,9 @@ var et2_tabbox = et2_valueWidget.extend([et2_IInput],
/** /**
* Load & render a tab's content * Load & render a tab's content
*
* @param {number} index numerical index of tab in this.tabData array
* @param {array} promises
*/ */
_loadTab: function(index,promises) { _loadTab: function(index,promises) {
var tabData = this.tabData[index]; var tabData = this.tabData[index];
@ -255,7 +258,7 @@ var et2_tabbox = et2_valueWidget.extend([et2_IInput],
if(tabData.XMLNode != null) if(tabData.XMLNode != null)
{ {
tabData.widget = this.createElementFromNode(tabData.XMLNode,tabData.XMLNode.nodeName.toLowerCase()); tabData.widget = this.createElementFromNode(tabData.XMLNode,tabData.XMLNode.nodeName.toLowerCase());
// Release the XML node // Release the XML node
tabData.XMLNode = null; tabData.XMLNode = null;
} }
@ -273,6 +276,8 @@ var et2_tabbox = et2_valueWidget.extend([et2_IInput],
/** /**
* Check for custom tabs * Check for custom tabs
*
* @param {object} _attrs
*/ */
transformAttributes: function(_attrs) { transformAttributes: function(_attrs) {
this._super.apply(this, arguments); this._super.apply(this, arguments);
@ -326,7 +331,7 @@ var et2_tabbox = et2_valueWidget.extend([et2_IInput],
} }
} }
} }
this.setActiveTab(this.selected_index); this.setActiveTab(this.selected_index);
}, },
@ -388,7 +393,7 @@ var et2_tabbox = et2_valueWidget.extend([et2_IInput],
/** /**
* Causes the dirty flag to be reseted. * Causes the dirty flag to be reseted.
*/ */
resetDirty: function() resetDirty: function()
{ {
this.value = this.selected_index; this.value = this.selected_index;
}, },