generic-skin 3.9.89 → 3.9.91

package/apps/vueMulti.js

@@ -123,6 +123,7 @@ Vue.component('gestor-multicuentas', {
             },
             entry: {},
             content: {
+                page: 1,
                 encrypted: {},
                 password: {
                     type: 'password',
@@ -153,8 +154,8 @@ Vue.component('gestor-multicuentas', {
                 if (a.name < b.name) return -1;
                 else if (a.name > b.name) return 1;
                 else return 0;
-            });
-        }
+            }).slice((this.content.page - 1) * 4, this.content.page * 4);
+        },
     },
     methods: {
         modalClose() {
@@ -205,6 +206,9 @@ Vue.component('gestor-multicuentas', {
                 window.location.reload();
             }, 2500);
         },
+        setPage(id) {
+            this.content.page = id;
+        },
         updateData() {
             this.state.page = 3;
 
@@ -363,6 +367,9 @@ Vue.component('gestor-multicuentas', {
                 </template>
             </modal-foro>
             <mando-foro id="upper-controls" app="true">
+                <template slot="pagination" v-if="sortedCharacters.length > 1">
+                    <paginacion-foro :page="content.page" :total="Math.ceil(content.accounts.edit.length / 4)" @setPage="setPage" />
+                </template>
                 <template slot="controls">
                     <li @click="addEntry($event)">
                         <boton-foro url="#" name="Añadir" icon="fas fa-plus"></boton-foro>
@@ -383,6 +390,9 @@ Vue.component('gestor-multicuentas', {
                 </template>
             </ul>
             <mando-foro id="lower-controls" app="true">
+                <template slot="pagination" v-if="drafts.topics.pages.length > 1">
+                    <paginacion-foro :page="content.page" :total="Math.ceil(content.accounts.edit.length / 4)" @setPage="setPage" />
+                </template>
                 <template slot="controls">
                     <li @click="addEntry($event)">
                         <boton-foro url="#" name="Añadir" icon="fas fa-plus"></boton-foro>

package/apps/vueMulti.min.js

@@ -1 +1 @@
-Vue.component("modal-multicuentas",{props:["element","type"],data(){return{state:{modal:!1},content:{edit:JSON.parse(JSON.stringify(this.element)),current:this.element}}},computed:{modalTitle(){return"new"===this.type?"Nuevo usuario":"edit"===this.type?"Editar usuario":void 0},oneCheck(){let t="";return this.content.edit.name.length<4&&(t+="<li>Escribe el nombre de la cuenta.</li>"),this.content.edit.password.length<4&&(t+="<li>Escribe la contraseña de la cuenta.</li>"),t},finalCheck(){const{name:t,password:e}=this.content.current,{name:n,password:a}=this.content.edit;return t!==n||e!==a}},methods:{modalClose(){this.$parent.modal.type="new",this.$parent.modal.status=!1,this.$parent.setEntry(),this.$parent.forceRerender()},pushElement(){if("edit"===this.$parent.modal.type){let t=this.$parent.content.accounts.edit.map(t=>t.id).indexOf(this.content.current.id);this.$parent.content.accounts.edit.splice(t,1)}this.$parent.content.accounts.edit.push({name:this.content.edit.name,type:"password",id:FNR.utility.genSlug(this.content.edit.name),password:this.content.edit.password}),this.modalClose()}},template:'\n    <modal-foro :title="modalTitle" @modal-close="modalClose()">\n        <template slot="content">\n            <aviso-foro v-show="oneCheck.length">\n                <ul v-html="oneCheck"></ul>\n            </aviso-foro>\n            <ul class="forum-fieldlist no-style">\n                <li>\n                    <campo-foro name="Nombre">\n                        <input type="text" v-model="content.edit.name" placeholder="Escribe el nombre de la cuenta." />\n                    </campo-foro>\n                </li>\n                <li>\n                    <campo-foro name="Contraseña">\n                        <div class="character-selector">\n                            <input :type="content.edit.type" v-model="content.edit.password" placeholder="Escribe la contraseña de la cuenta." />\n                            <a class="character-custom" @click="content.edit.type === \'text\' ? content.edit.type = \'password\' : content.edit.type = \'text\'" title="Cambiar modo">\n                                <template v-if="content.edit.type === \'text\'">\n                                    <i class="fas fa-eye-slash"></i>\n                                </template>\n                                <template v-else-if="content.edit.type === \'password\'">\n                                    <i class="fas fa-eye"></i>\n                                </template>\n                            </a>\n                        </div>\n                    </campo-foro>\n                </li>\n            </ul>\n        </template>\n        <template slot="controls">\n            <controles-modal v-if="!oneCheck.length && finalCheck">\n                <button class="button1 btn-main" @click="pushElement()" title="Guardar entrada">Guardar</button>\n            </controles-modal>\n        </template>\n    </modal-foro>\n    '}),Vue.component("gestor-multicuentas",{data:()=>({render:0,modal:{type:"new",status:!1,bonus:!1},state:{new:!1,error:!1,page:0,pagination:0},entry:{},content:{encrypted:{},password:{type:"password",value:""},accounts:{current:[],edit:[]}}}),computed:{msgCheck(){let t="";return this.content.password.value.length<5&&(t+="<li>Escribe la contraseña maestra.</li>"),t},finalCheck(){return JSON.stringify(this.content.accounts.current)!==JSON.stringify(this.content.accounts.edit)},sortedCharacters(){return this.content.accounts.edit.sort((t,e)=>t.name<e.name?-1:t.name>e.name?1:0)}},methods:{modalClose(){this.state.page=3,setTimeout(()=>{window.location.reload()},2500)},forceRerender(){this.render+=1},setEntry(){this.entry={name:"",id:"",type:"password",password:""}},addEntry(t){t.preventDefault(),this.modal.status=!0},save(t){t.preventDefault(),this.updateData()},updateLocal(){this.updateData()},updateForum(){this.content.accounts.edit=FNR.cache.getData("usermultiaccounts").map(t=>({name:t.name,password:sjcl.decrypt(this.content.password.value,t.password)})),this.updateData()},setData(){this.state.page=3,FNR.cache.setData("userpassword",this.content.password.value,-1),setTimeout(()=>{window.location.reload()},2500)},updateData(){this.state.page=3;const t=this.content.accounts.edit.map(t=>({name:t.name,password:sjcl.encrypt(this.content.password.value,t.password)}));FNR.cache.setData("userpassword",this.content.password.value,-1),FNR.cache.setData("usermultiaccounts",t,-1),FNR.user.profile.setData([{name:forumConfig.profileUser.accountsField,type:"textarea",value:JSON.stringify([{password:this.state.new?sjcl.encrypt(this.content.password.value,"gaylien_masterpass"):this.content.encrypted.password,accounts:t}]).replace(/"/g,"`")}]).then(t=>{t?(FNR.html.genNotification("Atención","Información actualizada sin inconvenientes.","fas fa-check"),setTimeout(()=>{window.location.reload()},2500)):FNR.html.genNotification("Atención","Hubo un problema al actualizar. Dale otro intento.","fas fa-exclamation")})}},created(){FNR.user.profile.getData([{name:forumConfig.profileUser.accountsField,type:"textarea"}]).then(t=>{if(this.content.encrypted=FNR.utility.genArray(t[0].value)[0],this.state.new=0===Object.keys(this.content.encrypted).length,FNR.cache.getData("userpassword"))try{sjcl.decrypt(FNR.cache.getData("userpassword"),this.content.encrypted.password)}catch(t){"ccm: tag doesn't match"===t.message&&(this.state.error=!0,FNR.cache.delData("userpassword"),setTimeout(()=>{window.location.reload()},2500))}finally{if(!this.state.error)if(this.state.new&&FNR.cache.getData("usermultiaccounts").length>0)this.state.page=3,FNR.user.profile.setData([{name:forumConfig.profileUser.accountsField,type:"textarea",value:JSON.stringify([{password:sjcl.encrypt(FNR.cache.getData("userpassword"),"gaylien_masterpass"),accounts:FNR.cache.getData("usermultiaccounts")}]).replace(/"/g,"`")}]).then(t=>{t?(FNR.html.genNotification("Atención","Información actualizada sin inconvenientes.","fas fa-check"),setTimeout(()=>{window.location.reload()},2500)):FNR.html.genNotification("Atención","Hubo un problema al actualizar. Dale otro intento.","fas fa-exclamation")});else{let t=[];this.content.password.value=FNR.cache.getData("userpassword"),this.state.new||(t=JSON.parse(JSON.stringify(this.content.encrypted)).accounts.map(t=>({name:t.name,type:"password",id:FNR.utility.genSlug(t.name),password:sjcl.decrypt(this.content.password.value,t.password)}))),this.setEntry(),this.content.accounts.edit=t,this.content.accounts.current=JSON.parse(JSON.stringify(t)),this.state.page=2,this.state.new||JSON.stringify(FNR.cache.getData("usermultiaccounts"))===JSON.stringify(this.content.encrypted.accounts)||(this.modal.bonus=!0)}}else this.state.page=1})},template:'\n    <section id="forum-multiaccount" class="wiki-content is-dramatic">\n        <div class="is-content">\n            <h2>Multicuentas</h2>\n            <hr />\n            <p>En esta página podrás configurar tu cambio de cuenta rápido.</p>\n            <p>Ante cualquier duda o problema, contacta con la administración.</p>\n        </div>\n        <separador-foro />\n        <template v-if="state.page === 0">\n            <cargando-foro text="Cargando utilidad…"></cargando-foro>\n        </template>\n        <template v-else-if="state.page === 1">\n            <aviso-foro v-show="msgCheck.length">\n                <ul v-html="msgCheck"></ul>\n            </aviso-foro>\n            <ul class="forum-fieldlist no-style">\n                <li>\n                    <campo-foro name="Contraseña maestra">\n                        <div class="character-selector">\n                            <input :type="content.password.type" v-model="content.password.value" />\n                            <a class="character-custom" @click="content.password.type === \'text\' ? content.password.type = \'password\' : content.password.type = \'text\'" title="Cambiar modo">\n                                <template v-if="content.password.type === \'text\'">\n                                    <i class="fas fa-eye-slash"></i>\n                                </template>\n                                <template v-else-if="content.password.type === \'password\'">\n                                    <i class="fas fa-eye"></i>\n                                </template>\n                            </a>\n                        </div>\n                    </campo-foro>\n                </li>\n            </ul>\n            <div id="usereply-comand" v-if="!msgCheck.length">\n                <button class="button1 btn-main" @click="setData()">Guardar</button>\n            </div>\n        </template>\n        <template v-else-if="state.page === 2">\n            <modal-multicuentas v-if="modal.status" :type="modal.type" :element="entry"></modal-multicuentas>\n            <modal-foro v-if="modal.bonus" title="Atención" @modal-close="modalClose()">\n                <template slot="content">\n                    <p>Hemos detectado que tienes dos versiones de tu base de datos de cuentas asociadas diferentes. Por favor, elige o actualizar la del dispositivo o la del foro.</p>\n                </template>\n                <template slot="controls">\n                    <controles-modal>\n                        <button class="button1 btn-main" @click="updateForum()" title="Actualizar versión foro">Actualizar foro</button>\n                        <button class="button1" @click="updateLocal()" title="Actualizar versión local">Actualizar local</button>\n                    </controles-modal>\n                </template>\n            </modal-foro>\n            <mando-foro id="upper-controls" app="true">\n                <template slot="controls">\n                    <li @click="addEntry($event)">\n                        <boton-foro url="#" name="Añadir" icon="fas fa-plus"></boton-foro>\n                    </li>\n                    <li v-if="finalCheck" @click="save($event)">\n                        <boton-foro url="#" name="Guardar" icon="fas fa-save" type="no-name"></boton-foro>\n                    </li>\n                </template>\n            </mando-foro>\n            <ul :class="\'no-style\' + (!sortedCharacters.length ? \' no-results\': \'\')" :key="render">\n                <template v-if="!sortedCharacters.length">\n                    <li class="is-not-topic is-not-lastpost">\n                        <h6>No hay cuentas configuradas</h6>\n                    </li>\n                </template>\n                <template v-else v-for="(item, index) in sortedCharacters">\n                    <elemento-multicuentas :element="item" :id="index" :key="index"></elemento-multicuentas>\n                </template>\n            </ul>\n            <mando-foro id="lower-controls" app="true">\n                <template slot="controls">\n                    <li @click="addEntry($event)">\n                        <boton-foro url="#" name="Añadir" icon="fas fa-plus"></boton-foro>\n                    </li>\n                    <li v-if="finalCheck" @click="save($event)">\n                        <boton-foro url="#" name="Guardar" icon="fas fa-save" type="no-name"></boton-foro>\n                    </li>\n                </template>\n            </mando-foro>\n        </template>\n        <template v-else-if="state.page === 3">\n            <cargando-foro text="Actualizando información…"></cargando-foro>\n        </template>\n    </section>\n    '}),Vue.component("elemento-multicuentas",{props:["element","id"],data(){return{content:this.element}},methods:{deleteElement(){this.$parent.content.accounts.edit.splice(this.id,1),this.$parent.forceRerender()},editElement(){this.$parent.modal.type="edit",this.$parent.entry=this.content,this.$parent.modal.status=!0}},template:'\n    <li>\n        <campo-foro :name="content.name">\n            <div class="character-selector">\n                <input :type="content.type" v-model="content.password" disabled/>\n                <span class="character-custom rp-controls">\n                    <span @click="editElement()" title="Editar entrada">Editar</span> / <span @click="deleteElement()" title="Eliminar entrada">Eliminar</span>\n                </span>\n            </div>\n        </campo-foro>\n    </li>\n    '});
+Vue.component("modal-multicuentas",{props:["element","type"],data(){return{state:{modal:!1},content:{edit:JSON.parse(JSON.stringify(this.element)),current:this.element}}},computed:{modalTitle(){return"new"===this.type?"Nuevo usuario":"edit"===this.type?"Editar usuario":void 0},oneCheck(){let t="";return this.content.edit.name.length<4&&(t+="<li>Escribe el nombre de la cuenta.</li>"),this.content.edit.password.length<4&&(t+="<li>Escribe la contraseña de la cuenta.</li>"),t},finalCheck(){const{name:t,password:e}=this.content.current,{name:n,password:a}=this.content.edit;return t!==n||e!==a}},methods:{modalClose(){this.$parent.modal.type="new",this.$parent.modal.status=!1,this.$parent.setEntry(),this.$parent.forceRerender()},pushElement(){if("edit"===this.$parent.modal.type){let t=this.$parent.content.accounts.edit.map(t=>t.id).indexOf(this.content.current.id);this.$parent.content.accounts.edit.splice(t,1)}this.$parent.content.accounts.edit.push({name:this.content.edit.name,type:"password",id:FNR.utility.genSlug(this.content.edit.name),password:this.content.edit.password}),this.modalClose()}},template:'\n    <modal-foro :title="modalTitle" @modal-close="modalClose()">\n        <template slot="content">\n            <aviso-foro v-show="oneCheck.length">\n                <ul v-html="oneCheck"></ul>\n            </aviso-foro>\n            <ul class="forum-fieldlist no-style">\n                <li>\n                    <campo-foro name="Nombre">\n                        <input type="text" v-model="content.edit.name" placeholder="Escribe el nombre de la cuenta." />\n                    </campo-foro>\n                </li>\n                <li>\n                    <campo-foro name="Contraseña">\n                        <div class="character-selector">\n                            <input :type="content.edit.type" v-model="content.edit.password" placeholder="Escribe la contraseña de la cuenta." />\n                            <a class="character-custom" @click="content.edit.type === \'text\' ? content.edit.type = \'password\' : content.edit.type = \'text\'" title="Cambiar modo">\n                                <template v-if="content.edit.type === \'text\'">\n                                    <i class="fas fa-eye-slash"></i>\n                                </template>\n                                <template v-else-if="content.edit.type === \'password\'">\n                                    <i class="fas fa-eye"></i>\n                                </template>\n                            </a>\n                        </div>\n                    </campo-foro>\n                </li>\n            </ul>\n        </template>\n        <template slot="controls">\n            <controles-modal v-if="!oneCheck.length && finalCheck">\n                <button class="button1 btn-main" @click="pushElement()" title="Guardar entrada">Guardar</button>\n            </controles-modal>\n        </template>\n    </modal-foro>\n    '}),Vue.component("gestor-multicuentas",{data:()=>({render:0,modal:{type:"new",status:!1,bonus:!1},state:{new:!1,error:!1,page:0,pagination:0},entry:{},content:{page:1,encrypted:{},password:{type:"password",value:""},accounts:{current:[],edit:[]}}}),computed:{msgCheck(){let t="";return this.content.password.value.length<5&&(t+="<li>Escribe la contraseña maestra.</li>"),t},finalCheck(){return JSON.stringify(this.content.accounts.current)!==JSON.stringify(this.content.accounts.edit)},sortedCharacters(){return this.content.accounts.edit.sort((t,e)=>t.name<e.name?-1:t.name>e.name?1:0).slice(4*(this.content.page-1),4*this.content.page)}},methods:{modalClose(){this.state.page=3,setTimeout(()=>{window.location.reload()},2500)},forceRerender(){this.render+=1},setEntry(){this.entry={name:"",id:"",type:"password",password:""}},addEntry(t){t.preventDefault(),this.modal.status=!0},save(t){t.preventDefault(),this.updateData()},updateLocal(){this.updateData()},updateForum(){this.content.accounts.edit=FNR.cache.getData("usermultiaccounts").map(t=>({name:t.name,password:sjcl.decrypt(this.content.password.value,t.password)})),this.updateData()},setData(){this.state.page=3,FNR.cache.setData("userpassword",this.content.password.value,-1),setTimeout(()=>{window.location.reload()},2500)},setPage(t){this.content.page=t},updateData(){this.state.page=3;const t=this.content.accounts.edit.map(t=>({name:t.name,password:sjcl.encrypt(this.content.password.value,t.password)}));FNR.cache.setData("userpassword",this.content.password.value,-1),FNR.cache.setData("usermultiaccounts",t,-1),FNR.user.profile.setData([{name:forumConfig.profileUser.accountsField,type:"textarea",value:JSON.stringify([{password:this.state.new?sjcl.encrypt(this.content.password.value,"gaylien_masterpass"):this.content.encrypted.password,accounts:t}]).replace(/"/g,"`")}]).then(t=>{t?(FNR.html.genNotification("Atención","Información actualizada sin inconvenientes.","fas fa-check"),setTimeout(()=>{window.location.reload()},2500)):FNR.html.genNotification("Atención","Hubo un problema al actualizar. Dale otro intento.","fas fa-exclamation")})}},created(){FNR.user.profile.getData([{name:forumConfig.profileUser.accountsField,type:"textarea"}]).then(t=>{if(this.content.encrypted=FNR.utility.genArray(t[0].value)[0],this.state.new=0===Object.keys(this.content.encrypted).length,FNR.cache.getData("userpassword"))try{sjcl.decrypt(FNR.cache.getData("userpassword"),this.content.encrypted.password)}catch(t){"ccm: tag doesn't match"===t.message&&(this.state.error=!0,FNR.cache.delData("userpassword"),setTimeout(()=>{window.location.reload()},2500))}finally{if(!this.state.error)if(this.state.new&&FNR.cache.getData("usermultiaccounts").length>0)this.state.page=3,FNR.user.profile.setData([{name:forumConfig.profileUser.accountsField,type:"textarea",value:JSON.stringify([{password:sjcl.encrypt(FNR.cache.getData("userpassword"),"gaylien_masterpass"),accounts:FNR.cache.getData("usermultiaccounts")}]).replace(/"/g,"`")}]).then(t=>{t?(FNR.html.genNotification("Atención","Información actualizada sin inconvenientes.","fas fa-check"),setTimeout(()=>{window.location.reload()},2500)):FNR.html.genNotification("Atención","Hubo un problema al actualizar. Dale otro intento.","fas fa-exclamation")});else{let t=[];this.content.password.value=FNR.cache.getData("userpassword"),this.state.new||(t=JSON.parse(JSON.stringify(this.content.encrypted)).accounts.map(t=>({name:t.name,type:"password",id:FNR.utility.genSlug(t.name),password:sjcl.decrypt(this.content.password.value,t.password)}))),this.setEntry(),this.content.accounts.edit=t,this.content.accounts.current=JSON.parse(JSON.stringify(t)),this.state.page=2,this.state.new||JSON.stringify(FNR.cache.getData("usermultiaccounts"))===JSON.stringify(this.content.encrypted.accounts)||(this.modal.bonus=!0)}}else this.state.page=1})},template:'\n    <section id="forum-multiaccount" class="wiki-content is-dramatic">\n        <div class="is-content">\n            <h2>Multicuentas</h2>\n            <hr />\n            <p>En esta página podrás configurar tu cambio de cuenta rápido.</p>\n            <p>Ante cualquier duda o problema, contacta con la administración.</p>\n        </div>\n        <separador-foro />\n        <template v-if="state.page === 0">\n            <cargando-foro text="Cargando utilidad…"></cargando-foro>\n        </template>\n        <template v-else-if="state.page === 1">\n            <aviso-foro v-show="msgCheck.length">\n                <ul v-html="msgCheck"></ul>\n            </aviso-foro>\n            <ul class="forum-fieldlist no-style">\n                <li>\n                    <campo-foro name="Contraseña maestra">\n                        <div class="character-selector">\n                            <input :type="content.password.type" v-model="content.password.value" />\n                            <a class="character-custom" @click="content.password.type === \'text\' ? content.password.type = \'password\' : content.password.type = \'text\'" title="Cambiar modo">\n                                <template v-if="content.password.type === \'text\'">\n                                    <i class="fas fa-eye-slash"></i>\n                                </template>\n                                <template v-else-if="content.password.type === \'password\'">\n                                    <i class="fas fa-eye"></i>\n                                </template>\n                            </a>\n                        </div>\n                    </campo-foro>\n                </li>\n            </ul>\n            <div id="usereply-comand" v-if="!msgCheck.length">\n                <button class="button1 btn-main" @click="setData()">Guardar</button>\n            </div>\n        </template>\n        <template v-else-if="state.page === 2">\n            <modal-multicuentas v-if="modal.status" :type="modal.type" :element="entry"></modal-multicuentas>\n            <modal-foro v-if="modal.bonus" title="Atención" @modal-close="modalClose()">\n                <template slot="content">\n                    <p>Hemos detectado que tienes dos versiones de tu base de datos de cuentas asociadas diferentes. Por favor, elige o actualizar la del dispositivo o la del foro.</p>\n                </template>\n                <template slot="controls">\n                    <controles-modal>\n                        <button class="button1 btn-main" @click="updateForum()" title="Actualizar versión foro">Actualizar foro</button>\n                        <button class="button1" @click="updateLocal()" title="Actualizar versión local">Actualizar local</button>\n                    </controles-modal>\n                </template>\n            </modal-foro>\n            <mando-foro id="upper-controls" app="true">\n                <template slot="pagination" v-if="sortedCharacters.length > 1">\n                    <paginacion-foro :page="content.page" :total="Math.ceil(content.accounts.edit.length / 4)" @setPage="setPage" />\n                </template>\n                <template slot="controls">\n                    <li @click="addEntry($event)">\n                        <boton-foro url="#" name="Añadir" icon="fas fa-plus"></boton-foro>\n                    </li>\n                    <li v-if="finalCheck" @click="save($event)">\n                        <boton-foro url="#" name="Guardar" icon="fas fa-save" type="no-name"></boton-foro>\n                    </li>\n                </template>\n            </mando-foro>\n            <ul :class="\'no-style\' + (!sortedCharacters.length ? \' no-results\': \'\')" :key="render">\n                <template v-if="!sortedCharacters.length">\n                    <li class="is-not-topic is-not-lastpost">\n                        <h6>No hay cuentas configuradas</h6>\n                    </li>\n                </template>\n                <template v-else v-for="(item, index) in sortedCharacters">\n                    <elemento-multicuentas :element="item" :id="index" :key="index"></elemento-multicuentas>\n                </template>\n            </ul>\n            <mando-foro id="lower-controls" app="true">\n                <template slot="pagination" v-if="drafts.topics.pages.length > 1">\n                    <paginacion-foro :page="content.page" :total="Math.ceil(content.accounts.edit.length / 4)" @setPage="setPage" />\n                </template>\n                <template slot="controls">\n                    <li @click="addEntry($event)">\n                        <boton-foro url="#" name="Añadir" icon="fas fa-plus"></boton-foro>\n                    </li>\n                    <li v-if="finalCheck" @click="save($event)">\n                        <boton-foro url="#" name="Guardar" icon="fas fa-save" type="no-name"></boton-foro>\n                    </li>\n                </template>\n            </mando-foro>\n        </template>\n        <template v-else-if="state.page === 3">\n            <cargando-foro text="Actualizando información…"></cargando-foro>\n        </template>\n    </section>\n    '}),Vue.component("elemento-multicuentas",{props:["element","id"],data(){return{content:this.element}},methods:{deleteElement(){this.$parent.content.accounts.edit.splice(this.id,1),this.$parent.forceRerender()},editElement(){this.$parent.modal.type="edit",this.$parent.entry=this.content,this.$parent.modal.status=!0}},template:'\n    <li>\n        <campo-foro :name="content.name">\n            <div class="character-selector">\n                <input :type="content.type" v-model="content.password" disabled/>\n                <span class="character-custom rp-controls">\n                    <span @click="editElement()" title="Editar entrada">Editar</span> / <span @click="deleteElement()" title="Eliminar entrada">Eliminar</span>\n                </span>\n            </div>\n        </campo-foro>\n    </li>\n    '});

package/config/vueComponents.js

@@ -172,6 +172,7 @@ Vue.component('paginacion-foro', {
                         }
                     }
 
+                    this.$refs.refInput.blur()
                     this.input = '';
                 }, 750)
             }
@@ -185,7 +186,7 @@ Vue.component('paginacion-foro', {
             </a>
         </div>
         <div class="pagination-input" v-if="total > 1">
-            <input type="text" :placeholder="page" v-model="value">de {{ total }}
+            <input type="text" :placeholder="page" v-model="value" ref="refInput">de {{ total }}
         </div>
         <div class="page-action" v-if="page < total">
             <a href="javascript:{}" class="page-next" title="Ir a la página anterior" @click="$emit('setPage', page + 1)">

package/config/vueComponents.min.js

@@ -1,2 +1,2 @@
-Vue.component("categoria-foro",{props:["id"],computed:{slugName(){const e=this.id.indexOf("<h2>")>-1?FNR.utility.genSlug(this.id.split("<h2>")[1].split("</h2>")[0],"-"):FNR.utility.genSlug(this.id,"-");return"category-"+e}},template:"\n    <section :class=\"'category-element ' + slugName\">\n  \t\t<slot></slot>\n    </section>\n    "}),Vue.component("cabecera-foro",{data(){return{title:void 0===this.$slots.title[0].tag?this.$slots.title[0].text:this.$slots.title[0].children[0].text}},template:'\n    <div class="forum-head regular-head">\n        <titulo-especial :title="title"></titulo-especial>\n    </div>\n    '}),Vue.component("cabcategoria-foro",{data(){return{title:void 0===this.$slots.title[0].tag?this.$slots.title[0].text:this.$slots.title[0].children[0].text}},template:'\n    <div class="forum-head category-head">\n        <titulo-especial :title="title"></titulo-especial>\n    </div>\n    '}),Vue.component("cabespecial-foro",{data(){return{title:void 0===this.$slots.title[0].tag?this.$slots.title[0].text:this.$slots.title[0].children[0].text}},template:'\n    <div class="forum-head special-head">\n        <titulo-especial :title="title"></titulo-especial>\n    </div>\n    '}),Vue.component("subforo-foro",{props:["id"],computed:{slugId(){let e="";return window.location.pathname.match(/f(\d+)-/)?e=window.location.pathname.match(/f(\d+)-/)[1]:window.location.pathname.match(/f(\d+)p(\d+)-/)&&(e=window.location.pathname.match(/f(\d+)p(\d+)-/)[1]),"subforum-"+e},slugName(){const e=this.id.indexOf("<h2>")>-1?FNR.utility.genSlug(this.id.split("<h2>")[1].split("</h2>")[0],"-"):FNR.utility.genSlug(this.id,"-");return"subforum-"+e}},template:"\n    <section :class=\"'subforum-element ' + slugId + ' ' + slugName\">\n  \t\t<slot></slot>\n    </section>\n    "}),Vue.component("lista-temas-cabecera",{props:["elements"],data(){return{elementos:JSON.parse(this.elements.replace(/'/g,'"'))}},template:'\n    <ul class="topiclist-header no-style">\n        <li v-for="element in elementos">\n            <titulo-especial :title="element"></titulo-especial>\n        </li>\n    </ul>\n    '}),Vue.component("tema-foro",{computed:{slugId(){let e="";return window.location.pathname.match(/t(\d+)-/)?e=window.location.pathname.match(/t(\d+)-/)[1]:window.location.pathname.match(/t(\d+)p(\d+)-/)&&(e=window.location.pathname.match(/t(\d+)p(\d+)-/)[1]),"topic-"+e},slugName(){const e=FNR.utility.genSlug(void 0===this.$slots.title[0].tag?this.$slots.title[0].text:this.$slots.title[0].children[0].text,"-");return"topic-"+e}},template:"\n    <section :class=\"'topic-element ' + slugId + ' ' + slugName\">\n  \t\t<slot></slot>\n    </section>\n    "}),Vue.component("mando-foro",{props:["id","app"],template:'\n    <section :id="id" class="forum-controls">\n        <template v-if="app === \'true\'">\n            <ul class="left no-style page-buttons">\n                <slot name="controls"></slot>\n            </ul>\n            <div class="right page-pagination">\n                <slot name="pagination"></slot>\n            </div>\n        </template>\n        <template v-else>\n        <ul class="left no-style page-buttons"></ul>\n            <div class="right page-pagination"></div>\n        </template>\n    </section>\n    '}),Vue.component("paginacion-foro",{props:["page","total"],data:()=>({input:"",timeout:null}),computed:{value:{get(){return this.input},set(e){this.timeout&&clearTimeout(this.timeout),this.timeout=setTimeout(()=>{this.input=e,null===e.match(/[a-zA-Z]+/g)&&(e<1?this.$emit("setPage",1):e>this.total?this.$emit("setPage",this.total):this.$emit("setPage",e)),this.input=""},750)}}},template:'\n    <div class="pagination-manager">\n        <div class="page-action" v-if="page > 1">\n            <a href="javascript:{}" class="page-prev" title="Ir a la página anterior" @click="$emit(\'setPage\', page - 1)">\n                <i class="fas fa-chevron-left"></i>\n            </a>\n        </div>\n        <div class="pagination-input" v-if="total > 1">\n            <input type="text" :placeholder="page" v-model="value">de {{ total }}\n        </div>\n        <div class="page-action" v-if="page < total">\n            <a href="javascript:{}" class="page-next" title="Ir a la página anterior" @click="$emit(\'setPage\', page + 1)">\n                <i class="fas fa-chevron-right"></i>\n            </a>\n        </div>\n    </div>\n    '}),Vue.component("titulo-especial",{props:["title"],template:'\n    <h3 class="is-tweakeable"><span class="is-measurable" v-html="title"></span></h3>\n    '}),Vue.component("cuerpo-widget",{props:["class"],computed:{currentClass(){return void 0===this.class?"plank-inner":"plank-inner "+this.class}},template:'\n    <div class="plank-content">\n        <div :class="currentClass">\n            <slot></slot>\n        </div>\t\t\t\t\t\t \n    </div>\n    '}),Vue.component("separador-foro",{props:["faction"],data:()=>({image:forumDefaults.separator}),template:'\n    <section class="forumseparator-element">\n        <img :src="image" />\n    </section>\n    '}),Vue.component("tema-ref",{props:["info"],data:()=>({profileName:forumConfig.profileOptions.profileName||"perfil"}),computed:{userColor(){return"color: "+this.info.lastpost.who.color}},template:'\n    <div class="ltopic-element">\n        <a class="ltopic-last" :href="info.lastpost.url" target="_blank" :title="\'Ir al último mensaje del tema «\' + info.name + \'»\'">\n            <i class="fas fa-link"></i>\n        </a>\n        <div class="ltopic-data">\n            <a class="ltopic-title" :href="info.url" target="_blank" :title="\'Ir al tema «\' + info.name + \'»\'">{{ info.name }}</a>\n            <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>\n        </div>\n    </div>\n    '}),Vue.component("campo-foro",{props:["name"],mounted(){const e=this.$el.parentElement.classList;e.add("field-element"),e.add("field-"+FNR.utility.genSlug(this.name,"-"))},template:'\n    <div class="forum-field">\n        <div class="field-name">{{ name | capitalize }}</div>\n        <div class="field-content">\n            <slot></slot>\n        </div>\n    </div>\n    '}),Vue.component("boton-foro",{props:["url","name","icon","type","input"],computed:{realClass(){return"true"===this.input?"forum-button is-input":"forum-button"},realName(){return"text"+("no-name"===this.type?" is-hidden-touch":"")},realUrl(){return"true"===this.input?"javascript:{}":this.url}},mounted(){const e=this.$el.parentElement.classList;e.add("btn-element"),e.add("btn-"+FNR.utility.genSlug(this.name,"-"))},template:'\n    <a :href="realUrl" targer="_blank" :class="realClass" :title="name">\n        <span class="icon">\n            <i :class="icon"></i>\n        </span>\n        <span :class="realName">{{ name }}</span>\n        <span v-if="input === \'true\'" class="input-real">\n            <slot name="input"></slot>\n        </span>\n    </a>\n    '}),Vue.component("cargando-foro",{props:["text"],template:'\n    <section id="loading-element">\n        <div id="loading-content">\n            <i class="fas fa-circle-notch fa-spin"></i>\n            <span>{{ text }}</span>\n        </div>\n    </section>\n    '}),Vue.component("aviso-foro",{template:'    \n    <div class="forum-infoblock">\n        <h5>Antes de proceder recuerda:</h5>\n        <slot></slot>\n    </div>\n    '}),Vue.component("afiliaciones-foro",{data:()=>({afis:{}}),created(){FNR.forum.getAffiliates().then(e=>{this.afis=e})},template:'\n    <ul v-html="afis.normal" class="no-style"></ul>\n    '}),Vue.component("controles-foro",{data:()=>({maPage:0,userName:_userdata.username,userLevel:_userdata.user_level,userId:_userdata.user_id,userLog:_userdata.session_logged_in,userMP:0,userOut:"",isActive:!1}),computed:{isActiveClass(){return"has-bg"+(this.isActive?" visible":" not-visible")}},methods:{turnActive(){this.isActive=!this.isActive}},created(){0!==this.userLog&&(null!==document.getElementById("i_icon_mini_new_message")&&null!==document.getElementById("i_icon_mini_new_message").title.match(/[0-255]/)&&(this.userMP=parseInt(document.getElementById("i_icon_mini_new_message").title.match(/[0-255]/)[0])),this.userOut=document.getElementById("logout").href)},template:'\n    <div class="main-body">\n   \t\t<nav id="forum-breadcrumb" class="breadcrumb has-succeeds-separator left" aria-label="breadcrumbs">\n        \t<ul>\n            \t<li>\n                \t<a href="/" title="Ir a «Inicio»">Inicio</a>\n            \t</li>\n        \t</ul>\n    \t</nav>\n        <nav class="right">   \n            <section id="forum-navbar-desktop" class="is-hidden-touch">\n                <navbar-foro :username="userName" :userlevel="userLevel" :userid="userId" :userlog="userLog" :usermp="userMP" :userout="userOut" />\n            </section>\n            <section id="forum-navbar-mobile" class="is-hidden-desktop">\n                <div id="hmg-button" @click="turnActive()" class="is-pointer">\n                    <i class="fas fa-bars"></i>\n                </div>\n                <div id="hmg-menu" :class="isActiveClass">\n                    <h3>{{ userName | just-name }}<i class="fas fa-times is-pointer" @click="turnActive()"></i></h3>\n                    <navbar-foro :username="userName" :userlevel="userLevel" :userid="userId" :userlog="userLog" :usermp="userMP" :userout="userOut" />\n                </div>\n                <div class="bg-active" @click="turnActive()"></div>\n            </section>\n            <section v-if="maPage === 1" id="multiaccount-transition">\n                <cargando-foro text="Cambiando de cuenta…"></cargando-foro>\n            </section>\n        </nav>\n    </div>\n    '}),Vue.component("navbar-foro",{props:["username","userlevel","userid","userlog","usermp","userout"],data:()=>({profileName:forumConfig.profileOptions.profileName||"perfil",items:forumContent.navbar,navigation:forumContent.links,directions:forumConfig.usableDirections,multiAccount:{status:!1,position:-1,accounts:[]}}),computed:{isStatusClass(){return(1===this.userlog?"is-logged":"is-unlogged")+(1===this.userlevel?" is-admin":" is-user")},mpText(){return"Mensajería"+(0!==this.usermp?" ("+this.usermp+")":"")},links(){return this.navigation.filter(e=>void 0!==e.icon)}},methods:{changeAccount(){this.$parent.maPage=1,FNR.user.changeAccount(this.userout,this.multiAccount.accounts[this.multiAccount.position].name,this.multiAccount.accounts[this.multiAccount.position].password).then(e=>{e&&window.location.reload()})}},created(){this.multiAccount.status=!1!==FNR.cache.getData("usermultiaccounts")&&!1!==FNR.cache.getData("userpassword"),this.multiAccount.accounts=(!1===FNR.cache.getData("usermultiaccounts")?[]:FNR.cache.getData("usermultiaccounts").map(e=>({name:e.name,password:sjcl.decrypt(FNR.cache.getData("userpassword"),e.password)}))).filter(e=>e.name!==_userdata.username).sort((e,n)=>e.name<n.name?-1:e.name>n.name?1:0)},template:'\n    <ul :class="isStatusClass">\n        <template v-if="!userlog">\n            <li class="navbar-item">\n                <a href="/register" title="Registrarse en el foro">\n                    <div class="icon">\n                        <i class="fas fa-user-plus"></i>\n                    </div>\n                    <div class="text">Registrarse</div>\n                </a>\n            </li>\n            <li class="navbar-item">\n                <a href="/login" title="Iniciar sesión en el foro">\n                    <div class="icon">\n                        <i class="fas fa-sign-in-alt"></i>\n                    </div>\n                    <div class="text">Conectarse</div>\n                </a>\n            </li>\n        </template>\n        <template v-else>\n            <li class="navbar-item is-hidden-desktop" v-for="link in links">\n                <a :href="link.url" :title="\'Ir a «\' + link.name + \'»\'">\n                    <div class="icon">\n                        <i :class="link.icon"></i>\n                    </div>\n                    <div class="text">{{ link.name }}</div>\n                </a>\n            </li>\n            <li class="navbar-item" v-for="item in items">\n                <a :href="item.url" :title="\'Ir a «\' + item.name + \'»\'">\n                    <div class="icon">\n                        <i :class="item.icon"></i>\n                    </div>\n                    <div class="text">{{ item.name }}</div>\n                </a>\n            </li>\n            <li class="navbar-item">\n                <a href="/privmsg?folder=inbox" title="Ir a tu mensajería privada">\n                    <div class="icon">\n                        <i class="fas fa-envelope"></i>\n                    </div>\n                    <div class="text">{{ mpText }}</div>\n                </a>\n            </li>\n            <li class="navbar-item has-dropdown is-dropeable has-bg">\n                <a class="navbar-link is-pointer" title="Accionar menú de usuario">\n                    <div class="icon">\n                        <i class="fas fa-user"></i>\n                    </div>\n                    <div class="text">{{ username | just-name }}</div>\n                </a>\n                <div class="navbar-dropdown is-right">\n                    <template v-if="userlevel === 1">\n                        <a class="navbar-item" href="/admin" target="_blank" title="Ir al «Panel de Administrador»">\n                            <div class="icon">\n                                <i class="fas fa-cogs"></i>\n                            </div>\n                            <div class="text">Panel Administrador</div>\n                        </a>\n                    </template>\n                    <a class="navbar-item" :href="directions.ucp" target="_blank" title="Ir al «Panel de Usuario»">\n                        <div class="icon">\n                            <i class="fas fa-sliders-h"></i>\n                        </div>\n                        <div class="text">Panel Usuario</div>\n                    </a>\n                    <a class="navbar-item" :href="\'/u\' + userid" :title="\'Ir a tu \' + profileName">\n                        <div class="icon">\n                            <i class="far fa-id-card"></i>\n                        </div>\n                        <div class="text">{{ profileName | capitalize }}</div>\n                    </a>\n                    <a class="navbar-item" href="/search?search_id=egosearch" title="Ir a tus temas personales">\n                        <div class="icon">\n                            <i class="fas fa-archive"></i>\n                        </div>\n                        <div class="text">Temas personales</div>\n                    </a>\n                    <a class="navbar-item" :href="userout" title="Cerrar sesión">\n                        <div class="icon">\n                            <i class="fas fa-sign-out-alt"></i>\n                        </div>\n                        <div class="text">Cerrar sesión</div>\n                    </a>\n                    <template v-if="multiAccount.status">\n                        <hr/>\n                        <div class="select-container">\n                            <select v-model="multiAccount.position" @change="changeAccount()" @click="$event.stopPropagation()">\n                                <option value="-1" hidden selected>Selec. personaje</option>\n                                <option v-for="(account, index) in multiAccount.accounts" :value="index">{{ account.name }}</option>\n                            </select>\n                        </div>\n                    </template>\n                </div>\n            </li>\n        </template>\n    </ul>\n    '}),Vue.component("links-ayuda",{data:()=>({links:forumContent.links}),template:'\n    <div class="columns is-multiline is-gapless is-vcentered">\n        <a target="_blank" :href="link.url" :title="\'Ir a «\' + link.name + \'»\'" class="column" v-for="link in links">{{ link.name }}</a>\n    </div>\n    '}),Vue.component("links-anuncios",{data:()=>({announcements:forumContent.announcements}),template:'\n    <div id="anmt-main">\n        <template v-for="(announcement, index) in announcements">\n            <a target="_blank" :href="announcement.url" :title="\'Ir al anuncio «\' + announcement.name + \'»\'" class="anmt-element"><span class="anmt-title">{{ announcement.name }}</span><span class="anmt-date">{{ announcement.date }}</span></a>\n            <div class="anmt-sep" v-if="(announcements.length - 1) !== index"></div>\n        </template>\n    </div>\n    '}),Vue.component("links-staff",{data:()=>({staff:forumContent.staff}),template:'\n    <div id="admin-main">\n        <a target="_blank" :href="admin.url" class="admin-element" :style="\'background-image: url(\' + admin.avatar + \')\'" :title="admin.title" v-for="admin in staff"><span class="admin-name">{{ admin.name }}</span><span class="admin-desc">{{ admin.desc }}</span></a>\n    </div>\n    '}),Vue.component("sabias-que",{data:()=>({content:forumContent.sq[Math.floor(Math.random()*forumContent.sq.length)]}),created(){setInterval(()=>{this.content=forumContent.sq[Math.floor(Math.random()*forumContent.sq.length)]},12e3)},template:'\n    <img id="sq-img" :src="content" alt="¿Sabías que?" />\n    '}),Vue.component("busquedas",{data:()=>({content:forumContent.searches[Math.floor(Math.random()*forumContent.searches.length)]}),created(){setInterval(()=>{this.content=forumContent.searches[Math.floor(Math.random()*forumContent.searches.length)]},16e3)},template:'\n    <a id="search-img" :href="content.url" target="_blank" :title="content.desc">\n        <img :src="content.img" alt="Búsqueda" />\n    </a>\n    '}),Vue.component("note-info",{template:'\n    <div class="admin-block admin-note">\n        <div class="admin-icon fas fa-caret-right"></div>\n        <div class="admin-content admin-title">\n            <slot></slot>\n        </div>\n    </div>\n    '}),Vue.component("redirect",{props:["to"],computed:{currentStatus:()=>!!window.location.pathname.match(/t(\d+)-/)},created(){this.currentStatus&&window.location.replace(this.to)},template:'\n    <div class="is-content">\n        <template v-if="!currentStatus">\n            <p>No hay mensaje.</p>\n        </template>\n    </div>\n    '}),Vue.component("quote",{props:["from"],template:'\n    <div class="admin-block admin-box user-coolquote">\n        <div class="coolquote-quote">\n            <div class="fas fa-quote-left"></div>\n            <div class="coolquote-content">\n                <slot></slot>\n            </div>\n            <div class="fas fa-quote-right"></div>\n        </div>\n        <div class="coolquote-from">{{ from }}</div>\n    </div>\n    '}),Vue.component("wiki-index-items-d",{props:["content"],template:'\n    <ul>\n        <li v-for="content in content">\n            <div class="wiki-controls">\n                <router-link :to="content.id" v-if="!content.children.length" :title="\'Ir al artículo de «\' + content.name + \'»\'">{{ content.name }}</router-link>\n                <a class="wiki-cascade" :title="\'Desplegar categoría de «\' + content.name + \'»\'" v-else>\n                    <span class="text">{{ content.name }}</span>\n                    <span class="icon">\n                        <i class="fas fa-plus"></i>\n                        <i class="fas fa-minus"></i>\n                    </span>\n                </a>\n            </div>\n            <wiki-index-items-d v-if="content.children.length" :content="content.children"></wiki-index-items-d>\n        </li>\n    </ul>\n    '}),Vue.component("wiki-index",{computed:{indexContent(){const e=t=>n.filter(e=>e.component.page_parent===t).map(n=>({id:n.path,name:n.component.page_name,children:e(n.component.page_name)})),n=routes.filter(e=>void 0!==e.component).filter(e=>!e.component.page_skip);return n.filter(e=>void 0===e.component.page_parent).map(n=>({id:n.path,name:n.component.page_name,children:e(n.component.page_name)}))}},template:'\n    <aside class="wiki-index is-content profile-sticky">\n        <div class="is-hidden-touch">\n            <h3>Contenido</h3>\n            <wiki-index-items-d :content="indexContent"></wiki-index-items-d>\n        </div>\n        <div class="select-container is-hidden-desktop">\n            <select>\n                <option value="-1" hidden selected>Contenido</option>\n                <template v-for="content in indexContent">\n                    <template v-if="content.children.length">\n                        <option :value="content.id" disabled >— {{ content.name }}</option>\n                        <template v-for="content in content.children">\n                            <template v-if="content.children.length">\n                                <option :value="content.id" disabled >&nbsp&nbsp&nbsp&nbsp— {{ content.name }}</option>\n                                <template v-for="content in content.children">\n                                    <template v-if="content.children.length">\n                                        <option :value="content.id" disabled >&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp— {{ content.name }}</option>\n                                        <template v-for="content in content.children">\n                                            <template v-if="content.children.length">\n                                                <option :value="content.id" disabled >&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp— {{ content.name }}</option>\n                                                <template v-for="content in content.children">\n                                                    <option :value="content.id">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp— {{ content.name }}</option>\n                                                </template>\n                                            </template>\n                                            <option :value="content.id" v-else >&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp— {{ content.name }}</option>\n                                        </template>\n                                    </template>\n                                    <option :value="content.id" v-else >&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp— {{ content.name }}</option>\n                                </template>\n                            </template>\n                            <option :value="content.id" v-else >&nbsp&nbsp&nbsp&nbsp— {{ content.name }}</option>\n                        </template>\n                    </template>\n                    <option :value="content.id" v-else >— {{ content.name }}</option>\n                </template>\n            </select>\n        </div>\n    </aside>\n    '}),Vue.component("wiki-contenido",{props:["mode"],template:'\n    <div class="wiki-body has-small-topiclist">\n        <wiki-index></wiki-index>\n        <template v-if="mode === \'app\'">\n            <slot></slot>\n        </template>\n        <template v-else>\n            <section class="wiki-content is-dramatic">\n                <slot></slot>\n            </section>\n        </template>\n    </div>\n    '}),Vue.component("wiki-nav",{computed:{more:()=>routes.filter(e=>e.component).filter(e=>e.component.page_parent===routes.filter(e=>e.path===router.history.current.path)[0].component.page_parent).length>1,nav(){const e=routes.filter(e=>e.component).filter(e=>e.component.page_parent===routes.filter(e=>e.path===router.history.current.path)[0].component.page_parent),n=e.map(e=>e.path).indexOf(router.history.current.path);return{next:!(n+1>=e.length)&&e[n+1],prev:!(n-1<0)&&e[n-1]}}},template:'\n    <div class="wiki-nav" v-if="more">\n        <h2>Navegación</h2>\n        <template v-if="nav.prev !== false">* <router-link :to="nav.prev.path" :title="\'Ir al artículo «\' + nav.prev.component.page_name + \'»\'">Página anterior: {{ nav.prev.component.page_name }}</router-link></template>\n        <br v-if="nav.prev !== false && nav.next !== false"/>\n        <template v-if="nav.next !== false">* <router-link :to="nav.next.path" :title="\'Ir al artículo «\' + nav.next.component.page_name + \'»\'">Página siguiente: {{ nav.next.component.page_name }}</router-link></template>\n    </div>\n    '}),Vue.component("wiki-children",{props:["name","category"],computed:{nav(){return routes.filter(e=>e.component).filter(e=>e.component.page_parent===this.category)}},template:'\n    <div class="wiki-nav" v-if="nav.length > 0">\n        <h2>{{ name }}</h2>\n        <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>\n    </div>\n    '}),Vue.component("modal-foro",{props:["title"],methods:{modalClose(){this.$parent.state.modal=!1,this.$emit("modal-close")}},template:'    \n    <div id="forum-modal">\n        <div class="modal-element">\n            <div class="modal-title">\n                <h3>{{ title }}</h3>\n                <a @click="modalClose()">\n                    <i class="fas fa-times"></i>\n                </a>\n            </div>\n            <div class="modal-content">\n                <div class="is-content">\n                    <slot name="content"></slot>\n                </div>\n                <slot name="controls"></slot>\n            </div>\n        </div>\n        <div class="is-bgmodal bg-active" @click="modalClose()"></div>\n    </div>\n    '}),Vue.component("controles-modal",{template:'    \n    <div class="modal-buttons">\n        <slot></slot>\n    </div>\n    '}),Vue.component("expediente-usuario",{data:()=>({info:{name:_userdata.username,level:_userdata.user_level,log:_userdata.session_logged_in},config:forumConfig.profileUser,profile:profile}),computed:{userRank(){return this.profile.fields[forumConfig.profileOptions.profileRank].content},userCite(){return this.profile.fields[forumConfig.profileOptions.profileCite].content},userCover(){return this.profile.fields[forumConfig.profileOptions.profileCover].content},usableMiniFields(){return void 0!==this.config.miniFields&&this.config.miniFields.length?Object.entries(this.profile.fields).filter(e=>this.config.miniFields.indexOf(e[0])>-1).map(e=>({id:e[0],title:e[1].label,content:e[1].content})).sort((e,n)=>this.config.miniFields.indexOf(e.id)>this.config.miniFields.indexOf(n.id)?1:-1).map(e=>({id:FNR.utility.genSlug(e.title,"-"),title:e.title,content:e.content})):[]},usableBigFields(){return void 0!==this.config.mainFields&&Object.keys(this.config.mainFields).length?Object.entries(this.profile.fields).filter(e=>Object.keys(this.config.mainFields).indexOf(e[0])>-1).map(e=>({id:e[0],title:e[1].label,subtitle:this.config.mainFields[e[0]],content:" &nbsp;-"===e[1].content?"":e[1].content})).sort((e,n)=>Object.keys(this.config.mainFields).indexOf(e.id)>Object.keys(this.config.mainFields).indexOf(n.id)?1:-1).map(e=>({id:FNR.utility.genSlug(e.title,"-"),title:e.title,subtitle:e.subtitle,content:e.content})):[]},lengthBigFields(){let e=0;return this.usableBigFields.map(n=>{void 0!==n.content&&(e+=n.content.length)}),e},usableExtraFields(){return void 0!==this.config.extraFields&&this.config.extraFields.length?Object.entries(this.profile.fields).filter(e=>this.config.extraFields.indexOf(e[0])>-1).map(e=>({id:e[0],title:e[1].label,content:" &nbsp;-"===e[1].content?"":e[1].content})).sort((e,n)=>this.config.extraFields.indexOf(e.id)>this.config.extraFields.indexOf(n.id)?1:-1).map(e=>({id:FNR.utility.genSlug(e.title,"-"),title:e.title,content:e.content})):[]},lengthExtraFields(){let e=0;return this.usableExtraFields.map(n=>{void 0!==n.content&&(e+=n.content.length)}),e},usableLinkFields(){return this.profile.contact.length?[]:Object.entries(this.profile.contact).filter(e=>"Mensaje Privado"!==e[1].label).map(e=>({id:FNR.utility.genSlug(e[1].label,"-"),title:e[1].label,url:e[1].content,icon:this.config.contactFields[e[0]],desc:"Ir a "+e[1].label+" de «"+this.profile.name+"»"}))},chronologyField(){return void 0!==this.config.cronoField&&this.config.cronoField.length?FNR.utility.genArray(this.profile.fields[FNR.utility.genSlug(this.config.cronoField,"_")].content):[]},relationshipsField(){return void 0!==this.config.relaField&&this.config.relaField.length?FNR.utility.genArray(this.profile.fields[FNR.utility.genSlug(this.config.relaField,"_")].content):[]},lengthHistoryFields(){let e=0;return e+=this.chronologyField.length,e+=this.relationshipsField.length,e},currentClass(){return"usergroup-"+this.profile.colour}},
+Vue.component("categoria-foro",{props:["id"],computed:{slugName(){const e=this.id.indexOf("<h2>")>-1?FNR.utility.genSlug(this.id.split("<h2>")[1].split("</h2>")[0],"-"):FNR.utility.genSlug(this.id,"-");return"category-"+e}},template:"\n    <section :class=\"'category-element ' + slugName\">\n  \t\t<slot></slot>\n    </section>\n    "}),Vue.component("cabecera-foro",{data(){return{title:void 0===this.$slots.title[0].tag?this.$slots.title[0].text:this.$slots.title[0].children[0].text}},template:'\n    <div class="forum-head regular-head">\n        <titulo-especial :title="title"></titulo-especial>\n    </div>\n    '}),Vue.component("cabcategoria-foro",{data(){return{title:void 0===this.$slots.title[0].tag?this.$slots.title[0].text:this.$slots.title[0].children[0].text}},template:'\n    <div class="forum-head category-head">\n        <titulo-especial :title="title"></titulo-especial>\n    </div>\n    '}),Vue.component("cabespecial-foro",{data(){return{title:void 0===this.$slots.title[0].tag?this.$slots.title[0].text:this.$slots.title[0].children[0].text}},template:'\n    <div class="forum-head special-head">\n        <titulo-especial :title="title"></titulo-especial>\n    </div>\n    '}),Vue.component("subforo-foro",{props:["id"],computed:{slugId(){let e="";return window.location.pathname.match(/f(\d+)-/)?e=window.location.pathname.match(/f(\d+)-/)[1]:window.location.pathname.match(/f(\d+)p(\d+)-/)&&(e=window.location.pathname.match(/f(\d+)p(\d+)-/)[1]),"subforum-"+e},slugName(){const e=this.id.indexOf("<h2>")>-1?FNR.utility.genSlug(this.id.split("<h2>")[1].split("</h2>")[0],"-"):FNR.utility.genSlug(this.id,"-");return"subforum-"+e}},template:"\n    <section :class=\"'subforum-element ' + slugId + ' ' + slugName\">\n  \t\t<slot></slot>\n    </section>\n    "}),Vue.component("lista-temas-cabecera",{props:["elements"],data(){return{elementos:JSON.parse(this.elements.replace(/'/g,'"'))}},template:'\n    <ul class="topiclist-header no-style">\n        <li v-for="element in elementos">\n            <titulo-especial :title="element"></titulo-especial>\n        </li>\n    </ul>\n    '}),Vue.component("tema-foro",{computed:{slugId(){let e="";return window.location.pathname.match(/t(\d+)-/)?e=window.location.pathname.match(/t(\d+)-/)[1]:window.location.pathname.match(/t(\d+)p(\d+)-/)&&(e=window.location.pathname.match(/t(\d+)p(\d+)-/)[1]),"topic-"+e},slugName(){const e=FNR.utility.genSlug(void 0===this.$slots.title[0].tag?this.$slots.title[0].text:this.$slots.title[0].children[0].text,"-");return"topic-"+e}},template:"\n    <section :class=\"'topic-element ' + slugId + ' ' + slugName\">\n  \t\t<slot></slot>\n    </section>\n    "}),Vue.component("mando-foro",{props:["id","app"],template:'\n    <section :id="id" class="forum-controls">\n        <template v-if="app === \'true\'">\n            <ul class="left no-style page-buttons">\n                <slot name="controls"></slot>\n            </ul>\n            <div class="right page-pagination">\n                <slot name="pagination"></slot>\n            </div>\n        </template>\n        <template v-else>\n        <ul class="left no-style page-buttons"></ul>\n            <div class="right page-pagination"></div>\n        </template>\n    </section>\n    '}),Vue.component("paginacion-foro",{props:["page","total"],data:()=>({input:"",timeout:null}),computed:{value:{get(){return this.input},set(e){this.timeout&&clearTimeout(this.timeout),this.timeout=setTimeout(()=>{this.input=e,null===e.match(/[a-zA-Z]+/g)&&(e<1?this.$emit("setPage",1):e>this.total?this.$emit("setPage",this.total):this.$emit("setPage",e)),this.$refs.refInput.blur(),this.input=""},750)}}},template:'\n    <div class="pagination-manager">\n        <div class="page-action" v-if="page > 1">\n            <a href="javascript:{}" class="page-prev" title="Ir a la página anterior" @click="$emit(\'setPage\', page - 1)">\n                <i class="fas fa-chevron-left"></i>\n            </a>\n        </div>\n        <div class="pagination-input" v-if="total > 1">\n            <input type="text" :placeholder="page" v-model="value" ref="refInput">de {{ total }}\n        </div>\n        <div class="page-action" v-if="page < total">\n            <a href="javascript:{}" class="page-next" title="Ir a la página anterior" @click="$emit(\'setPage\', page + 1)">\n                <i class="fas fa-chevron-right"></i>\n            </a>\n        </div>\n    </div>\n    '}),Vue.component("titulo-especial",{props:["title"],template:'\n    <h3 class="is-tweakeable"><span class="is-measurable" v-html="title"></span></h3>\n    '}),Vue.component("cuerpo-widget",{props:["class"],computed:{currentClass(){return void 0===this.class?"plank-inner":"plank-inner "+this.class}},template:'\n    <div class="plank-content">\n        <div :class="currentClass">\n            <slot></slot>\n        </div>\t\t\t\t\t\t \n    </div>\n    '}),Vue.component("separador-foro",{props:["faction"],data:()=>({image:forumDefaults.separator}),template:'\n    <section class="forumseparator-element">\n        <img :src="image" />\n    </section>\n    '}),Vue.component("tema-ref",{props:["info"],data:()=>({profileName:forumConfig.profileOptions.profileName||"perfil"}),computed:{userColor(){return"color: "+this.info.lastpost.who.color}},template:'\n    <div class="ltopic-element">\n        <a class="ltopic-last" :href="info.lastpost.url" target="_blank" :title="\'Ir al último mensaje del tema «\' + info.name + \'»\'">\n            <i class="fas fa-link"></i>\n        </a>\n        <div class="ltopic-data">\n            <a class="ltopic-title" :href="info.url" target="_blank" :title="\'Ir al tema «\' + info.name + \'»\'">{{ info.name }}</a>\n            <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>\n        </div>\n    </div>\n    '}),Vue.component("campo-foro",{props:["name"],mounted(){const e=this.$el.parentElement.classList;e.add("field-element"),e.add("field-"+FNR.utility.genSlug(this.name,"-"))},template:'\n    <div class="forum-field">\n        <div class="field-name">{{ name | capitalize }}</div>\n        <div class="field-content">\n            <slot></slot>\n        </div>\n    </div>\n    '}),Vue.component("boton-foro",{props:["url","name","icon","type","input"],computed:{realClass(){return"true"===this.input?"forum-button is-input":"forum-button"},realName(){return"text"+("no-name"===this.type?" is-hidden-touch":"")},realUrl(){return"true"===this.input?"javascript:{}":this.url}},mounted(){const e=this.$el.parentElement.classList;e.add("btn-element"),e.add("btn-"+FNR.utility.genSlug(this.name,"-"))},template:'\n    <a :href="realUrl" targer="_blank" :class="realClass" :title="name">\n        <span class="icon">\n            <i :class="icon"></i>\n        </span>\n        <span :class="realName">{{ name }}</span>\n        <span v-if="input === \'true\'" class="input-real">\n            <slot name="input"></slot>\n        </span>\n    </a>\n    '}),Vue.component("cargando-foro",{props:["text"],template:'\n    <section id="loading-element">\n        <div id="loading-content">\n            <i class="fas fa-circle-notch fa-spin"></i>\n            <span>{{ text }}</span>\n        </div>\n    </section>\n    '}),Vue.component("aviso-foro",{template:'    \n    <div class="forum-infoblock">\n        <h5>Antes de proceder recuerda:</h5>\n        <slot></slot>\n    </div>\n    '}),Vue.component("afiliaciones-foro",{data:()=>({afis:{}}),created(){FNR.forum.getAffiliates().then(e=>{this.afis=e})},template:'\n    <ul v-html="afis.normal" class="no-style"></ul>\n    '}),Vue.component("controles-foro",{data:()=>({maPage:0,userName:_userdata.username,userLevel:_userdata.user_level,userId:_userdata.user_id,userLog:_userdata.session_logged_in,userMP:0,userOut:"",isActive:!1}),computed:{isActiveClass(){return"has-bg"+(this.isActive?" visible":" not-visible")}},methods:{turnActive(){this.isActive=!this.isActive}},created(){0!==this.userLog&&(null!==document.getElementById("i_icon_mini_new_message")&&null!==document.getElementById("i_icon_mini_new_message").title.match(/[0-255]/)&&(this.userMP=parseInt(document.getElementById("i_icon_mini_new_message").title.match(/[0-255]/)[0])),this.userOut=document.getElementById("logout").href)},template:'\n    <div class="main-body">\n   \t\t<nav id="forum-breadcrumb" class="breadcrumb has-succeeds-separator left" aria-label="breadcrumbs">\n        \t<ul>\n            \t<li>\n                \t<a href="/" title="Ir a «Inicio»">Inicio</a>\n            \t</li>\n        \t</ul>\n    \t</nav>\n        <nav class="right">   \n            <section id="forum-navbar-desktop" class="is-hidden-touch">\n                <navbar-foro :username="userName" :userlevel="userLevel" :userid="userId" :userlog="userLog" :usermp="userMP" :userout="userOut" />\n            </section>\n            <section id="forum-navbar-mobile" class="is-hidden-desktop">\n                <div id="hmg-button" @click="turnActive()" class="is-pointer">\n                    <i class="fas fa-bars"></i>\n                </div>\n                <div id="hmg-menu" :class="isActiveClass">\n                    <h3>{{ userName | just-name }}<i class="fas fa-times is-pointer" @click="turnActive()"></i></h3>\n                    <navbar-foro :username="userName" :userlevel="userLevel" :userid="userId" :userlog="userLog" :usermp="userMP" :userout="userOut" />\n                </div>\n                <div class="bg-active" @click="turnActive()"></div>\n            </section>\n            <section v-if="maPage === 1" id="multiaccount-transition">\n                <cargando-foro text="Cambiando de cuenta…"></cargando-foro>\n            </section>\n        </nav>\n    </div>\n    '}),Vue.component("navbar-foro",{props:["username","userlevel","userid","userlog","usermp","userout"],data:()=>({profileName:forumConfig.profileOptions.profileName||"perfil",items:forumContent.navbar,navigation:forumContent.links,directions:forumConfig.usableDirections,multiAccount:{status:!1,position:-1,accounts:[]}}),computed:{isStatusClass(){return(1===this.userlog?"is-logged":"is-unlogged")+(1===this.userlevel?" is-admin":" is-user")},mpText(){return"Mensajería"+(0!==this.usermp?" ("+this.usermp+")":"")},links(){return this.navigation.filter(e=>void 0!==e.icon)}},methods:{changeAccount(){this.$parent.maPage=1,FNR.user.changeAccount(this.userout,this.multiAccount.accounts[this.multiAccount.position].name,this.multiAccount.accounts[this.multiAccount.position].password).then(e=>{e&&window.location.reload()})}},created(){this.multiAccount.status=!1!==FNR.cache.getData("usermultiaccounts")&&!1!==FNR.cache.getData("userpassword"),this.multiAccount.accounts=(!1===FNR.cache.getData("usermultiaccounts")?[]:FNR.cache.getData("usermultiaccounts").map(e=>({name:e.name,password:sjcl.decrypt(FNR.cache.getData("userpassword"),e.password)}))).filter(e=>e.name!==_userdata.username).sort((e,n)=>e.name<n.name?-1:e.name>n.name?1:0)},template:'\n    <ul :class="isStatusClass">\n        <template v-if="!userlog">\n            <li class="navbar-item">\n                <a href="/register" title="Registrarse en el foro">\n                    <div class="icon">\n                        <i class="fas fa-user-plus"></i>\n                    </div>\n                    <div class="text">Registrarse</div>\n                </a>\n            </li>\n            <li class="navbar-item">\n                <a href="/login" title="Iniciar sesión en el foro">\n                    <div class="icon">\n                        <i class="fas fa-sign-in-alt"></i>\n                    </div>\n                    <div class="text">Conectarse</div>\n                </a>\n            </li>\n        </template>\n        <template v-else>\n            <li class="navbar-item is-hidden-desktop" v-for="link in links">\n                <a :href="link.url" :title="\'Ir a «\' + link.name + \'»\'">\n                    <div class="icon">\n                        <i :class="link.icon"></i>\n                    </div>\n                    <div class="text">{{ link.name }}</div>\n                </a>\n            </li>\n            <li class="navbar-item" v-for="item in items">\n                <a :href="item.url" :title="\'Ir a «\' + item.name + \'»\'">\n                    <div class="icon">\n                        <i :class="item.icon"></i>\n                    </div>\n                    <div class="text">{{ item.name }}</div>\n                </a>\n            </li>\n            <li class="navbar-item">\n                <a href="/privmsg?folder=inbox" title="Ir a tu mensajería privada">\n                    <div class="icon">\n                        <i class="fas fa-envelope"></i>\n                    </div>\n                    <div class="text">{{ mpText }}</div>\n                </a>\n            </li>\n            <li class="navbar-item has-dropdown is-dropeable has-bg">\n                <a class="navbar-link is-pointer" title="Accionar menú de usuario">\n                    <div class="icon">\n                        <i class="fas fa-user"></i>\n                    </div>\n                    <div class="text">{{ username | just-name }}</div>\n                </a>\n                <div class="navbar-dropdown is-right">\n                    <template v-if="userlevel === 1">\n                        <a class="navbar-item" href="/admin" target="_blank" title="Ir al «Panel de Administrador»">\n                            <div class="icon">\n                                <i class="fas fa-cogs"></i>\n                            </div>\n                            <div class="text">Panel Administrador</div>\n                        </a>\n                    </template>\n                    <a class="navbar-item" :href="directions.ucp" target="_blank" title="Ir al «Panel de Usuario»">\n                        <div class="icon">\n                            <i class="fas fa-sliders-h"></i>\n                        </div>\n                        <div class="text">Panel Usuario</div>\n                    </a>\n                    <a class="navbar-item" :href="\'/u\' + userid" :title="\'Ir a tu \' + profileName">\n                        <div class="icon">\n                            <i class="far fa-id-card"></i>\n                        </div>\n                        <div class="text">{{ profileName | capitalize }}</div>\n                    </a>\n                    <a class="navbar-item" href="/search?search_id=egosearch" title="Ir a tus temas personales">\n                        <div class="icon">\n                            <i class="fas fa-archive"></i>\n                        </div>\n                        <div class="text">Temas personales</div>\n                    </a>\n                    <a class="navbar-item" :href="userout" title="Cerrar sesión">\n                        <div class="icon">\n                            <i class="fas fa-sign-out-alt"></i>\n                        </div>\n                        <div class="text">Cerrar sesión</div>\n                    </a>\n                    <template v-if="multiAccount.status">\n                        <hr/>\n                        <div class="select-container">\n                            <select v-model="multiAccount.position" @change="changeAccount()" @click="$event.stopPropagation()">\n                                <option value="-1" hidden selected>Selec. personaje</option>\n                                <option v-for="(account, index) in multiAccount.accounts" :value="index">{{ account.name }}</option>\n                            </select>\n                        </div>\n                    </template>\n                </div>\n            </li>\n        </template>\n    </ul>\n    '}),Vue.component("links-ayuda",{data:()=>({links:forumContent.links}),template:'\n    <div class="columns is-multiline is-gapless is-vcentered">\n        <a target="_blank" :href="link.url" :title="\'Ir a «\' + link.name + \'»\'" class="column" v-for="link in links">{{ link.name }}</a>\n    </div>\n    '}),Vue.component("links-anuncios",{data:()=>({announcements:forumContent.announcements}),template:'\n    <div id="anmt-main">\n        <template v-for="(announcement, index) in announcements">\n            <a target="_blank" :href="announcement.url" :title="\'Ir al anuncio «\' + announcement.name + \'»\'" class="anmt-element"><span class="anmt-title">{{ announcement.name }}</span><span class="anmt-date">{{ announcement.date }}</span></a>\n            <div class="anmt-sep" v-if="(announcements.length - 1) !== index"></div>\n        </template>\n    </div>\n    '}),Vue.component("links-staff",{data:()=>({staff:forumContent.staff}),template:'\n    <div id="admin-main">\n        <a target="_blank" :href="admin.url" class="admin-element" :style="\'background-image: url(\' + admin.avatar + \')\'" :title="admin.title" v-for="admin in staff"><span class="admin-name">{{ admin.name }}</span><span class="admin-desc">{{ admin.desc }}</span></a>\n    </div>\n    '}),Vue.component("sabias-que",{data:()=>({content:forumContent.sq[Math.floor(Math.random()*forumContent.sq.length)]}),created(){setInterval(()=>{this.content=forumContent.sq[Math.floor(Math.random()*forumContent.sq.length)]},12e3)},template:'\n    <img id="sq-img" :src="content" alt="¿Sabías que?" />\n    '}),Vue.component("busquedas",{data:()=>({content:forumContent.searches[Math.floor(Math.random()*forumContent.searches.length)]}),created(){setInterval(()=>{this.content=forumContent.searches[Math.floor(Math.random()*forumContent.searches.length)]},16e3)},template:'\n    <a id="search-img" :href="content.url" target="_blank" :title="content.desc">\n        <img :src="content.img" alt="Búsqueda" />\n    </a>\n    '}),Vue.component("note-info",{template:'\n    <div class="admin-block admin-note">\n        <div class="admin-icon fas fa-caret-right"></div>\n        <div class="admin-content admin-title">\n            <slot></slot>\n        </div>\n    </div>\n    '}),Vue.component("redirect",{props:["to"],computed:{currentStatus:()=>!!window.location.pathname.match(/t(\d+)-/)},created(){this.currentStatus&&window.location.replace(this.to)},template:'\n    <div class="is-content">\n        <template v-if="!currentStatus">\n            <p>No hay mensaje.</p>\n        </template>\n    </div>\n    '}),Vue.component("quote",{props:["from"],template:'\n    <div class="admin-block admin-box user-coolquote">\n        <div class="coolquote-quote">\n            <div class="fas fa-quote-left"></div>\n            <div class="coolquote-content">\n                <slot></slot>\n            </div>\n            <div class="fas fa-quote-right"></div>\n        </div>\n        <div class="coolquote-from">{{ from }}</div>\n    </div>\n    '}),Vue.component("wiki-index-items-d",{props:["content"],template:'\n    <ul>\n        <li v-for="content in content">\n            <div class="wiki-controls">\n                <router-link :to="content.id" v-if="!content.children.length" :title="\'Ir al artículo de «\' + content.name + \'»\'">{{ content.name }}</router-link>\n                <a class="wiki-cascade" :title="\'Desplegar categoría de «\' + content.name + \'»\'" v-else>\n                    <span class="text">{{ content.name }}</span>\n                    <span class="icon">\n                        <i class="fas fa-plus"></i>\n                        <i class="fas fa-minus"></i>\n                    </span>\n                </a>\n            </div>\n            <wiki-index-items-d v-if="content.children.length" :content="content.children"></wiki-index-items-d>\n        </li>\n    </ul>\n    '}),Vue.component("wiki-index",{computed:{indexContent(){const e=t=>n.filter(e=>e.component.page_parent===t).map(n=>({id:n.path,name:n.component.page_name,children:e(n.component.page_name)})),n=routes.filter(e=>void 0!==e.component).filter(e=>!e.component.page_skip);return n.filter(e=>void 0===e.component.page_parent).map(n=>({id:n.path,name:n.component.page_name,children:e(n.component.page_name)}))}},template:'\n    <aside class="wiki-index is-content profile-sticky">\n        <div class="is-hidden-touch">\n            <h3>Contenido</h3>\n            <wiki-index-items-d :content="indexContent"></wiki-index-items-d>\n        </div>\n        <div class="select-container is-hidden-desktop">\n            <select>\n                <option value="-1" hidden selected>Contenido</option>\n                <template v-for="content in indexContent">\n                    <template v-if="content.children.length">\n                        <option :value="content.id" disabled >— {{ content.name }}</option>\n                        <template v-for="content in content.children">\n                            <template v-if="content.children.length">\n                                <option :value="content.id" disabled >&nbsp&nbsp&nbsp&nbsp— {{ content.name }}</option>\n                                <template v-for="content in content.children">\n                                    <template v-if="content.children.length">\n                                        <option :value="content.id" disabled >&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp— {{ content.name }}</option>\n                                        <template v-for="content in content.children">\n                                            <template v-if="content.children.length">\n                                                <option :value="content.id" disabled >&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp— {{ content.name }}</option>\n                                                <template v-for="content in content.children">\n                                                    <option :value="content.id">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp— {{ content.name }}</option>\n                                                </template>\n                                            </template>\n                                            <option :value="content.id" v-else >&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp— {{ content.name }}</option>\n                                        </template>\n                                    </template>\n                                    <option :value="content.id" v-else >&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp— {{ content.name }}</option>\n                                </template>\n                            </template>\n                            <option :value="content.id" v-else >&nbsp&nbsp&nbsp&nbsp— {{ content.name }}</option>\n                        </template>\n                    </template>\n                    <option :value="content.id" v-else >— {{ content.name }}</option>\n                </template>\n            </select>\n        </div>\n    </aside>\n    '}),Vue.component("wiki-contenido",{props:["mode"],template:'\n    <div class="wiki-body has-small-topiclist">\n        <wiki-index></wiki-index>\n        <template v-if="mode === \'app\'">\n            <slot></slot>\n        </template>\n        <template v-else>\n            <section class="wiki-content is-dramatic">\n                <slot></slot>\n            </section>\n        </template>\n    </div>\n    '}),Vue.component("wiki-nav",{computed:{more:()=>routes.filter(e=>e.component).filter(e=>e.component.page_parent===routes.filter(e=>e.path===router.history.current.path)[0].component.page_parent).length>1,nav(){const e=routes.filter(e=>e.component).filter(e=>e.component.page_parent===routes.filter(e=>e.path===router.history.current.path)[0].component.page_parent),n=e.map(e=>e.path).indexOf(router.history.current.path);return{next:!(n+1>=e.length)&&e[n+1],prev:!(n-1<0)&&e[n-1]}}},template:'\n    <div class="wiki-nav" v-if="more">\n        <h2>Navegación</h2>\n        <template v-if="nav.prev !== false">* <router-link :to="nav.prev.path" :title="\'Ir al artículo «\' + nav.prev.component.page_name + \'»\'">Página anterior: {{ nav.prev.component.page_name }}</router-link></template>\n        <br v-if="nav.prev !== false && nav.next !== false"/>\n        <template v-if="nav.next !== false">* <router-link :to="nav.next.path" :title="\'Ir al artículo «\' + nav.next.component.page_name + \'»\'">Página siguiente: {{ nav.next.component.page_name }}</router-link></template>\n    </div>\n    '}),Vue.component("wiki-children",{props:["name","category"],computed:{nav(){return routes.filter(e=>e.component).filter(e=>e.component.page_parent===this.category)}},template:'\n    <div class="wiki-nav" v-if="nav.length > 0">\n        <h2>{{ name }}</h2>\n        <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>\n    </div>\n    '}),Vue.component("modal-foro",{props:["title"],methods:{modalClose(){this.$parent.state.modal=!1,this.$emit("modal-close")}},template:'    \n    <div id="forum-modal">\n        <div class="modal-element">\n            <div class="modal-title">\n                <h3>{{ title }}</h3>\n                <a @click="modalClose()">\n                    <i class="fas fa-times"></i>\n                </a>\n            </div>\n            <div class="modal-content">\n                <div class="is-content">\n                    <slot name="content"></slot>\n                </div>\n                <slot name="controls"></slot>\n            </div>\n        </div>\n        <div class="is-bgmodal bg-active" @click="modalClose()"></div>\n    </div>\n    '}),Vue.component("controles-modal",{template:'    \n    <div class="modal-buttons">\n        <slot></slot>\n    </div>\n    '}),Vue.component("expediente-usuario",{data:()=>({info:{name:_userdata.username,level:_userdata.user_level,log:_userdata.session_logged_in},config:forumConfig.profileUser,profile:profile}),computed:{userRank(){return this.profile.fields[forumConfig.profileOptions.profileRank].content},userCite(){return this.profile.fields[forumConfig.profileOptions.profileCite].content},userCover(){return this.profile.fields[forumConfig.profileOptions.profileCover].content},usableMiniFields(){return void 0!==this.config.miniFields&&this.config.miniFields.length?Object.entries(this.profile.fields).filter(e=>this.config.miniFields.indexOf(e[0])>-1).map(e=>({id:e[0],title:e[1].label,content:e[1].content})).sort((e,n)=>this.config.miniFields.indexOf(e.id)>this.config.miniFields.indexOf(n.id)?1:-1).map(e=>({id:FNR.utility.genSlug(e.title,"-"),title:e.title,content:e.content})):[]},usableBigFields(){return void 0!==this.config.mainFields&&Object.keys(this.config.mainFields).length?Object.entries(this.profile.fields).filter(e=>Object.keys(this.config.mainFields).indexOf(e[0])>-1).map(e=>({id:e[0],title:e[1].label,subtitle:this.config.mainFields[e[0]],content:" &nbsp;-"===e[1].content?"":e[1].content})).sort((e,n)=>Object.keys(this.config.mainFields).indexOf(e.id)>Object.keys(this.config.mainFields).indexOf(n.id)?1:-1).map(e=>({id:FNR.utility.genSlug(e.title,"-"),title:e.title,subtitle:e.subtitle,content:e.content})):[]},lengthBigFields(){let e=0;return this.usableBigFields.map(n=>{void 0!==n.content&&(e+=n.content.length)}),e},usableExtraFields(){return void 0!==this.config.extraFields&&this.config.extraFields.length?Object.entries(this.profile.fields).filter(e=>this.config.extraFields.indexOf(e[0])>-1).map(e=>({id:e[0],title:e[1].label,content:" &nbsp;-"===e[1].content?"":e[1].content})).sort((e,n)=>this.config.extraFields.indexOf(e.id)>this.config.extraFields.indexOf(n.id)?1:-1).map(e=>({id:FNR.utility.genSlug(e.title,"-"),title:e.title,content:e.content})):[]},lengthExtraFields(){let e=0;return this.usableExtraFields.map(n=>{void 0!==n.content&&(e+=n.content.length)}),e},usableLinkFields(){return this.profile.contact.length?[]:Object.entries(this.profile.contact).filter(e=>"Mensaje Privado"!==e[1].label).map(e=>({id:FNR.utility.genSlug(e[1].label,"-"),title:e[1].label,url:e[1].content,icon:this.config.contactFields[e[0]],desc:"Ir a "+e[1].label+" de «"+this.profile.name+"»"}))},chronologyField(){return void 0!==this.config.cronoField&&this.config.cronoField.length?FNR.utility.genArray(this.profile.fields[FNR.utility.genSlug(this.config.cronoField,"_")].content):[]},relationshipsField(){return void 0!==this.config.relaField&&this.config.relaField.length?FNR.utility.genArray(this.profile.fields[FNR.utility.genSlug(this.config.relaField,"_")].content):[]},lengthHistoryFields(){let e=0;return e+=this.chronologyField.length,e+=this.relationshipsField.length,e},currentClass(){return"usergroup-"+this.profile.colour}},
 template:'       \n    <section class="profile-element">    \n        <cabespecial-foro><template slot="title">Perfil de {{ profile.name }}</template></cabespecial-foro>\n        <section :class="currentClass">\n            <section id="profile-head">\n                <div id="profile-minifields" class="profile-container is-align-items-flex-start wiki-index is-content has-text-left" v-if="lengthBigFields">\n                    <h3>Contenido</h3>\n                    <ul>\n                        <li v-if="lengthBigFields">\n                            <div class="wiki-controls">\n                                <a href="#anchor-info">Información</a>\n                            </div>\n                        </li>\n                        <li v-if="lengthExtraFields">\n                            <div class="wiki-controls">\n                                <a href="#anchor-extras">Extras</a>\n                            </div>\n                        </li>\n                        <li v-if="lengthHistoryFields">\n                            <div class="wiki-controls">\n                                <a href="#anchor-history">Historial</a>\n                            </div>\n                        </li>\n                    </ul>\n                </div>\n                <ul id="profile-minifields" class="profile-container is-align-items-center wiki-index is-content" v-else>\n                    <li :id="\'profile-minifield-\' + field.id" v-for="field in usableMiniFields" class="minifield-element">\n                        <span class="minifield-label">{{ field.title }}</span>\n                        <span class="minifield-content">{{ field.content }}</span>\n                    </li>\n                </ul>\n                <div id="profile-userinfo" :style="\'background-image: url(\' + userCover + \');\'">\n                    <div id="profile-userdata">\n                        <div id="profile-rank">{{ userRank }}</div>\n                        <div id="profile-username">{{ profile.name }}</div>\n                    </div>\n                    <div id="profile-usergest" v-if="Object.keys(profile.admin).length">\n                        <a :href="profile.admin.admin" :title="\'Administrar a «\' + profile.name + \'»\'" target="_blank">Administrar</a> / <a :href="profile.admin.ban" :title="\'Banear a «\' + profile.name + \'»\'" target="_blank">Banear</a>\n                    </div>\n                </div>\n            </section>\n            <section id="profile-subhead">\n                <div class="columns is-centered is-vcentered is-gapless">\n                    <div class="column is-6 is-full-mobile">\n                        <div id="profile-quote" class="is-content">\n                            <quote>{{ userCite }}</quote>\n                        </div>\n                    </div>\n                    <div class="column is-5 is-full-mobile">\n                        <div id="profile-links" class="columns is-flex is-vcentered is-multiline py-4">\n                            <div class="column is-full-touch is-half-desktop">\n                                <ul class="profile-linklist">\n                                    <li>\n                                        <a :href="profile.links.posts" :title="\'Mensajes de «\' + profile.name + \'»\'" target="_blank">\n                                            <i :class="config.contactFields.mensajes"></i> Mensajes\n                                        </a>\n                                    </li>\n                                    <li>\n                                        <a :href="profile.links.topics" :title="\'Temas de «\' + profile.name + \'»\'" target="_blank">\n                                            <i :class="config.contactFields.temas"></i> Temas\n                                        </a>\n                                    </li>\n                                    <li v-if="profile.contact.mensaje_privado !== undefined">\n                                        <a :href="profile.contact.mensaje_privado.content" :title="\'Enviar un mensaje privado a «\' + profile.name + \'»\'" target="_blank">\n                                            <i :class="config.contactFields.mp"></i> Mensaje Privado\n                                        </a>\n                                    </li>\n                                </ul>\n                            </div>\n                            <div class="column is-full-touch is-half-desktop">\n                                <ul class="profile-linklist">\n                                    <li :id="\'profile-link-\' + field.id" v-for="field in usableLinkFields">\n                                        <a :href="field.url" :title="field.desc" target="_blank">\n                                            <i :class="field.icon"></i> {{ field.title }}\n                                        </a>\n                                    </li>\n                                </ul>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </section>\n            <section id="profile-fields" class="profile-container is-relative" v-if="lengthBigFields">\n                <a id="anchor-info" class="page-anchor"></a>\n                <aside id="profile-infominifields" class="wiki-index profile-sticky">\n                    <h3>Datos básicos</h3>\n                    <ul class="p-0">\n                        <li :id="\'profile-minifield-\' + field.id" v-for="field in usableMiniFields" class="minifield-element">\n                            <span class="minifield-label">{{ field.title }}</span>\n                            <span class="minifield-content">{{ field.content }}</span>\n                        </li>\n                    </ul>\n                </aside>\n                <ul id="profile-infofields">\n                    <li :id="\'profile-field-\' + field.id" class="profilefield-element" v-for="field in usableBigFields" v-if="field.content.length">\n                        <div class="field-head">\n                            <h4>{{ field.title }}</h4>\n                            <h6>{{ field.subtitle }}</h6>\n                        </div>\n                        <div class="field-content is-content" v-html="field.content"></div>\n                    </li>\n                </ul>\n            </section>\n            <section id="profile-extras" class="profile-extra is-relative" v-if="lengthExtraFields">\n                <a id="anchor-extras" class="page-anchor"></a>\n                <div class="profile-extra-header">\n                    <span>Extras</span>\n                </div>\n                <ul class="profile-container profile-extra-space">\n                    <li :id="\'profile-extrafield-\' + field.id" class="extrafield-element" v-for="field in usableExtraFields" v-if="field.content.length">\n                        <div class="extrafield-head">\n                            <h4>{{ field.title }}</h4>\n                        </div>\n                        <div class="extrafield-content is-content" v-html="field.content"></div>\n                    </li>\n                </ul>\n            </section>\n            <section id="profile-history" class="profile-extra is-relative" v-if="lengthHistoryFields">\n                <a id="anchor-history" class="page-anchor"></a>\n                <div class="profile-extra-header">\n                    <span>Historial</span>\n                </div>\n                <ul class="profile-container profile-extra-space">\n                    <li id="profile-extrafield-chronology" class="extrafield-element" v-if="chronologyField.length">\n                        <div class="extrafield-head">\n                            <h4>Cronología</h4>\n                        </div>\n                        <ul id="chronology-element" class="is-two-columns-list">\n                            <template v-for="element in chronologyField">\n                                <elemento-cronologia :element="element" type="profile" />\n                            </template>\n                        </ul>\n                    </li>\n                    <li id="profile-extrafield-relationships" class="extrafield-element" v-if="relationshipsField.length">\n                        <div class="extrafield-head">\n                            <h4>Relaciones</h4>\n                        </div>\n                        <ul id="relationships-element" class="is-two-columns-list">\n                            <template v-for="element in relationshipsField">\n                                <elemento-relaciones :element="element" type="profile" />\n                            </template>\n                        </ul>\n                    </li>\n                </ul>\n            </section>\n        </section>\n    </section>\n    '}),Vue.component("cuerpo-principal",{props:["title"],computed:{realTitle(){return void 0!==this.title?this.title:void 0!==this.$attrs["data-title"]?this.$attrs["data-title"]:""}},template:'    \n    <div class="main-slat">\n        <div class="mainslat-title" v-if="realTitle.length">{{ realTitle }}</div>\n        <div class="mainslat-content">\n            <slot></slot>\n        </div>\n    </div>\n    '}),Vue.component("cuerpo-interior",{props:["title"],computed:{realTitle(){return void 0!==this.title?this.title:void 0!==this.$attrs["data-title"]?this.$attrs["data-title"]:""}},template:'    \n    <div class="slat-interior">\n        <div class="slatinterior-title" v-if="realTitle.length">{{ realTitle }}</div>\n        <div class="slatinterior-content">\n            <slot></slot>\n        </div>\n    </div>\n    '}),Vue.component("cuerpo-lista",{props:["title"],computed:{realTitle(){return void 0!==this.title?this.title:void 0!==this.$attrs["data-title"]?this.$attrs["data-title"]:""}},template:'    \n    <div class="slat-list">\n        <div class="slatlist-title" v-if="realTitle.length">{{ realTitle }}</div>\n        <ol class="slatlist-content">\n            <slot></slot>\n        </ol>\n    </div>\n    '});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "generic-skin",
-  "version": "3.9.89",
+  "version": "3.9.91",
   "description": "Generic Forum Skin for Forumotion created by Gaylien.",
   "main": "readme.md",
   "scripts": {