diff --git a/bin/Controls/NavTabsVerticalSettings.html b/bin/Controls/NavTabsVerticalSettings.html
index 57ad31fd8c71f640f7ec0e4612f3118ca440be52..95292251195bbc6d7e4715b9903d8f0ca1a84350 100644
--- a/bin/Controls/NavTabsVerticalSettings.html
+++ b/bin/Controls/NavTabsVerticalSettings.html
@@ -1,22 +1,58 @@
-<div class="quiqqer-menu-navTabsVerticalSettings-entry" style="display: none;">
- <label class="entry-title">
- <span class="entry-title">{{titleIcon}}</span>
- <input class="media-image hide-select-image-button" data-qui-options-cssclasses="1"
- name="titleIcon" />
- </label>
- <label>
- <span class="entry-title">{{title}}</span>
- <input type="text"
- name="entryTitle" />
- </label>
- <label class="entry-title">
- <span class="entry-title">{{image}}</span>
- <input class="media-image" data-qui-options-selectable_types="image"
- name="entryImage"/>
- </label>
- <label>
- <span class="entry-title">{{content}}</span>
- <input class="field-container-field field-description" data-qui="controls/editors/Input"
- name="entryContent" />
- </label>
-</div>
\ No newline at end of file
+<form name="quiqqer-bricks-customerReviewsSlider-settings-entry"
+ class="quiqqer-bricks-customerReviewsSlider-settings-entry-form"
+>
+ <table class="data-table data-table-flexbox">
+ <tbody>
+ <tr>
+ <td>
+ <label class="field-container">
+ <span class="field-container-item">
+ {{fieldIsDisabled}}
+ </span>
+ <span id="isDisabledWrapper" class="field-container-field"></span>
+ </label>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <label class="field-container">
+ <span class="field-container-item">
+ {{fieldTitleIcon}}
+ </span>
+ <input name="titleIcon" data-qui-options-cssclasses="1" class="field-container-field media-image"/>
+ </label>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <label class="field-container">
+ <span class="field-container-item">
+ {{fieldEntryTitle}}
+ </span>
+ <input name="entryTitle" class="field-container-field field-customerName"/>
+ </label>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <label class="field-container">
+ <span class="field-container-item">
+ {{fieldEntryImage}}
+ </span>
+ <input name="entryImage" class="field-container-field media-image"/>
+ </label>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <label class="field-container">
+ <span class="field-container-item">
+ {{fieldEntryContent}}
+ </span>
+ <input name="entryContent" class="field-container-field field-entryContent" data-qui="controls/editors/Input"/>
+ </label>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+</form>
diff --git a/bin/Controls/NavTabsVerticalSettings.js b/bin/Controls/NavTabsVerticalSettings.js
index d595bb40b1cee876f54811ff87541d0f70ccf9de..c67ad22da500759ff0d4116fdaf53890758be19b 100644
--- a/bin/Controls/NavTabsVerticalSettings.js
+++ b/bin/Controls/NavTabsVerticalSettings.js
@@ -1,145 +1,747 @@
/**
+ * @module package/quiqqer/menu/bin/Controls/NavTabsVertical
+ * @author Dominik Chrzanowski
*
- * @module package/quiqqer/menu/bin/Controls/NavTabsVerticalSettings
- *
- * @require qui/controls/elements/FormList
- * @require css!package/quiqqer/menu/bin/Controls/NavTabsVerticalSettings.css
*/
define('package/quiqqer/menu/bin/Controls/NavTabsVerticalSettings', [
- 'qui/controls/elements/FormList',
- 'utils/Controls',
+ 'qui/QUI',
+ 'qui/controls/Control',
+ 'qui/controls/windows/Confirm',
+ 'qui/controls/buttons/Button',
+ 'qui/controls/buttons/Switch',
'Locale',
'Mustache',
+ 'controls/grid/Grid',
+ 'utils/Controls',
'text!package/quiqqer/menu/bin/Controls/NavTabsVerticalSettings.html',
'css!package/quiqqer/menu/bin/Controls/NavTabsVerticalSettings.css'
-], function (QUIFormList, QUIControls, QUILocale, Mustache, template) {
+], function (
+ QUI,
+ QUIControl,
+ QUIConfirm,
+ QUIButton,
+ QUISwitch,
+ QUILocale,
+ Mustache,
+ Grid,
+ ControlsUtils,
+ templateEntry
+) {
"use strict";
var lg = 'quiqqer/menu';
return new Class({
- Extends: QUIFormList,
+ Extends: QUIControl,
Type : 'package/quiqqer/menu/bin/Controls/NavTabsVerticalSettings',
Binds: [
- '$onParsed'
+ '$onImport',
+ '$openAddDialog',
+ '$openDeleteDialog',
+ '$openEditDialog',
+ '$toggleSlideStatus',
+ 'update'
],
initialize: function (options) {
this.parent(options);
- this.$Project = null;
+ this.$Input = null;
+ this.$Grid = null;
+
+ this.$data = [];
this.addEvents({
- onParsed: this.$onParsed
+ onImport: this.$onImport
+ });
+ },
+
+ /**
+ * event: on import
+ */
+ $onImport: function () {
+ this.$Input = this.getElm();
+
+ this.$Elm = new Element('div', {
+ 'class': 'quiqqer-menu-navTabsVertival-settings',
+ styles : {
+ clear : 'both',
+ 'float' : 'left',
+ height : 400,
+ overflow: 'hidden',
+ position: 'relative',
+ margin : '10px 0 0 0',
+ width : '100%'
+ }
+ }).wraps(this.$Input);
+
+ // grid and sizes
+ var size = this.$Elm.getSize();
+
+ var Desktop = new Element('div', {
+ styles: {
+ width: size.x
+ }
+ }).inject(this.$Elm);
+
+ this.$Grid = new Grid(Desktop, {
+ height : 400,
+ width : size.x,
+ buttons : [
+ {
+ name : 'up',
+ icon : 'fa fa-angle-up',
+ disabled: true,
+ events : {
+ onClick: function () {
+ this.$Grid.moveup();
+ this.$refreshSorting();
+ }.bind(this)
+ }
+ }, {
+ name : 'down',
+ icon : 'fa fa-angle-down',
+ disabled: true,
+ events : {
+ onClick: function () {
+ this.$Grid.movedown();
+ this.$refreshSorting();
+ }.bind(this)
+ }
+ }, {
+ type: 'separator'
+ }, {
+ name : 'add',
+ textimage: 'fa fa-plus',
+ text : QUILocale.get('quiqqer/quiqqer', 'add'),
+ events : {
+ onClick: this.$openAddDialog
+ }
+ }, {
+ type: 'separator'
+ }, {
+ name : 'edit',
+ textimage: 'fa fa-edit',
+ text : QUILocale.get('quiqqer/quiqqer', 'edit'),
+ disabled : true,
+ events : {
+ onClick: this.$openEditDialog
+ }
+ }, {
+ name : 'delete',
+ textimage: 'fa fa-trash',
+ text : QUILocale.get('quiqqer/quiqqer', 'delete'),
+ disabled : true,
+ events : {
+ onClick: this.$openDeleteDialog
+ }
+ }
+ ],
+ columnModel: [
+ {
+ header : QUILocale.get(lg, 'control.navTabsVertical.entries.isDisable'),
+ dataIndex: 'isDisabledDisplay',
+ dataType : 'QUI',
+ width : 80
+ }, {
+ dataIndex: 'isDisabled',
+ hidden : true
+ }, {
+ header : QUILocale.get(lg, 'control.navTabsVertical.entries.entryTitleIcon'),
+ dataIndex: 'titleIconPreview',
+ dataType : 'node',
+ width : 120
+ },
+ {
+ header : QUILocale.get(lg, 'control.navTabsVertical.entries.entryTitle'),
+ dataIndex: 'entryTitle',
+ dataType : 'code',
+ width : 120
+ },
+ {
+ header : QUILocale.get(lg, 'control.navTabsVertical.entries.entryImage'),
+ dataIndex: 'entryImagePreview',
+ dataType : 'node',
+ width : 60
+ },
+ {
+ header : QUILocale.get(lg, 'control.navTabsVertical.entries.entryContent'),
+ dataIndex: 'entryContent',
+ dataType : 'code',
+ width : 250
+ },
+ {
+ dataIndex: 'newTab',
+ hidden : true
+ }, {
+ dataIndex: 'image',
+ dataType : 'string',
+ hidden : true
+ }
+ ]
});
- this.getElm().addClass('qui-controls-formlist-navTabsVerticalSettings');
-
- this.setAttributes({
- buttonText: QUILocale.get(lg, 'control.navTabsVertical.entries.addButton'),
- entry : Mustache.render(template, {
- 'title' : QUILocale.get(lg, 'control.navTabsVertical.entries.entryTitle'),
- 'titleIcon' : QUILocale.get(lg, 'control.navTabsVertical.entries.entryTitleIcon'),
- 'titleIconColor': QUILocale.get(lg, 'control.navTabsVertical.entries.entryTitleIconColor'),
- 'image' : QUILocale.get(lg, 'control.navTabsVertical.entries.entryImage'),
- 'content' : QUILocale.get(lg, 'control.navTabsVertical.entries.entryContent')
- })
+ this.$Grid.addEvents({
+ onClick: function () {
+ var buttons = this.$Grid.getButtons(),
+
+ Edit = buttons.filter(function (Btn) {
+ return Btn.getAttribute('name') === 'edit';
+ })[0],
+
+ Up = buttons.filter(function (Btn) {
+ return Btn.getAttribute('name') === 'up';
+ })[0],
+
+ Down = buttons.filter(function (Btn) {
+ return Btn.getAttribute('name') === 'down';
+ })[0],
+
+ Delete = buttons.filter(function (Btn) {
+ return Btn.getAttribute('name') === 'delete';
+ })[0];
+
+ Up.enable();
+ Down.enable();
+ Edit.enable();
+ Delete.enable();
+ }.bind(this),
+
+ onDblClick: this.$openEditDialog
});
+
+ this.$Grid.getElm().setStyles({
+ position: 'absolute'
+ });
+
+
+ try {
+ this.$data = JSON.decode(this.$Input.value);
+
+ if (typeOf(this.$data) !== 'array') {
+ this.$data = [];
+ }
+
+ this.refresh();
+ } catch (e) {
+ }
},
/**
- * @event on import
+ * Toggles the slide's status between enabled and disabled
*
- * https://dev.quiqqer.com/quiqqer/package-bricks/issues/97
+ * @param {Object} [Caller] - the object calling this event
*/
- $onImport: function () {
- // look if some value exist
- var value = this.getElm().value;
-
- if (value === '') {
- this.parent();
+ $toggleSlideStatus: function (Caller) {
+ if (!Caller) {
return;
}
- value = JSON.decode(value);
+ // get cell number
+ var row = Caller.getElm().getParent('li').get('data-row');
- if (typeOf(value) !== 'array') {
- this.parent();
- return;
- }
+ this.$data[row].isDisabled = Caller.getStatus();
+ this.update();
+ },
+
+ /**
+ * Resize the control
+ *
+ * @return {Promise}
+ */
+ resize: function () {
+ var size = this.getElm().getSize();
+
+ return this.$Grid.setWidth(size.x).then(function () {
+ this.$Grid.resize();
+ }.bind(this));
+ },
+
+ /**
+ * refresh the display
+ */
+ refresh: function () {
+ var i, len, entry, insert;
+ var data = [];
+
+ for (i = 0, len = this.$data.length; i < len; i++) {
+ entry = this.$data[i];
+ insert = {
+ titleIcon : '',
+ entryImage : '',
+ titleIconPreview : new Element('span', {html: ' '}),
+ entryImagePreview: new Element('span', {html: ' '})
+ };
- for (var i = 0, len = value.length; i < len; i++) {
- if (typeof value[i].content !== 'undefined') {
- value[i]['entryContent'] = value[i].content;
+ entry.isDisabled = parseInt(entry.isDisabled);
+
+ insert.isDisabledDisplay = new QUISwitch({
+ status: entry.isDisabled,
+ name : i,
+ uid : i,
+ events: {
+ onChange: this.$toggleSlideStatus
+ }
+ });
+
+ if ("titleIcon" in entry && entry.titleIcon !== '') {
+ insert.titleIcon = entry.titleIcon;
+
+ if (entry.titleIcon.includes('fa ')) {
+ insert.titleIconPreview = new Element('span', {
+ 'class': insert.titleIcon
+ });
+ } else {
+ insert.titleIconPreview = new Element('img', {
+ src : URL_DIR + insert.titleIcon + '&maxwidth=50&maxheight=50',
+ width : 50,
+ height: 50
+ });
+ }
}
- if (typeof value[i].title !== 'undefined') {
- value[i]['entryTitle'] = value[i].title;
+ if ("entryTitle" in entry) {
+ insert.entryTitle = entry.entryTitle;
}
- if (typeof value[i].image !== 'undefined') {
- value[i]['entryImage'] = value[i].title;
+ if ("entryImage" in entry && entry.entryImage !== '') {
+ insert.entryImage = entry.entryImage;
+
+ insert.entryImagePreview = new Element('img', {
+ src : URL_DIR + insert.entryImage + '&maxwidth=50&maxheight=50',
+ width : 50,
+ height: 50
+ });
+ }
+
+ if ("entryContent" in entry) {
+ insert.entryContent = entry.entryContent;
+ }
+
+ data.push(insert);
+ }
+
+ this.$Grid.setData({
+ data: data
+ });
+
+ var buttons = this.$Grid.getButtons(),
+
+ Edit = buttons.filter(function (Btn) {
+ return Btn.getAttribute('name') === 'edit';
+ })[0],
+
+ Up = buttons.filter(function (Btn) {
+ return Btn.getAttribute('name') === 'up';
+ })[0],
+
+ Down = buttons.filter(function (Btn) {
+ return Btn.getAttribute('name') === 'down';
+ })[0],
+
+ Delete = buttons.filter(function (Btn) {
+ return Btn.getAttribute('name') === 'delete';
+ })[0];
+
+ Up.disable();
+ Down.disable();
+ Edit.disable();
+ Delete.disable();
+ },
+
+ /**
+ * Update the field
+ */
+ update: function () {
+ this.$Input.value = JSON.encode(this.$data);
+ },
+
+ /**
+ * Add an entry
+ *
+ * @param {Object} params
+ */
+ add: function (params) {
+ var entry = {
+ titleIcon : '',
+ entryTitle : '',
+ entryImage : '',
+ entryContent: '',
+ isDisabled : 0
+ };
+
+ if ("isDisabled" in params) {
+ entry.isDisabled = parseInt(params.isDisabled);
+ }
+
+ if ("titleIcon" in params && params.titleIcon !== '') {
+ entry.titleIcon = params.titleIcon;
+ }
+
+ if ("entryTitle" in params) {
+ entry.entryTitle = params.entryTitle;
+ }
+
+ if ("entryImage" in params) {
+ entry.entryImage = params.entryImage;
+ }
+
+ if ("entryContent" in params) {
+ entry.entryContent = params.entryContent;
+ }
+
+ this.$data.push(entry);
+ this.refresh();
+ this.update();
+ },
+
+ /**
+ * Edit an entry
+ *
+ * @param {number} index
+ * @param {object} params
+ */
+ edit: function (index, params) {
+
+ if (typeof index === 'undefined') {
+ return;
+ }
+
+ var entry = {
+ titleIcon : '',
+ entryTitle : '',
+ entryImage : '',
+ entryContent: '',
+ isDisabled : 0
+ };
+
+ if ("isDisabled" in params) {
+ entry.isDisabled = parseInt(params.isDisabled);
+ }
+
+ if ("titleIcon" in params) {
+ entry.titleIcon = params.titleIcon;
+ }
+
+ if ("entryTitle" in params) {
+ entry.entryTitle = params.entryTitle;
+ }
+
+ if ("entryImage" in params) {
+ entry.entryImage = params.entryImage;
+ }
+
+ if ("entryContent" in params) {
+ entry.entryContent = params.entryContent;
+ }
+
+ this.$data[index] = entry;
+
+ this.refresh();
+ this.update();
+ },
+
+ /**
+ * Delete one entry or multiple entries
+ *
+ * @param {number|array} index
+ */
+ del: function (index) {
+ var newList = [];
+
+ if (typeOf(index) !== 'array') {
+ index = [index];
+ }
+
+ for (var i = 0, len = this.$data.length; i < len; i++) {
+ if (!index.contains(i)) {
+ newList.push(this.$data[i]);
}
}
- this.getElm().value = JSON.encode(value);
- this.parent();
+ this.$data = newList;
},
/**
- * set the project to the control
+ * Set the used project
*
- * @param Project
+ * @param {string|object} Project
*/
setProject: function (Project) {
- this.$Project = Project;
- this.$onParsed(false, this.getElm());
+ this.setAttribute('project', Project);
+
+ var controls = QUI.Controls.getControlsInElement(this.getElm());
+
+ controls.each(function (Control) {
+ if (Control === this) {
+ return;
+ }
+
+ if ("setProject" in Control) {
+ Control.setProject(Project);
+ }
+ }.bind(this));
+ },
+
+ /**
+ * Refresh the data sorting in dependence of the grid
+ */
+ $refreshSorting: function () {
+ var gridData = this.$Grid.getData(),
+ data = [];
+
+ for (var i = 0, len = gridData.length; i < len; i++) {
+ data.push({
+ isDisabled : parseInt(gridData[i].isDisabled),
+ titleIcon : gridData[i].titleIcon,
+ entryTitle : gridData[i].entryTitle,
+ entryImage : gridData[i].entryImage,
+ entryContent: gridData[i].entryContent
+ });
+ }
+
+ this.$data = data;
+ this.update();
},
/**
- * Parses QUI controls when a new entry is created
+ * Dialogs
+ */
+
+ /**
+ * opens the delete dialog
*
- * Fired after (inherited) FormList has parsed the content
+ * @return {Promise}
+ */
+ $openDeleteDialog: function () {
+ new QUIConfirm({
+ icon : 'fa fa-icon',
+ text : QUILocale.get(lg, 'control.navTabsVertical.entries.delete.title'),
+ information: QUILocale.get(lg, 'control.navTabsVertical.entries.delete.information'),
+ texticon : false,
+ maxWidth : 600,
+ maxHeight : 400,
+ ok_button : {
+ text : QUILocale.get('quiqqer/quiqqer', 'delete'),
+ textimage: 'fa fa-trash'
+ },
+ events : {
+ onSubmit: function () {
+ var selected = this.$Grid.getSelectedIndices();
+
+ this.$Grid.deleteRows(selected);
+ this.del(selected);
+ this.update();
+ }.bind(this)
+ }
+ }).open();
+ },
+
+ /**
+ * Open edit dialog
*
- * @param event
- * @param Node - The element that was previously parsed by (inherited) FormList
+ * @retrun {Promise}
*/
- $onParsed: function (event, Node) {
- if (!this.$Project) {
- return;
+ $openEditDialog: function () {
+ var self = this,
+ data = this.$Grid.getSelectedData(),
+ index = this.$Grid.getSelectedIndices();
+
+ if (!data.length) {
+ return Promise.resolve();
}
- this.$executeParsing(Node);
+ data = data[0];
+ index = index[0];
+
+ return this.$createDialog().then(function (Dialog) {
+
+ Dialog.addEvent('onSubmit', function () {
+ Dialog.Loader.show();
+
+ var Content = Dialog.getContent();
+ var Form = Content.getElement('form');
+
+ var Image = Form.elements.titleIcon;
+ var entryTitle = Form.elements.entryTitle;
+ var entryImage = Form.elements.entryImage;
+ var entryContent = Form.elements.entryContent;
+
+ self.edit(index, {
+ titleIcon : Image.value,
+ entryTitle : entryTitle.value,
+ entryImage : entryImage.value,
+ entryContent: entryContent.value,
+ isDisabled : Dialog.IsDisabledSwitch.getStatus()
+ });
+
+ Dialog.close();
+ });
+
+
+ Dialog.addEvent('onOpenAfterCreate', function () {
+
+ var Content = Dialog.getContent();
+ var Form = Content.getElement('form');
+
+ var Image = Form.elements.titleIcon;
+ var entryTitle = Form.elements.entryTitle;
+ var entryImage = Form.elements.entryImage;
+ var entryContent = Form.elements.entryContent;
+
+ if (data.isDisabled) {
+ Dialog.IsDisabledSwitch.on();
+ } else {
+ Dialog.IsDisabledSwitch.off();
+ }
+
+ Image.value = data.titleIcon;
+ entryTitle.value = data.entryTitle;
+ entryImage.value = data.entryImage;
+ entryContent.value = data.entryContent;
+
+ if (data.newTab && data.newTab.getAttribute('data-enabled') === "1") {
+ Dialog.NewTabSwitch.on();
+ } else {
+ Dialog.NewTabSwitch.off();
+ }
+
+ Image.fireEvent('change');
+ entryTitle.fireEvent('change');
+ entryImage.fireEvent('change');
+ entryContent.fireEvent('change');
+ });
+
+ Dialog.setAttribute('title', QUILocale.get(lg, 'control.navTabsVertical.entries.edit.title'));
+ Dialog.open();
+ });
},
/**
- * Parse the editor
+ * opens the add dialog
*
- * @param Node
- * @returns {Promise}
+ * @return {Promise}
*/
- $executeParsing: function (Node) {
+ $openAddDialog: function () {
var self = this;
- return QUIControls.parse(Node).then(function () {
- // Element is fully parsed so we can finally show it
- Node.getElements('.quiqqer-menu-navTabsVerticalSettings-entry').show();
- self.getElm().addClass('qui-controls-formlist-navTabsVerticalSettings');
+ return this.$createDialog().then(function (Dialog) {
+ Dialog.addEvent('onSubmit', function () {
+ Dialog.Loader.show();
+
+ var Content = Dialog.getContent();
+ var Form = Content.getElement('form');
+
+ var Image = Form.elements.titleIcon;
+ var entryTitle = Form.elements.entryTitle;
+ var entryImage = Form.elements.entryImage;
+ var entryContent = Form.elements.entryContent;
+
+ self.add({
+ titleIcon : Image.value,
+ entryTitle : entryTitle.value,
+ entryImage : entryImage.value,
+ entryContent: entryContent.value,
+ isDisabled : Dialog.IsDisabledSwitch.getStatus()
+ });
- var inputEditors = Node.getElements('[data-qui="controls/editors/Input"]').map(function (InnerNode) {
- return QUI.Controls.getById(InnerNode.get('data-quiid'));
+ Dialog.close();
});
- for (var i = 0, len = inputEditors.length; i < len; i++) {
- if (inputEditors[i]) {
- inputEditors[i].setProject(self.$Project);
+ Dialog.open();
+ });
+ },
+
+ /**
+ * Create a edit / add entry dialog
+ *
+ * @return {Promise}
+ */
+ $createDialog: function () {
+ var self = this;
+
+ return new Promise(function (resolve) {
+ var Dialog = new QUIConfirm({
+ title : QUILocale.get(lg, 'control.navTabsVertical.entries.add.title'),
+ icon : 'fa fa-edit',
+ maxWidth : 800,
+ maxHeight : 600,
+ autoclose : false,
+ IsDisabledSwitch: false,
+ NewTabSwitch : false,
+ events : {
+ onOpen: function (Win) {
+ Win.Loader.show();
+ Win.getContent().set('html', '');
+
+
+ var prefix = 'control.navTabsVertical.entries.',
+ Container = new Element('div', {
+ html : Mustache.render(templateEntry, {
+ fieldIsDisabled : QUILocale.get(lg, prefix + 'isDisable'),
+ fieldTitleIcon : QUILocale.get(lg, prefix + 'entryTitleIcon'),
+ fieldEntryTitle : QUILocale.get(lg, prefix + 'entryTitle'),
+ fieldEntryImage : QUILocale.get(lg, prefix + 'entryImage'),
+ fieldEntryContent: QUILocale.get(lg, prefix + 'entryContent')
+ }),
+ 'class': 'quiqqer-menu-navTabsVertival-settings'
+ }).inject(Win.getContent());
+
+ var Text = Container.getElement('.field-entryContent');
+
+ Text.getParent().setStyles({
+ height: 100
+ });
+
+ Win.IsDisabledSwitch = new QUISwitch({
+ name : 'isDisabled',
+ status: false
+ }).inject(Container.getElement('#isDisabledWrapper'));
+
+ Win.NewTabSwitch = new QUISwitch({
+ name: 'newTab'
+ }).inject(Container.getElement('#newTabWrapper'));
+
+
+ QUI.parse(Container).then(function () {
+ return ControlsUtils.parse(Container);
+ }).then(function () {
+ var controls = QUI.Controls.getControlsInElement(Container),
+ project = self.getAttribute('project');
+
+ controls.each(function (Control) {
+ if (Control === self) {
+ return;
+ }
+
+ if ("setProject" in Control) {
+ Control.setProject(project);
+ }
+ });
+
+ Win.fireEvent('openAfterCreate', [Win]);
+
+ moofx(Container).animate({
+ opacity: 1,
+ top : 0
+ }, {
+ duration: 250,
+ callback: function () {
+ resolve(Container);
+ Win.Loader.hide();
+ }
+ });
+ });
+ }
}
- }
+ });
+
+ resolve(Dialog);
});
}
});
diff --git a/bricks.xml b/bricks.xml
index dd2b973f8f5ab2eefd40ca8adb7d5f76811fb280..96a9cb2c3ee415c7f4cac128499669d38d3d7e40 100644
--- a/bricks.xml
+++ b/bricks.xml
@@ -135,11 +135,10 @@
var="control.navTabsVertical.navContent"/>
</setting>
- <setting name="entries"
- data-qui="package/quiqqer/menu/bin/Controls/NavTabsVerticalSettings">
- <locale group="quiqqer/menu"
- var="control.navTabsVertical.entries"/>
+ <setting name="entries" type="hidden" data-qui="package/quiqqer/menu/bin/Controls/NavTabsVerticalSettings">
+ <locale group="quiqqer/menu" var="control.navTabsVertical.entries"/>
</setting>
+
</settings>
</brick>
diff --git a/locale.xml b/locale.xml
index 97509d47494e678be4c426ad46c0fd1a2ad6aead..6ac3996b6a03ee3426c0077a355f7c48367c6e56 100644
--- a/locale.xml
+++ b/locale.xml
@@ -203,10 +203,30 @@
<de><![CDATA[Tabs]]></de>
<en><![CDATA[Tabs]]></en>
</locale>
+ <locale name="control.navTabsVertical.entries.add.title">
+ <de><![CDATA[Eintrag hinzufügen]]></de>
+ <en><![CDATA[Add Entry]]></en>
+ </locale>
+ <locale name="control.navTabsVertical.entries.edit.title">
+ <de><![CDATA[Eintrag bearbeiten]]></de>
+ <en><![CDATA[Edit Entry]]></en>
+ </locale>
+ <locale name="control.navTabsVertical.entries.delete.title">
+ <de><![CDATA[Möchten Sie diesen Eintrag wirklich entfernen?]]></de>
+ <en><![CDATA[Do you really want to remove this entry?]]></en>
+ </locale>
+ <locale name="control.navTabsVertical.entries.delete.information">
+ <de><![CDATA[Der Eintrag kann nicht wiederhergestellt werden]]></de>
+ <en><![CDATA[The entries can not be restored]]></en>
+ </locale>
<locale name="control.navTabsVertical.entries.addButton">
<de><![CDATA[Eintrag hinzufügen]]></de>
<en><![CDATA[Add entry]]></en>
</locale>
+ <locale name="control.navTabsVertical.entries.isDisable">
+ <de><![CDATA[Deaktiviert]]></de>
+ <en><![CDATA[Disabled]]></en>
+ </locale>
<locale name="control.navTabsVertical.entries.entryTitle">
<de><![CDATA[Titel]]></de>
<en><![CDATA[Title]]></en>
diff --git a/src/QUI/Menu/NavTabsVertical.html b/src/QUI/Menu/NavTabsVertical.html
index babaeba117bdc90d86f5fc4ae157d51f324847ba..5d5a5e8cd554b091641b10364dd5870a27ef090b 100644
--- a/src/QUI/Menu/NavTabsVertical.html
+++ b/src/QUI/Menu/NavTabsVertical.html
@@ -5,7 +5,7 @@
{/if}
{if $this->getAttribute('content') != ""}
-<div class="control-body">
+<div class="control-body default-content">
{$this->getAttribute('content')}
</div>
{/if}
@@ -89,7 +89,11 @@
</div>
{/if}
- {$entryContent}
+ {if $entryContent}
+ <div class="default-content">
+ {$entryContent}
+ </div>
+ {/if}
{if $entryImage && $imagePos == 'bottom'}
<div class="quiqqer-menu-navTabsVertical-content-image
diff --git a/src/QUI/Menu/NavTabsVertical.php b/src/QUI/Menu/NavTabsVertical.php
index ca87c491d0b2650a7fba4881ef7067011bef5090..840bf7da7e206571e05ea5959e942dcddbf78967 100644
--- a/src/QUI/Menu/NavTabsVertical.php
+++ b/src/QUI/Menu/NavTabsVertical.php
@@ -50,14 +50,23 @@ public function getBody()
{
$Engine = QUI::getTemplateManager()->getEngine();
$entries = $this->getAttribute('entries');
+ $enabledEntries = [];
if (is_string($entries)) {
$entries = json_decode($entries, true);
}
+ foreach ($entries as $entry) {
+ if (isset($entry['isDisabled']) && $entry['isDisabled'] === 1) {
+ continue;
+ }
+
+ array_push($enabledEntries, $entry);
+ }
+
$Engine->assign([
'this' => $this,
- 'entries' => $entries,
+ 'entries' => $enabledEntries,
'navTitle' => $this->getAttribute('navTitle'),
'navContent' => $this->getAttribute('navContent'),
'imagePos' => $this->getAttribute('imagePos')