refactor: feat: #11

bin/Controls/Independent/Items/Anchor.html

@@ -20,7 +20,7 @@
             <td>
                 <label class="field-container">
                     <span class="field-container-item">
-                        {{name}}
+                        {{linkTitle}}
                     </span>
                     <input class="field-container-field"
                            type="text"
@@ -30,7 +30,7 @@
                 </label>
             </td>
         </tr>
-        
+
         <tr>
             <td>
                 <label class="field-container">

bin/Controls/Independent/Items/Anchor.js

@@ -36,10 +36,10 @@ define('package/quiqqer/menu/bin/Controls/Independent/Items/Anchor', [
         $onInject: function () {
             this.getElm().set('data-qui', this.getType());
             this.getElm().set('html', Mustache.render(template, {
-                title : QUILocale.get('quiqqer/quiqqer', 'title'),
-                name  : QUILocale.get('quiqqer/quiqqer', 'name'),
-                icon  : QUILocale.get(lg, 'tpl.icon'),
-                anchor: QUILocale.get(lg, 'tpl.anchor'),
+                title    : QUILocale.get('quiqqer/quiqqer', 'title'),
+                linkTitle: QUILocale.get(lg, 'tpl.linkTitle'),
+                icon     : QUILocale.get(lg, 'tpl.icon'),
+                anchor   : QUILocale.get(lg, 'tpl.anchor'),
             }));
 
             let title = this.getAttribute('title');
@@ -100,7 +100,7 @@ define('package/quiqqer/menu/bin/Controls/Independent/Items/Anchor', [
                         this.$Name.open();
                     });
                 }
-                
+
                 this.fireEvent('load');
             });
         },

bin/Controls/Independent/Items/Custom.html

@@ -20,7 +20,7 @@
             <td>
                 <label class="field-container">
                     <span class="field-container-item">
-                        {{name}}
+                        {{linkTitle}}
                     </span>
                     <input class="field-container-field"
                            type="text"
@@ -30,7 +30,7 @@
                 </label>
             </td>
         </tr>
-        
+
         <tr>
             <td>
                 <label class="field-container">

bin/Controls/Independent/Items/Custom.js

@@ -39,7 +39,7 @@ define('package/quiqqer/menu/bin/Controls/Independent/Items/Custom', [
             this.getElm().set('data-qui', this.getType());
             this.getElm().set('html', Mustache.render(template, {
                 title         : QUILocale.get('quiqqer/quiqqer', 'title'),
-                name          : QUILocale.get('quiqqer/quiqqer', 'name'),
+                linkTitle     : QUILocale.get(lg, 'tpl.linkTitle'),
                 icon          : QUILocale.get(lg, 'tpl.icon'),
                 url           : QUILocale.get(lg, 'tpl.url'),
                 rel           : QUILocale.get(lg, 'tpl.rel'),

bin/Controls/Independent/Items/Url.html

@@ -20,7 +20,7 @@
             <td>
                 <label class="field-container">
                     <span class="field-container-item">
-                        {{name}}
+                        {{linkTitle}}
                     </span>
                     <input class="field-container-field"
                            type="text"
@@ -30,7 +30,7 @@
                 </label>
             </td>
         </tr>
-        
+
         <tr>
             <td>
                 <label class="field-container">

bin/Controls/Independent/Items/Url.js

@@ -37,7 +37,7 @@ define('package/quiqqer/menu/bin/Controls/Independent/Items/Url', [
             this.getElm().set('data-qui', this.getType());
             this.getElm().set('html', Mustache.render(template, {
                 title         : QUILocale.get('quiqqer/quiqqer', 'title'),
-                name          : QUILocale.get('quiqqer/quiqqer', 'name'),
+                linkTitle     : QUILocale.get(lg, 'tpl.linkTitle'),
                 icon          : QUILocale.get(lg, 'tpl.icon'),
                 url           : QUILocale.get(lg, 'tpl.url'),
                 rel           : QUILocale.get(lg, 'tpl.rel'),
@@ -117,7 +117,7 @@ define('package/quiqqer/menu/bin/Controls/Independent/Items/Url', [
                         this.$Name.open();
                     });
                 }
-                
+
                 this.fireEvent('load');
             });
         },

bin/Controls/Independent/MenuPanel.js

@@ -187,13 +187,18 @@ define('package/quiqqer/menu/bin/Controls/Independent/MenuPanel', [
                     menuData.data.children.length
                 ) {
                     const buildChildren = (Parent, children) => {
-                        let i, len, data, Item;
+                        let i, len, data, Item, text;
 
                         for (i = 0, len = children.length; i < len; i++) {
                             data = children[i];
+                            text = data.titleFrontend;
+
+                            if (text === '' || text === '###') {
+                                text = '?';
+                            }
 
                             Item = new QUIMapItem({
-                                text     : data.titleFrontend,
+                                text     : text,
                                 icon     : data.typeIcon,
                                 itemTitle: data.title,
                                 itemType : data.type,
@@ -555,6 +560,10 @@ define('package/quiqqer/menu/bin/Controls/Independent/MenuPanel', [
 
             return new Promise(function (resolve, reject) {
                 QUIAjax.get('package_quiqqer_menu_ajax_backend_independent_getItemTitle', (name) => {
+                    if (name === '') {
+                        name = '?';
+                    }
+
                     Item.setAttribute('text', name);
                     resolve();
                 }, {

locale.xml

@@ -350,6 +350,10 @@
             <de><![CDATA[Site]]></de>
             <en><![CDATA[Site]]></en>
         </locale>
+        <locale name="tpl.linkTitle">
+            <de><![CDATA[Link Titel]]></de>
+            <en><![CDATA[Link title]]></en>
+        </locale>
 
         <locale name="tpl.rel.alternate">
             <de><![CDATA[

src/QUI/Menu/Independent/Items/AbstractMenuItem.php

@@ -79,6 +79,18 @@ public function getName(Locale $Locale = null): string
         return $this->getTitle($Locale);
     }
 
+    /**
+     * alias for name
+     * - can be use for the `a title=""` attribute
+     *
+     * @param Locale|null $Locale
+     * @return string
+     */
+    public function getTitleAttribute(Locale $Locale = null): string
+    {
+        return $this->getName($Locale);
+    }
+
     /**
      * @return string
      */