Skip to content
Code-Schnipsel Gruppen Projekte
Commit f7bd631e erstellt von Dominik Chrzanowski's avatar Dominik Chrzanowski
Dateien durchsuchen

feat: Initial grid preparations [NavTabsVertical] #19

Übergeordneter 9911e990
No related branches found
No related tags found
2 Merge Requests!13Dev,!12Feat#19
Dieser Commit ist Teil des Merge Request !12. Hier erstellte Kommentare werden im Kontext dieses Merge Request erstellt.
Leerzeichenänderungen ausblenden
Inline Nebeneinander
bin/Controls/NavTabsVerticalSettings.html
+ 58
− 22
Zeige Datei @ f7bd631e
<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-addition"/>
</label>
</td>
</tr>
</tbody>
</table>
</form>
bin/Controls/NavTabsVerticalSettings.js gelöscht 100644 → 0
+ 0
− 146
Zeige Datei @ 9911e990
/**
*
* @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',
'Locale',
'Mustache',
'text!package/quiqqer/menu/bin/Controls/NavTabsVerticalSettings.html',
'css!package/quiqqer/menu/bin/Controls/NavTabsVerticalSettings.css'
], function (QUIFormList, QUIControls, QUILocale, Mustache, template) {
"use strict";
var lg = 'quiqqer/menu';
return new Class({
Extends: QUIFormList,
Type : 'package/quiqqer/menu/bin/Controls/NavTabsVerticalSettings',
Binds: [
'$onParsed'
],
initialize: function (options) {
this.parent(options);
this.$Project = null;
this.addEvents({
onParsed: this.$onParsed
});
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')
})
});
},
/**
* @event on import
*
* https://dev.quiqqer.com/quiqqer/package-bricks/issues/97
*/
$onImport: function () {
// look if some value exist
var value = this.getElm().value;
if (value === '') {
this.parent();
return;
}
value = JSON.decode(value);
if (typeOf(value) !== 'array') {
this.parent();
return;
}
for (var i = 0, len = value.length; i < len; i++) {
if (typeof value[i].content !== 'undefined') {
value[i]['entryContent'] = value[i].content;
}
if (typeof value[i].title !== 'undefined') {
value[i]['entryTitle'] = value[i].title;
}
if (typeof value[i].image !== 'undefined') {
value[i]['entryImage'] = value[i].title;
}
}
this.getElm().value = JSON.encode(value);
this.parent();
},
/**
* set the project to the control
*
* @param Project
*/
setProject: function (Project) {
this.$Project = Project;
this.$onParsed(false, this.getElm());
},
/**
* Parses QUI controls when a new entry is created
*
* Fired after (inherited) FormList has parsed the content
*
* @param event
* @param Node - The element that was previously parsed by (inherited) FormList
*/
$onParsed: function (event, Node) {
if (!this.$Project) {
return;
}
this.$executeParsing(Node);
},
/**
* Parse the editor
*
* @param Node
* @returns {Promise}
*/
$executeParsing: function (Node) {
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');
var inputEditors = Node.getElements('[data-qui="controls/editors/Input"]').map(function (InnerNode) {
return QUI.Controls.getById(InnerNode.get('data-quiid'));
});
for (var i = 0, len = inputEditors.length; i < len; i++) {
if (inputEditors[i]) {
inputEditors[i].setProject(self.$Project);
}
}
});
}
});
});
bricks.xml
+ 8
− 4
Zeige Datei @ f7bd631e
......@@ -135,11 +135,15 @@
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>
<!-- <setting name="entries"-->
<!-- data-qui="package/quiqqer/menu/bin/Controls/NavTabsVerticalSettings">-->
<!-- <locale group="quiqqer/menu"-->
<!-- var="control.navTabsVertical.entries"/>-->
<!-- </setting>-->
</settings>
</brick>
......
locale.xml
+ 20
− 0
Zeige Datei @ f7bd631e
......@@ -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[Eintrag deaktivieren]]></de>
<en><![CDATA[Disable entry]]></en>
</locale>
<locale name="control.navTabsVertical.entries.entryTitle">
<de><![CDATA[Titel]]></de>
<en><![CDATA[Title]]></en>
......
0% oder .
You are about to add 0 people to the discussion. Proceed with caution.
Bearbeitung dieser Nachricht zuerst beenden!
Bitte registrieren oder zum Kommentieren

PCSG & QUIQQER support and DEV System - GitLab