generic-skin 3.7.9 → 3.8.0

package/config/vueComponents.js

@@ -1158,14 +1158,14 @@ Vue.component('expediente-usuario', {
 Vue.component('cuerpo-principal', {
     props: ['title'],
     computed: {
-        title() {
+        realTitle() {
             if (typeof this.title === 'undefined') return '';
             else return this.title;
         }
     },
     template: `    
     <div class="main-slat">
-        <div class="mainslat-title" v-if="title.length">{{ title }}</div>
+        <div class="mainslat-title" v-if="realTitle.length">{{ realTitle }}</div>
         <div class="mainslat-content">
             <slot></slot>
         </div>
@@ -1176,14 +1176,14 @@ Vue.component('cuerpo-principal', {
 Vue.component('cuerpo-interior', {
     props: ['title'],
     computed: {
-        title() {
+        realTitle() {
             if (typeof this.title === 'undefined') return '';
             else return this.title;
         }
     },
     template: `    
     <div class="slat-interior">
-        <div class="slatinterior-title" v-if="title.length">{{ title }}</div>
+        <div class="slatinterior-title" v-if="realTitle.length">{{ realTitle }}</div>
         <div class="slatinterior-content">
             <slot></slot>
         </div>
@@ -1194,14 +1194,14 @@ Vue.component('cuerpo-interior', {
 Vue.component('cuerpo-lista', {
     props: ['title'],
     computed: {
-        title() {
+        realTitle() {
             if (typeof this.title === 'undefined') return '';
             else return this.title;
         }
     },
     template: `    
     <div class="slat-list">
-        <div class="slatlist-title" v-if="title.length">{{ title }}</div>
+        <div class="slatlist-title" v-if="realTitle.length">{{ realTitle }}</div>
         <ol class="slatlist-content">
             <slot></slot>
         </ol>

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            <div class="left page-pagination">\n                <slot name="pagination"></slot>\n            </div>\n            <ul class="right no-style page-buttons">\n                <slot name="controls"></slot>\n            </ul>\n        </template>\n        <template v-else>\n            <div class="left page-pagination"></div>\n            <ul class="right no-style page-buttons"></ul>\n        </template>\n    </section>\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:{title(){return void 0===this.title?"":this.title}},template:'    \n    <div class="main-slat">\n        <div class="mainslat-title" v-if="title.length">{{ title }}</div>\n        <div class="mainslat-content">\n            <slot></slot>\n        </div>\n    </div>\n    '}),Vue.component("cuerpo-interior",{props:["title"],computed:{title(){return void 0===this.title?"":this.title}},template:'    \n    <div class="slat-interior">\n        <div class="slatinterior-title" v-if="title.length">{{ title }}</div>\n        <div class="slatinterior-content">\n            <slot></slot>\n        </div>\n    </div>\n    '}),Vue.component("cuerpo-lista",{props:["title"],computed:{title(){return void 0===this.title?"":this.title}},template:'    \n    <div class="slat-list">\n        <div class="slatlist-title" v-if="title.length">{{ title }}</div>\n        <ol class="slatlist-content">\n            <slot></slot>\n        </ol>\n    </div>\n    '});
+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}},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}},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}},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.7.9",
+  "version": "3.8.0",
   "description": "Generic Forum Skin for Forumotion created by Gaylien.",
   "main": "readme.md",
   "scripts": {