generic-skin 3.7.8 → 3.7.9

package/config/vueComponents.js

@@ -1,9 +1,9 @@
 /* Estructura del foro */
 Vue.component('categoria-foro', {
-    props: ['dataId'],
+    props: ['id'],
     computed: {
         slugName() {
-            const name = (this.dataId.indexOf('<h2>') > -1 ? FNR.utility.genSlug(this.dataId.split('<h2>')[1].split('</h2>')[0], '-') : FNR.utility.genSlug(this.dataId, '-'));
+            const name = (this.id.indexOf('<h2>') > -1 ? FNR.utility.genSlug(this.id.split('<h2>')[1].split('</h2>')[0], '-') : FNR.utility.genSlug(this.id, '-'));
 
             return 'category-' + name;
         }
@@ -18,12 +18,12 @@ Vue.component('categoria-foro', {
 Vue.component('cabecera-foro', {
     data() {
         return {
-            dataTitle: this.$slots['title'][0].tag === undefined ? this.$slots['title'][0].text : this.$slots['title'][0].children[0].text
+            title: this.$slots['title'][0].tag === undefined ? this.$slots['title'][0].text : this.$slots['title'][0].children[0].text
         }
     },
     template: `
     <div class="forum-head regular-head">
-        <titulo-especial :data-title="dataTitle"></titulo-especial>
+        <titulo-especial :title="title"></titulo-especial>
     </div>
     `
 });
@@ -31,12 +31,12 @@ Vue.component('cabecera-foro', {
 Vue.component('cabcategoria-foro', {
     data() {
         return {
-            dataTitle: this.$slots['title'][0].tag === undefined ? this.$slots['title'][0].text : this.$slots['title'][0].children[0].text
+            title: this.$slots['title'][0].tag === undefined ? this.$slots['title'][0].text : this.$slots['title'][0].children[0].text
         }
     },
     template: `
     <div class="forum-head category-head">
-        <titulo-especial :data-title="dataTitle"></titulo-especial>
+        <titulo-especial :title="title"></titulo-especial>
     </div>
     `
 });
@@ -44,18 +44,18 @@ Vue.component('cabcategoria-foro', {
 Vue.component('cabespecial-foro', {
     data() {
         return {
-            dataTitle: this.$slots['title'][0].tag === undefined ? this.$slots['title'][0].text : this.$slots['title'][0].children[0].text
+            title: this.$slots['title'][0].tag === undefined ? this.$slots['title'][0].text : this.$slots['title'][0].children[0].text
         }
     },
     template: `
     <div class="forum-head special-head">
-        <titulo-especial :data-title="dataTitle"></titulo-especial>
+        <titulo-especial :title="title"></titulo-especial>
     </div>
     `
 });
 
 Vue.component('subforo-foro', {
-    props: ['dataId'],
+    props: ['id'],
     computed: {
         slugId() {
             let id = '';
@@ -69,7 +69,7 @@ Vue.component('subforo-foro', {
             return 'subforum-' + id;
         },
         slugName() {
-            const name = (this.dataId.indexOf('<h2>') > -1 ? FNR.utility.genSlug(this.dataId.split('<h2>')[1].split('</h2>')[0], '-') : FNR.utility.genSlug(this.dataId, '-'));
+            const name = (this.id.indexOf('<h2>') > -1 ? FNR.utility.genSlug(this.id.split('<h2>')[1].split('</h2>')[0], '-') : FNR.utility.genSlug(this.id, '-'));
 
             return 'subforum-' + name;
         }
@@ -82,16 +82,16 @@ Vue.component('subforo-foro', {
 });
 
 Vue.component('lista-temas-cabecera', {
-    props: ['dataElements'],
+    props: ['elements'],
     data() {
         return {
-            elementos: JSON.parse(this.dataElements.replace(/'/g, '"'))
+            elementos: JSON.parse(this.elements.replace(/'/g, '"'))
         }
     },
     template: `
     <ul class="topiclist-header no-style">
         <li v-for="element in elementos">
-            <titulo-especial :data-title="element"></titulo-especial>
+            <titulo-especial :title="element"></titulo-especial>
         </li>
     </ul>
     `
@@ -124,10 +124,10 @@ Vue.component('tema-foro', {
 });
 
 Vue.component('mando-foro', {
-    props: ['dataId', 'dataApp'],
+    props: ['id', 'app'],
     template: `
-    <section :id="dataId" class="forum-controls">
-        <template v-if="dataApp === 'true'">
+    <section :id="id" class="forum-controls">
+        <template v-if="app === 'true'">
             <div class="left page-pagination">
                 <slot name="pagination"></slot>
             </div>
@@ -145,18 +145,18 @@ Vue.component('mando-foro', {
 
 /* Componentes del foro */
 Vue.component('titulo-especial', {
-    props: ['dataTitle'],
+    props: ['title'],
     template: `
-    <h3 class="is-tweakeable"><span class="is-measurable" v-html="dataTitle"></span></h3>
+    <h3 class="is-tweakeable"><span class="is-measurable" v-html="title"></span></h3>
     `
 });
 
 Vue.component('cuerpo-widget', {
-    props: ['dataClass'],
+    props: ['class'],
     computed: {
         currentClass() {
-            if (this.dataClass === undefined) return 'plank-inner';
-            else return 'plank-inner' + ' ' + this.dataClass;
+            if (this.class === undefined) return 'plank-inner';
+            else return 'plank-inner' + ' ' + this.class;
         }
     },
     template: `
@@ -169,7 +169,7 @@ Vue.component('cuerpo-widget', {
 });
 
 Vue.component('separador-foro', {
-    props: ['dataFaction'],
+    props: ['faction'],
     data() {
         return {
             image: forumDefaults.separator
@@ -183,7 +183,7 @@ Vue.component('separador-foro', {
 });
 
 Vue.component('tema-ref', {
-    props: ['dataInfo'],
+    props: ['info'],
     data() {
         return {
             profileName: forumConfig.profileOptions.profileName || 'perfil'
@@ -191,33 +191,33 @@ Vue.component('tema-ref', {
     },
     computed: {
         userColor() {
-            return 'color: ' + this.dataInfo.lastpost.who.color;
+            return 'color: ' + this.info.lastpost.who.color;
         }
     },
     template: `
     <div class="ltopic-element">
-        <a class="ltopic-last" :href="dataInfo.lastpost.url" target="_blank" :title="'Ir al último mensaje del tema «' + dataInfo.name + '»'">
+        <a class="ltopic-last" :href="info.lastpost.url" target="_blank" :title="'Ir al último mensaje del tema «' + info.name + '»'">
             <i class="fas fa-link"></i>
         </a>
         <div class="ltopic-data">
-            <a class="ltopic-title" :href="dataInfo.url" target="_blank" :title="'Ir al tema «' + dataInfo.name + '»'">{{ dataInfo.name }}</a>
-            <small class="ltopic-info"><a :href="dataInfo.lastpost.who.url" target="_blank" :style="userColor" :title="'Ir al ' + profileName + ' de «' + dataInfo.lastpost.who.name + '»'">{{ dataInfo.lastpost.who.name | just-name }}</a>, {{ dataInfo.lastpost.date }} en <a :href="dataInfo.forum.url" target="_blank" :title="'Ir al subforo «' + dataInfo.forum.name + '»'">{{ dataInfo.forum.name }}</a></small>
+            <a class="ltopic-title" :href="info.url" target="_blank" :title="'Ir al tema «' + info.name + '»'">{{ info.name }}</a>
+            <small class="ltopic-info"><a :href="info.lastpost.who.url" target="_blank" :style="userColor" :title="'Ir al ' + profileName + ' de «' + info.lastpost.who.name + '»'">{{ info.lastpost.who.name | just-name }}</a>, {{ info.lastpost.date }} en <a :href="info.forum.url" target="_blank" :title="'Ir al subforo «' + info.forum.name + '»'">{{ info.forum.name }}</a></small>
         </div>
     </div>
     `
 });
 
 Vue.component('campo-foro', {
-    props: ['dataName'],
+    props: ['name'],
     mounted() {
         const classList = this.$el.parentElement.classList;
 
         classList.add('field-element');
-        classList.add('field-' + FNR.utility.genSlug(this.dataName, '-'));
+        classList.add('field-' + FNR.utility.genSlug(this.name, '-'));
     },
     template: `
     <div class="forum-field">
-        <div class="field-name">{{ dataName | capitalize }}</div>
+        <div class="field-name">{{ name | capitalize }}</div>
         <div class="field-content">
             <slot></slot>
         </div>
@@ -226,33 +226,33 @@ Vue.component('campo-foro', {
 });
 
 Vue.component('boton-foro', {
-    props: ['dataUrl', 'dataName', 'dataIcon', 'dataType', 'dataInput'],
+    props: ['url', 'name', 'icon', 'type', 'input'],
     computed: {
         realClass() {
-            if (this.dataInput === 'true') return 'forum-button is-input';
+            if (this.input === 'true') return 'forum-button is-input';
             else return 'forum-button';
         },
         realName() {
-            return 'text' + (this.dataType === 'no-name' ? ' is-hidden-touch' : '');
+            return 'text' + (this.type === 'no-name' ? ' is-hidden-touch' : '');
         },
         realUrl() {
-            if (this.dataInput === 'true') return 'javascript:{}';
-            else return this.dataUrl;
+            if (this.input === 'true') return 'javascript:{}';
+            else return this.url;
         }
     },
     mounted() {
         const classList = this.$el.parentElement.classList;
 
         classList.add('btn-element');
-        classList.add('btn-' + FNR.utility.genSlug(this.dataName, '-'));
+        classList.add('btn-' + FNR.utility.genSlug(this.name, '-'));
     },
     template: `
-    <a :href="realUrl" targer="_blank" :class="realClass" :title="dataName">
+    <a :href="realUrl" targer="_blank" :class="realClass" :title="name">
         <span class="icon">
-            <i :class="dataIcon"></i>
+            <i :class="icon"></i>
         </span>
-        <span :class="realName">{{ dataName }}</span>
-        <span v-if="dataInput === 'true'" class="input-real">
+        <span :class="realName">{{ name }}</span>
+        <span v-if="input === 'true'" class="input-real">
             <slot name="input"></slot>
         </span>
     </a>
@@ -260,12 +260,12 @@ Vue.component('boton-foro', {
 });
 
 Vue.component('cargando-foro', {
-    props: ['dataText'],
+    props: ['text'],
     template: `
     <section id="loading-element">
         <div id="loading-content">
             <i class="fas fa-circle-notch fa-spin"></i>
-            <span>{{ dataText }}</span>
+            <span>{{ text }}</span>
         </div>
     </section>
     `
@@ -340,7 +340,7 @@ Vue.component('controles-foro', {
     	</nav>
         <nav class="right">   
             <section id="forum-navbar-desktop" class="is-hidden-touch">
-                <navbar-foro :data-username="userName" :data-userlevel="userLevel" :data-userid="userId" :data-userlog="userLog" :data-usermp="userMP" :data-userout="userOut" />
+                <navbar-foro :username="userName" :userlevel="userLevel" :userid="userId" :userlog="userLog" :usermp="userMP" :userout="userOut" />
             </section>
             <section id="forum-navbar-mobile" class="is-hidden-desktop">
                 <div id="hmg-button" @click="turnActive()" class="is-pointer">
@@ -348,12 +348,12 @@ Vue.component('controles-foro', {
                 </div>
                 <div id="hmg-menu" :class="isActiveClass">
                     <h3>{{ userName | just-name }}<i class="fas fa-times is-pointer" @click="turnActive()"></i></h3>
-                    <navbar-foro :data-username="userName" :data-userlevel="userLevel" :data-userid="userId" :data-userlog="userLog" :data-usermp="userMP" :data-userout="userOut" />
+                    <navbar-foro :username="userName" :userlevel="userLevel" :userid="userId" :userlog="userLog" :usermp="userMP" :userout="userOut" />
                 </div>
                 <div class="bg-active" @click="turnActive()"></div>
             </section>
             <section v-if="maPage === 1" id="multiaccount-transition">
-                <cargando-foro data-text="Cambiando de cuenta…"></cargando-foro>
+                <cargando-foro text="Cambiando de cuenta…"></cargando-foro>
             </section>
         </nav>
     </div>
@@ -361,7 +361,7 @@ Vue.component('controles-foro', {
 });
 
 Vue.component('navbar-foro', {
-    props: ['dataUsername', 'dataUserlevel', 'dataUserid', 'dataUserlog', 'dataUsermp', 'dataUserout'],
+    props: ['username', 'userlevel', 'userid', 'userlog', 'usermp', 'userout'],
     data() {
         return {
             profileName: forumConfig.profileOptions.profileName || 'perfil',
@@ -377,10 +377,10 @@ Vue.component('navbar-foro', {
     },
     computed: {
         isStatusClass() {
-            return ((this.dataUserlog === 1) ? 'is-logged' : 'is-unlogged') + ((this.dataUserlevel === 1) ? ' is-admin' : ' is-user')
+            return ((this.userlog === 1) ? 'is-logged' : 'is-unlogged') + ((this.userlevel === 1) ? ' is-admin' : ' is-user')
         },
         mpText() {
-            return 'Mensajería' + ((this.dataUsermp !== 0) ? ' (' + this.dataUsermp + ')' : '')
+            return 'Mensajería' + ((this.usermp !== 0) ? ' (' + this.usermp + ')' : '')
         },
         links() {
             return this.navigation.filter((item) => {
@@ -392,7 +392,7 @@ Vue.component('navbar-foro', {
         changeAccount() {
             this.$parent.maPage = 1;
 
-            FNR.user.changeAccount(this.dataUserout, this.multiAccount.accounts[this.multiAccount.position].name, this.multiAccount.accounts[this.multiAccount.position].password).then((r) => {
+            FNR.user.changeAccount(this.userout, this.multiAccount.accounts[this.multiAccount.position].name, this.multiAccount.accounts[this.multiAccount.position].password).then((r) => {
                 if (r) {
                     window.location.reload();
                 }
@@ -416,7 +416,7 @@ Vue.component('navbar-foro', {
     },
     template: `
     <ul :class="isStatusClass">
-        <template v-if="!dataUserlog">
+        <template v-if="!userlog">
             <li class="navbar-item">
                 <a href="/register" title="Registrarse en el foro">
                     <div class="icon">
@@ -464,10 +464,10 @@ Vue.component('navbar-foro', {
                     <div class="icon">
                         <i class="fas fa-user"></i>
                     </div>
-                    <div class="text">{{ dataUsername | just-name }}</div>
+                    <div class="text">{{ username | just-name }}</div>
                 </a>
                 <div class="navbar-dropdown is-right">
-                    <template v-if="dataUserlevel === 1">
+                    <template v-if="userlevel === 1">
                         <a class="navbar-item" href="/admin" target="_blank" title="Ir al «Panel de Administrador»">
                             <div class="icon">
                                 <i class="fas fa-cogs"></i>
@@ -481,7 +481,7 @@ Vue.component('navbar-foro', {
                         </div>
                         <div class="text">Panel Usuario</div>
                     </a>
-                    <a class="navbar-item" :href="'/u' + dataUserid" :title="'Ir a tu ' + profileName">
+                    <a class="navbar-item" :href="'/u' + userid" :title="'Ir a tu ' + profileName">
                         <div class="icon">
                             <i class="far fa-id-card"></i>
                         </div>
@@ -493,7 +493,7 @@ Vue.component('navbar-foro', {
                         </div>
                         <div class="text">Temas personales</div>
                     </a>
-                    <a class="navbar-item" :href="dataUserout" title="Cerrar sesión">
+                    <a class="navbar-item" :href="userout" title="Cerrar sesión">
                         <div class="icon">
                             <i class="fas fa-sign-out-alt"></i>
                         </div>
@@ -605,7 +605,7 @@ Vue.component('note-info', {
 });
 
 Vue.component('redirect', {
-    props: ['dataTo'],
+    props: ['to'],
     computed: {
         currentStatus() {
             if (window.location.pathname.match(/t(\d+)-/)) return true;
@@ -614,7 +614,7 @@ Vue.component('redirect', {
     },
     created() {
         if (this.currentStatus) {
-            window.location.replace(this.dataTo);
+            window.location.replace(this.to);
         }
     },
     template: `
@@ -627,7 +627,7 @@ Vue.component('redirect', {
 });
 
 Vue.component('quote', {
-    props: ['dataFrom', 'from'],
+    props: ['from'],
     template: `
     <div class="admin-block admin-box user-coolquote">
         <div class="coolquote-quote">
@@ -637,17 +637,17 @@ Vue.component('quote', {
             </div>
             <div class="fas fa-quote-right"></div>
         </div>
-        <div class="coolquote-from">{{ dataFrom }}{{ from }}</div>
+        <div class="coolquote-from">{{ from }}</div>
     </div>
     `
 });
 
 /* Wiki del foro */
 Vue.component('wiki-index-items-d', {
-    props: ['dataContent'],
+    props: ['content'],
     template: `
     <ul>
-        <li v-for="content in dataContent">
+        <li v-for="content in content">
             <div class="wiki-controls">
                 <router-link :to="content.id" v-if="!content.children.length" :title="'Ir al artículo de «' + content.name + '»'">{{ content.name }}</router-link>
                 <a class="wiki-cascade" :title="'Desplegar categoría de «' + content.name + '»'" v-else>
@@ -658,7 +658,7 @@ Vue.component('wiki-index-items-d', {
                     </span>
                 </a>
             </div>
-            <wiki-index-items-d v-if="content.children.length" :data-content="content.children"></wiki-index-items-d>
+            <wiki-index-items-d v-if="content.children.length" :content="content.children"></wiki-index-items-d>
         </li>
     </ul>
     `
@@ -700,7 +700,7 @@ Vue.component('wiki-index', {
     <aside class="wiki-index is-content profile-sticky">
         <div class="is-hidden-touch">
             <h3>Contenido</h3>
-            <wiki-index-items-d :data-content="indexContent"></wiki-index-items-d>
+            <wiki-index-items-d :content="indexContent"></wiki-index-items-d>
         </div>
         <div class="select-container is-hidden-desktop">
             <select>
@@ -739,11 +739,11 @@ Vue.component('wiki-index', {
 });
 
 Vue.component('wiki-contenido', {
-    props: ['dataMode'],
+    props: ['mode'],
     template: `
     <div class="wiki-body has-small-topiclist">
         <wiki-index></wiki-index>
-        <template v-if="dataMode === 'app'">
+        <template v-if="mode === 'app'">
             <slot></slot>
         </template>
         <template v-else>
@@ -795,19 +795,19 @@ Vue.component('wiki-nav', {
 });
 
 Vue.component('wiki-children', {
-    props: ['dataName', 'dataCategory'],
+    props: ['name', 'category'],
     computed: {
         nav() {
             return routes.filter((item) => {
                 return item.component
             }).filter((item) => {
-                return item.component.page_parent === this.dataCategory;
+                return item.component.page_parent === this.category;
             });
         }
     },
     template: `
     <div class="wiki-nav" v-if="nav.length > 0">
-        <h2>{{ dataName }}</h2>
+        <h2>{{ name }}</h2>
         <template v-for="route in nav">* <router-link :to="route.path" :title="'Ir al artículo «' + route.component.page_name + '»'">{{ route.component.page_name }}</router-link><br/></template>
     </div>
     `
@@ -815,7 +815,7 @@ Vue.component('wiki-children', {
 
 /* Modal del foro */
 Vue.component('modal-foro', {
-    props: ['dataTitle'],
+    props: ['title'],
     methods: {
         modalClose() {
             this.$parent.state.modal = false;
@@ -826,7 +826,7 @@ Vue.component('modal-foro', {
     <div id="forum-modal">
         <div class="modal-element">
             <div class="modal-title">
-                <h3>{{ dataTitle }}</h3>
+                <h3>{{ title }}</h3>
                 <a @click="modalClose()">
                     <i class="fas fa-times"></i>
                 </a>
@@ -1133,7 +1133,7 @@ Vue.component('expediente-usuario', {
                         </div>
                         <ul id="chronology-element" class="is-two-columns-list">
                             <template v-for="element in chronologyField">
-                                <elemento-cronologia :data-element="element" data-type="profile" />
+                                <elemento-cronologia :element="element" type="profile" />
                             </template>
                         </ul>
                     </li>
@@ -1143,7 +1143,7 @@ Vue.component('expediente-usuario', {
                         </div>
                         <ul id="relationships-element" class="is-two-columns-list">
                             <template v-for="element in relationshipsField">
-                                <elemento-relaciones :data-element="element" data-type="profile" />
+                                <elemento-relaciones :element="element" type="profile" />
                             </template>
                         </ul>
                     </li>
@@ -1156,11 +1156,11 @@ Vue.component('expediente-usuario', {
 
 /* Tablillas */
 Vue.component('cuerpo-principal', {
-    props: ['dataTitle'],
+    props: ['title'],
     computed: {
         title() {
-            if (typeof this.dataTitle === 'undefined') return '';
-            else return this.dataTitle;
+            if (typeof this.title === 'undefined') return '';
+            else return this.title;
         }
     },
     template: `    
@@ -1174,11 +1174,11 @@ Vue.component('cuerpo-principal', {
 });
 
 Vue.component('cuerpo-interior', {
-    props: ['dataTitle'],
+    props: ['title'],
     computed: {
         title() {
-            if (typeof this.dataTitle === 'undefined') return '';
-            else return this.dataTitle;
+            if (typeof this.title === 'undefined') return '';
+            else return this.title;
         }
     },
     template: `    
@@ -1192,11 +1192,11 @@ Vue.component('cuerpo-interior', {
 });
 
 Vue.component('cuerpo-lista', {
-    props: ['dataTitle'],
+    props: ['title'],
     computed: {
         title() {
-            if (typeof this.dataTitle === 'undefined') return '';
-            else return this.dataTitle;
+            if (typeof this.title === 'undefined') return '';
+            else return this.title;
         }
     },
     template: `