generic-skin 1.21.102 → 1.21.103

package/apps/vueChrono.js

@@ -414,11 +414,13 @@ Vue.component('gestor-cronologia', {
                 value: JSON.stringify(data).replace(/"/g, '`')
             }]).then((r) => {
                 if (r) {
+                    FNR.html.genNotification('Atención', 'Información actualizada sin inconvenientes.', 'fas fa-check');
+
                     setTimeout(() => {
                         window.location.reload();
                     }, 2000);
                 } else {
-                    FNR.html.genModal('Atención', '<p>Ha habido un problema con actualizar tu perfil. Por favor, inténtalo de nuevo.</p>');
+                    FNR.html.genNotification('Atención', 'Hubo un problema al actualizar. Dale otro intento.', 'fas fa-exclamation');
                 }
             });
         }

package/apps/vueChrono.min.js

@@ -1 +1 @@
-Vue.component("modal-cronologia",{props:["dataElement","dataType"],data:function(){return{page:0,state:{modal:!1},info:{user:"",people:[],selector:!0},content:{edit:JSON.parse(JSON.stringify(this.dataElement)),current:this.dataElement}}},computed:{modalTitle:function(){return"new"===this.dataType?"Nueva entrada":"edit"===this.dataType?"Editar entrada":void 0},oneCheck:function(){let t="";if(!Object.keys(this.content.edit).length)return t;this.content.edit.name.length<5&&(t+="<li>Escribe un título lo suficientemente largo.</li>"),-1===this.content.edit.link.indexOf("/t")&&(t+="<li>Escribe un enlace válido.</li>");let e=[];if((1>parseFloat(this.content.edit.date.day)||parseFloat(this.content.edit.date.day)>forumData.date.day||""===this.content.edit.date.day||Number.isNaN(parseFloat(this.content.edit.date.day)))&&e.push("un día correcto (1 al "+forumData.date.day+")"),(1>parseFloat(this.content.edit.date.month)||parseFloat(this.content.edit.date.month)>forumData.date.month||""===this.content.edit.date.month||Number.isNaN(parseFloat(this.content.edit.date.month)))&&e.push("un mes correcto (1 al "+forumData.date.month+")"),("DFI"===this.content.edit.date.time&&parseFloat(this.content.edit.date.year)>forumData.date.year||"DFI"===this.content.edit.date.time&&parseFloat(this.content.edit.date.year)<1||""===this.content.edit.date.year||Number.isNaN(parseFloat(this.content.edit.date.year)))&&e.push("un año correcto"),-1===this.content.edit.date.time&&e.push("un periodo correcto"),e.length){let n="";n+="<li>Recuerda poner ",[].forEach.call(e,(t,e,a)=>{n+=t,a.length-2===e?n+=" y ":a.length===e+1?n+=".":a.length>e&&(n+=", ")}),n+="</li>",t+=n}return t},secondCheck:function(){let t="";return Object.keys(this.content.edit).length?(-1===this.content.edit.status&&(t+="<li>Selecciona un estado para el tema.</li>"),this.info.people.length||(t+="<li>Selecciona al menos un personaje.</li>"),t):t},finalCheck:function(){return JSON.stringify(this.content.current)!==JSON.stringify(this.finalData)},finalData:function(){let t=JSON.parse(JSON.stringify(this.content.edit));if(!Object.keys(this.content.edit).length)return t;let e="",n="";return[].forEach.call(JSON.parse(JSON.stringify(this.sortedEditCharacters)),(t,a,o)=>{e+=t,n+=Vue.filter("just-name")(t),o.length-2===a?(e+=" y ",n+=" y "):o.length===a+1?(e+="",n+=""):o.length>a&&(e+=", ",n+=", ")}),t.people.count=this.info.people.length,t.people.list=e,t.people.short=n,"new"===this.$parent.modal.type&&(t.position=this.$parent.content.edit.length),t},sortedCharacters:function(){return Object.keys(this.content.edit).length?this.$parent.users.map(t=>t.user).filter(t=>-1===this.info.people.indexOf(t)).filter(t=>t.toLowerCase().indexOf(this.info.user.toLowerCase())>-1):this.$parent.users.map(t=>t.user)},sortedEditCharacters:function(){return this.info.people.sort((t,e)=>t<e?-1:t>e?1:0)}},methods:{modalClose:function(){this.$parent.modal.type="new",this.$parent.modal.status=!1,this.$parent.setEntry()},pushElement:function(){"edit"===this.$parent.modal.type&&this.$parent.content.edit.splice(this.$parent.content.edit.map(t=>t.position).indexOf(this.content.current.position),1),this.$parent.content.edit.push(this.finalData),this.modalClose()},addCharacter:function(t){this.info.people.push(t),this.info.selector=!1,this.info.user="",setTimeout(()=>{this.info.selector=!0},250)},deleteCharacter:function(t){const e=JSON.parse(JSON.stringify(this.content.edit.status));this.info.people.splice(t,1),this.forceRerender(),this.content.edit.status=-1,this.content.edit.status=e}},created(){let t=[];""!==this.content.edit.people.list&&(t=-1===this.content.edit.people.list.indexOf(" y ")?[this.content.edit.people.list]:this.content.edit.people.list.split(" y ")[0].split(", ").concat(this.content.edit.people.list.split(" y ")[1])),this.info.people=t},template:'\n    <modal-foro v-bind:data-title="modalTitle" v-on:modal-close="modalClose()">\n        <template v-if="page === 0">\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 data-name="Título">\n                            <input type="text" v-model="content.edit.name" placeholder="Escribe el nombre del tema." />\n                        </campo-foro>\n                    </li>\n                    <li>\n                        <campo-foro data-name="Enlace">\n                            <input type="text" v-model="content.edit.link" placeholder="Escribe el enlace del tema." />\n                        </campo-foro>\n                    </li>\n                    <li>\n                        <campo-foro data-name="Fecha">\n                            <div class="input-date">\n                                <div class="date-element date-dmy">\n                                    <label>\n                                        Día\n                                        <input type="text" v-model="content.edit.date.day" placeholder="0" />\n                                    </label>\n                                    <label>\n                                        Mes\n                                        <input type="text" v-model="content.edit.date.month" placeholder="0" />\n                                    </label>\n                                    <label>\n                                        Año\n                                        <input type="text" v-model="content.edit.date.year" placeholder="0" />\n                                    </label>\n                                </div>\n                                <div class="date-element not-show mt-4">\n                                    <label>\n                                        Periodo\n                                        <div class="select-container">\n                                            <select v-model="content.edit.date.time">\n                                                <option value="-1" hidden>-</option>\n                                                <option value="AFI">AFI</option>\n                                                <option value="DFI">DFI</option>\n                                            </select>\n                                        </div>\n                                    </label>\n                                </div>\n                            </div>\n                        </campo-foro>\n                    </li>\n                </ul>\n            </template>\n            <template slot="controls" v-if="!oneCheck.length">\n                <controles-modal>\n                    <button class="button1 btn-main" v-on:click="page = 1" title="Paso siguiente">Siguiente</button>\n                </controles-modal>\n            </template>\n        </template>\n        <template v-else-if="page === 1">\n            <template slot="content">\n                <aviso-foro v-show="secondCheck.length">\n                    <ul v-html="secondCheck"></ul>\n                </aviso-foro>\n                <ul class="forum-fieldlist no-style">\n                    <li>\n                        <campo-foro data-name="Estado">\n                            <div class="select-container">\n                                <select v-model="content.edit.status">\n                                    <option value="-1" selected="selected" hidden="hidden">Selecciona un estado para el tema</option>\n                                    <option value="ropened">Activo</option>\n                                    <option value="rclosed">Cerrado</option>\n                                    <option value="rabandoned">Abandonado</option>\n                                </select>\n                            </div>\n                        </campo-foro>\n                    </li>\n                    <li>\n                        <campo-foro data-name="Personajes">\n                            <div class="character-selector">\n                                <input type="text" v-model="info.user" placeholder="Escribe el nombre de un personaje." />\n                                <ul class="no-style selector-list" v-if="sortedCharacters.length > 0 && info.selector">\n                                    <li v-for="(character, index) in sortedCharacters" v-on:click="addCharacter(character)" v-bind:title="\'Seleccionar «\' + character + \'»\'">{{ character }}<i class="fas fa-plus"></i></li>\n                                </ul>\n                                <a class="character-custom" v-on:click="addCharacter(info.user)" v-if="info.user.length > 2" v-bind:title="\'Seleccionar «\' + info.user + \'»\'">\n                                    <i class="fas fa-plus"></i>\n                                </a>\n                            </div>\n                            <ul v-if="info.people.length" class="no-style character-list">\n                                <li v-for="(character, index) in sortedEditCharacters" v-on:click="deleteCharacter(index)" v-bind:title="\'Quitar \' + character"><i class="fas fa-times"></i> {{ character }}</li>\n                            </ul>\n                        </campo-foro>\n                    </li>\n                </ul>\n            </template>\n            <template slot="controls">\n                <controles-modal>\n                    <button class="button2" v-on:click="page = 0" title="Paso anterior">Anterior</button>\n                    <button class="button1 btn-main" v-on:click="pushElement()" v-if="!secondCheck.length && finalCheck" title="Guardar entrada">Guardar</button>\n                </controles-modal>\n            </template>\n        </template>\n    </modal-foro>\n    '}),Vue.component("gestor-cronologia",{data:function(){return{render:0,modal:{type:"new",status:!1},users:[],state:{page:0,pagination:0},entry:{},content:{edit:[],current:[]}}},computed:{sortedContent:function(){return JSON.parse(JSON.stringify(this.content.edit)).sort(({date:t,name:e},{date:n,name:a})=>{if(t.time!==n.time)return"AFI"===t.time?-1:1;const o="AFI"===t.time?n:t,i="AFI"===t.time?t:n;return parseFloat(t.year)!==parseFloat(n.year)?parseFloat(o.year)-parseFloat(i.year):parseFloat(t.month)!==parseFloat(n.month)?parseFloat(o.month)-parseFloat(i.month):parseFloat(t.day)!==parseFloat(n.day)?parseFloat(o.day)-parseFloat(i.day):e-a})},paginationContent:function(){const t=forumConfig.skinOptions.paginationDefault,e=Math.floor((this.sortedContent.length-1)/t)+1;let n=[];for(let t=0;t<e;t++)n.push(t);return this.forceRerender(),{pages:n,content:this.sortedContent.slice(this.state.pagination*t,(this.state.pagination+1)*t)}},finalCheck:function(){return JSON.stringify(this.content.current)!==JSON.stringify(this.content.edit)}},methods:{forceRerender:function(){this.render+=1},setEntry:function(){this.entry={link:"",name:"",status:-1,people:{list:"",short:"",count:0},date:{time:"DFI",day:"",month:"",year:""}}},addEntry:function(t){t.preventDefault(),this.modal.status=!0},save:function(t){t.preventDefault(),this.state.page=2;const e=this.sortedContent.map(t=>(void 0!==t.desc&&delete t.desc,void 0!==t.position&&delete t.position,t));FNR.user.profile.setData([{name:forumConfig.profileUser.cronoField,type:"textarea",value:JSON.stringify(e).replace(/"/g,"`")}]).then(t=>{t?setTimeout(()=>{window.location.reload()},2e3):FNR.html.genModal("Atención","<p>Ha habido un problema con actualizar tu perfil. Por favor, inténtalo de nuevo.</p>")})}},created(){FNR.user.profile.getData([{name:forumConfig.profileUser.cronoField,type:"textarea"}]).then(t=>{const e=FNR.html.genArray(t[0].value).map((t,e)=>{let n=t;return n.position=e,n});this.content.edit=e,this.content.current=JSON.parse(JSON.stringify(e)),FNR.forum.getMembers().then(t=>{this.setEntry(),this.users=t,this.state.page=1})})},template:'\n    <section id="forum-chronology" class="wiki-content is-dramatic">\n        <div class="is-content">\n            <h2>Cronología</h2>\n            <hr />\n            <p>En esta página podrás editar la cronología de tu personaje. Experimenta con su funcionamiento, es bastante intuitivo.</p>\n        </div>\n        <separador-foro />\n        <template v-if="state.page === 0">\n            <cargando-foro data-text="Cargando utilidad…"></cargando-foro>\n        </template>\n        <template v-else-if="state.page === 1">\n            <modal-cronologia v-if="modal.status" v-bind:data-type="modal.type" v-bind:data-element="entry"></modal-cronologia>\n            <mando-foro data-id="upper-controls" data-app="true">\n                <template slot="pagination" v-if="paginationContent.pages.length > 1">\n                    <a class="page-action" title="Ir a la página anterior" v-if="state.pagination > 0" v-on:click="state.pagination -= 1">\n                        <i class="fas fa-chevron-left"></i>\n                    </a>\n                    <template v-for="page in paginationContent.pages">\n                        <strong v-if="page === state.pagination">{{ page + 1 }}</strong>\n                        <a class="page-link" v-bind:title="\'Ir a la página «\' + (page + 1) + \'»\'" v-else v-on:click="state.pagination = page">{{ page + 1 }}</a>\n                    </template>\n                    <a class="page-action" title="Ir a la página siguiente" v-if="(state.pagination + 1) < paginationContent.pages.length" v-on:click="state.pagination += 1">\n                        <i class="fas fa-chevron-right"></i>\n                    </a>\n                </template>\n                <template slot="controls">\n                    <li v-on:click="addEntry($event)">\n                        <boton-foro data-url="#" data-name="Añadir" data-icon="fas fa-plus"></boton-foro>\n                    </li>\n                    <li v-if="finalCheck" v-on:click="save($event)">\n                        <boton-foro data-url="#" data-name="Guardar" data-icon="fas fa-save" data-type="no-name"></boton-foro>\n                    </li>\n                </template>\n            </mando-foro>\n            <ul id="forum-rplist" class="no-style" v-bind:key="render">\n                <template v-if="!paginationContent.content.length">\n                    <li class="is-not-lastpost not-status">\n                        <h6>No hay entradas en tu cronología</h6>\n                    </li>\n                </template>\n                <template v-else v-for="rp in paginationContent.content">\n                    <elemento-cronologia v-bind:data-element="rp" data-type="manager" v-bind:data-id="rp.position" />\n                </template>\n            </ul>\n            <mando-foro data-id="lower-controls" data-app="true">\n                <template slot="pagination" v-if="paginationContent.pages.length > 1">\n                    <a class="page-action" title="Ir a la página anterior" v-if="state.pagination > 0" v-on:click="state.pagination -= 1">\n                        <i class="fas fa-chevron-left"></i>\n                    </a>\n                    <template v-for="page in paginationContent.pages">\n                        <strong v-if="page === state.pagination">{{ page + 1 }}</strong>\n                        <a class="page-link" v-bind:title="\'Ir a la página «\' + (page + 1) + \'»\'" v-else v-on:click="state.pagination = page">{{ page + 1 }}</a>\n                    </template>\n                    <a class="page-action" title="Ir a la página siguiente" v-if="(state.pagination + 1) < paginationContent.pages.length" v-on:click="state.pagination += 1">\n                        <i class="fas fa-chevron-right"></i>\n                    </a>\n                </template>\n                <template slot="controls">\n                    <li v-on:click="addEntry($event)">\n                        <boton-foro data-url="#" data-name="Añadir" data-icon="fas fa-plus"></boton-foro>\n                    </li>\n                    <li v-if="finalCheck" v-on:click="save($event)">\n                        <boton-foro data-url="#" data-name="Guardar" data-icon="fas fa-save" data-type="no-name"></boton-foro>\n                    </li>\n                </template>\n            </mando-foro>\n        </template>\n        <template v-else-if="state.page === 2">\n            <cargando-foro data-text="Actualizando información…"></cargando-foro>\n        </template>\n    </section>\n    '}),Vue.component("elemento-cronologia",{props:["dataElement","dataType","dataId"],data:function(){return{content:this.dataElement}},methods:{deleteElement:function(){this.$parent.content.edit.splice(this.$parent.content.edit.map(t=>t.position).indexOf(this.dataId),1),0===this.$parent.paginationContent.content.length&&0!==this.$parent.state.pagination&&(this.$parent.state.pagination-=1),this.$parent.forceRerender()},editElement:function(){this.$parent.modal.type="edit",this.$parent.entry=this.content,this.$parent.modal.status=!0}},template:'\n    <li class="rp-list">\n        <template v-if="dataType === \'manager\'">\n            <a class="rp-element rp-manager">\n                <div class="rp-icon">\n                    <template v-if="content.status === \'ropened\'">\n                        <i class="fas fa-lock-open"></i>\n                    </template>\n                    <template v-else-if="content.status === \'rclosed\'">\n                        <i class="fas fa-lock"></i>\n                    </template>\n                    <template v-else-if="content.status === \'rabandoned\'">\n                        <i class="fas fa-times"></i>\n                    </template>\n                </div>\n                <div class="rp-content">\n                    <div class="rp-name">\n                        <span>{{ content.name }}</span>\n                        <small>\n                            {{ content.date.day | to-number | in-two-digits }}/{{ content.date.month | to-number | in-two-digits }}/{{ content.date.year | to-number | in-two-digits }} - <template v-if="content.people.count < 4">{{ content.people.short }}</template><template v-else>Invitados</template>\n                        </small>\n                    </div>\n                    <div class="rp-controls">\n                        <span v-on:click="editElement()" title="Editar entrada">Editar</span> / <span v-on:click="deleteElement()" title="Eliminar entrada">Eliminar</span>\n                    </div>\n                </div>\n            </a>\n        </template>\n        <template v-else-if="dataType === \'profile\'">\n            <a class="rp-element" v-bind:href="content.link" target="_blank" v-bind:title="\'Ir al tema «\' + content.name + \'»\'">\n                <div class="rp-icon">\n                    <template v-if="content.status === \'ropened\'">\n                        <i class="fas fa-lock-open"></i>\n                    </template>\n                    <template v-else-if="content.status === \'rclosed\'">\n                        <i class="fas fa-lock"></i>\n                    </template>\n                    <template v-else-if="content.status === \'rabandoned\'">\n                        <i class="fas fa-times"></i>\n                    </template>\n                </div>\n                <div class="rp-content">\n                    <div class="rp-name">\n                        <span>{{ content.name }}</span>\n                        <small>\n                            {{ content.date.day | to-number | in-two-digits }}/{{ content.date.month | to-number | in-two-digits }}/{{ content.date.year | to-number | in-two-digits }} - <template v-if="content.people.count < 4">{{ content.people.short }}</template><template v-else>Invitados</template>\n                        </small>\n                    </div>\n                </div>\n            </a>\n        </template>\n    </li>\n    '});
+Vue.component("modal-cronologia",{props:["dataElement","dataType"],data:function(){return{page:0,state:{modal:!1},info:{user:"",people:[],selector:!0},content:{edit:JSON.parse(JSON.stringify(this.dataElement)),current:this.dataElement}}},computed:{modalTitle:function(){return"new"===this.dataType?"Nueva entrada":"edit"===this.dataType?"Editar entrada":void 0},oneCheck:function(){let t="";if(!Object.keys(this.content.edit).length)return t;this.content.edit.name.length<5&&(t+="<li>Escribe un título lo suficientemente largo.</li>"),-1===this.content.edit.link.indexOf("/t")&&(t+="<li>Escribe un enlace válido.</li>");let e=[];if((1>parseFloat(this.content.edit.date.day)||parseFloat(this.content.edit.date.day)>forumData.date.day||""===this.content.edit.date.day||Number.isNaN(parseFloat(this.content.edit.date.day)))&&e.push("un día correcto (1 al "+forumData.date.day+")"),(1>parseFloat(this.content.edit.date.month)||parseFloat(this.content.edit.date.month)>forumData.date.month||""===this.content.edit.date.month||Number.isNaN(parseFloat(this.content.edit.date.month)))&&e.push("un mes correcto (1 al "+forumData.date.month+")"),("DFI"===this.content.edit.date.time&&parseFloat(this.content.edit.date.year)>forumData.date.year||"DFI"===this.content.edit.date.time&&parseFloat(this.content.edit.date.year)<1||""===this.content.edit.date.year||Number.isNaN(parseFloat(this.content.edit.date.year)))&&e.push("un año correcto"),-1===this.content.edit.date.time&&e.push("un periodo correcto"),e.length){let n="";n+="<li>Recuerda poner ",[].forEach.call(e,(t,e,a)=>{n+=t,a.length-2===e?n+=" y ":a.length===e+1?n+=".":a.length>e&&(n+=", ")}),n+="</li>",t+=n}return t},secondCheck:function(){let t="";return Object.keys(this.content.edit).length?(-1===this.content.edit.status&&(t+="<li>Selecciona un estado para el tema.</li>"),this.info.people.length||(t+="<li>Selecciona al menos un personaje.</li>"),t):t},finalCheck:function(){return JSON.stringify(this.content.current)!==JSON.stringify(this.finalData)},finalData:function(){let t=JSON.parse(JSON.stringify(this.content.edit));if(!Object.keys(this.content.edit).length)return t;let e="",n="";return[].forEach.call(JSON.parse(JSON.stringify(this.sortedEditCharacters)),(t,a,o)=>{e+=t,n+=Vue.filter("just-name")(t),o.length-2===a?(e+=" y ",n+=" y "):o.length===a+1?(e+="",n+=""):o.length>a&&(e+=", ",n+=", ")}),t.people.count=this.info.people.length,t.people.list=e,t.people.short=n,"new"===this.$parent.modal.type&&(t.position=this.$parent.content.edit.length),t},sortedCharacters:function(){return Object.keys(this.content.edit).length?this.$parent.users.map(t=>t.user).filter(t=>-1===this.info.people.indexOf(t)).filter(t=>t.toLowerCase().indexOf(this.info.user.toLowerCase())>-1):this.$parent.users.map(t=>t.user)},sortedEditCharacters:function(){return this.info.people.sort((t,e)=>t<e?-1:t>e?1:0)}},methods:{modalClose:function(){this.$parent.modal.type="new",this.$parent.modal.status=!1,this.$parent.setEntry()},pushElement:function(){"edit"===this.$parent.modal.type&&this.$parent.content.edit.splice(this.$parent.content.edit.map(t=>t.position).indexOf(this.content.current.position),1),this.$parent.content.edit.push(this.finalData),this.modalClose()},addCharacter:function(t){this.info.people.push(t),this.info.selector=!1,this.info.user="",setTimeout(()=>{this.info.selector=!0},250)},deleteCharacter:function(t){const e=JSON.parse(JSON.stringify(this.content.edit.status));this.info.people.splice(t,1),this.forceRerender(),this.content.edit.status=-1,this.content.edit.status=e}},created(){let t=[];""!==this.content.edit.people.list&&(t=-1===this.content.edit.people.list.indexOf(" y ")?[this.content.edit.people.list]:this.content.edit.people.list.split(" y ")[0].split(", ").concat(this.content.edit.people.list.split(" y ")[1])),this.info.people=t},template:'\n    <modal-foro v-bind:data-title="modalTitle" v-on:modal-close="modalClose()">\n        <template v-if="page === 0">\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 data-name="Título">\n                            <input type="text" v-model="content.edit.name" placeholder="Escribe el nombre del tema." />\n                        </campo-foro>\n                    </li>\n                    <li>\n                        <campo-foro data-name="Enlace">\n                            <input type="text" v-model="content.edit.link" placeholder="Escribe el enlace del tema." />\n                        </campo-foro>\n                    </li>\n                    <li>\n                        <campo-foro data-name="Fecha">\n                            <div class="input-date">\n                                <div class="date-element date-dmy">\n                                    <label>\n                                        Día\n                                        <input type="text" v-model="content.edit.date.day" placeholder="0" />\n                                    </label>\n                                    <label>\n                                        Mes\n                                        <input type="text" v-model="content.edit.date.month" placeholder="0" />\n                                    </label>\n                                    <label>\n                                        Año\n                                        <input type="text" v-model="content.edit.date.year" placeholder="0" />\n                                    </label>\n                                </div>\n                                <div class="date-element not-show mt-4">\n                                    <label>\n                                        Periodo\n                                        <div class="select-container">\n                                            <select v-model="content.edit.date.time">\n                                                <option value="-1" hidden>-</option>\n                                                <option value="AFI">AFI</option>\n                                                <option value="DFI">DFI</option>\n                                            </select>\n                                        </div>\n                                    </label>\n                                </div>\n                            </div>\n                        </campo-foro>\n                    </li>\n                </ul>\n            </template>\n            <template slot="controls" v-if="!oneCheck.length">\n                <controles-modal>\n                    <button class="button1 btn-main" v-on:click="page = 1" title="Paso siguiente">Siguiente</button>\n                </controles-modal>\n            </template>\n        </template>\n        <template v-else-if="page === 1">\n            <template slot="content">\n                <aviso-foro v-show="secondCheck.length">\n                    <ul v-html="secondCheck"></ul>\n                </aviso-foro>\n                <ul class="forum-fieldlist no-style">\n                    <li>\n                        <campo-foro data-name="Estado">\n                            <div class="select-container">\n                                <select v-model="content.edit.status">\n                                    <option value="-1" selected="selected" hidden="hidden">Selecciona un estado para el tema</option>\n                                    <option value="ropened">Activo</option>\n                                    <option value="rclosed">Cerrado</option>\n                                    <option value="rabandoned">Abandonado</option>\n                                </select>\n                            </div>\n                        </campo-foro>\n                    </li>\n                    <li>\n                        <campo-foro data-name="Personajes">\n                            <div class="character-selector">\n                                <input type="text" v-model="info.user" placeholder="Escribe el nombre de un personaje." />\n                                <ul class="no-style selector-list" v-if="sortedCharacters.length > 0 && info.selector">\n                                    <li v-for="(character, index) in sortedCharacters" v-on:click="addCharacter(character)" v-bind:title="\'Seleccionar «\' + character + \'»\'">{{ character }}<i class="fas fa-plus"></i></li>\n                                </ul>\n                                <a class="character-custom" v-on:click="addCharacter(info.user)" v-if="info.user.length > 2" v-bind:title="\'Seleccionar «\' + info.user + \'»\'">\n                                    <i class="fas fa-plus"></i>\n                                </a>\n                            </div>\n                            <ul v-if="info.people.length" class="no-style character-list">\n                                <li v-for="(character, index) in sortedEditCharacters" v-on:click="deleteCharacter(index)" v-bind:title="\'Quitar \' + character"><i class="fas fa-times"></i> {{ character }}</li>\n                            </ul>\n                        </campo-foro>\n                    </li>\n                </ul>\n            </template>\n            <template slot="controls">\n                <controles-modal>\n                    <button class="button2" v-on:click="page = 0" title="Paso anterior">Anterior</button>\n                    <button class="button1 btn-main" v-on:click="pushElement()" v-if="!secondCheck.length && finalCheck" title="Guardar entrada">Guardar</button>\n                </controles-modal>\n            </template>\n        </template>\n    </modal-foro>\n    '}),Vue.component("gestor-cronologia",{data:function(){return{render:0,modal:{type:"new",status:!1},users:[],state:{page:0,pagination:0},entry:{},content:{edit:[],current:[]}}},computed:{sortedContent:function(){return JSON.parse(JSON.stringify(this.content.edit)).sort(({date:t,name:e},{date:n,name:a})=>{if(t.time!==n.time)return"AFI"===t.time?-1:1;const o="AFI"===t.time?n:t,i="AFI"===t.time?t:n;return parseFloat(t.year)!==parseFloat(n.year)?parseFloat(o.year)-parseFloat(i.year):parseFloat(t.month)!==parseFloat(n.month)?parseFloat(o.month)-parseFloat(i.month):parseFloat(t.day)!==parseFloat(n.day)?parseFloat(o.day)-parseFloat(i.day):e-a})},paginationContent:function(){const t=forumConfig.skinOptions.paginationDefault,e=Math.floor((this.sortedContent.length-1)/t)+1;let n=[];for(let t=0;t<e;t++)n.push(t);return this.forceRerender(),{pages:n,content:this.sortedContent.slice(this.state.pagination*t,(this.state.pagination+1)*t)}},finalCheck:function(){return JSON.stringify(this.content.current)!==JSON.stringify(this.content.edit)}},methods:{forceRerender:function(){this.render+=1},setEntry:function(){this.entry={link:"",name:"",status:-1,people:{list:"",short:"",count:0},date:{time:"DFI",day:"",month:"",year:""}}},addEntry:function(t){t.preventDefault(),this.modal.status=!0},save:function(t){t.preventDefault(),this.state.page=2;const e=this.sortedContent.map(t=>(void 0!==t.desc&&delete t.desc,void 0!==t.position&&delete t.position,t));FNR.user.profile.setData([{name:forumConfig.profileUser.cronoField,type:"textarea",value:JSON.stringify(e).replace(/"/g,"`")}]).then(t=>{t?(FNR.html.genNotification("Atención","Información actualizada sin inconvenientes.","fas fa-check"),setTimeout(()=>{window.location.reload()},2e3)):FNR.html.genNotification("Atención","Hubo un problema al actualizar. Dale otro intento.","fas fa-exclamation")})}},created(){FNR.user.profile.getData([{name:forumConfig.profileUser.cronoField,type:"textarea"}]).then(t=>{const e=FNR.html.genArray(t[0].value).map((t,e)=>{let n=t;return n.position=e,n});this.content.edit=e,this.content.current=JSON.parse(JSON.stringify(e)),FNR.forum.getMembers().then(t=>{this.setEntry(),this.users=t,this.state.page=1})})},template:'\n    <section id="forum-chronology" class="wiki-content is-dramatic">\n        <div class="is-content">\n            <h2>Cronología</h2>\n            <hr />\n            <p>En esta página podrás editar la cronología de tu personaje. Experimenta con su funcionamiento, es bastante intuitivo.</p>\n        </div>\n        <separador-foro />\n        <template v-if="state.page === 0">\n            <cargando-foro data-text="Cargando utilidad…"></cargando-foro>\n        </template>\n        <template v-else-if="state.page === 1">\n            <modal-cronologia v-if="modal.status" v-bind:data-type="modal.type" v-bind:data-element="entry"></modal-cronologia>\n            <mando-foro data-id="upper-controls" data-app="true">\n                <template slot="pagination" v-if="paginationContent.pages.length > 1">\n                    <a class="page-action" title="Ir a la página anterior" v-if="state.pagination > 0" v-on:click="state.pagination -= 1">\n                        <i class="fas fa-chevron-left"></i>\n                    </a>\n                    <template v-for="page in paginationContent.pages">\n                        <strong v-if="page === state.pagination">{{ page + 1 }}</strong>\n                        <a class="page-link" v-bind:title="\'Ir a la página «\' + (page + 1) + \'»\'" v-else v-on:click="state.pagination = page">{{ page + 1 }}</a>\n                    </template>\n                    <a class="page-action" title="Ir a la página siguiente" v-if="(state.pagination + 1) < paginationContent.pages.length" v-on:click="state.pagination += 1">\n                        <i class="fas fa-chevron-right"></i>\n                    </a>\n                </template>\n                <template slot="controls">\n                    <li v-on:click="addEntry($event)">\n                        <boton-foro data-url="#" data-name="Añadir" data-icon="fas fa-plus"></boton-foro>\n                    </li>\n                    <li v-if="finalCheck" v-on:click="save($event)">\n                        <boton-foro data-url="#" data-name="Guardar" data-icon="fas fa-save" data-type="no-name"></boton-foro>\n                    </li>\n                </template>\n            </mando-foro>\n            <ul id="forum-rplist" class="no-style" v-bind:key="render">\n                <template v-if="!paginationContent.content.length">\n                    <li class="is-not-lastpost not-status">\n                        <h6>No hay entradas en tu cronología</h6>\n                    </li>\n                </template>\n                <template v-else v-for="rp in paginationContent.content">\n                    <elemento-cronologia v-bind:data-element="rp" data-type="manager" v-bind:data-id="rp.position" />\n                </template>\n            </ul>\n            <mando-foro data-id="lower-controls" data-app="true">\n                <template slot="pagination" v-if="paginationContent.pages.length > 1">\n                    <a class="page-action" title="Ir a la página anterior" v-if="state.pagination > 0" v-on:click="state.pagination -= 1">\n                        <i class="fas fa-chevron-left"></i>\n                    </a>\n                    <template v-for="page in paginationContent.pages">\n                        <strong v-if="page === state.pagination">{{ page + 1 }}</strong>\n                        <a class="page-link" v-bind:title="\'Ir a la página «\' + (page + 1) + \'»\'" v-else v-on:click="state.pagination = page">{{ page + 1 }}</a>\n                    </template>\n                    <a class="page-action" title="Ir a la página siguiente" v-if="(state.pagination + 1) < paginationContent.pages.length" v-on:click="state.pagination += 1">\n                        <i class="fas fa-chevron-right"></i>\n                    </a>\n                </template>\n                <template slot="controls">\n                    <li v-on:click="addEntry($event)">\n                        <boton-foro data-url="#" data-name="Añadir" data-icon="fas fa-plus"></boton-foro>\n                    </li>\n                    <li v-if="finalCheck" v-on:click="save($event)">\n                        <boton-foro data-url="#" data-name="Guardar" data-icon="fas fa-save" data-type="no-name"></boton-foro>\n                    </li>\n                </template>\n            </mando-foro>\n        </template>\n        <template v-else-if="state.page === 2">\n            <cargando-foro data-text="Actualizando información…"></cargando-foro>\n        </template>\n    </section>\n    '}),Vue.component("elemento-cronologia",{props:["dataElement","dataType","dataId"],data:function(){return{content:this.dataElement}},methods:{deleteElement:function(){this.$parent.content.edit.splice(this.$parent.content.edit.map(t=>t.position).indexOf(this.dataId),1),0===this.$parent.paginationContent.content.length&&0!==this.$parent.state.pagination&&(this.$parent.state.pagination-=1),this.$parent.forceRerender()},editElement:function(){this.$parent.modal.type="edit",this.$parent.entry=this.content,this.$parent.modal.status=!0}},template:'\n    <li class="rp-list">\n        <template v-if="dataType === \'manager\'">\n            <a class="rp-element rp-manager">\n                <div class="rp-icon">\n                    <template v-if="content.status === \'ropened\'">\n                        <i class="fas fa-lock-open"></i>\n                    </template>\n                    <template v-else-if="content.status === \'rclosed\'">\n                        <i class="fas fa-lock"></i>\n                    </template>\n                    <template v-else-if="content.status === \'rabandoned\'">\n                        <i class="fas fa-times"></i>\n                    </template>\n                </div>\n                <div class="rp-content">\n                    <div class="rp-name">\n                        <span>{{ content.name }}</span>\n                        <small>\n                            {{ content.date.day | to-number | in-two-digits }}/{{ content.date.month | to-number | in-two-digits }}/{{ content.date.year | to-number | in-two-digits }} - <template v-if="content.people.count < 4">{{ content.people.short }}</template><template v-else>Invitados</template>\n                        </small>\n                    </div>\n                    <div class="rp-controls">\n                        <span v-on:click="editElement()" title="Editar entrada">Editar</span> / <span v-on:click="deleteElement()" title="Eliminar entrada">Eliminar</span>\n                    </div>\n                </div>\n            </a>\n        </template>\n        <template v-else-if="dataType === \'profile\'">\n            <a class="rp-element" v-bind:href="content.link" target="_blank" v-bind:title="\'Ir al tema «\' + content.name + \'»\'">\n                <div class="rp-icon">\n                    <template v-if="content.status === \'ropened\'">\n                        <i class="fas fa-lock-open"></i>\n                    </template>\n                    <template v-else-if="content.status === \'rclosed\'">\n                        <i class="fas fa-lock"></i>\n                    </template>\n                    <template v-else-if="content.status === \'rabandoned\'">\n                        <i class="fas fa-times"></i>\n                    </template>\n                </div>\n                <div class="rp-content">\n                    <div class="rp-name">\n                        <span>{{ content.name }}</span>\n                        <small>\n                            {{ content.date.day | to-number | in-two-digits }}/{{ content.date.month | to-number | in-two-digits }}/{{ content.date.year | to-number | in-two-digits }} - <template v-if="content.people.count < 4">{{ content.people.short }}</template><template v-else>Invitados</template>\n                        </small>\n                    </div>\n                </div>\n            </a>\n        </template>\n    </li>\n    '});

package/apps/vueDefault.js

@@ -45,14 +45,18 @@ Vue.component('panel-control', {
                     });
 
                     if (status) {
+                        FNR.html.genNotification('Atención', 'Información actualizada sin inconvenientes.', 'fas fa-check');
+                    
                         FNR.user.setTheme(true);
                     } else {
+                        FNR.html.genNotification('Atención', 'Información actualizada sin inconvenientes.', 'fas fa-check');
+                    
                         setTimeout(() => {
                             window.location.reload();
                         }, 2000);
                     }
                 } else {
-                    FNR.html.genModal('Atención', '<p>Ha habido un problema con actualizar tu perfil. Por favor, inténtalo de nuevo.</p>');
+                    FNR.html.genNotification('Atención', 'Hubo un problema al actualizar. Dale otro intento.', 'fas fa-exclamation');
                 }
             });
         }
@@ -565,7 +569,7 @@ Vue.component('editor-foro', {
         window.forumParsing = false;
 
         if (forumWarning !== '') {
-            FNR.html.genModal('Atención', forumWarning);
+            FNR.html.genNotification('Atención', forumWarning, 'fas fa-exclamation');
         }
 
         

package/apps/vueDefault.min.js

@@ -1 +1 @@
-Vue.component("panel-control",{props:["dataElements"],data:function(){return{userId:_userdata.user_id,state:{page:0},content:{original:[],current:[]}}},computed:{validationPanel:function(){return FNR.utility.genValidation(this.content.current)},toSave:function(){let e=[];return[].forEach.call(this.content.current,(t,n)=>{t.value!==this.content.original[n].value&&e.push({name:t.name,type:t.type,value:t.value})}),e}},methods:{updateProfile:function(){this.state.page=2,FNR.user.profile.setData(this.toSave).then(e=>{if(e){let e=!1;this.toSave.map(t=>{t.name.toLowerCase().indexOf("tema")>-1&&(e=!0)}),e?FNR.user.setTheme(!0):setTimeout(()=>{window.location.reload()},2e3)}else FNR.html.genModal("Atención","<p>Ha habido un problema con actualizar tu perfil. Por favor, inténtalo de nuevo.</p>")})}},created(){FNR.user.profile.getData(JSON.parse(this.dataElements.replace(/'/g,'"'))).then(e=>{this.content.original=JSON.parse(JSON.stringify(e)),this.content.current=e,this.state.page=1})},template:'\n    <section id="forum-cp" class="wiki-content is-dramatic">\n        <div class="is-content">\n            <h2>Editar perfil</h2>\n            <hr />\n            <p>En esta página podrás editar tu perfil de usuario. En caso de que quieras editar tu contraseña, por favor dirígete a <a target="_blank" title="Ir a «Cambiar contraseña»" v-bind:href="\'/profile?change_password=Cambiar+tu+contraseña&mode=editprofile&page_profil=informations&user_id=\' + userId">este enlace</a>.</p>\n            <p>Si estás experimentando problemas con el foro, pulsa <a title="Reiniciar cache" onclick="localStorage.clear(); window.location.replace(\'/\')">este otro</a>. Puede que los solucione.</p>\n        </div>\n        <separador-foro />\n        <template v-if="state.page === 0">\n            <cargando-foro data-text="Cargando utilidad…"></cargando-foro>\n        </template>\n        <template v-else-if="state.page === 1">\n            <aviso-foro v-show="validationPanel !== \'\'">\n                <ul v-html="validationPanel"></ul>\n            </aviso-foro>\n            <ul class="forum-fieldlist no-style">\n                <li v-for="item in content.current">\n                    <campo-foro v-bind:data-name="item.name">\n                        <input v-model="item.value" v-if="item.type === \'input\' || item.type === \'avatar\'" type="text"/>\n                        <textarea v-model="item.value" v-else-if="item.type === \'textarea\'"></textarea>\n                        <div v-else-if="item.type === \'select\'" class="select-container">\n                            <select v-model="item.value">\n                                <option v-bind:value="option.value" v-for="option in item.options">{{ option.name }}</option>\n                            </select>\n                        </div>\n                    </campo-foro>\n                </li>\n            </ul>\n            <div id="usereply-comand" v-if="toSave.length && validationPanel === \'\'">\n                <button class="button1 btn-main" v-on:click="updateProfile()" title="Actualizar perfil">Actualizar</button>\n            </div>\n        </template>\n        <template v-if="state.page === 2">\n            <cargando-foro data-text="Actualizando información…"></cargando-foro>\n        </template>\n    </section>\n    '}),Vue.component("lista-bosquejos",{data:function(){return{state:{page:0},content:{drafts:[]}}},created(){FNR.user.profile.getDrafts().then(e=>{this.state.page=1,this.content.drafts=e})},template:'\n    <section class="wiki-content is-dramatic">\n        <div class="is-content">\n            <h2>Lista de bosquejos</h2>\n            <hr />\n            <p>En esta página tienes tu lista de tus bosquejos. No es una lista completa, tan solo muestra la primera página. Si deseas ver más bosquejos, aligera la lista publicándolos.</p>\n        </div>\n        <separador-foro />\n        <template v-if="state.page === 0">\n            <cargando-foro data-text="Cargando utilidad…"></cargando-foro>\n        </template>\n        <template v-else-if="state.page === 1">\n            <section id="forum-drafts" class="forum-topiclist">\n                <lista-temas-cabecera data-elements="[\'Tema\', \'Información\']"></lista-temas-cabecera>\n                <ul class="topiclist-topics no-style">\n                    <template v-if="content.drafts === false">\n                        <li class="is-not-lastpost not-status">\n                            <h6>No tienes bosquejos guardados</h6>\n                        </li>\n                    </template>\n                    <template v-else>\n                        <li class="row is-not-lastpost not-status" v-for="draft in content.drafts">\n                            <temas-foro data-type="draft" data-mode="" v-bind:data-url="draft.topic.url" v-bind:data-title="draft.topic.name" v-bind:data-replies="draft.info.location" v-bind:data-views="draft.info.date" v-bind:data-quick="draft.modify" />\n                        </li>\n                    </template>\n                </ul>\n            </section>\n        </template>\n    </section>\n    '}),Vue.component("editor-foro",{data:function(){return{state:{page:0,editor:document.post.mode.value,admin:1===_userdata.user_level,guest:0===_userdata.session_logged_in,dice:document.querySelectorAll("#list_dice").length},colors:FNR.forum.getColors(),content:{username:"",subject:"",msg:"",type:-1,options:[]},users:{current:"",options:[],selected:[],selector:!0},groups:{type:-1,options:[]},dice:{options:[],current:[]}}},computed:{msgCheck:function(){let e="";return this.state.guest&&(this.content.username.trim().length<4||this.content.username.trim().length>60)&&(e+="<li>Escribe un nombre de usuario de tamaño adecuado.</li>"),"post"===this.state.editor&&0===this.users.selected.length&&-1===this.groups.type&&(e+="<li>Selecciona al menos un usuario.</li>"),this.state.admin&&"post"===this.state.editor&&0===this.users.selected.length&&-1===this.groups.type&&(e+="<li>Selecciona un grupo.</li>"),"newtopic"!==this.state.editor&&"post"!==this.state.editor||(this.content.subject.trim().length<4||this.content.subject.trim().length>60)&&(e+="<li>Escribe un titulo de tamaño adecuado.</li>"),this.content.msg.trim().length<10&&(e+="<li>Escribe un mensaje lo suficientemente largo.</li>"),e},sortedCharacters:function(){return Object.keys(this.users.options).length?this.users.options.map(e=>e.user).filter(e=>-1===this.users.selected.indexOf(e)).filter(e=>e.toLowerCase().indexOf(this.users.current.toLowerCase())>-1).sort((e,t)=>e<t?-1:e>t?1:0):[]},sortedEditCharacters:function(){return this.users.selected.sort((e,t)=>e<t?-1:e>t?1:0)}},methods:{insertSomething:function(e,t){const n=document.getElementById("usereply-editor"),o=e.replace(/-jump-/g,"\n"),r=t.replace(/-jump-/g,"\n");if(document.selection)n.focus(),document.selection.createRange().text=o+document.selection.createRange().text+r;else if(n.selectionStart||"0"==n.selectionStart){const e=n.selectionStart,t=n.selectionEnd,i=t+o.length+r.length;n.value=n.value.substring(0,e)+o+n.value.substring(e,t)+r+n.value.substring(t,n.value.length),n.setSelectionRange(i,i)}this.content.msg=n.value},newDice:function(){this.dice.current.push({dice:-1,number:0})},addCharacter:function(e){this.users.selected.push(e),this.users.selector=!1,this.users.current="",setTimeout(()=>{this.users.selector=!0},250)},deleteCharacter:function(e){this.users.current="",this.users.selected.splice(e,1)},changeGroup:function(){this.users.selected=[],this.users.current=""},parseMsg:function(){window.forumParsing=!0,document.querySelector("#forum-realreply > form .sceditor-container > textarea")?document.querySelector("#forum-realreply > form .sceditor-container > textarea").value=this.content.msg.replace(/#per/g,this.colors[this.colors.length-1].hex):document.querySelector("#forum-realreply > form textarea#text_editor_textarea").value=this.content.msg.replace(/#per/g,this.colors[this.colors.length-1].hex),"reply"===this.state.editor&&(!1!==FNR.cache.getData("post"+document.post.t.value+"user"+_userdata.user_id)&&-1!==_userdata.user_id&&FNR.cache.delData("post"+document.post.t.value+"user"+_userdata.user_id),[].forEach.call(document.querySelectorAll("#forum-realreply > form #list_dice tr"),(e,t)=>{0!==t&&e.remove()}),this.state.dice&&(document.querySelector("#forum-realreply > form #list_dice tr td").insertAdjacentHTML("beforeend",'<span id="dice_to_del"></span>'),this.dice.current.filter(e=>-1!==e.dice).filter(e=>0!==parseFloat(e.number)&&!isNaN(parseFloat(e.number))).forEach(e=>{add_dice(document.querySelectorAll("#list_dice tr").length,e.dice,e.number)}))),this.state.guest&&(this.content.subject.trim().length>4||this.content.subject.trim().length<60)&&(document.querySelector('#forum-realreply > form input[name="username"]').value=this.content.username),"post"===this.state.editor&&this.users.selected.length>0&&-1===this.groups.type&&this.users.selected.forEach(e=>{document.querySelector("#forum-realreply > form #add_username").click(),document.querySelectorAll('#forum-realreply > form input[name="username[]"]')[document.querySelectorAll('#forum-realreply > form input[name="username[]"]').length-2].value=e}),this.state.admin&&("post"===this.state.editor?0===this.users.selected.length&&-1!==this.groups.type&&(document.querySelector('#forum-realreply > form select[name="usergroup"]').value=this.groups.type):"newtopic"===this.state.editor&&-1!==this.content.type&&(document.querySelector('#forum-realreply > form input[type="radio"][name="topictype"][value="'+this.content.type+'"]').checked=!0)),"newtopic"!==this.state.editor&&"post"!==this.state.editor||(this.content.subject.trim().length>4||this.content.subject.trim().length<60)&&(document.querySelector('#forum-realreply > form input[name="subject"]').value=this.content.subject.trim())},draftMsg:function(){this.parseMsg(),document.querySelector('#forum-realreply > form input[value="Bosquejo"], #forum-realreply input[value="Modificar"]').click()},sendMsg:function(){this.parseMsg(),document.querySelector('#forum-realreply > form input[value="Enviar"], #forum-realreply input[value="Publicar"]').click()},prevMsg:function(){this.parseMsg(),document.querySelector('#forum-realreply > form input[value="Previsualización"], #forum-realreply input[value="Previsualizar"]').click()}},created(){const e=()=>{if(document.querySelector('#forum-realreply > form input[name="username"]')&&(this.content.username=document.querySelector('#forum-realreply > form input[name="username"]').value),document.querySelector("#forum-realreply > form #text_editor_textarea")){let e=document.querySelector("#forum-realreply > form #text_editor_textarea").value;this.content.msg=e}if(document.querySelector('#forum-realreply > form input[name="subject"]')){let e=document.querySelector('#forum-realreply input[name="subject"]').value;document.querySelector('#forum-realreply select[name="usergroup"]')&&""!==document.querySelector('#forum-realreply select[name="usergroup"]').value?this.groups.type=document.querySelector('#forum-realreply select[name="usergroup"]').value:document.querySelector('#forum-realreply input[name="username[]"]')&&[].forEach.call(document.querySelectorAll('#forum-realreply input[name="username[]"]'),e=>{""!==e.value&&this.users.selected.push(e.value)}),this.content.subject=e}document.querySelector("#forum-realreply > form #list_dice")&&([].forEach.call(document.querySelectorAll("#forum-realreply > form #list_dice #post_dice option"),e=>{""!==e.value&&this.dice.options.push({value:e.value,content:e.textContent})}),1===document.querySelectorAll("#forum-realreply > form #list_dice tr").length?this.dice.current.push({dice:-1,number:0}):[].forEach.call(document.querySelectorAll("#forum-realreply > form #list_dice tr"),e=>{""!==e.querySelector("select").value&&this.dice.current.push({dice:parseFloat(e.querySelector("select").value),number:parseFloat(e.querySelector("input").value)})})),4===document.querySelectorAll('#forum-realreply > form .panel.row3 input[type="radio"]').length&&[].forEach.call(document.querySelectorAll('#forum-realreply > form .panel.row3 input[type="radio"]'),e=>{this.content.options.push({value:e.value,name:e.parentElement.textContent.trim()}),e.checked&&(this.content.type=e.value)}),document.querySelector('#forum-realreply > form select[name="usergroup"]')&&[].forEach.call(document.querySelectorAll('#forum-realreply > form select[name="usergroup"] option'),e=>{""!==e.value&&this.groups.options.push({value:e.value,name:e.textContent})}),""===this.content.msg&&"reply"===document.post.mode.value&&!1!==FNR.cache.getData("post"+document.post.t.value+"user"+_userdata.user_id)&&-1!==_userdata.user_id&&(this.content.msg=FNR.cache.getData("post"+document.post.t.value+"user"+_userdata.user_id)),this.state.page=1,document.onkeydown=(e=>{const t=document.getElementById("usereply-editor");document.activeElement===t&&e.ctrlKey&&"b"===e.key?(e.preventDefault(),e.stopPropagation(),this.insertSomething("[b]","[/b]")):document.activeElement===t&&e.ctrlKey&&"i"===e.key?(e.preventDefault(),e.stopPropagation(),this.insertSomething("[i]","[/i]")):document.activeElement===t&&e.ctrlKey&&"s"===e.key?(e.preventDefault(),e.stopPropagation(),this.insertSomething("[strike]","[/strike]")):document.activeElement===t&&e.ctrlKey&&"u"===e.key?(e.preventDefault(),e.stopPropagation(),this.insertSomething("[u]","[/u]")):document.activeElement===t&&"Home"===e.key?(e.preventDefault(),e.stopPropagation(),t.setSelectionRange(0,0)):document.activeElement===t&&"End"===e.key&&(e.preventDefault(),e.stopPropagation(),t.setSelectionRange(t.value.length,t.value.length))}),window.addEventListener("beforeunload",function(e){!1===forumParsing&&-1!==_userdata.user_id&&(""===document.querySelector("#usereply-editor").value&&!1!==FNR.cache.getData("post"+document.post.t.value+"user"+_userdata.user_id)||""!==document.querySelector("#usereply-editor").value)&&"reply"===document.post.mode.value&&FNR.cache.setData("post"+document.post.t.value+"user"+_userdata.user_id,document.querySelector("#usereply-editor").value,-1)},!1),setTimeout(()=>{FNR.html.genDropeable()},250)},t=()=>{"post"===this.state.editor?FNR.forum.getMembers(!0).then(t=>{this.users.options=t,e()}):e()};this.state.guest?setTimeout(()=>{e()},2e3):void 0===forumConfig.skinOptions.customColour?t():FNR.user.profile.getData([{name:forumConfig.skinOptions.customColour,type:"input"}]).then(e=>{this.colors.push({hex:e[0].value,name:"Personal"}),t()}),this.state.replies=document.querySelectorAll(".forum-otherposts > *").length||document.querySelector('input[type="submit"][value="Modificar"]')?"Varios":""},mounted(){insertIntoEditor=(e=>{try{this.insertSomething(" "+e+" ","")}catch(e){console&&console.error(e)}}),$("#quickEmojInternal").on("load",function(){$("#quickEmojInternal").contents().find("head").append("<style>body{padding: 1rem!important}</style>")});let e="";document.querySelector('p[style="color: red;"]')&&(e=document.querySelector('p[style="color: red;"]').textContent,"preview"===document.querySelector('p[style="color: red;"]').parentElement.parentElement.id?document.querySelector('p[style="color: red;"]').parentElement.parentElement.remove():document.querySelector('p[style="color: red;"]').remove()),window.forumParsing=!1,""!==e&&FNR.html.genModal("Atención",e)},template:'\n    <div id="forum-usereply">\n        <template v-if="state.page === 0">\n            <cargando-foro data-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 id="usereply-extra" class="forum-fieldlist no-style" v-if="state.editor !== \'reply\'">\n                <template v-if="state.guest">\n                    <li>\n                        <campo-foro data-name="Nombre de usuario">\n                            <input type="text" v-model="content.username" placeholder="Escribe tu nombre de usuario." />\n                        </campo-foro>\n                    </li>\n                </template>\n                <template v-if="state.editor === \'post\'">\n                    <li>\n                        <campo-foro data-name="Usuarios">\n                            <div class="character-selector">\n                                <input type="text" v-model="users.current" placeholder="Escribe el nombre de un usuario." v-bind:disabled="groups.type !== -1" />\n                                <ul class="no-style selector-list" v-if="users.selector && sortedCharacters.length > 0">\n                                    <li v-for="(character, index) in sortedCharacters" v-on:click="addCharacter(character)" v-bind:title="\'Seleccionar \' + character">{{ character }}<i class="fas fa-plus"></i></li>\n                                </ul>\n                            </div>\n                            <ul v-if="sortedEditCharacters.length" class="no-style character-list">\n                                <li v-for="(character, index) in sortedEditCharacters" v-on:click="deleteCharacter(index)" v-bind:title="\'Quitar \' + character"><i class="fas fa-times"></i> {{ character }}</li>\n                            </ul>\n                        </campo-foro>\n                    </li>\n                </template>\n                <template v-if="state.admin">\n                    <template v-if="state.editor === \'post\'">\n                        <li>\n                            <campo-foro data-name="Grupo">\n                                <div class="select-container">\n                                    <select v-model="groups.type" v-on:change="changeGroup()" v-bind:disabled="users.selected.length !== 0">\n                                        <option value="-1" hidden>Selecciona un grupo.</option>\n                                        <option v-for="option in groups.options" v-bind:value="option.value">{{ option.name }}</option>\n                                    </select>\n                                </div>\n                            </campo-foro>\n                        </li>\n                    </template>\n                    <template v-else-if="state.editor === \'newtopic\' && content.type !== -1">\n                        <li>\n                            <campo-foro data-name="Tipo de tema">\n                                <div class="select-container">\n                                    <select v-model="content.type">\n                                        <option value="-1" hidden>Selecciona una opción.</option>\n                                        <option v-for="option in content.options" v-bind:value="option.value">{{ option.name }}</option>\n                                    </select>\n                                </div>\n                            </campo-foro>\n                        </li>\n                    </template>\n                </template>\n                <template v-if="state.editor === \'newtopic\' || state.editor === \'post\'">\n                    <li>\n                        <campo-foro data-name="Título">\n                            <input type="text" v-model="content.subject" placeholder="Escribe el título." />\n                        </campo-foro>\n                    </li>\n                </template>\n            </ul>\n            <div id="usereply-top" class="usereply-header">\n                <h3>Editor de texto<small>Ver guía de <a href="https://www.bbcode.org/reference.php" target="_blank">BBCode</a>.</small></h3>\n                <div id="usereply-buttons">\n                    <ul class="is-hidden-mobile">\n                        <li id="bold-button">\n                            <button class="usereply-button" v-on:click="insertSomething(\'[b]\', \'[/b]\')" title="Negrita">\n                                <i class="fas fa-bold"></i>\n                            </button>\n                        </li>\n                        <li id="italic-button">\n                            <button class="usereply-button" v-on:click="insertSomething(\'[i]\', \'[/i]\')" title="Cursiva">\n                                <i class="fas fa-italic"></i>\n                            </button>\n                        </li>\n                        <li id="underline-button">\n                            <button class="usereply-button" v-on:click="insertSomething(\'[u]\', \'[/u]\')" title="Subrayado">\n                                <i class="fas fa-underline"></i>\n                            </button>\n                        </li>\n                        <li id="strike-button">\n                            <button class="usereply-button" v-on:click="insertSomething(\'[strike]\', \'[/strike]\')" title="Tachado">\n                                <i class="fas fa-strikethrough"></i>\n                            </button>\n                        </li>\n                    </ul>\n                    <ul>\n                        <li id="colour-button">\n                            <div class="dropdown upper-controls is-dropeable is-right">\n                                <div class="dropdown-trigger">\n                                    <button class="usereply-button" title="Color">\n                                        <i class="fas fa-palette"></i>\n                                    </button>\n                                </div>\n                                <div class="dropdown-menu" role="menu">\n                                    <div id="colour-list" class="dropdown-content">\n                                        <div v-for="color in colors" class="usereply-option" v-bind:style="\'color:\' + color.hex" v-on:click="insertSomething(\'[color=\' + color.hex + \']\', \'[/color]\')">{{ color.name }}</div>\n                                    </div>\n                                </div>\n                            </div>\n                        </li>\n                        <li id="emoji-button">\n                            <div class="dropdown upper-controls is-dropeable is-right">\n                                <div class="dropdown-trigger">\n                                    <button class="usereply-button" title="Emoticono">\n                                        <i class="fas fa-smile"></i>\n                                    </button>\n                                </div>\n                                <div class="dropdown-menu" role="menu">\n                                    <div id="emoji-list" class="dropdown-content">\n                                        <iframe id="quickEmojInternal" marginheight="0" marginwidth="0" name="smilies" scrolling="auto" src="/smilies?mode=smilies_frame"></iframe>\n                                    </div>\n                                </div>\n                            </div>\n                        </li>\n                        <li id="align-button">\n                            <div class="dropdown upper-controls is-dropeable is-right">\n                                <div class="dropdown-trigger">\n                                    <button class="usereply-button" title="Alinear">\n                                        <i class="fas fa-align-justify"></i>\n                                    </button>\n                                </div>\n                                <div class="dropdown-menu" role="menu">\n                                    <div id="align-list" class="dropdown-content">\n                                        <div class="usereply-option" v-on:click="insertSomething(\'[left]\', \'[/left]\')">Izquierda</div>\n                                        <div class="usereply-option" v-on:click="insertSomething(\'[center]\', \'[/center]\')">Centro</div>\n                                        <div class="usereply-option" v-on:click="insertSomething(\'[right]\', \'[/right]\')">Derecha</div>\n                                    </div>\n                                </div>\n                            </div>\n                        </li>\n                        <li id="toolbox-button">\n                            <div class="dropdown upper-controls is-dropeable is-right">\n                                <div class="dropdown-trigger">\n                                    <button class="usereply-button" title="Otros">\n                                        <i class="fas fa-toolbox"></i>\n                                    </button>\n                                </div>\n                                <div class="dropdown-menu" role="menu">\n                                    <div id="toolbox-list" class="dropdown-content">\n                                        <div class="usereply-option" v-on:click="insertSomething(\'[url=\', \'][/url]\')">Enlace</div>\n                                        <div class="usereply-option" v-on:click="insertSomething(\'[img]\', \'[/img]\')">Imagen</div>\n                                        <div class="usereply-option" v-on:click="insertSomething(\'[spoiler]\', \'[/spoiler]\')">Spoiler</div>\n                                        <div class="usereply-option" v-on:click="insertSomething(\'[code]\', \'[/code]\')">Code</div>\n                                        <div class="usereply-option" v-on:click="insertSomething(\'[quote]\', \'[/quote]\')">Cita</div>\n                                        <div class="usereply-option" v-on:click="insertSomething(\'[hide]\', \'[/hide]\')">Ocultar</div>\n                                    </div>\n                                </div>\n                            </div>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n            <textarea id="usereply-editor" contenteditable="true" v-model="content.msg"></textarea>\n            <div id="usereply-comand" v-if="!msgCheck.length">\n                <button class="button1 btn-main" v-on:click="sendMsg()">Enviar</button>\n                <button class="button1" v-on:click="draftMsg()" v-if="state.editor === \'reply\' && state.dice">Bosquejo</button>\n                <button class="button1" v-on:click="prevMsg()">Previsualizar</button>\n            </div>\n            <div v-if="state.editor === \'reply\' && state.dice" id="usereply-dice">\n                <div class="usereply-header">\n                    <h3>Tirar dados</h3>\n                </div>\n                <ul>\n                    <li v-for="(item, index) in dice.current">\n                        <div class="select-container">\n                            <select v-model="item.dice">\n                                <option value="-1" selected hidden>Selec. un dado</option>\n                                <option v-for="option in dice.options" v-bind:value="option.value">{{ option.content }}</option>\n                            </select>\n                        </div>\n                        <input type="number" v-model="item.number" />\n                        <button v-on:click="newDice()" v-if="(index + 1) === dice.current.length" class="dice-more">\n                            <i class="fas fa-plus"></i>\n                        </button>\n                        <div v-else class="dice-more"></div>\n                    </li>\n                </ul>\n            </div>\n        </template>\n    </div>\n    '});
+Vue.component("panel-control",{props:["dataElements"],data:function(){return{userId:_userdata.user_id,state:{page:0},content:{original:[],current:[]}}},computed:{validationPanel:function(){return FNR.utility.genValidation(this.content.current)},toSave:function(){let e=[];return[].forEach.call(this.content.current,(t,n)=>{t.value!==this.content.original[n].value&&e.push({name:t.name,type:t.type,value:t.value})}),e}},methods:{updateProfile:function(){this.state.page=2,FNR.user.profile.setData(this.toSave).then(e=>{if(e){let e=!1;this.toSave.map(t=>{t.name.toLowerCase().indexOf("tema")>-1&&(e=!0)}),e?(FNR.html.genNotification("Atención","Información actualizada sin inconvenientes.","fas fa-check"),FNR.user.setTheme(!0)):(FNR.html.genNotification("Atención","Información actualizada sin inconvenientes.","fas fa-check"),setTimeout(()=>{window.location.reload()},2e3))}else FNR.html.genNotification("Atención","Hubo un problema al actualizar. Dale otro intento.","fas fa-exclamation")})}},created(){FNR.user.profile.getData(JSON.parse(this.dataElements.replace(/'/g,'"'))).then(e=>{this.content.original=JSON.parse(JSON.stringify(e)),this.content.current=e,this.state.page=1})},template:'\n    <section id="forum-cp" class="wiki-content is-dramatic">\n        <div class="is-content">\n            <h2>Editar perfil</h2>\n            <hr />\n            <p>En esta página podrás editar tu perfil de usuario. En caso de que quieras editar tu contraseña, por favor dirígete a <a target="_blank" title="Ir a «Cambiar contraseña»" v-bind:href="\'/profile?change_password=Cambiar+tu+contraseña&mode=editprofile&page_profil=informations&user_id=\' + userId">este enlace</a>.</p>\n            <p>Si estás experimentando problemas con el foro, pulsa <a title="Reiniciar cache" onclick="localStorage.clear(); window.location.replace(\'/\')">este otro</a>. Puede que los solucione.</p>\n        </div>\n        <separador-foro />\n        <template v-if="state.page === 0">\n            <cargando-foro data-text="Cargando utilidad…"></cargando-foro>\n        </template>\n        <template v-else-if="state.page === 1">\n            <aviso-foro v-show="validationPanel !== \'\'">\n                <ul v-html="validationPanel"></ul>\n            </aviso-foro>\n            <ul class="forum-fieldlist no-style">\n                <li v-for="item in content.current">\n                    <campo-foro v-bind:data-name="item.name">\n                        <input v-model="item.value" v-if="item.type === \'input\' || item.type === \'avatar\'" type="text"/>\n                        <textarea v-model="item.value" v-else-if="item.type === \'textarea\'"></textarea>\n                        <div v-else-if="item.type === \'select\'" class="select-container">\n                            <select v-model="item.value">\n                                <option v-bind:value="option.value" v-for="option in item.options">{{ option.name }}</option>\n                            </select>\n                        </div>\n                    </campo-foro>\n                </li>\n            </ul>\n            <div id="usereply-comand" v-if="toSave.length && validationPanel === \'\'">\n                <button class="button1 btn-main" v-on:click="updateProfile()" title="Actualizar perfil">Actualizar</button>\n            </div>\n        </template>\n        <template v-if="state.page === 2">\n            <cargando-foro data-text="Actualizando información…"></cargando-foro>\n        </template>\n    </section>\n    '}),Vue.component("lista-bosquejos",{data:function(){return{state:{page:0},content:{drafts:[]}}},created(){FNR.user.profile.getDrafts().then(e=>{this.state.page=1,this.content.drafts=e})},template:'\n    <section class="wiki-content is-dramatic">\n        <div class="is-content">\n            <h2>Lista de bosquejos</h2>\n            <hr />\n            <p>En esta página tienes tu lista de tus bosquejos. No es una lista completa, tan solo muestra la primera página. Si deseas ver más bosquejos, aligera la lista publicándolos.</p>\n        </div>\n        <separador-foro />\n        <template v-if="state.page === 0">\n            <cargando-foro data-text="Cargando utilidad…"></cargando-foro>\n        </template>\n        <template v-else-if="state.page === 1">\n            <section id="forum-drafts" class="forum-topiclist">\n                <lista-temas-cabecera data-elements="[\'Tema\', \'Información\']"></lista-temas-cabecera>\n                <ul class="topiclist-topics no-style">\n                    <template v-if="content.drafts === false">\n                        <li class="is-not-lastpost not-status">\n                            <h6>No tienes bosquejos guardados</h6>\n                        </li>\n                    </template>\n                    <template v-else>\n                        <li class="row is-not-lastpost not-status" v-for="draft in content.drafts">\n                            <temas-foro data-type="draft" data-mode="" v-bind:data-url="draft.topic.url" v-bind:data-title="draft.topic.name" v-bind:data-replies="draft.info.location" v-bind:data-views="draft.info.date" v-bind:data-quick="draft.modify" />\n                        </li>\n                    </template>\n                </ul>\n            </section>\n        </template>\n    </section>\n    '}),Vue.component("editor-foro",{data:function(){return{state:{page:0,editor:document.post.mode.value,admin:1===_userdata.user_level,guest:0===_userdata.session_logged_in,dice:document.querySelectorAll("#list_dice").length},colors:FNR.forum.getColors(),content:{username:"",subject:"",msg:"",type:-1,options:[]},users:{current:"",options:[],selected:[],selector:!0},groups:{type:-1,options:[]},dice:{options:[],current:[]}}},computed:{msgCheck:function(){let e="";return this.state.guest&&(this.content.username.trim().length<4||this.content.username.trim().length>60)&&(e+="<li>Escribe un nombre de usuario de tamaño adecuado.</li>"),"post"===this.state.editor&&0===this.users.selected.length&&-1===this.groups.type&&(e+="<li>Selecciona al menos un usuario.</li>"),this.state.admin&&"post"===this.state.editor&&0===this.users.selected.length&&-1===this.groups.type&&(e+="<li>Selecciona un grupo.</li>"),"newtopic"!==this.state.editor&&"post"!==this.state.editor||(this.content.subject.trim().length<4||this.content.subject.trim().length>60)&&(e+="<li>Escribe un titulo de tamaño adecuado.</li>"),this.content.msg.trim().length<10&&(e+="<li>Escribe un mensaje lo suficientemente largo.</li>"),e},sortedCharacters:function(){return Object.keys(this.users.options).length?this.users.options.map(e=>e.user).filter(e=>-1===this.users.selected.indexOf(e)).filter(e=>e.toLowerCase().indexOf(this.users.current.toLowerCase())>-1).sort((e,t)=>e<t?-1:e>t?1:0):[]},sortedEditCharacters:function(){return this.users.selected.sort((e,t)=>e<t?-1:e>t?1:0)}},methods:{insertSomething:function(e,t){const n=document.getElementById("usereply-editor"),o=e.replace(/-jump-/g,"\n"),i=t.replace(/-jump-/g,"\n");if(document.selection)n.focus(),document.selection.createRange().text=o+document.selection.createRange().text+i;else if(n.selectionStart||"0"==n.selectionStart){const e=n.selectionStart,t=n.selectionEnd,r=t+o.length+i.length;n.value=n.value.substring(0,e)+o+n.value.substring(e,t)+i+n.value.substring(t,n.value.length),n.setSelectionRange(r,r)}this.content.msg=n.value},newDice:function(){this.dice.current.push({dice:-1,number:0})},addCharacter:function(e){this.users.selected.push(e),this.users.selector=!1,this.users.current="",setTimeout(()=>{this.users.selector=!0},250)},deleteCharacter:function(e){this.users.current="",this.users.selected.splice(e,1)},changeGroup:function(){this.users.selected=[],this.users.current=""},parseMsg:function(){window.forumParsing=!0,document.querySelector("#forum-realreply > form .sceditor-container > textarea")?document.querySelector("#forum-realreply > form .sceditor-container > textarea").value=this.content.msg.replace(/#per/g,this.colors[this.colors.length-1].hex):document.querySelector("#forum-realreply > form textarea#text_editor_textarea").value=this.content.msg.replace(/#per/g,this.colors[this.colors.length-1].hex),"reply"===this.state.editor&&(!1!==FNR.cache.getData("post"+document.post.t.value+"user"+_userdata.user_id)&&-1!==_userdata.user_id&&FNR.cache.delData("post"+document.post.t.value+"user"+_userdata.user_id),[].forEach.call(document.querySelectorAll("#forum-realreply > form #list_dice tr"),(e,t)=>{0!==t&&e.remove()}),this.state.dice&&(document.querySelector("#forum-realreply > form #list_dice tr td").insertAdjacentHTML("beforeend",'<span id="dice_to_del"></span>'),this.dice.current.filter(e=>-1!==e.dice).filter(e=>0!==parseFloat(e.number)&&!isNaN(parseFloat(e.number))).forEach(e=>{add_dice(document.querySelectorAll("#list_dice tr").length,e.dice,e.number)}))),this.state.guest&&(this.content.subject.trim().length>4||this.content.subject.trim().length<60)&&(document.querySelector('#forum-realreply > form input[name="username"]').value=this.content.username),"post"===this.state.editor&&this.users.selected.length>0&&-1===this.groups.type&&this.users.selected.forEach(e=>{document.querySelector("#forum-realreply > form #add_username").click(),document.querySelectorAll('#forum-realreply > form input[name="username[]"]')[document.querySelectorAll('#forum-realreply > form input[name="username[]"]').length-2].value=e}),this.state.admin&&("post"===this.state.editor?0===this.users.selected.length&&-1!==this.groups.type&&(document.querySelector('#forum-realreply > form select[name="usergroup"]').value=this.groups.type):"newtopic"===this.state.editor&&-1!==this.content.type&&(document.querySelector('#forum-realreply > form input[type="radio"][name="topictype"][value="'+this.content.type+'"]').checked=!0)),"newtopic"!==this.state.editor&&"post"!==this.state.editor||(this.content.subject.trim().length>4||this.content.subject.trim().length<60)&&(document.querySelector('#forum-realreply > form input[name="subject"]').value=this.content.subject.trim())},draftMsg:function(){this.parseMsg(),document.querySelector('#forum-realreply > form input[value="Bosquejo"], #forum-realreply input[value="Modificar"]').click()},sendMsg:function(){this.parseMsg(),document.querySelector('#forum-realreply > form input[value="Enviar"], #forum-realreply input[value="Publicar"]').click()},prevMsg:function(){this.parseMsg(),document.querySelector('#forum-realreply > form input[value="Previsualización"], #forum-realreply input[value="Previsualizar"]').click()}},created(){const e=()=>{if(document.querySelector('#forum-realreply > form input[name="username"]')&&(this.content.username=document.querySelector('#forum-realreply > form input[name="username"]').value),document.querySelector("#forum-realreply > form #text_editor_textarea")){let e=document.querySelector("#forum-realreply > form #text_editor_textarea").value;this.content.msg=e}if(document.querySelector('#forum-realreply > form input[name="subject"]')){let e=document.querySelector('#forum-realreply input[name="subject"]').value;document.querySelector('#forum-realreply select[name="usergroup"]')&&""!==document.querySelector('#forum-realreply select[name="usergroup"]').value?this.groups.type=document.querySelector('#forum-realreply select[name="usergroup"]').value:document.querySelector('#forum-realreply input[name="username[]"]')&&[].forEach.call(document.querySelectorAll('#forum-realreply input[name="username[]"]'),e=>{""!==e.value&&this.users.selected.push(e.value)}),this.content.subject=e}document.querySelector("#forum-realreply > form #list_dice")&&([].forEach.call(document.querySelectorAll("#forum-realreply > form #list_dice #post_dice option"),e=>{""!==e.value&&this.dice.options.push({value:e.value,content:e.textContent})}),1===document.querySelectorAll("#forum-realreply > form #list_dice tr").length?this.dice.current.push({dice:-1,number:0}):[].forEach.call(document.querySelectorAll("#forum-realreply > form #list_dice tr"),e=>{""!==e.querySelector("select").value&&this.dice.current.push({dice:parseFloat(e.querySelector("select").value),number:parseFloat(e.querySelector("input").value)})})),4===document.querySelectorAll('#forum-realreply > form .panel.row3 input[type="radio"]').length&&[].forEach.call(document.querySelectorAll('#forum-realreply > form .panel.row3 input[type="radio"]'),e=>{this.content.options.push({value:e.value,name:e.parentElement.textContent.trim()}),e.checked&&(this.content.type=e.value)}),document.querySelector('#forum-realreply > form select[name="usergroup"]')&&[].forEach.call(document.querySelectorAll('#forum-realreply > form select[name="usergroup"] option'),e=>{""!==e.value&&this.groups.options.push({value:e.value,name:e.textContent})}),""===this.content.msg&&"reply"===document.post.mode.value&&!1!==FNR.cache.getData("post"+document.post.t.value+"user"+_userdata.user_id)&&-1!==_userdata.user_id&&(this.content.msg=FNR.cache.getData("post"+document.post.t.value+"user"+_userdata.user_id)),this.state.page=1,document.onkeydown=(e=>{const t=document.getElementById("usereply-editor");document.activeElement===t&&e.ctrlKey&&"b"===e.key?(e.preventDefault(),e.stopPropagation(),this.insertSomething("[b]","[/b]")):document.activeElement===t&&e.ctrlKey&&"i"===e.key?(e.preventDefault(),e.stopPropagation(),this.insertSomething("[i]","[/i]")):document.activeElement===t&&e.ctrlKey&&"s"===e.key?(e.preventDefault(),e.stopPropagation(),this.insertSomething("[strike]","[/strike]")):document.activeElement===t&&e.ctrlKey&&"u"===e.key?(e.preventDefault(),e.stopPropagation(),this.insertSomething("[u]","[/u]")):document.activeElement===t&&"Home"===e.key?(e.preventDefault(),e.stopPropagation(),t.setSelectionRange(0,0)):document.activeElement===t&&"End"===e.key&&(e.preventDefault(),e.stopPropagation(),t.setSelectionRange(t.value.length,t.value.length))}),window.addEventListener("beforeunload",function(e){!1===forumParsing&&-1!==_userdata.user_id&&(""===document.querySelector("#usereply-editor").value&&!1!==FNR.cache.getData("post"+document.post.t.value+"user"+_userdata.user_id)||""!==document.querySelector("#usereply-editor").value)&&"reply"===document.post.mode.value&&FNR.cache.setData("post"+document.post.t.value+"user"+_userdata.user_id,document.querySelector("#usereply-editor").value,-1)},!1),setTimeout(()=>{FNR.html.genDropeable()},250)},t=()=>{"post"===this.state.editor?FNR.forum.getMembers(!0).then(t=>{this.users.options=t,e()}):e()};this.state.guest?setTimeout(()=>{e()},2e3):void 0===forumConfig.skinOptions.customColour?t():FNR.user.profile.getData([{name:forumConfig.skinOptions.customColour,type:"input"}]).then(e=>{this.colors.push({hex:e[0].value,name:"Personal"}),t()}),this.state.replies=document.querySelectorAll(".forum-otherposts > *").length||document.querySelector('input[type="submit"][value="Modificar"]')?"Varios":""},mounted(){insertIntoEditor=(e=>{try{this.insertSomething(" "+e+" ","")}catch(e){console&&console.error(e)}}),$("#quickEmojInternal").on("load",function(){$("#quickEmojInternal").contents().find("head").append("<style>body{padding: 1rem!important}</style>")});let e="";document.querySelector('p[style="color: red;"]')&&(e=document.querySelector('p[style="color: red;"]').textContent,"preview"===document.querySelector('p[style="color: red;"]').parentElement.parentElement.id?document.querySelector('p[style="color: red;"]').parentElement.parentElement.remove():document.querySelector('p[style="color: red;"]').remove()),window.forumParsing=!1,""!==e&&FNR.html.genNotification("Atención",e,"fas fa-exclamation")},template:'\n    <div id="forum-usereply">\n        <template v-if="state.page === 0">\n            <cargando-foro data-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 id="usereply-extra" class="forum-fieldlist no-style" v-if="state.editor !== \'reply\'">\n                <template v-if="state.guest">\n                    <li>\n                        <campo-foro data-name="Nombre de usuario">\n                            <input type="text" v-model="content.username" placeholder="Escribe tu nombre de usuario." />\n                        </campo-foro>\n                    </li>\n                </template>\n                <template v-if="state.editor === \'post\'">\n                    <li>\n                        <campo-foro data-name="Usuarios">\n                            <div class="character-selector">\n                                <input type="text" v-model="users.current" placeholder="Escribe el nombre de un usuario." v-bind:disabled="groups.type !== -1" />\n                                <ul class="no-style selector-list" v-if="users.selector && sortedCharacters.length > 0">\n                                    <li v-for="(character, index) in sortedCharacters" v-on:click="addCharacter(character)" v-bind:title="\'Seleccionar \' + character">{{ character }}<i class="fas fa-plus"></i></li>\n                                </ul>\n                            </div>\n                            <ul v-if="sortedEditCharacters.length" class="no-style character-list">\n                                <li v-for="(character, index) in sortedEditCharacters" v-on:click="deleteCharacter(index)" v-bind:title="\'Quitar \' + character"><i class="fas fa-times"></i> {{ character }}</li>\n                            </ul>\n                        </campo-foro>\n                    </li>\n                </template>\n                <template v-if="state.admin">\n                    <template v-if="state.editor === \'post\'">\n                        <li>\n                            <campo-foro data-name="Grupo">\n                                <div class="select-container">\n                                    <select v-model="groups.type" v-on:change="changeGroup()" v-bind:disabled="users.selected.length !== 0">\n                                        <option value="-1" hidden>Selecciona un grupo.</option>\n                                        <option v-for="option in groups.options" v-bind:value="option.value">{{ option.name }}</option>\n                                    </select>\n                                </div>\n                            </campo-foro>\n                        </li>\n                    </template>\n                    <template v-else-if="state.editor === \'newtopic\' && content.type !== -1">\n                        <li>\n                            <campo-foro data-name="Tipo de tema">\n                                <div class="select-container">\n                                    <select v-model="content.type">\n                                        <option value="-1" hidden>Selecciona una opción.</option>\n                                        <option v-for="option in content.options" v-bind:value="option.value">{{ option.name }}</option>\n                                    </select>\n                                </div>\n                            </campo-foro>\n                        </li>\n                    </template>\n                </template>\n                <template v-if="state.editor === \'newtopic\' || state.editor === \'post\'">\n                    <li>\n                        <campo-foro data-name="Título">\n                            <input type="text" v-model="content.subject" placeholder="Escribe el título." />\n                        </campo-foro>\n                    </li>\n                </template>\n            </ul>\n            <div id="usereply-top" class="usereply-header">\n                <h3>Editor de texto<small>Ver guía de <a href="https://www.bbcode.org/reference.php" target="_blank">BBCode</a>.</small></h3>\n                <div id="usereply-buttons">\n                    <ul class="is-hidden-mobile">\n                        <li id="bold-button">\n                            <button class="usereply-button" v-on:click="insertSomething(\'[b]\', \'[/b]\')" title="Negrita">\n                                <i class="fas fa-bold"></i>\n                            </button>\n                        </li>\n                        <li id="italic-button">\n                            <button class="usereply-button" v-on:click="insertSomething(\'[i]\', \'[/i]\')" title="Cursiva">\n                                <i class="fas fa-italic"></i>\n                            </button>\n                        </li>\n                        <li id="underline-button">\n                            <button class="usereply-button" v-on:click="insertSomething(\'[u]\', \'[/u]\')" title="Subrayado">\n                                <i class="fas fa-underline"></i>\n                            </button>\n                        </li>\n                        <li id="strike-button">\n                            <button class="usereply-button" v-on:click="insertSomething(\'[strike]\', \'[/strike]\')" title="Tachado">\n                                <i class="fas fa-strikethrough"></i>\n                            </button>\n                        </li>\n                    </ul>\n                    <ul>\n                        <li id="colour-button">\n                            <div class="dropdown upper-controls is-dropeable is-right">\n                                <div class="dropdown-trigger">\n                                    <button class="usereply-button" title="Color">\n                                        <i class="fas fa-palette"></i>\n                                    </button>\n                                </div>\n                                <div class="dropdown-menu" role="menu">\n                                    <div id="colour-list" class="dropdown-content">\n                                        <div v-for="color in colors" class="usereply-option" v-bind:style="\'color:\' + color.hex" v-on:click="insertSomething(\'[color=\' + color.hex + \']\', \'[/color]\')">{{ color.name }}</div>\n                                    </div>\n                                </div>\n                            </div>\n                        </li>\n                        <li id="emoji-button">\n                            <div class="dropdown upper-controls is-dropeable is-right">\n                                <div class="dropdown-trigger">\n                                    <button class="usereply-button" title="Emoticono">\n                                        <i class="fas fa-smile"></i>\n                                    </button>\n                                </div>\n                                <div class="dropdown-menu" role="menu">\n                                    <div id="emoji-list" class="dropdown-content">\n                                        <iframe id="quickEmojInternal" marginheight="0" marginwidth="0" name="smilies" scrolling="auto" src="/smilies?mode=smilies_frame"></iframe>\n                                    </div>\n                                </div>\n                            </div>\n                        </li>\n                        <li id="align-button">\n                            <div class="dropdown upper-controls is-dropeable is-right">\n                                <div class="dropdown-trigger">\n                                    <button class="usereply-button" title="Alinear">\n                                        <i class="fas fa-align-justify"></i>\n                                    </button>\n                                </div>\n                                <div class="dropdown-menu" role="menu">\n                                    <div id="align-list" class="dropdown-content">\n                                        <div class="usereply-option" v-on:click="insertSomething(\'[left]\', \'[/left]\')">Izquierda</div>\n                                        <div class="usereply-option" v-on:click="insertSomething(\'[center]\', \'[/center]\')">Centro</div>\n                                        <div class="usereply-option" v-on:click="insertSomething(\'[right]\', \'[/right]\')">Derecha</div>\n                                    </div>\n                                </div>\n                            </div>\n                        </li>\n                        <li id="toolbox-button">\n                            <div class="dropdown upper-controls is-dropeable is-right">\n                                <div class="dropdown-trigger">\n                                    <button class="usereply-button" title="Otros">\n                                        <i class="fas fa-toolbox"></i>\n                                    </button>\n                                </div>\n                                <div class="dropdown-menu" role="menu">\n                                    <div id="toolbox-list" class="dropdown-content">\n                                        <div class="usereply-option" v-on:click="insertSomething(\'[url=\', \'][/url]\')">Enlace</div>\n                                        <div class="usereply-option" v-on:click="insertSomething(\'[img]\', \'[/img]\')">Imagen</div>\n                                        <div class="usereply-option" v-on:click="insertSomething(\'[spoiler]\', \'[/spoiler]\')">Spoiler</div>\n                                        <div class="usereply-option" v-on:click="insertSomething(\'[code]\', \'[/code]\')">Code</div>\n                                        <div class="usereply-option" v-on:click="insertSomething(\'[quote]\', \'[/quote]\')">Cita</div>\n                                        <div class="usereply-option" v-on:click="insertSomething(\'[hide]\', \'[/hide]\')">Ocultar</div>\n                                    </div>\n                                </div>\n                            </div>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n            <textarea id="usereply-editor" contenteditable="true" v-model="content.msg"></textarea>\n            <div id="usereply-comand" v-if="!msgCheck.length">\n                <button class="button1 btn-main" v-on:click="sendMsg()">Enviar</button>\n                <button class="button1" v-on:click="draftMsg()" v-if="state.editor === \'reply\' && state.dice">Bosquejo</button>\n                <button class="button1" v-on:click="prevMsg()">Previsualizar</button>\n            </div>\n            <div v-if="state.editor === \'reply\' && state.dice" id="usereply-dice">\n                <div class="usereply-header">\n                    <h3>Tirar dados</h3>\n                </div>\n                <ul>\n                    <li v-for="(item, index) in dice.current">\n                        <div class="select-container">\n                            <select v-model="item.dice">\n                                <option value="-1" selected hidden>Selec. un dado</option>\n                                <option v-for="option in dice.options" v-bind:value="option.value">{{ option.content }}</option>\n                            </select>\n                        </div>\n                        <input type="number" v-model="item.number" />\n                        <button v-on:click="newDice()" v-if="(index + 1) === dice.current.length" class="dice-more">\n                            <i class="fas fa-plus"></i>\n                        </button>\n                        <div v-else class="dice-more"></div>\n                    </li>\n                </ul>\n            </div>\n        </template>\n    </div>\n    '});

package/apps/vueMulti.js

@@ -217,12 +217,14 @@ Vue.component('gestor-multicuentas', {
                     accounts: data
                 }]).replace(/"/g, '`')
             }]).then((r) => {
-                if (r) {
+                if (r) {                    
+                    FNR.html.genNotification('Atención', 'Información actualizada sin inconvenientes.', 'fas fa-check');
+
                     setTimeout(() => {
                         window.location.reload();
                     }, 2500);
                 } else {
-                    FNR.html.genModal('Atención', '<p>Ha habido un problema con actualizar tu información. Por favor, inténtalo de nuevo.</p>');
+                    FNR.html.genNotification('Atención', 'Hubo un problema al actualizar. Dale otro intento.', 'fas fa-exclamation');
                 }
             });
         }
@@ -262,11 +264,13 @@ Vue.component('gestor-multicuentas', {
                                 }]).replace(/"/g, '`')
                             }]).then((r) => {
                                 if (r) {
+                                    FNR.html.genNotification('Atención', 'Información actualizada sin inconvenientes.', 'fas fa-check');
+
                                     setTimeout(() => {
                                         window.location.reload();
                                     }, 2500);
                                 } else {
-                                    FNR.html.genModal('Atención', '<p>Ha habido un problema con actualizar tu información. Por favor, inténtalo de nuevo.</p>');
+                                    FNR.html.genNotification('Atención', 'Hubo un problema al actualizar. Dale otro intento.', 'fas fa-exclamation');
                                 }
                             });
                         } else {

package/apps/vueMulti.min.js

@@ -1 +1 @@
-Vue.component("modal-multicuentas",{props:["dataElement","dataType"],data:function(){return{state:{modal:!1},content:{edit:JSON.parse(JSON.stringify(this.dataElement)),current:this.dataElement}}},computed:{modalTitle:function(){return"new"===this.dataType?"Nuevo usuario":"edit"===this.dataType?"Editar usuario":void 0},oneCheck:function(){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:function(){return JSON.stringify(this.content.current)!==JSON.stringify(this.content.edit)}},methods:{modalClose:function(){this.$parent.modal.type="new",this.$parent.modal.status=!1,this.$parent.setEntry(),this.$parent.forceRerender()},pushElement:function(){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 v-bind:data-title="modalTitle" v-on: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 data-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 data-name="Contraseña">\n                        <div class="character-selector">\n                            <input v-bind:type="content.edit.type" v-model="content.edit.password" placeholder="Escribe la contraseña de la cuenta." />\n                            <a class="character-custom" v-on: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" v-on:click="pushElement()" title="Guardar entrada">Guardar</button>\n            </controles-modal>\n        </template>\n    </modal-foro>\n    '}),Vue.component("gestor-multicuentas",{data:function(){return{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:function(){let t="";return this.content.password.value.length<5&&(t+="<li>Escribe la contraseña maestra.</li>"),t},finalCheck:function(){return JSON.stringify(this.content.accounts.current)!==JSON.stringify(this.content.accounts.edit)},sortedCharacters:function(){return this.content.accounts.edit.sort((t,e)=>t.name<e.name?-1:t.name>e.name?1:0)}},methods:{modalClose:function(){this.state.page=3,setTimeout(()=>{window.location.reload()},2500)},forceRerender:function(){this.render+=1},setEntry:function(){this.entry={name:"",id:"",type:"password",password:""}},addEntry:function(t){t.preventDefault(),this.modal.status=!0},save:function(t){t.preventDefault(),this.updateData()},updateLocal:function(){this.updateData()},updateForum:function(){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:function(){this.state.page=3,FNR.cache.setData("userpassword",this.content.password.value,-1),setTimeout(()=>{window.location.reload()},2500)},updateData:function(){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?setTimeout(()=>{window.location.reload()},2500):FNR.html.genModal("Atención","<p>Ha habido un problema con actualizar tu información. Por favor, inténtalo de nuevo.</p>")})}},created(){FNR.user.profile.getData([{name:forumConfig.profileUser.accountsField,type:"textarea"}]).then(t=>{if(this.content.encrypted=FNR.html.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?setTimeout(()=>{window.location.reload()},2500):FNR.html.genModal("Atención","<p>Ha habido un problema con actualizar tu información. Por favor, inténtalo de nuevo.</p>")});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. Experimenta con su funcionamiento, es bastante intuitivo.</p>\n        </div>\n        <separador-foro />\n        <template v-if="state.page === 0">\n            <cargando-foro data-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 data-name="Contraseña maestra">\n                        <div class="character-selector">\n                            <input v-bind:type="content.password.type" v-model="content.password.value" />\n                            <a class="character-custom" v-on: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" v-on:click="setData()">Guardar</button>\n            </div>\n        </template>\n        <template v-else-if="state.page === 2">\n            <modal-multicuentas v-if="modal.status" v-bind:data-type="modal.type" v-bind:data-element="entry"></modal-multicuentas>\n            <modal-foro v-if="modal.bonus" data-title="Atención" v-on: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" v-on:click="updateForum()" title="Actualizar versión foro">Actualizar foro</button>\n                        <button class="button1" v-on:click="updateLocal()" title="Actualizar versión local">Actualizar local</button>\n                    </controles-modal>\n                </template>\n            </modal-foro>\n            <mando-foro data-id="upper-controls" data-app="true">\n                <template slot="controls">\n                    <li v-on:click="addEntry($event)">\n                        <boton-foro data-url="#" data-name="Añadir" data-icon="fas fa-plus"></boton-foro>\n                    </li>\n                    <li v-if="finalCheck" v-on:click="save($event)">\n                        <boton-foro data-url="#" data-name="Guardar" data-icon="fas fa-save" data-type="no-name"></boton-foro>\n                    </li>\n                </template>\n            </mando-foro>\n            <ul class="no-style" v-bind:key="render">\n                <template v-if="!sortedCharacters.length">\n                    <li class="is-not-lastpost not-status">\n                        <h6>No hay cuentas configuradas</h6>\n                    </li>\n                </template>\n                <template v-else v-for="(item, index) in sortedCharacters">\n                    <elemento-multicuentas v-bind:data-element="item" v-bind:data-id="index" v-bind:key="index"></elemento-multicuentas>\n                </template>\n            </ul>\n            <mando-foro data-id="lower-controls" data-app="true">\n                <template slot="controls">\n                    <li v-on:click="addEntry($event)">\n                        <boton-foro data-url="#" data-name="Añadir" data-icon="fas fa-plus"></boton-foro>\n                    </li>\n                    <li v-if="finalCheck" v-on:click="save($event)">\n                        <boton-foro data-url="#" data-name="Guardar" data-icon="fas fa-save" data-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 data-text="Actualizando información…"></cargando-foro>\n        </template>\n    </section>\n    '}),Vue.component("elemento-multicuentas",{props:["dataElement","dataId"],data:function(){return{content:this.dataElement}},methods:{deleteElement:function(){this.$parent.content.accounts.edit.splice(this.dataId,1),this.$parent.forceRerender()},editElement:function(){this.$parent.modal.type="edit",this.$parent.entry=this.content,this.$parent.modal.status=!0}},template:'\n    <li>\n        <campo-foro v-bind:data-name="content.name">\n            <div class="character-selector">\n                <input v-bind:type="content.type" v-model="content.password" disabled/>\n                <span class="character-custom rp-controls">\n                    <span v-on:click="editElement()" title="Editar entrada">Editar</span> / <span v-on:click="deleteElement()" title="Eliminar entrada">Eliminar</span>\n                </span>\n            </div>\n        </campo-foro>\n    </li>\n    '});
+Vue.component("modal-multicuentas",{props:["dataElement","dataType"],data:function(){return{state:{modal:!1},content:{edit:JSON.parse(JSON.stringify(this.dataElement)),current:this.dataElement}}},computed:{modalTitle:function(){return"new"===this.dataType?"Nuevo usuario":"edit"===this.dataType?"Editar usuario":void 0},oneCheck:function(){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:function(){return JSON.stringify(this.content.current)!==JSON.stringify(this.content.edit)}},methods:{modalClose:function(){this.$parent.modal.type="new",this.$parent.modal.status=!1,this.$parent.setEntry(),this.$parent.forceRerender()},pushElement:function(){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 v-bind:data-title="modalTitle" v-on: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 data-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 data-name="Contraseña">\n                        <div class="character-selector">\n                            <input v-bind:type="content.edit.type" v-model="content.edit.password" placeholder="Escribe la contraseña de la cuenta." />\n                            <a class="character-custom" v-on: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" v-on:click="pushElement()" title="Guardar entrada">Guardar</button>\n            </controles-modal>\n        </template>\n    </modal-foro>\n    '}),Vue.component("gestor-multicuentas",{data:function(){return{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:function(){let t="";return this.content.password.value.length<5&&(t+="<li>Escribe la contraseña maestra.</li>"),t},finalCheck:function(){return JSON.stringify(this.content.accounts.current)!==JSON.stringify(this.content.accounts.edit)},sortedCharacters:function(){return this.content.accounts.edit.sort((t,e)=>t.name<e.name?-1:t.name>e.name?1:0)}},methods:{modalClose:function(){this.state.page=3,setTimeout(()=>{window.location.reload()},2500)},forceRerender:function(){this.render+=1},setEntry:function(){this.entry={name:"",id:"",type:"password",password:""}},addEntry:function(t){t.preventDefault(),this.modal.status=!0},save:function(t){t.preventDefault(),this.updateData()},updateLocal:function(){this.updateData()},updateForum:function(){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:function(){this.state.page=3,FNR.cache.setData("userpassword",this.content.password.value,-1),setTimeout(()=>{window.location.reload()},2500)},updateData:function(){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.html.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. Experimenta con su funcionamiento, es bastante intuitivo.</p>\n        </div>\n        <separador-foro />\n        <template v-if="state.page === 0">\n            <cargando-foro data-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 data-name="Contraseña maestra">\n                        <div class="character-selector">\n                            <input v-bind:type="content.password.type" v-model="content.password.value" />\n                            <a class="character-custom" v-on: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" v-on:click="setData()">Guardar</button>\n            </div>\n        </template>\n        <template v-else-if="state.page === 2">\n            <modal-multicuentas v-if="modal.status" v-bind:data-type="modal.type" v-bind:data-element="entry"></modal-multicuentas>\n            <modal-foro v-if="modal.bonus" data-title="Atención" v-on: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" v-on:click="updateForum()" title="Actualizar versión foro">Actualizar foro</button>\n                        <button class="button1" v-on:click="updateLocal()" title="Actualizar versión local">Actualizar local</button>\n                    </controles-modal>\n                </template>\n            </modal-foro>\n            <mando-foro data-id="upper-controls" data-app="true">\n                <template slot="controls">\n                    <li v-on:click="addEntry($event)">\n                        <boton-foro data-url="#" data-name="Añadir" data-icon="fas fa-plus"></boton-foro>\n                    </li>\n                    <li v-if="finalCheck" v-on:click="save($event)">\n                        <boton-foro data-url="#" data-name="Guardar" data-icon="fas fa-save" data-type="no-name"></boton-foro>\n                    </li>\n                </template>\n            </mando-foro>\n            <ul class="no-style" v-bind:key="render">\n                <template v-if="!sortedCharacters.length">\n                    <li class="is-not-lastpost not-status">\n                        <h6>No hay cuentas configuradas</h6>\n                    </li>\n                </template>\n                <template v-else v-for="(item, index) in sortedCharacters">\n                    <elemento-multicuentas v-bind:data-element="item" v-bind:data-id="index" v-bind:key="index"></elemento-multicuentas>\n                </template>\n            </ul>\n            <mando-foro data-id="lower-controls" data-app="true">\n                <template slot="controls">\n                    <li v-on:click="addEntry($event)">\n                        <boton-foro data-url="#" data-name="Añadir" data-icon="fas fa-plus"></boton-foro>\n                    </li>\n                    <li v-if="finalCheck" v-on:click="save($event)">\n                        <boton-foro data-url="#" data-name="Guardar" data-icon="fas fa-save" data-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 data-text="Actualizando información…"></cargando-foro>\n        </template>\n    </section>\n    '}),Vue.component("elemento-multicuentas",{props:["dataElement","dataId"],data:function(){return{content:this.dataElement}},methods:{deleteElement:function(){this.$parent.content.accounts.edit.splice(this.dataId,1),this.$parent.forceRerender()},editElement:function(){this.$parent.modal.type="edit",this.$parent.entry=this.content,this.$parent.modal.status=!0}},template:'\n    <li>\n        <campo-foro v-bind:data-name="content.name">\n            <div class="character-selector">\n                <input v-bind:type="content.type" v-model="content.password" disabled/>\n                <span class="character-custom rp-controls">\n                    <span v-on:click="editElement()" title="Editar entrada">Editar</span> / <span v-on:click="deleteElement()" title="Eliminar entrada">Eliminar</span>\n                </span>\n            </div>\n        </campo-foro>\n    </li>\n    '});

package/apps/vueRela.js

@@ -281,12 +281,14 @@ Vue.component('gestor-relaciones', {
                 type: 'textarea',
                 value: JSON.stringify(data).replace(/"/g, '`')
             }]).then((r) => {
-                if (r) {
+                if (r) {                    
+                    FNR.html.genNotification('Atención', 'Información actualizada sin inconvenientes.', 'fas fa-check');
+
                     setTimeout(() => {
                         window.location.reload();
                     }, 2000);
                 } else {
-                    FNR.html.genModal('Atención', '<p>Ha habido un problema con actualizar tu perfil. Por favor, inténtalo de nuevo.</p>');
+                    FNR.html.genNotification('Atención', 'Hubo un problema al actualizar. Dale otro intento.', 'fas fa-exclamation');
                 }
             });
         }

package/apps/vueRela.min.js

@@ -1 +1 @@
-Vue.component("modal-relaciones",{props:["dataElement","dataType"],data:function(){return{state:{modal:!1},info:{users:this.$parent.users,user:"",people:[]},content:{edit:JSON.parse(JSON.stringify(this.dataElement)),current:this.dataElement}}},computed:{modalTitle:function(){return"new"===this.dataType?"Nueva entrada":"edit"===this.dataType?"Editar entrada":void 0},oneCheck:function(){let e="";return Object.keys(this.content.edit).length?(this.content.edit.name.length<3&&(e+="<li>Escribe el nombre del personaje.</li>"),-1===this.content.edit.color&&(e+="<li>Selecciona una facción para el personaje.</li>"),-1===this.content.edit.url.indexOf("/u")&&(e+="<li>Escribe el enlace al perfil del personaje.</li>"),this.content.edit.img.match(/(jpg|jpeg|png)$/i)||(e+="<li>Escribe el enlace a la imagen del personaje (debe ser de 190x190).</li>"),this.content.edit.desc.length<151&&(e+="<li>Escribe una descripción lo suficientemente larga (150 carácteres al menos).</li>"),e):e},finalCheck:function(){return JSON.stringify(this.content.current)!==JSON.stringify(this.content.edit)},sortedCharacters:function(){return Object.keys(this.content.edit).length?this.info.users.filter(e=>-1===this.info.people.indexOf(e.user)).filter(e=>e.user.toLowerCase().indexOf(this.content.edit.name.toLowerCase())>-1):this.$parent.users.map(e=>e.user)}},methods:{modalClose:function(){this.$parent.modal.type="new",this.$parent.modal.status=!1,this.$parent.setEntry()},addCharacter:function(e){this.content.edit.type=!0,this.content.edit.name=e.user,this.content.edit.img=e.img,this.content.edit.color=e.color,this.content.edit.url=e.id},updateData:function(){const e=JSON.parse(JSON.stringify(this.info.users)).filter(e=>e.user===this.content.current.name)[0];this.content.edit.img=e.img},pushElement:function(){"edit"===this.$parent.modal.type&&this.$parent.content.edit.splice(this.$parent.content.edit.map(e=>e.position).indexOf(this.content.current.position),1);let e=this.content.edit;"new"===this.$parent.modal.type&&(e.position=this.$parent.content.edit.length),this.$parent.content.edit.push(e),this.modalClose()}},template:'\n    <modal-foro v-bind:data-title="modalTitle" v-on:modal-close="modalClose()">\n        <template v-if="content.edit.type">\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 data-name="Nombre">\n                            <div class="character-selector">\n                                <input type="text" v-model="content.edit.name" placeholder="Escribe el nombre del personaje." disabled />\n                                <a class="character-custom" v-on:click="updateData()" v-bind:title="\'Actualizar avatar de «\' + content.current.name + \'»\'">\n                                    <i class="fas fa-redo-alt"></i>\n                                </a>\n                            </div>\n                        </campo-foro>\n                    </li>\n                </ul>\n                <h4 class="mt-5">Descripción</h4>\n                <ul class="forum-fieldlist no-style">\n                    <li class="has-no-label">\n                        <campo-foro data-name="Descripción">\n                            <textarea v-model="content.edit.desc" placeholder="Escribe la descripción del personaje."></textarea>\n                        </campo-foro>\n                    </li>\n                </ul>\n            </template>\n            <template slot="controls" v-if="!oneCheck.length && finalCheck">\n                <controles-modal>\n                    <button class="button1 btn-main" v-on:click="pushElement()" title="Guardar entrada">Guardar</button>\n                </controles-modal>\n            </template>\n        </template>\n        <template v-else>\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 data-name="Nombre">\n                            <div class="character-selector">                                \n                                <input type="text" v-model="content.edit.name" placeholder="Escribe el nombre del personaje." />\n                                <ul class="no-style selector-list" v-if="sortedCharacters.length > 0">\n                                    <li v-for="(character, index) in sortedCharacters" v-on:click="addCharacter(character)" v-bind:title="\'Seleccionar \' + character.user">{{ character.user }}<i class="fas fa-plus"></i></li>\n                                </ul>\n                            </div>\n                        </campo-foro>\n                    </li>\n                    <li>\n                        <campo-foro data-name="Imagen">\n                            <input type="text" v-model="content.edit.img" placeholder="Escribe el enlace a la imagen del personaje." />\n                        </campo-foro>\n                    </li>\n                    <li>\n                        <campo-foro data-name="Perfil">\n                            <input type="text" v-model="content.edit.url" placeholder="Escribe el enlace al perfil del personaje." />\n                        </campo-foro>\n                    </li>\n                    <li>\n                        <campo-foro data-name="Facción">\n                            <div class="select-container">\n                                <select v-model="content.edit.color">\n                                    <option value="-1" hidden>Selecciona la facción del personaje.</option>\n                                    <option value="azul">Imperio Galáctico</option>\n                                    <option value="rojo">Remanente Purista</option>\n                                    <option value="naranja">Autoridad del Sector Corporativo</option>\n                                    <option value="verde">Cártel</option>\n                                    <option value="turquesa">Nueva Rebelión</option>\n                                    <option value="amarillo">Neutral</option>\n                                </select>\n                            </div>\n                        </campo-foro>\n                    </li>\n                </ul>\n                <h4 class="mt-5">Descripción</h4>\n                <ul class="forum-fieldlist no-style">\n                    <li class="has-no-label">\n                        <campo-foro data-name="Descripción">\n                            <textarea v-model="content.edit.desc" placeholder="Escribe la descripción del personaje."></textarea>\n                        </campo-foro>\n                    </li>\n                </ul>\n            </template>\n            <template slot="controls" v-if="!oneCheck.length && finalCheck">\n                <controles-modal>\n                    <button class="button1 btn-main" v-on:click="pushElement()" title="Guardar entrada">Guardar</button>\n                </controles-modal>\n            </template>\n        </template>\n    </modal-foro>\n    '}),Vue.component("gestor-relaciones",{data:function(){return{render:0,modal:{type:"new",status:!1},users:[],state:{page:0,pagination:0},entry:{},content:{edit:[],current:[]}}},computed:{sortedContent:function(){return JSON.parse(JSON.stringify(this.content.edit)).sort((e,t)=>e.name<t.name?-1:e.name>t.name?1:0)},paginationContent:function(){const e=parseInt(forumConfig.skinOptions.paginationDefault/2)+1,t=Math.floor((this.sortedContent.length-1)/e)+1;let n=[];for(let e=0;e<t;e++)n.push(e);return this.forceRerender(),{pages:n,content:this.sortedContent.slice(this.state.pagination*e,(this.state.pagination+1)*e)}},finalCheck:function(){return JSON.stringify(this.content.current)!==JSON.stringify(this.content.edit)}},methods:{forceRerender:function(){this.render+=1},setEntry:function(){this.entry={type:!1,color:-1,url:"",img:"",name:"",desc:""}},addEntry:function(e){e.preventDefault(),this.modal.status=!0},save:function(e){e.preventDefault(),this.state.page=2;const t=this.sortedContent.map(e=>(void 0!==e.position&&delete e.position,e));FNR.user.profile.setData([{name:forumConfig.profileUser.relaField,type:"textarea",value:JSON.stringify(t).replace(/"/g,"`")}]).then(e=>{e?setTimeout(()=>{window.location.reload()},2e3):FNR.html.genModal("Atención","<p>Ha habido un problema con actualizar tu perfil. Por favor, inténtalo de nuevo.</p>")})}},created(){FNR.user.profile.getData([{name:forumConfig.profileUser.relaField,type:"textarea"}]).then(e=>{const t=FNR.html.genArray(e[0].value).map((e,t)=>{let n=e;return n.position=t,n});this.content.edit=t,this.content.current=JSON.parse(JSON.stringify(t)),FNR.forum.getMembers().then(e=>{this.setEntry(),this.users=e,this.state.page=1})})},template:'\n    <section id="forum-relationships" class="wiki-content is-dramatic">\n        <div class="is-content">\n            <h2>Relaciones</h2>\n            <hr />\n            <p>En esta página podrás editar las relaciones de tu personaje. Experimenta con su funcionamiento, es bastante intuitivo.</p>\n        </div>\n        <separador-foro />\n        <template v-if="state.page === 0">\n            <cargando-foro data-text="Cargando utilidad…"></cargando-foro>\n        </template>\n        <template v-else-if="state.page === 1">\n            <modal-relaciones v-if="modal.status" v-bind:data-type="modal.type" v-bind:data-element="entry"></modal-relaciones>\n            <mando-foro data-id="upper-controls" data-app="true">\n                <template slot="pagination" v-if="paginationContent.pages.length > 1">\n                    <a class="page-action" title="Ir a la página anterior" v-if="state.pagination > 0" v-on:click="state.pagination -= 1">\n                        <i class="fas fa-chevron-left"></i>\n                    </a>\n                    <template v-for="page in paginationContent.pages">\n                        <strong v-if="page === state.pagination">{{ page + 1 }}</strong>\n                        <a class="page-link" v-bind:title="\'Ir a la página «\' + (page + 1) + \'»\'" v-else v-on:click="state.pagination = page">{{ page + 1 }}</a>\n                    </template>\n                    <a class="page-action" title="Ir a la página siguiente" v-if="(state.pagination + 1) < paginationContent.pages.length" v-on:click="state.pagination += 1">\n                        <i class="fas fa-chevron-right"></i>\n                    </a>\n                </template>\n                <template slot="controls">\n                    <li v-on:click="addEntry($event)">\n                        <boton-foro data-url="#" data-name="Añadir" data-icon="fas fa-plus"></boton-foro>\n                    </li>\n                    <li v-if="finalCheck" v-on:click="save($event)">\n                        <boton-foro data-url="#" data-name="Guardar" data-icon="fas fa-save" data-type="no-name"></boton-foro>\n                    </li>\n                </template>\n            </mando-foro>\n            <ul id="forum-rplist" class="no-style" v-bind:key="render">\n                <template v-if="!paginationContent.content.length">\n                    <li class="is-not-lastpost not-status">\n                        <h6>No hay entradas en tus relaciones</h6>\n                    </li>\n                </template>\n                <template v-else v-for="character in paginationContent.content">\n                    <elemento-relaciones v-bind:data-element="character" data-type="manager" v-bind:data-id="character.position" />\n                </template>\n            </ul>\n            <mando-foro data-id="lower-controls" data-app="true">\n                <template slot="pagination" v-if="paginationContent.pages.length > 1">\n                    <a class="page-action" title="Ir a la página anterior" v-if="state.pagination > 0" v-on:click="state.pagination -= 1">\n                        <i class="fas fa-chevron-left"></i>\n                    </a>\n                    <template v-for="page in paginationContent.pages">\n                        <strong v-if="page === state.pagination">{{ page + 1 }}</strong>\n                        <a class="page-link" v-bind:title="\'Ir a la página «\' + (page + 1) + \'»\'" v-else v-on:click="state.pagination = page">{{ page + 1 }}</a>\n                    </template>\n                    <a class="page-action" title="Ir a la página siguiente" v-if="(state.pagination + 1) < paginationContent.pages.length" v-on:click="state.pagination += 1">\n                        <i class="fas fa-chevron-right"></i>\n                    </a>\n                </template>\n                <template slot="controls">\n                    <li v-on:click="addEntry($event)">\n                        <boton-foro data-url="#" data-name="Añadir" data-icon="fas fa-plus"></boton-foro>\n                    </li>\n                    <li v-if="finalCheck" v-on:click="save($event)">\n                        <boton-foro data-url="#" data-name="Guardar" data-icon="fas fa-save" data-type="no-name"></boton-foro>\n                    </li>\n                </template>\n            </mando-foro>\n        </template>\n        <template v-else-if="state.page === 2">\n            <cargando-foro data-text="Actualizando información…"></cargando-foro>\n        </template>\n    </section>\n    '}),Vue.component("elemento-relaciones",{props:["dataElement","dataType","dataId"],data:function(){return{profileName:forumConfig.profileOptions.profileName||"perfil",content:this.dataElement}},computed:{realClass:function(){return"rela-list usergroup-"+this.content.color}},methods:{deleteElement:function(){this.$parent.content.edit.splice(this.$parent.content.edit.map(e=>e.position).indexOf(this.dataId),1),0===this.$parent.paginationContent.content.length&&0!==this.$parent.state.pagination&&(this.$parent.state.pagination-=1),this.$parent.forceRerender()},editElement:function(){this.$parent.modal.type="edit",this.$parent.entry=this.content,this.$parent.modal.status=!0}},template:'\n    <li v-bind:class="realClass">\n        <template v-if="dataType === \'manager\'">\n            <a class="rela-element rela-manager">\n                <div class="rela-image" v-bind:style="\'background-image: url(\' + content.img + \')\'"></div>\n                <div class="rela-content">\n                    <div class="rela-title">\n                        <h4>{{ content.name }}</h4>\n                        <div class="rp-controls"><span v-on:click="editElement()" title="Editar entrada">Editar</span> / <span v-on:click="deleteElement()" title="Eliminar entrada">Eliminar</span></div>\n                    </div>\n                    <div class="small-text is-content" :inner-html.prop="content.desc | turn-br"></div>\n                </div>\n            </a>\n        </template>\n        <template v-else-if="dataType === \'profile\'">\n            <template v-if="content.type">\n                <a class="rela-element" v-bind:href="content.url" target="_blank" v-bind:title="\'Ir al \' + profileName + \' de «\' + content.name + \'»\'">\n                    <div class="rela-image" v-bind:style="\'background-image: url(\' + content.img + \')\'"></div>\n                    <div class="rela-content">\n                        <div class="rela-title">\n                            <h4>{{ content.name }}</h4>\n                        </div>\n                        <div class="small-text is-content" :inner-html.prop="content.desc | turn-br"></div>\n                    </div>\n                </a>\n            </template>\n            <template v-else>\n                <a class="rela-element">\n                    <div class="rela-image" v-bind:style="\'background-image: url(\' + content.img + \')\'"></div>\n                    <div class="rela-content">\n                        <div class="rela-title">\n                            <h4>{{ content.name }}</h4>\n                        </div>\n                        <div class="small-text is-content" :inner-html.prop="content.desc | turn-br"></div>\n                    </div>\n                </a>\n            </template>\n        </template>\n    </li>\n    '});
+Vue.component("modal-relaciones",{props:["dataElement","dataType"],data:function(){return{state:{modal:!1},info:{users:this.$parent.users,user:"",people:[]},content:{edit:JSON.parse(JSON.stringify(this.dataElement)),current:this.dataElement}}},computed:{modalTitle:function(){return"new"===this.dataType?"Nueva entrada":"edit"===this.dataType?"Editar entrada":void 0},oneCheck:function(){let t="";return Object.keys(this.content.edit).length?(this.content.edit.name.length<3&&(t+="<li>Escribe el nombre del personaje.</li>"),-1===this.content.edit.color&&(t+="<li>Selecciona una facción para el personaje.</li>"),-1===this.content.edit.url.indexOf("/u")&&(t+="<li>Escribe el enlace al perfil del personaje.</li>"),this.content.edit.img.match(/(jpg|jpeg|png)$/i)||(t+="<li>Escribe el enlace a la imagen del personaje (debe ser de 190x190).</li>"),this.content.edit.desc.length<151&&(t+="<li>Escribe una descripción lo suficientemente larga (150 carácteres al menos).</li>"),t):t},finalCheck:function(){return JSON.stringify(this.content.current)!==JSON.stringify(this.content.edit)},sortedCharacters:function(){return Object.keys(this.content.edit).length?this.info.users.filter(t=>-1===this.info.people.indexOf(t.user)).filter(t=>t.user.toLowerCase().indexOf(this.content.edit.name.toLowerCase())>-1):this.$parent.users.map(t=>t.user)}},methods:{modalClose:function(){this.$parent.modal.type="new",this.$parent.modal.status=!1,this.$parent.setEntry()},addCharacter:function(t){this.content.edit.type=!0,this.content.edit.name=t.user,this.content.edit.img=t.img,this.content.edit.color=t.color,this.content.edit.url=t.id},updateData:function(){const t=JSON.parse(JSON.stringify(this.info.users)).filter(t=>t.user===this.content.current.name)[0];this.content.edit.img=t.img},pushElement:function(){"edit"===this.$parent.modal.type&&this.$parent.content.edit.splice(this.$parent.content.edit.map(t=>t.position).indexOf(this.content.current.position),1);let t=this.content.edit;"new"===this.$parent.modal.type&&(t.position=this.$parent.content.edit.length),this.$parent.content.edit.push(t),this.modalClose()}},template:'\n    <modal-foro v-bind:data-title="modalTitle" v-on:modal-close="modalClose()">\n        <template v-if="content.edit.type">\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 data-name="Nombre">\n                            <div class="character-selector">\n                                <input type="text" v-model="content.edit.name" placeholder="Escribe el nombre del personaje." disabled />\n                                <a class="character-custom" v-on:click="updateData()" v-bind:title="\'Actualizar avatar de «\' + content.current.name + \'»\'">\n                                    <i class="fas fa-redo-alt"></i>\n                                </a>\n                            </div>\n                        </campo-foro>\n                    </li>\n                </ul>\n                <h4 class="mt-5">Descripción</h4>\n                <ul class="forum-fieldlist no-style">\n                    <li class="has-no-label">\n                        <campo-foro data-name="Descripción">\n                            <textarea v-model="content.edit.desc" placeholder="Escribe la descripción del personaje."></textarea>\n                        </campo-foro>\n                    </li>\n                </ul>\n            </template>\n            <template slot="controls" v-if="!oneCheck.length && finalCheck">\n                <controles-modal>\n                    <button class="button1 btn-main" v-on:click="pushElement()" title="Guardar entrada">Guardar</button>\n                </controles-modal>\n            </template>\n        </template>\n        <template v-else>\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 data-name="Nombre">\n                            <div class="character-selector">                                \n                                <input type="text" v-model="content.edit.name" placeholder="Escribe el nombre del personaje." />\n                                <ul class="no-style selector-list" v-if="sortedCharacters.length > 0">\n                                    <li v-for="(character, index) in sortedCharacters" v-on:click="addCharacter(character)" v-bind:title="\'Seleccionar \' + character.user">{{ character.user }}<i class="fas fa-plus"></i></li>\n                                </ul>\n                            </div>\n                        </campo-foro>\n                    </li>\n                    <li>\n                        <campo-foro data-name="Imagen">\n                            <input type="text" v-model="content.edit.img" placeholder="Escribe el enlace a la imagen del personaje." />\n                        </campo-foro>\n                    </li>\n                    <li>\n                        <campo-foro data-name="Perfil">\n                            <input type="text" v-model="content.edit.url" placeholder="Escribe el enlace al perfil del personaje." />\n                        </campo-foro>\n                    </li>\n                    <li>\n                        <campo-foro data-name="Facción">\n                            <div class="select-container">\n                                <select v-model="content.edit.color">\n                                    <option value="-1" hidden>Selecciona la facción del personaje.</option>\n                                    <option value="azul">Imperio Galáctico</option>\n                                    <option value="rojo">Remanente Purista</option>\n                                    <option value="naranja">Autoridad del Sector Corporativo</option>\n                                    <option value="verde">Cártel</option>\n                                    <option value="turquesa">Nueva Rebelión</option>\n                                    <option value="amarillo">Neutral</option>\n                                </select>\n                            </div>\n                        </campo-foro>\n                    </li>\n                </ul>\n                <h4 class="mt-5">Descripción</h4>\n                <ul class="forum-fieldlist no-style">\n                    <li class="has-no-label">\n                        <campo-foro data-name="Descripción">\n                            <textarea v-model="content.edit.desc" placeholder="Escribe la descripción del personaje."></textarea>\n                        </campo-foro>\n                    </li>\n                </ul>\n            </template>\n            <template slot="controls" v-if="!oneCheck.length && finalCheck">\n                <controles-modal>\n                    <button class="button1 btn-main" v-on:click="pushElement()" title="Guardar entrada">Guardar</button>\n                </controles-modal>\n            </template>\n        </template>\n    </modal-foro>\n    '}),Vue.component("gestor-relaciones",{data:function(){return{render:0,modal:{type:"new",status:!1},users:[],state:{page:0,pagination:0},entry:{},content:{edit:[],current:[]}}},computed:{sortedContent:function(){return JSON.parse(JSON.stringify(this.content.edit)).sort((t,e)=>t.name<e.name?-1:t.name>e.name?1:0)},paginationContent:function(){const t=parseInt(forumConfig.skinOptions.paginationDefault/2)+1,e=Math.floor((this.sortedContent.length-1)/t)+1;let n=[];for(let t=0;t<e;t++)n.push(t);return this.forceRerender(),{pages:n,content:this.sortedContent.slice(this.state.pagination*t,(this.state.pagination+1)*t)}},finalCheck:function(){return JSON.stringify(this.content.current)!==JSON.stringify(this.content.edit)}},methods:{forceRerender:function(){this.render+=1},setEntry:function(){this.entry={type:!1,color:-1,url:"",img:"",name:"",desc:""}},addEntry:function(t){t.preventDefault(),this.modal.status=!0},save:function(t){t.preventDefault(),this.state.page=2;const e=this.sortedContent.map(t=>(void 0!==t.position&&delete t.position,t));FNR.user.profile.setData([{name:forumConfig.profileUser.relaField,type:"textarea",value:JSON.stringify(e).replace(/"/g,"`")}]).then(t=>{t?(FNR.html.genNotification("Atención","Información actualizada sin inconvenientes.","fas fa-check"),setTimeout(()=>{window.location.reload()},2e3)):FNR.html.genNotification("Atención","Hubo un problema al actualizar. Dale otro intento.","fas fa-exclamation")})}},created(){FNR.user.profile.getData([{name:forumConfig.profileUser.relaField,type:"textarea"}]).then(t=>{const e=FNR.html.genArray(t[0].value).map((t,e)=>{let n=t;return n.position=e,n});this.content.edit=e,this.content.current=JSON.parse(JSON.stringify(e)),FNR.forum.getMembers().then(t=>{this.setEntry(),this.users=t,this.state.page=1})})},template:'\n    <section id="forum-relationships" class="wiki-content is-dramatic">\n        <div class="is-content">\n            <h2>Relaciones</h2>\n            <hr />\n            <p>En esta página podrás editar las relaciones de tu personaje. Experimenta con su funcionamiento, es bastante intuitivo.</p>\n        </div>\n        <separador-foro />\n        <template v-if="state.page === 0">\n            <cargando-foro data-text="Cargando utilidad…"></cargando-foro>\n        </template>\n        <template v-else-if="state.page === 1">\n            <modal-relaciones v-if="modal.status" v-bind:data-type="modal.type" v-bind:data-element="entry"></modal-relaciones>\n            <mando-foro data-id="upper-controls" data-app="true">\n                <template slot="pagination" v-if="paginationContent.pages.length > 1">\n                    <a class="page-action" title="Ir a la página anterior" v-if="state.pagination > 0" v-on:click="state.pagination -= 1">\n                        <i class="fas fa-chevron-left"></i>\n                    </a>\n                    <template v-for="page in paginationContent.pages">\n                        <strong v-if="page === state.pagination">{{ page + 1 }}</strong>\n                        <a class="page-link" v-bind:title="\'Ir a la página «\' + (page + 1) + \'»\'" v-else v-on:click="state.pagination = page">{{ page + 1 }}</a>\n                    </template>\n                    <a class="page-action" title="Ir a la página siguiente" v-if="(state.pagination + 1) < paginationContent.pages.length" v-on:click="state.pagination += 1">\n                        <i class="fas fa-chevron-right"></i>\n                    </a>\n                </template>\n                <template slot="controls">\n                    <li v-on:click="addEntry($event)">\n                        <boton-foro data-url="#" data-name="Añadir" data-icon="fas fa-plus"></boton-foro>\n                    </li>\n                    <li v-if="finalCheck" v-on:click="save($event)">\n                        <boton-foro data-url="#" data-name="Guardar" data-icon="fas fa-save" data-type="no-name"></boton-foro>\n                    </li>\n                </template>\n            </mando-foro>\n            <ul id="forum-rplist" class="no-style" v-bind:key="render">\n                <template v-if="!paginationContent.content.length">\n                    <li class="is-not-lastpost not-status">\n                        <h6>No hay entradas en tus relaciones</h6>\n                    </li>\n                </template>\n                <template v-else v-for="character in paginationContent.content">\n                    <elemento-relaciones v-bind:data-element="character" data-type="manager" v-bind:data-id="character.position" />\n                </template>\n            </ul>\n            <mando-foro data-id="lower-controls" data-app="true">\n                <template slot="pagination" v-if="paginationContent.pages.length > 1">\n                    <a class="page-action" title="Ir a la página anterior" v-if="state.pagination > 0" v-on:click="state.pagination -= 1">\n                        <i class="fas fa-chevron-left"></i>\n                    </a>\n                    <template v-for="page in paginationContent.pages">\n                        <strong v-if="page === state.pagination">{{ page + 1 }}</strong>\n                        <a class="page-link" v-bind:title="\'Ir a la página «\' + (page + 1) + \'»\'" v-else v-on:click="state.pagination = page">{{ page + 1 }}</a>\n                    </template>\n                    <a class="page-action" title="Ir a la página siguiente" v-if="(state.pagination + 1) < paginationContent.pages.length" v-on:click="state.pagination += 1">\n                        <i class="fas fa-chevron-right"></i>\n                    </a>\n                </template>\n                <template slot="controls">\n                    <li v-on:click="addEntry($event)">\n                        <boton-foro data-url="#" data-name="Añadir" data-icon="fas fa-plus"></boton-foro>\n                    </li>\n                    <li v-if="finalCheck" v-on:click="save($event)">\n                        <boton-foro data-url="#" data-name="Guardar" data-icon="fas fa-save" data-type="no-name"></boton-foro>\n                    </li>\n                </template>\n            </mando-foro>\n        </template>\n        <template v-else-if="state.page === 2">\n            <cargando-foro data-text="Actualizando información…"></cargando-foro>\n        </template>\n    </section>\n    '}),Vue.component("elemento-relaciones",{props:["dataElement","dataType","dataId"],data:function(){return{profileName:forumConfig.profileOptions.profileName||"perfil",content:this.dataElement}},computed:{realClass:function(){return"rela-list usergroup-"+this.content.color}},methods:{deleteElement:function(){this.$parent.content.edit.splice(this.$parent.content.edit.map(t=>t.position).indexOf(this.dataId),1),0===this.$parent.paginationContent.content.length&&0!==this.$parent.state.pagination&&(this.$parent.state.pagination-=1),this.$parent.forceRerender()},editElement:function(){this.$parent.modal.type="edit",this.$parent.entry=this.content,this.$parent.modal.status=!0}},template:'\n    <li v-bind:class="realClass">\n        <template v-if="dataType === \'manager\'">\n            <a class="rela-element rela-manager">\n                <div class="rela-image" v-bind:style="\'background-image: url(\' + content.img + \')\'"></div>\n                <div class="rela-content">\n                    <div class="rela-title">\n                        <h4>{{ content.name }}</h4>\n                        <div class="rp-controls"><span v-on:click="editElement()" title="Editar entrada">Editar</span> / <span v-on:click="deleteElement()" title="Eliminar entrada">Eliminar</span></div>\n                    </div>\n                    <div class="small-text is-content" :inner-html.prop="content.desc | turn-br"></div>\n                </div>\n            </a>\n        </template>\n        <template v-else-if="dataType === \'profile\'">\n            <template v-if="content.type">\n                <a class="rela-element" v-bind:href="content.url" target="_blank" v-bind:title="\'Ir al \' + profileName + \' de «\' + content.name + \'»\'">\n                    <div class="rela-image" v-bind:style="\'background-image: url(\' + content.img + \')\'"></div>\n                    <div class="rela-content">\n                        <div class="rela-title">\n                            <h4>{{ content.name }}</h4>\n                        </div>\n                        <div class="small-text is-content" :inner-html.prop="content.desc | turn-br"></div>\n                    </div>\n                </a>\n            </template>\n            <template v-else>\n                <a class="rela-element">\n                    <div class="rela-image" v-bind:style="\'background-image: url(\' + content.img + \')\'"></div>\n                    <div class="rela-content">\n                        <div class="rela-title">\n                            <h4>{{ content.name }}</h4>\n                        </div>\n                        <div class="small-text is-content" :inner-html.prop="content.desc | turn-br"></div>\n                    </div>\n                </a>\n            </template>\n        </template>\n    </li>\n    '});

package/frameworks/FNRFramework.js

@@ -648,7 +648,7 @@ const FNR = {
 		genNotification: function(title, content, icon, url) {			
 			if (title === '' || title === undefined || title === null) return;
 			if (content === '' || content === undefined || content === null) return;
-			if (content.length > 35) return;
+			if (content.length > 50) return;
 			if (icon === '' || icon === undefined || icon === null) return;
 
 			if (document.getElementById('forum-notification')) {
@@ -664,9 +664,9 @@ const FNR = {
 			let final = '';
 
 			if (url === '' || url === undefined || url === null) {
-				final += '<div id="' + FNR.utility.genSlug(title, '-') + '"  class="notification-element">';
+				final += '<div id="' + FNR.utility.genSlug(title, '-') + '"  class="notification-element" onclick="document.querySelector(`#forum-notification .notification-element`).classList.remove(`notification-show`)" >';
 			} else {
-				final += '<a href="' + url + '" target="_blank" id="' + FNR.utility.genSlug(title, '-') + '"  class="notification-element">';
+				final += '<a href="' + url + '" target="_blank" id="' + FNR.utility.genSlug(title, '-') + '"  class="notification-element" onclick="document.querySelector(`#forum-notification .notification-element`).classList.remove(`notification-show`)" >';
 			}
 
 			final += '<div class="notification-icon">';
@@ -677,7 +677,7 @@ const FNR = {
 			final += '<p>' + content + '</p>';
 			final += '</div>';
 			final += '<div class="notification-controls">';
-			final += '<i onclick="document.getElementById(`forum-notification`).remove()" class="fas fa-times"></i>';
+			final += '<i class="fas fa-times"></i>';
 			final += '</div>';
 
 			if (url === '' || url === undefined || url === null) {
@@ -690,15 +690,15 @@ const FNR = {
 
 			setTimeout(() => {
 				document.getElementById(`forum-notification`).querySelector('.notification-element').classList.add('notification-show');
-			}, 1500);
+			}, 500);
 
 			setTimeout(() => {
 				document.getElementById(`forum-notification`).querySelector('.notification-element').classList.remove('notification-show');
-			}, 10000);
+			}, 8000);
 
 			setTimeout(() => {
 				document.getElementById(`forum-notification`).remove();
-			}, 12000);
+			}, 10000);
 		},
 		genWiki: function() {
 			if (document.querySelector('.wiki-cascade')) {

package/frameworks/FNRFramework.min.js

@@ -1 +1 @@
-const FNR={execFn:function(e){document.addEventListener("forumReady",e,!1)},forum:{getColors:function(){return Object.values(forumColours).map(e=>({name:e.code,hex:e.hex}))},getLatest:function(e,t){return new Promise((n,i)=>{const a=e=>{const t=$(e).find(".topictitle"),n=$(e).children().last();r.push({name:t.text().trim(),url:Vue.filter("url-to-normal")(t.attr("href")),lastpost:{url:Vue.filter("url-to-normal")(n.children().last().attr("href")),date:n.text().split("por")[0].trim(),who:{name:n.find("strong a").length?n.find("strong a").text().trim():"Invitado",url:Vue.filter("url-to-normal")(n.find("strong a").length?n.find("strong a").attr("href"):"/"),color:n.find("strong a").length?n.find("strong a span").attr("style").split("color:")[1]:"initial"}},forum:{name:$(e).find(".row2 + .row2:not(.centered) a").text().trim(),url:Vue.filter("url-to-normal")($(e).find(".row2 + .row2:not(.centered) a").attr("href"))}})},o=i=>{$.get(i,function(i){$(i).find(".ipbform").find("tbody").find("tr").each(function(){r.length<t&&-1===e.indexOf(parseInt($(this).find(".row2 + .row2:not(.centered) a").attr("href").split("/f")[1].split("-")[0]))&&a(this)}),r.length!==t&&$(i).find(".pagination")[0].children.length&&"b"!==$(i).find(".pagination").children().last()[0].localName?o($(i).find(".pagination").children().last().attr("href")):n(r)})};let r=[];o("/latest?change_version=invision")})},getMembers:function(e){return new Promise((t,n)=>{let i=[];const a=(e,t)=>({user:$(e).find(".avatar-mini a span strong").text(),id:$(e).find(".avatar-mini a").attr("href").split("?")[0],img:$(e).find(".avatar-mini a img").attr("src"),color:t}),o=t=>{let n=[];return $(t).find("#memberlist tbody tr").each(function(){const t=FNR.utility.getGroup($(this).find(".avatar-mini a span").attr("style").split("color:")[1]);e?n.push(a(this,t)):"unknown"!==t&&"narracion"!==t&&n.push(a(this,t))}),n},r=e=>{$.get(e,function(e){const n=$(e).find('.pagination img[alt="Siguiente"]').parent().attr("href")||!1;i=i.concat(o(e)),n?r(n):t(i.sort((e,t)=>e.user<t.user?-1:e.user>t.user?1:0))})};r("/memberlist?change_version=phpbb2")})},getAffiliates:function(){return new Promise((e,t)=>{const n=forumConfig.affiliatesMax,i=Object.entries(forumAffiliates).map(e=>{let t="";e[1].forEach(e=>{t+='<li><a href="'+e.url+'" title="'+e.title+'" target="_blank"><img src="'+e.img+'" alt="'+e.title+'"/></a></li>'});for(let i=0;i<n[e[0]]-e[1].length;i++)t+='<li><a href="/" title="'+forumData.name+'"><img src="'+forumDefaults.affiliates[e[0]]+'" alt="'+forumData.name+'"/></a></li>';return t});e({normal:i[0],elite:i[1],directory:i[2],sister:i[3]})})}},content:{post:{getPost:function(e){return new Promise((t,n)=>{$.get(Vue.filter("url-to-invision")(e),n=>{const i=$(n).find("#p"+e.split("#")[1]);t({author:{text:i.find(".author a").text(),color:i.find(".author a span").css("color"),url:Vue.filter("url-to-normal")(i.find(".author a").attr("href"))},content:i.find(".post-entry > div").html(),date:i.find(".author").html().split("</a>")[1]})})})},getLast:function(e){return new Promise((t,n)=>{$.get(Vue.filter("url-to-invision")(e),e=>{const n=$(e).find(".pagination.topic-options").children().last().prev().attr("href")||!1,i=e,a=e=>{const t=e=>$(e).find(".post").parent().children().last().prev(),n=""!==t(e).find(".author a").text();return{author:{text:n?t(e).find(".author a").text():"Invitado",color:n?t(e).find(".author a span").css("color"):"#bdbdbd",url:n?t(e).find(".author a").attr("href").replace("?change_version=invision",""):"#"},locate:{text:$(e).find("#navstrip").find("li").last().text(),url:$(e).find("#navstrip").find("li").last().find("a").attr("href").replace("?change_version=invision","")},url:t(e).find(".postbody-head h3 a").attr("href").replace("?change_version=invision",""),content:t(e).find(".post-entry > div").html(),date:n?t(e).find(".author").html().split("</a>")[1].trim():t(e).find(".author").html().split("Invitado")[1].trim()}};n?$.get(n,e=>{t(a(e))}):t(a(i))})})}},topic:{genTopic:function(e,t,n){return new Promise((i,a)=>{let o=document.createElement("iframe");o.id="forum-save",o.src="/post?f="+e+"&mode=newtopic&change_version=invision",o.width=0,o.height=0,o.onload=(()=>{r.onload=(()=>{$("#forum-save").remove(),console.clear(),i(!0)}),$("#forum-save").contents().find('dl dt:contains("Título del tema")').parent().find("input").val(t),$("#forum-save").contents().find('.subtitle:contains("Mensaje")').next().find("textarea").val(n),$("#forum-save").contents().find('.formbuttonrow.center input[value="Enviar"]').click()}),document.querySelector("body > header").prepend(o);const r=document.getElementById("forum-save")})}}},user:{changeAccount:function(e,t,n){return new Promise((i,a)=>{let o=document.createElement("iframe");o.id="forum-save",o.src=e,o.width=0,o.height=0,o.onload=(()=>{o.onload=(()=>{o.onload=(()=>{console.clear(),i(!0)}),$("#forum-save").contents().find('input[name="username"]').val(t),$("#forum-save").contents().find('input[name="password"]').val(n),$("#forum-save").contents().find('input[type="submit"][name="login"]').click()}),r.src="/login?change_version=invision"}),document.querySelector("body > header").prepend(o);const r=document.getElementById("forum-save")})},profile:{getUrl:function(e){let t=void 0!==e?encodeURIComponent(e).replace(/[!'()]/g,escape).replace(/\*/g,"%2A"):_userdata.user_id;return"/profile?mode=viewprofile&u="+t},getData:function(e){return new Promise((t,n)=>{$.get("/profile?change_version=invision&mode=editprofile",n=>{const i=n;$.get("/profile?change_version=invision&mode=editprofile&page_profil=avatars",n=>{const a=n;let o=[];[].forEach.call(e,e=>{let t="",n=[];switch(e.type){case"input":t=$(i).find('dl:contains("'+e.name+'")').find("dd").find("input").val();break;case"textarea":t=$(i).find('dl:contains("'+e.name+'")').find("dd").find("textarea").val();break;case"select":t=$(i).find('dl:contains("'+e.name+'")').find("dd").find("select option:selected").attr("value"),$(i).find('dl:contains("'+e.name+'")').find("dd").find("select option").each(function(){""!==$(this).attr("value")&&n.push({name:$(this).text(),value:$(this).attr("value")})});break;case"avatar":t=$(a).find(".box-content img").attr("src")}if("select"===e.type&&void 0===t||"select"===e.type&&""===t)return;let r={type:e.type,name:e.name,value:t};e.validation&&(r.validation=e.validation),n.length&&(r.options=n),o.push(r)}),t(o)})})})},setData:function(e){return new Promise((t,n)=>{const i=()=>{$("#forum-save").remove(),console.clear(),t(!0)};let a=document.createElement("iframe");a.id="forum-save",a.src="/profile?change_version=invision&mode=editprofile",a.width=0,a.height=0,a.onload=(()=>{let t=!1;[].forEach.call(e,e=>{switch(e.type){case"input":$("#forum-save").contents().find('dl:contains("'+e.name+'")').find("dd").find("input").first().val(e.value);break;case"textarea":$("#forum-save").contents().find('dl:contains("'+e.name+'")').find("dd").find("textarea").val(e.value);break;case"select":$("#forum-save").contents().find('dl:contains("'+e.name+'")').find("dd").find('select option[value="'+e.value+'"]').attr("selected","selected");break;case"avatar":t=e.value}}),o.onload=(()=>{t?(o.onload=(()=>{o.onload=(()=>{i()}),$("#forum-save").contents().find('input[name="avatarremoteurl"]').val(t),$("#forum-save").contents().find('input[type="submit"][value="Registrar"]').click()}),o.src="/profile?change_version=invision&mode=editprofile&page_profil=avatars"):i()}),$("#forum-save").contents().find('input[type="submit"][value="Registrar"]').click()}),document.querySelector("body > header").prepend(a);const o=document.getElementById("forum-save")})},getAll:function(e,t){const n=null!=e?FNR.user.profile.getUrl(e):FNR.user.profile.getUrl(),i=t||5,a=e=>e.find("a").length?Vue.filter("url-to-normal")(e.find("a").attr("href")):e.find("table").length?e.find("table").html():e.find("img").length?e.find("img").attr("src"):e.find("textarea").length?e.find("textarea").val():e.find("span").length?e.find("span").text().trim():"-"===e.text().trim()?"":e.text(),o=()=>new Promise((e,t)=>{$.get(n+"&change_version=invision",t=>{let i={};i.name=$(t).find(".maintitle h1 span").text(),i.lastvisit=$(t).find('dt:contains("Última visita")').parent().find("dd").text(),i.colour=FNR.utility.getGroup($(t).find(".maintitle h1 span").css("color").replace("rgb(","rgb_").replace(/, /g,"_").replace(")","")),i.avatar=$(t).find(".real_avatar img").attr("src"),i.links={profile:"/u"+n.split("&u=")[1],mp:"/privmsg?mode=post&u="+n.split("&u=")[1]},i.messages={public:parseInt($(t).find('span:contains("Mensajes")').parent().parent().find("dd > div").text())||0,private:parseInt($(t).find('dt:contains("Mensajes privados")').parent().find("dd").text())||0},i.fields={},$(t).find('dl[id^="field_id"]').each(function(){if(""!==$(this).find("dt span").text()){if("Mensajes"===$(this).find("dt span").text())return;i.fields[FNR.utility.genSlug($(this).find("dt span").text())]={name:$(this).find("dt span").text(),content:a($(this).find("dd .field_uneditable"))}}}),$(t).find(".ipbform2 > dl").each(function(){if($(this).find("dt span").length&&""!==$(this).find("dt span").text()){if("Mensajes"===$(this).find("dt span").text())return;i.fields[FNR.utility.genSlug($(this).find("dt span").text())]={name:$(this).find("dt span").text(),content:a($(this).find("dd"))}}}),i.fields.rango={name:"Rango",content:$(t).find('dt:contains("Rango:")').parent().find("dd").text()},e(i)})}),r=e=>{const t="userInfo"+e;return new Promise((e,n)=>{FNR.cache.useData(t,i).then(t=>{e(t)},n=>{o().then(n=>{FNR.cache.setData(t,n),e(n)})})})};return r(e)},getDrafts:function(){return new Promise((e,t)=>{$.get("/search?search_id=draftsearch&change_version=invision",t=>{if(0!==parseFloat($(t).find(".maintitle > h3").text())){let n=[];$(t).find(".ipbform .ipbtable tbody > tr").each(function(){const e=$(this).find("td");n.push({topic:{name:e[1].textContent.trim(),url:Vue.filter("url-to-normal")(e[1].querySelector("a").href)},info:{location:e[2].textContent.trim(),date:e[3].textContent.trim()},modify:Vue.filter("url-to-normal")(e[4].querySelector("a").href)})}),e(n)}else e(!1)})})}}},cache:{setData:function(e,t,n){let i=-1===n?"undefined":(new Date).getTime();localStorage.setItem(forumData.prefix+"_"+e,JSON.stringify({cached_at:i,content:t}))},getData:function(e){return null!==localStorage.getItem(forumData.prefix+"_"+e)&&JSON.parse(localStorage.getItem(forumData.prefix+"_"+e)).content},delData:function(e){return null!==localStorage.getItem(forumData.prefix+"_"+e)&&localStorage.removeItem(forumData.prefix+"_"+e)},useData:function(e,t){return new Promise((n,i)=>{let a=localStorage.getItem(forumData.prefix+"_"+e),o=new Date,r=-1==t?"undefined":864e5*t;null!=a&&-1==t||null!=a&&parseInt(JSON.parse(a).cached_at)+r>o.getTime()?n(JSON.parse(a).content):i(!1)})}},utility:{genSlug:function(e,t){const n=e=>{const t="àáäâèéëêìíïîòóöôùúüûñç·/_,:;";e=e.trim().toLowerCase();for(var n=0,i=t.length;n<i;n++)e=e.replace(new RegExp(t.charAt(n),"g"),"aaaaeeeeiiiioooouuuunc------".charAt(n));return e.replace(/[^a-z0-9 -]/g,"").replace(/\s+/g,"-").replace(/-+/g,"-")},i=t||"_";return n(e).replace(/-/g,i)},genValidation:function(e){let t="";return[].forEach.call(e,e=>{switch(e.validation){case"hex":e.value.match(/^#[a-f0-9]{6}$/i)||(t+="<li>El campo de "+e.name.toLowerCase()+" debe incluir un código de color hexadecimal.</li>");break;case"img":e.value.match(/(jpg|jpeg|png)$/i)||(t+="<li>El campo de "+e.name.toLowerCase()+" debe ser el enlace a una imagen (formato png, jpg o jpeg).</li>")}}),t},getGroup:function(e){const t=e=>{let t="unknown";return Object.values(forumColours).map(n=>{n.hex===e.toLowerCase()&&(t=FNR.utility.genSlug(n.code))}),t},n=e=>{let t="unknown";return Object.values(forumColours).map(n=>{n.id===e&&(t=FNR.utility.genSlug(n.code))}),t};return void 0===e?"unknown":e.indexOf("#")>-1?t(e):e.indexOf("id_")>-1?n(parseFloat(e.split("_")[1])):void 0===forumColours[e]?"unknown":FNR.utility.genSlug(forumColours[e].code)}},html:{genArray:function(e){return JSON.parse(e.replace(/`/g,'"'))},genModal:function(e,t){if(""===e||null==e)return;if(""===t||null==t)return;let n=document.createElement("div");n.id="forum-modal",document.body.appendChild(n);let i="";i+='<div id="'+FNR.utility.genSlug(e,"-")+'" class="modal-element">',i+='<div class="modal-title">',i+="<h3>"+e+"</h3>",i+='<a onclick="document.getElementById(`forum-modal`).remove()">',i+='<i class="fas fa-times"></i>',i+="</a>",i+="</div>",i+='<div class="modal-content">',i+='<div class="is-content">',i+=t.replace(/\n/g,"<br>"),i+="</div>",i+="</div>",i+="</div>",i+='<div class="is-bgmodal bg-active" onclick="document.getElementById(`forum-modal`).remove()"></div>',document.getElementById("forum-modal").innerHTML=i},genNotification:function(e,t,n,i){if(""===e||null==e)return;if(""===t||null==t)return;if(t.length>35)return;if(""===n||null==n)return;document.getElementById("forum-notification")&&document.getElementById("forum-notification").remove();let a=document.createElement("div");a.id="forum-notification",document.body.appendChild(a);let o="";o+=""===i||null==i?'<div id="'+FNR.utility.genSlug(e,"-")+'"  class="notification-element">':'<a href="'+i+'" target="_blank" id="'+FNR.utility.genSlug(e,"-")+'"  class="notification-element">',o+='<div class="notification-icon">',o+='<i class="'+n+'"></i>',o+="</div>",o+='<div class="notification-content">',o+="<h3>"+e+"</h3>",o+="<p>"+t+"</p>",o+="</div>",o+='<div class="notification-controls">',o+='<i onclick="document.getElementById(`forum-notification`).remove()" class="fas fa-times"></i>',o+="</div>",o+=""===i||null==i?"</div>":"</a>",document.getElementById("forum-notification").innerHTML=o,setTimeout(()=>{document.getElementById("forum-notification").querySelector(".notification-element").classList.add("notification-show")},1500),setTimeout(()=>{document.getElementById("forum-notification").querySelector(".notification-element").classList.remove("notification-show")},1e4),setTimeout(()=>{document.getElementById("forum-notification").remove()},12e3)},genWiki:function(){document.querySelector(".wiki-cascade")&&[].forEach.call(document.getElementsByClassName("wiki-cascade"),e=>{e.onclick=(()=>{const t=e.parentElement.parentElement;t.classList.contains("is-active")?t.classList.remove("is-active"):t.classList.add("is-active")})}),document.querySelector(".wiki-controls .router-link-active")&&[].forEach.call(document.querySelectorAll(".wiki-controls .router-link-active"),e=>{if(!e.parentElement.parentElement.parentElement.parentElement.parentElement.classList.contains("wiki-index")){const t=(e,n)=>{let i=e.parentElement.parentElement;n&&(i=i.parentElement.parentElement),i.classList.add("is-active"),i.classList.add("is-selected"),i.parentElement.parentElement.parentElement.classList.contains("wiki-index")||t(i,!1)};t(e,!0)}}),document.querySelector("aside.wiki-index > .select-container > select")&&(document.querySelector("aside.wiki-index > .select-container > select").onchange=(()=>{router.push(document.querySelector("aside.wiki-index > .select-container > select").value)}))},genDropeable:function(){document.querySelector(".is-dropeable")&&[].forEach.call(document.getElementsByClassName("is-dropeable"),e=>{e.onclick=(()=>{e.classList.contains("is-active")?e.classList.remove("is-active"):([].forEach.call(document.getElementsByClassName("is-dropeable"),e=>{e.classList.remove("is-active")}),e.classList.add("is-active"))})})}}};
+const FNR={execFn:function(e){document.addEventListener("forumReady",e,!1)},forum:{getColors:function(){return Object.values(forumColours).map(e=>({name:e.code,hex:e.hex}))},getLatest:function(e,t){return new Promise((n,i)=>{const a=e=>{const t=$(e).find(".topictitle"),n=$(e).children().last();r.push({name:t.text().trim(),url:Vue.filter("url-to-normal")(t.attr("href")),lastpost:{url:Vue.filter("url-to-normal")(n.children().last().attr("href")),date:n.text().split("por")[0].trim(),who:{name:n.find("strong a").length?n.find("strong a").text().trim():"Invitado",url:Vue.filter("url-to-normal")(n.find("strong a").length?n.find("strong a").attr("href"):"/"),color:n.find("strong a").length?n.find("strong a span").attr("style").split("color:")[1]:"initial"}},forum:{name:$(e).find(".row2 + .row2:not(.centered) a").text().trim(),url:Vue.filter("url-to-normal")($(e).find(".row2 + .row2:not(.centered) a").attr("href"))}})},o=i=>{$.get(i,function(i){$(i).find(".ipbform").find("tbody").find("tr").each(function(){r.length<t&&-1===e.indexOf(parseInt($(this).find(".row2 + .row2:not(.centered) a").attr("href").split("/f")[1].split("-")[0]))&&a(this)}),r.length!==t&&$(i).find(".pagination")[0].children.length&&"b"!==$(i).find(".pagination").children().last()[0].localName?o($(i).find(".pagination").children().last().attr("href")):n(r)})};let r=[];o("/latest?change_version=invision")})},getMembers:function(e){return new Promise((t,n)=>{let i=[];const a=(e,t)=>({user:$(e).find(".avatar-mini a span strong").text(),id:$(e).find(".avatar-mini a").attr("href").split("?")[0],img:$(e).find(".avatar-mini a img").attr("src"),color:t}),o=t=>{let n=[];return $(t).find("#memberlist tbody tr").each(function(){const t=FNR.utility.getGroup($(this).find(".avatar-mini a span").attr("style").split("color:")[1]);e?n.push(a(this,t)):"unknown"!==t&&"narracion"!==t&&n.push(a(this,t))}),n},r=e=>{$.get(e,function(e){const n=$(e).find('.pagination img[alt="Siguiente"]').parent().attr("href")||!1;i=i.concat(o(e)),n?r(n):t(i.sort((e,t)=>e.user<t.user?-1:e.user>t.user?1:0))})};r("/memberlist?change_version=phpbb2")})},getAffiliates:function(){return new Promise((e,t)=>{const n=forumConfig.affiliatesMax,i=Object.entries(forumAffiliates).map(e=>{let t="";e[1].forEach(e=>{t+='<li><a href="'+e.url+'" title="'+e.title+'" target="_blank"><img src="'+e.img+'" alt="'+e.title+'"/></a></li>'});for(let i=0;i<n[e[0]]-e[1].length;i++)t+='<li><a href="/" title="'+forumData.name+'"><img src="'+forumDefaults.affiliates[e[0]]+'" alt="'+forumData.name+'"/></a></li>';return t});e({normal:i[0],elite:i[1],directory:i[2],sister:i[3]})})}},content:{post:{getPost:function(e){return new Promise((t,n)=>{$.get(Vue.filter("url-to-invision")(e),n=>{const i=$(n).find("#p"+e.split("#")[1]);t({author:{text:i.find(".author a").text(),color:i.find(".author a span").css("color"),url:Vue.filter("url-to-normal")(i.find(".author a").attr("href"))},content:i.find(".post-entry > div").html(),date:i.find(".author").html().split("</a>")[1]})})})},getLast:function(e){return new Promise((t,n)=>{$.get(Vue.filter("url-to-invision")(e),e=>{const n=$(e).find(".pagination.topic-options").children().last().prev().attr("href")||!1,i=e,a=e=>{const t=e=>$(e).find(".post").parent().children().last().prev(),n=""!==t(e).find(".author a").text();return{author:{text:n?t(e).find(".author a").text():"Invitado",color:n?t(e).find(".author a span").css("color"):"#bdbdbd",url:n?t(e).find(".author a").attr("href").replace("?change_version=invision",""):"#"},locate:{text:$(e).find("#navstrip").find("li").last().text(),url:$(e).find("#navstrip").find("li").last().find("a").attr("href").replace("?change_version=invision","")},url:t(e).find(".postbody-head h3 a").attr("href").replace("?change_version=invision",""),content:t(e).find(".post-entry > div").html(),date:n?t(e).find(".author").html().split("</a>")[1].trim():t(e).find(".author").html().split("Invitado")[1].trim()}};n?$.get(n,e=>{t(a(e))}):t(a(i))})})}},topic:{genTopic:function(e,t,n){return new Promise((i,a)=>{let o=document.createElement("iframe");o.id="forum-save",o.src="/post?f="+e+"&mode=newtopic&change_version=invision",o.width=0,o.height=0,o.onload=(()=>{r.onload=(()=>{$("#forum-save").remove(),console.clear(),i(!0)}),$("#forum-save").contents().find('dl dt:contains("Título del tema")').parent().find("input").val(t),$("#forum-save").contents().find('.subtitle:contains("Mensaje")').next().find("textarea").val(n),$("#forum-save").contents().find('.formbuttonrow.center input[value="Enviar"]').click()}),document.querySelector("body > header").prepend(o);const r=document.getElementById("forum-save")})}}},user:{changeAccount:function(e,t,n){return new Promise((i,a)=>{let o=document.createElement("iframe");o.id="forum-save",o.src=e,o.width=0,o.height=0,o.onload=(()=>{o.onload=(()=>{o.onload=(()=>{console.clear(),i(!0)}),$("#forum-save").contents().find('input[name="username"]').val(t),$("#forum-save").contents().find('input[name="password"]').val(n),$("#forum-save").contents().find('input[type="submit"][name="login"]').click()}),r.src="/login?change_version=invision"}),document.querySelector("body > header").prepend(o);const r=document.getElementById("forum-save")})},profile:{getUrl:function(e){let t=void 0!==e?encodeURIComponent(e).replace(/[!'()]/g,escape).replace(/\*/g,"%2A"):_userdata.user_id;return"/profile?mode=viewprofile&u="+t},getData:function(e){return new Promise((t,n)=>{$.get("/profile?change_version=invision&mode=editprofile",n=>{const i=n;$.get("/profile?change_version=invision&mode=editprofile&page_profil=avatars",n=>{const a=n;let o=[];[].forEach.call(e,e=>{let t="",n=[];switch(e.type){case"input":t=$(i).find('dl:contains("'+e.name+'")').find("dd").find("input").val();break;case"textarea":t=$(i).find('dl:contains("'+e.name+'")').find("dd").find("textarea").val();break;case"select":t=$(i).find('dl:contains("'+e.name+'")').find("dd").find("select option:selected").attr("value"),$(i).find('dl:contains("'+e.name+'")').find("dd").find("select option").each(function(){""!==$(this).attr("value")&&n.push({name:$(this).text(),value:$(this).attr("value")})});break;case"avatar":t=$(a).find(".box-content img").attr("src")}if("select"===e.type&&void 0===t||"select"===e.type&&""===t)return;let r={type:e.type,name:e.name,value:t};e.validation&&(r.validation=e.validation),n.length&&(r.options=n),o.push(r)}),t(o)})})})},setData:function(e){return new Promise((t,n)=>{const i=()=>{$("#forum-save").remove(),console.clear(),t(!0)};let a=document.createElement("iframe");a.id="forum-save",a.src="/profile?change_version=invision&mode=editprofile",a.width=0,a.height=0,a.onload=(()=>{let t=!1;[].forEach.call(e,e=>{switch(e.type){case"input":$("#forum-save").contents().find('dl:contains("'+e.name+'")').find("dd").find("input").first().val(e.value);break;case"textarea":$("#forum-save").contents().find('dl:contains("'+e.name+'")').find("dd").find("textarea").val(e.value);break;case"select":$("#forum-save").contents().find('dl:contains("'+e.name+'")').find("dd").find('select option[value="'+e.value+'"]').attr("selected","selected");break;case"avatar":t=e.value}}),o.onload=(()=>{t?(o.onload=(()=>{o.onload=(()=>{i()}),$("#forum-save").contents().find('input[name="avatarremoteurl"]').val(t),$("#forum-save").contents().find('input[type="submit"][value="Registrar"]').click()}),o.src="/profile?change_version=invision&mode=editprofile&page_profil=avatars"):i()}),$("#forum-save").contents().find('input[type="submit"][value="Registrar"]').click()}),document.querySelector("body > header").prepend(a);const o=document.getElementById("forum-save")})},getAll:function(e,t){const n=null!=e?FNR.user.profile.getUrl(e):FNR.user.profile.getUrl(),i=t||5,a=e=>e.find("a").length?Vue.filter("url-to-normal")(e.find("a").attr("href")):e.find("table").length?e.find("table").html():e.find("img").length?e.find("img").attr("src"):e.find("textarea").length?e.find("textarea").val():e.find("span").length?e.find("span").text().trim():"-"===e.text().trim()?"":e.text(),o=()=>new Promise((e,t)=>{$.get(n+"&change_version=invision",t=>{let i={};i.name=$(t).find(".maintitle h1 span").text(),i.lastvisit=$(t).find('dt:contains("Última visita")').parent().find("dd").text(),i.colour=FNR.utility.getGroup($(t).find(".maintitle h1 span").css("color").replace("rgb(","rgb_").replace(/, /g,"_").replace(")","")),i.avatar=$(t).find(".real_avatar img").attr("src"),i.links={profile:"/u"+n.split("&u=")[1],mp:"/privmsg?mode=post&u="+n.split("&u=")[1]},i.messages={public:parseInt($(t).find('span:contains("Mensajes")').parent().parent().find("dd > div").text())||0,private:parseInt($(t).find('dt:contains("Mensajes privados")').parent().find("dd").text())||0},i.fields={},$(t).find('dl[id^="field_id"]').each(function(){if(""!==$(this).find("dt span").text()){if("Mensajes"===$(this).find("dt span").text())return;i.fields[FNR.utility.genSlug($(this).find("dt span").text())]={name:$(this).find("dt span").text(),content:a($(this).find("dd .field_uneditable"))}}}),$(t).find(".ipbform2 > dl").each(function(){if($(this).find("dt span").length&&""!==$(this).find("dt span").text()){if("Mensajes"===$(this).find("dt span").text())return;i.fields[FNR.utility.genSlug($(this).find("dt span").text())]={name:$(this).find("dt span").text(),content:a($(this).find("dd"))}}}),i.fields.rango={name:"Rango",content:$(t).find('dt:contains("Rango:")').parent().find("dd").text()},e(i)})}),r=e=>{const t="userInfo"+e;return new Promise((e,n)=>{FNR.cache.useData(t,i).then(t=>{e(t)},n=>{o().then(n=>{FNR.cache.setData(t,n),e(n)})})})};return r(e)},getDrafts:function(){return new Promise((e,t)=>{$.get("/search?search_id=draftsearch&change_version=invision",t=>{if(0!==parseFloat($(t).find(".maintitle > h3").text())){let n=[];$(t).find(".ipbform .ipbtable tbody > tr").each(function(){const e=$(this).find("td");n.push({topic:{name:e[1].textContent.trim(),url:Vue.filter("url-to-normal")(e[1].querySelector("a").href)},info:{location:e[2].textContent.trim(),date:e[3].textContent.trim()},modify:Vue.filter("url-to-normal")(e[4].querySelector("a").href)})}),e(n)}else e(!1)})})}}},cache:{setData:function(e,t,n){let i=-1===n?"undefined":(new Date).getTime();localStorage.setItem(forumData.prefix+"_"+e,JSON.stringify({cached_at:i,content:t}))},getData:function(e){return null!==localStorage.getItem(forumData.prefix+"_"+e)&&JSON.parse(localStorage.getItem(forumData.prefix+"_"+e)).content},delData:function(e){return null!==localStorage.getItem(forumData.prefix+"_"+e)&&localStorage.removeItem(forumData.prefix+"_"+e)},useData:function(e,t){return new Promise((n,i)=>{let a=localStorage.getItem(forumData.prefix+"_"+e),o=new Date,r=-1==t?"undefined":864e5*t;null!=a&&-1==t||null!=a&&parseInt(JSON.parse(a).cached_at)+r>o.getTime()?n(JSON.parse(a).content):i(!1)})}},utility:{genSlug:function(e,t){const n=e=>{const t="àáäâèéëêìíïîòóöôùúüûñç·/_,:;";e=e.trim().toLowerCase();for(var n=0,i=t.length;n<i;n++)e=e.replace(new RegExp(t.charAt(n),"g"),"aaaaeeeeiiiioooouuuunc------".charAt(n));return e.replace(/[^a-z0-9 -]/g,"").replace(/\s+/g,"-").replace(/-+/g,"-")},i=t||"_";return n(e).replace(/-/g,i)},genValidation:function(e){let t="";return[].forEach.call(e,e=>{switch(e.validation){case"hex":e.value.match(/^#[a-f0-9]{6}$/i)||(t+="<li>El campo de "+e.name.toLowerCase()+" debe incluir un código de color hexadecimal.</li>");break;case"img":e.value.match(/(jpg|jpeg|png)$/i)||(t+="<li>El campo de "+e.name.toLowerCase()+" debe ser el enlace a una imagen (formato png, jpg o jpeg).</li>")}}),t},getGroup:function(e){const t=e=>{let t="unknown";return Object.values(forumColours).map(n=>{n.hex===e.toLowerCase()&&(t=FNR.utility.genSlug(n.code))}),t},n=e=>{let t="unknown";return Object.values(forumColours).map(n=>{n.id===e&&(t=FNR.utility.genSlug(n.code))}),t};return void 0===e?"unknown":e.indexOf("#")>-1?t(e):e.indexOf("id_")>-1?n(parseFloat(e.split("_")[1])):void 0===forumColours[e]?"unknown":FNR.utility.genSlug(forumColours[e].code)}},html:{genArray:function(e){return JSON.parse(e.replace(/`/g,'"'))},genModal:function(e,t){if(""===e||null==e)return;if(""===t||null==t)return;let n=document.createElement("div");n.id="forum-modal",document.body.appendChild(n);let i="";i+='<div id="'+FNR.utility.genSlug(e,"-")+'" class="modal-element">',i+='<div class="modal-title">',i+="<h3>"+e+"</h3>",i+='<a onclick="document.getElementById(`forum-modal`).remove()">',i+='<i class="fas fa-times"></i>',i+="</a>",i+="</div>",i+='<div class="modal-content">',i+='<div class="is-content">',i+=t.replace(/\n/g,"<br>"),i+="</div>",i+="</div>",i+="</div>",i+='<div class="is-bgmodal bg-active" onclick="document.getElementById(`forum-modal`).remove()"></div>',document.getElementById("forum-modal").innerHTML=i},genNotification:function(e,t,n,i){if(""===e||null==e)return;if(""===t||null==t)return;if(t.length>50)return;if(""===n||null==n)return;document.getElementById("forum-notification")&&document.getElementById("forum-notification").remove();let a=document.createElement("div");a.id="forum-notification",document.body.appendChild(a);let o="";o+=""===i||null==i?'<div id="'+FNR.utility.genSlug(e,"-")+'"  class="notification-element" onclick="document.querySelector(`#forum-notification .notification-element`).classList.remove(`notification-show`)" >':'<a href="'+i+'" target="_blank" id="'+FNR.utility.genSlug(e,"-")+'"  class="notification-element" onclick="document.querySelector(`#forum-notification .notification-element`).classList.remove(`notification-show`)" >',o+='<div class="notification-icon">',o+='<i class="'+n+'"></i>',o+="</div>",o+='<div class="notification-content">',o+="<h3>"+e+"</h3>",o+="<p>"+t+"</p>",o+="</div>",o+='<div class="notification-controls">',o+='<i class="fas fa-times"></i>',o+="</div>",o+=""===i||null==i?"</div>":"</a>",document.getElementById("forum-notification").innerHTML=o,setTimeout(()=>{document.getElementById("forum-notification").querySelector(".notification-element").classList.add("notification-show")},500),setTimeout(()=>{document.getElementById("forum-notification").querySelector(".notification-element").classList.remove("notification-show")},8e3),setTimeout(()=>{document.getElementById("forum-notification").remove()},1e4)},genWiki:function(){document.querySelector(".wiki-cascade")&&[].forEach.call(document.getElementsByClassName("wiki-cascade"),e=>{e.onclick=(()=>{const t=e.parentElement.parentElement;t.classList.contains("is-active")?t.classList.remove("is-active"):t.classList.add("is-active")})}),document.querySelector(".wiki-controls .router-link-active")&&[].forEach.call(document.querySelectorAll(".wiki-controls .router-link-active"),e=>{if(!e.parentElement.parentElement.parentElement.parentElement.parentElement.classList.contains("wiki-index")){const t=(e,n)=>{let i=e.parentElement.parentElement;n&&(i=i.parentElement.parentElement),i.classList.add("is-active"),i.classList.add("is-selected"),i.parentElement.parentElement.parentElement.classList.contains("wiki-index")||t(i,!1)};t(e,!0)}}),document.querySelector("aside.wiki-index > .select-container > select")&&(document.querySelector("aside.wiki-index > .select-container > select").onchange=(()=>{router.push(document.querySelector("aside.wiki-index > .select-container > select").value)}))},genDropeable:function(){document.querySelector(".is-dropeable")&&[].forEach.call(document.getElementsByClassName("is-dropeable"),e=>{e.onclick=(()=>{e.classList.contains("is-active")?e.classList.remove("is-active"):([].forEach.call(document.getElementsByClassName("is-dropeable"),e=>{e.classList.remove("is-active")}),e.classList.add("is-active"))})})}}};

package/general.js

@@ -444,7 +444,7 @@ document.addEventListener('DOMContentLoaded', () => {
         [].forEach.call(document.querySelectorAll('.codebox'), (item) => {
             const code = item.querySelector('code').innerHTML.trim();
 
-            item.querySelector('dt').innerHTML = 'Código <em>-</em> <span class="is-pointer">Seleccionar</span>';
+            item.querySelector('dt').innerHTML = 'Código <em>-</em> <span class="is-pointer">Copiar</span>';
             item.insertAdjacentHTML('afterbegin', '<div class="adminbox-icon"><i class="fas fa-code"></i></div>');
             item.querySelector('code').remove();
             item.insertAdjacentHTML('beforeend', '<code>' + code + '</code>');
@@ -565,18 +565,9 @@ document.addEventListener('DOMContentLoaded', () => {
     if (document.querySelector('.codebox')) {
         [].forEach.call(document.querySelectorAll('.codebox'), (item) => {
             item.querySelector('dt span').onclick = () => {
-                if (document.selection) {
-                    const range = document.body.createTextRange();
-    
-                    range.moveToElementText(item.querySelector('code'));
-                    range.select();
-                } else if (window.getSelection) {
-                    const range = document.createRange();
-    
-                    range.selectNode(item.querySelector('code'));
-                    window.getSelection().removeAllRanges();
-                    window.getSelection().addRange(range);
-                }
+                navigator.clipboard.writeText(item.querySelector('code').innerText);
+                
+                FNR.html.genNotification('¡Copiado!', 'Para engancharlo de nuevo usa Ctrl+V.', 'far fa-copy');
             };
         });
     }

package/general.min.js

@@ -1 +1 @@
-console.log("%cSkin por %cGaylien 🏳️‍🌈","font-family: sans-serif; font-size: 1.5em","font-size: 1.5em; text-transform: uppercase; font-weight: 800; color: #c381b9;"),console.log("https://zatrapa-gaylien.tumblr.com/"),document.addEventListener("DOMContentLoaded",()=>{document.body.classList.add("is-"+H.userLevel())}),document.addEventListener("DOMContentLoaded",()=>{-1===_userdata.user_id&&document.querySelector(".lastpost-content")?[].forEach.call(document.getElementsByClassName("lastpost-content"),e=>{let t,o,r;e.querySelector(".color-groups")?(t=e.querySelector(".color-groups"),o=t.outerHTML.split(t.innerHTML),r=t.textContent,t.outerHTML='<strong><a href="'+FNR.user.profile.getUrl(r)+'" title="Ir al '+(void 0===forumConfig.profileOptions.profileName?"perfil":forumConfig.profileOptions.profileName)+" de «"+r+'»">'+o[0]+Vue.filter("just-name")(r)+o[1]+"</a></strong>",e.querySelector(".lastpost-link")&&(e.querySelector(".lastpost-link").title+=r)):(e.querySelector(".forum-last-author").innerHTML="<strong>Invitado</strong>",e.querySelector(".lastpost-link")&&(e.querySelector(".lastpost-link").title+="Invitado")),e.querySelector(".forum-last-author").outerHTML=e.querySelector(".forum-last-author > strong").outerHTML}):-1!==_userdata.user_id&&document.querySelector(".lastpost-content")&&[].forEach.call(document.getElementsByClassName("lastpost-content"),e=>{let t="<strong>Invitado</strong>";e.querySelector(".forum-last-author > strong")?(t=e.querySelector(".forum-last-author > strong > a"),t.title="Ir al "+(void 0===forumConfig.profileOptions.profileName?"perfil":forumConfig.profileOptions.profileName)+" de «"+t.textContent+"»",e.querySelector(".lastpost-link")&&(e.querySelector(".lastpost-link").title+=t.textContent),t.querySelector("span").textContent=Vue.filter("just-name")(t.textContent),t="<strong>"+t.outerHTML+"</strong>",t.textContent=Vue.filter("just-name")(t.textContent)):e.querySelector(".lastpost-link")&&(e.querySelector(".lastpost-link").title+="Invitado"),e.querySelector(".forum-last-author").outerHTML=t})}),document.addEventListener("DOMContentLoaded",()=>{document.querySelector(".forum-last-date")&&[].forEach.call(document.getElementsByClassName("lastpost-content"),e=>{const t=e.querySelector(".forum-last-date").textContent;e.querySelector(".lastpost-link").title+=", "+t,e.querySelector(".forum-last-date").outerHTML=t,e.outerHTML=e.innerHTML})}),document.addEventListener("DOMContentLoaded",()=>{document.querySelector(".topiclist-topics li:not(.not-status)")&&[].forEach.call(document.querySelectorAll(".topiclist-topics li:not(.not-status)"),e=>{const t=e.querySelector(".topiclist-topic .to-process .topic-status").textContent;t.indexOf("unread")>-1?e.classList.add("is-unread"):e.classList.add("is-read"),t.indexOf("locked")>-1?e.classList.add("is-closed"):t.indexOf("sticky")>1?e.classList.add("is-sticky"):t.indexOf("global_announce")>1?e.classList.add("is-global-announcement"):t.indexOf("announce")>1&&e.classList.add("is-announcement")})}),document.addEventListener("DOMContentLoaded",()=>{document.querySelector(".topic-creator")&&[].forEach.call(document.querySelectorAll(".topic-creator"),e=>{e.querySelector("span")?(e.querySelector("a")?(e.querySelector("a").title="Ir al "+(void 0===forumConfig.profileOptions.profileName?"perfil":forumConfig.profileOptions.profileName)+" de «"+e.textContent+"»",e.innerHTML="<strong>"+e.innerHTML+"</strong>"):e.innerHTML='<strong><a href="'+FNR.user.profile.getUrl(e.textContent)+'" title="Ir al '+(void 0===forumConfig.profileOptions.profileName?"perfil":forumConfig.profileOptions.profileName)+" de «"+e.textContent+'»">'+e.innerHTML+"</a></strong>",e.querySelector("span").innerHTML=Vue.filter("just-name")(e.textContent)):e.innerHTML="<strong>Invitado</strong>",e.outerHTML=e.innerHTML})}),document.addEventListener("DOMContentLoaded",()=>{document.querySelector(".topic-pagination")&&[].forEach.call(document.querySelectorAll(".topic-pagination"),e=>{e.querySelector("strong")&&e.classList.remove("to-process")})}),document.addEventListener("DOMContentLoaded",()=>{document.querySelector(".topiclist-topics li:not(.is-not-lastpost)")&&[].forEach.call(document.querySelectorAll(".topiclist-topics li:not(.is-not-lastpost)"),e=>{const t=e.querySelector(".topiclist-topic .to-process .lastpost-author"),o=e.querySelector(".topiclist-topic .to-process .lastpost-link a").href,r=e.querySelector(".topiclist-topic .to-process .lastpost-date").textContent;e.querySelector(".topic-lastpost").href=o,e.querySelector(".topic-lastpost").title="Último mensaje por "+t.textContent.trim()+", "+r,e.querySelector(".topic-lastauthor")&&(t.querySelector("span")?(t.innerHTML='<strong><a href="'+FNR.user.profile.getUrl(t.textContent)+'" title="Ir al '+(void 0===forumConfig.profileOptions.profileName?"perfil":forumConfig.profileOptions.profileName)+" de «"+t.textContent+'»">'+t.querySelector("span").outerHTML+"</a></strong>",t.querySelector("strong strong").textContent=Vue.filter("just-name")(t.querySelector("strong strong").textContent),e.querySelector(".topic-lastauthor").outerHTML=t.innerHTML):e.querySelector(".topic-lastauthor").outerHTML="<strong>Invitado</strong>",e.querySelector(".topic-lastauthor").outerHTML=e.querySelector(".topic-lastauthor").innerHTML),e.querySelector(".topic-lastdate")&&(e.querySelector(".topic-lastdate").outerHTML=r)})}),document.addEventListener("DOMContentLoaded",()=>{document.querySelector("#moderation")&&document.querySelector("#moderation a")?document.querySelector('a[href="#gestionar"]').href=document.querySelector("#moderation a").href:document.querySelector("#moderation")&&document.querySelector('a[href="#gestionar"]').parentElement.remove()}),document.addEventListener("DOMContentLoaded",()=>{if(document.querySelector(".prev-post")){let e=document.querySelector("#forum-preview");""!==document.querySelectorAll(".prev-post")[0].innerHTML&&(e.querySelector(".post-content").innerHTML='<div class="is-content">'+document.querySelectorAll(".prev-post")[0].innerHTML+"</div>",e.classList.remove("to-process"))}}),document.addEventListener("DOMContentLoaded",()=>{if(document.querySelector(".forum-otherposts")&&document.querySelector(".forum-otherposts").children.length){let e="";[].forEach.call(document.querySelector(".forum-otherposts").querySelectorAll(".post"),t=>{if(document.querySelector(".mp-main")&&document.querySelector("#forum-reply")){let o=t.querySelector(".mp-from").textContent,r=FNR.utility.getGroup("rgb_"+t.querySelector(".mp-from > span").style.color.split("rgb(")[1].split(")")[0].replace(/, /g,"_")),n=t.querySelector(".mp-date").textContent,l=t.querySelector(".is-content").innerHTML;e+='<li class="post post-mp">',e+='<section class="postlist-post usergroup-'+r+'">',e+='<ul class="post-datafields post-profile profile-sticky">',e+='<li class="datafield-user">',e+='<div class="datafield-name">Usuario</div>',e+='<strong><a href="'+FNR.user.profile.getUrl(o)+'" target="_blank" title="Ir al '+(void 0===forumConfig.profileOptions.profileName?"perfil":forumConfig.profileOptions.profileName)+" de «"+o+'»">'+o+"</a></strong>",e+="</li>",e+='<li class="datafield-date">',e+='<div class="datafield-name">Fecha</div>',e+=n.indexOf("el")>-1?n.split("el ")[1]:n,e+="</li>",e+="</ul>",e+='<div class="post-content no-links">',e+='<div class="is-content">',e+=l,e+="</div>",e+="</div>",e+="</section>",e+="</li>"}else document.querySelector("#mp-body")||(t.querySelector(".post-datafields .datafield-user a > span")?(t.querySelector(".postlist-post").classList.add("usergroup-"+FNR.utility.getGroup("rgb_"+t.querySelector(".post-datafields .datafield-user a > span").style.color.split("rgb(")[1].split(")")[0].replace(/, /g,"_"))),t.querySelector(".post-datafields .datafield-user a").title="Ir al "+(void 0===forumConfig.profileOptions.profileName?"perfil":forumConfig.profileOptions.profileName)+" de «"+t.querySelector(".post-datafields .datafield-user a").textContent+"»",t.querySelector(".post-datafields .datafield-user a").target="_blank",""===t.querySelector(".post-datafields .datafield-user a").href&&(t.querySelector(".post-datafields .datafield-user a").href=FNR.user.profile.getUrl(t.querySelector(".post-datafields .datafield-user a").textContent))):t.querySelector(".post-datafields .datafield-check")&&t.querySelector(".post-datafields .datafield-check").children&&1===t.querySelector(".post-datafields .datafield-check").children.length?t.querySelector(".post-datafields .datafield-check").remove():t.querySelector(".post-datafields .datafield-user a")&&""===t.querySelector(".post-datafields .datafield-user a").href&&(t.querySelector(".post-datafields .datafield-user a").outerHTML="<strong>"+t.querySelector(".post-datafields .datafield-user a").innerHTML+"</strong>",t.querySelector(".postlist-post").classList.add("usergroup-"+FNR.utility.getGroup("null"))),"UsuarioAnonymous"===t.querySelector(".post-datafields .datafield-user").textContent&&t.querySelector(".postlist-post").classList.add("usergroup-"+FNR.utility.getGroup("null")))}),document.querySelector(".mp-main")&&document.querySelector("#forum-reply")&&(document.querySelector(".forum-otherposts").innerHTML=e)}}),document.addEventListener("DOMContentLoaded",()=>{if(document.querySelector(".forum-postlist .post:not(.panel)")){const e={responder_citando:{icon:"fas fa-quote-right",title:"Citar"},editar_borrar_este_mensaje:{icon:"fas fa-pencil-alt",title:"Editar"},borrar_este_mensaje:{icon:"fas fa-trash-alt",title:"Borrar"},ver_la_direccion_ip_del_autor:{icon:"fas fa-map-marker-alt",title:"Ver IP"},permalink:{icon:"fas fa-tag",title:"Enlace permanente"}};[].forEach.call(document.querySelectorAll(".forum-postlist .post"),t=>{if(t.children.length>1){let o="";[].forEach.call(t.querySelectorAll(".to-process .post-icons li a"),t=>{const r=e[FNR.utility.genSlug(t.querySelector("img").title)];o+='<li class="post-button-'+FNR.utility.genSlug(r.title,"-")+'">',o+='<a title="'+r.title+'" href="'+t.href+'" class="post-button">',o+='<i class="'+r.icon+'"></i>',forumConfig.nameMinibuttons&&(o+="<span>"+("Enlace permanente"===r.title?"Permalink":r.title)+"</span>"),o+="</a>",o+="</li>"}),t.querySelector(".post-buttons").innerHTML=o}else t.remove()})}}),document.addEventListener("DOMContentLoaded",()=>{null!==document.getElementById("forum-realreply")&&""===document.getElementById("forum-realreply").innerHTML&&document.getElementById("quickreply-section").remove()}),document.addEventListener("DOMContentLoaded",()=>{document.querySelector('img[title="Citar mensaje"]')&&[].forEach.call(document.querySelectorAll('img[title="Citar mensaje"]'),e=>{let t=e.parentElement;t.title="Citar el Mensaje",t.classList.add("dropdown-item"),t.textContent="Citar el Mensaje"}),document.querySelector('img[title="Editar mensaje"]')&&[].forEach.call(document.querySelectorAll('img[title="Editar mensaje"]'),e=>{let t=e.parentElement;t.title="Editar el Mensaje",t.classList.add("dropdown-item"),t.textContent="Editar el Mensaje"})}),document.addEventListener("DOMContentLoaded",()=>{document.querySelector(".mp-from")&&[].forEach.call(document.querySelectorAll(".mp-from"),e=>{const t=FNR.utility.getGroup(e.querySelector("span").style.color.replace(/, /g,"_").replace(/, /g,"_").replace(/\(/g,"_").replace(/\)/g,""));e.innerHTML='<a href="'+FNR.user.profile.getUrl(e.textContent)+'" target="_blank" title="Ir al '+(void 0===forumConfig.profileOptions.profileName?"perfil":forumConfig.profileOptions.profileName)+" de «"+e.textContent+'»">'+e.textContent+"</a>";let o=e.parentElement;for(;!o.classList.contains("mp-main");)o=o.parentElement;o.classList.add("usergroup-"+t)})}),document.addEventListener("DOMContentLoaded",()=>{document.getElementById("breadcrumbs")&&document.getElementById("forum-breadcrumb")&&[].forEach.call(document.getElementById("breadcrumbs").children,(e,t,o)=>{let r=e.href,n=e.text,l="";r.match(/c(\d+)-/)||t+1===o.length?(r=t+1===o.length?window.location.pathname+window.location.search:"#",l+=' class="is-hidden-touch'+(t+1===o.length?"":" is-active")+'"'):r.indexOf("#profile")>-1&&(r=FNR.user.profile.getUrl(n)),document.querySelector("#forum-breadcrumb ul").innerHTML+="<li"+l+'><a href="'+r+'" title="Ir a «'+n+'»">'+n+"</a></li>"})}),document.addEventListener("DOMContentLoaded",()=>{const e=document.querySelector("#buttons");e&&e.children.length&&[].forEach.call(document.querySelectorAll(".page-buttons"),t=>{t.insertAdjacentHTML("afterbegin",e.innerHTML),t.parentElement.classList.contains("not-show")&&t.parentElement.classList.remove("not-show")})}),document.addEventListener("DOMContentLoaded",()=>{if(document.querySelector("#pagination")&&document.querySelector("#pagination").children.length){const e=document.querySelector(".pag-img .sprite-arrow_prosilver_left"),t=document.querySelector(".pag-img .sprite-arrow_prosilver_right");e&&(e.parentElement.title="Ir a la página anterior",e.parentElement.classList.add("page-action"),e.parentElement.classList.remove("pag-img"),e.parentElement.innerHTML='<i class="fas fa-chevron-left"></i>'),t&&(t.parentElement.title="Ir a la página siguiente",t.parentElement.classList.add("page-action"),t.parentElement.classList.remove("pag-img"),t.parentElement.innerHTML='<i class="fas fa-chevron-right"></i>'),[].forEach.call(document.querySelectorAll("#pagination > span > a:not(.page-action)"),e=>{e.classList.add("page-link"),e.title="Ir a la página «"+e.textContent+"»"}),document.querySelector("#pagination > span > strong").title="Página actual";const o=document.querySelector("#pagination > span").innerHTML.trim().replace(/ ... /g,'<span class="page-spacer">…</span>');[].forEach.call(document.querySelectorAll(".page-pagination"),e=>{e.insertAdjacentHTML("afterbegin",o),e.parentElement.classList.contains("not-show")&&e.parentElement.classList.remove("not-show")})}}),document.addEventListener("DOMContentLoaded",()=>{document.querySelector(".codebox")&&[].forEach.call(document.querySelectorAll(".codebox"),e=>{1!==e.classList.length&&e.classList.remove("codebox")}),document.querySelector(".codebox")&&[].forEach.call(document.querySelectorAll(".codebox"),e=>{const t=e.querySelector("code").innerHTML.trim();e.querySelector("dt").innerHTML='Código <em>-</em> <span class="is-pointer">Seleccionar</span>',e.insertAdjacentHTML("afterbegin",'<div class="adminbox-icon"><i class="fas fa-code"></i></div>'),e.querySelector("code").remove(),e.insertAdjacentHTML("beforeend","<code>"+t+"</code>")}),document.querySelector(".spoiler")&&[].forEach.call(document.querySelectorAll(".spoiler"),e=>{e.querySelector("dt").innerHTML=e.querySelector("dt").innerHTML.slice(0,-1),e.insertAdjacentHTML("afterbegin",'<div class="adminbox-icon"><i class="fas fa-archive"></i></div>')}),document.querySelector(".hidecode")&&[].forEach.call(document.querySelectorAll(".hidecode"),e=>{e.insertAdjacentHTML("afterbegin",'<div class="adminbox-icon"><i class="fas fa-eye-slash"></i></div>')}),document.querySelector("blockquote")&&([].forEach.call(document.querySelectorAll("blockquote cite"),e=>{if(e.innerHTML=e.innerHTML.replace(/escribió:/g,""),e.querySelector("a")){const t=e.querySelector("a");t.title="Ir al "+(void 0===forumConfig.profileOptions.profileName?"perfil":forumConfig.profileOptions.profileName)+" de «"+t.title.replace(/Ver el perfil :: /g,"")+"»"}e=e.innerHTML}),[].forEach.call(document.querySelectorAll("blockquote"),e=>{e.insertAdjacentHTML("afterbegin",'<div class="adminbox-icon"><i class="fas fa-quote-right"></i></div>')}))}),document.addEventListener("DOMContentLoaded",()=>{if(document.querySelector("#is-form")&&document.querySelector(".msg-element")){const e=document.querySelector("#is-form").innerHTML,t={method:document.querySelector(".basic-element form").method,action:document.querySelector(".basic-element form").action,name:document.querySelector(".basic-element form").name};document.querySelector("#message-section").outerHTML='<form method="'+t.method+'" action="'+t.action+'" name="'+t.name+'" id="message-section" class="basic-element">'+document.querySelector("#message-section").innerHTML+"</form>",document.querySelector("#message-section .msg-element").insertAdjacentHTML("afterend",'<div id="usereply-comand">'+e+"</div>"),document.querySelector("#is-form").remove()}}),document.addEventListener("DOMContentLoaded",()=>{document.querySelector(".is-content .post-content")&&[].forEach.call(document.querySelectorAll(".is-content .post-content"),e=>{e.classList.remove("post-content")})}),document.addEventListener("DOMContentLoaded",()=>{document.querySelector(".has-anchor")&&[].forEach.call(document.querySelectorAll(".has-anchor"),e=>{e.insertAdjacentHTML("afterbegin",`<a id="anchor-${e.id}" class="page-anchor"></a>`)})}),document.addEventListener("DOMContentLoaded",()=>{document.querySelector(".mentiontag")&&[].forEach.call(document.querySelectorAll(".mentiontag"),e=>{e.title="Ir al "+(void 0===forumConfig.profileOptions.profileName?"perfil":forumConfig.profileOptions.profileName)+" de «"+e.title.replace(/Ver el perfil :: /g,"")+"»"})}),document.addEventListener("DOMContentLoaded",()=>{[].forEach.call(document.querySelectorAll(".to-process"),e=>{e.remove()})}),document.addEventListener("DOMContentLoaded",()=>{document.querySelector("#forum-rules")&&(document.querySelector("#forum-rules").innerHTML=document.querySelector("#forum-rules").innerHTML.replace(/&lt;/g,"<").replace(/&gt;/g,">"))}),document.addEventListener("DOMContentLoaded",()=>{if(forumConfig.skinOptions.allowCustomStyles&&document.querySelector("#forum-content .forum-custom-styles")){let e="";[].forEach.call(document.querySelectorAll("#forum-content .forum-custom-styles"),t=>{e+=t.innerHTML,t.remove()}),document.head.insertAdjacentHTML("beforeend",`<style>${e}</style>`)}}),document.addEventListener("DOMContentLoaded",()=>{document.dispatchEvent(forumReady)}),document.addEventListener("DOMContentLoaded",()=>{document.querySelector(".codebox")&&[].forEach.call(document.querySelectorAll(".codebox"),e=>{e.querySelector("dt span").onclick=(()=>{if(document.selection){const t=document.body.createTextRange();t.moveToElementText(e.querySelector("code")),t.select()}else if(window.getSelection){const t=document.createRange();t.selectNode(e.querySelector("code")),window.getSelection().removeAllRanges(),window.getSelection().addRange(t)}})})}),document.addEventListener("DOMContentLoaded",()=>{[].forEach.call(document.querySelectorAll(".is-clickbox"),e=>{const t=e.dataset.categorybox,o=e.dataset.categoryid;e.classList.contains("is-toggle")?e.onclick=(()=>{document.querySelector('.is-clickbox[data-categorybox="'+t+'"][data-categoryid="'+o+'"]').classList.toggle("is-active"),document.querySelector('.is-selectbox[data-categorybox="'+t+'"][data-categoryid="'+o+'"]').classList.toggle("is-active")}):e.onclick=(()=>{document.querySelector('.is-clickbox.is-active[data-categorybox="'+t+'"]').classList.remove("is-active"),document.querySelector('.is-clickbox[data-categorybox="'+t+'"][data-categoryid="'+o+'"]').classList.add("is-active"),document.querySelector('.is-selectbox.is-active[data-categorybox="'+t+'"]').classList.remove("is-active"),document.querySelector('.is-selectbox[data-categorybox="'+t+'"][data-categoryid="'+o+'"]').classList.add("is-active")})})}),document.addEventListener("DOMContentLoaded",()=>{FNR.html.genWiki()}),document.addEventListener("DOMContentLoaded",()=>{document.querySelector(".checkbox-click:not(.is-radio)")&&[].forEach.call(document.querySelectorAll(".checkbox-click:not(.is-radio)"),e=>{const t=e.parentElement.parentElement,o=t.querySelector(".checkbox-real input");o.checked&&t.classList.add("is-active"),e.parentElement.onclick=(()=>{t.classList.contains("is-active")?(t.classList.remove("is-active"),o.checked=!1):(t.classList.add("is-active"),o.checked=!0)})})}),document.addEventListener("DOMContentLoaded",()=>{document.querySelector(".checkbox-click.is-radio")&&[].forEach.call(document.querySelectorAll(".checkbox-click.is-radio"),e=>{const t=e.parentElement.parentElement,o=t.querySelector(".checkbox-real input");o.checked&&t.classList.add("is-active"),e.parentElement.onclick=(()=>{[].forEach.call(document.querySelectorAll('input[type="radio"][name="'+o.name+'"]'),e=>{const t=e.parentElement.parentElement.classList;t.contains("is-active")&&t.remove("is-active")}),t.classList.contains("is-active")?(t.classList.remove("is-active"),o.checked=!1):(t.classList.add("is-active"),o.checked=!0)})})}),document.addEventListener("DOMContentLoaded",()=>{document.querySelector(".is-input")&&[].forEach.call(document.querySelectorAll(".is-input"),e=>{e.onclick=(t=>{e.querySelector('input[type="submit"]').click()})})}),document.addEventListener("DOMContentLoaded",()=>{FNR.html.genDropeable()}),document.addEventListener("DOMContentLoaded",()=>{document.querySelector(".is-tweakeable")&&document.fonts.ready.then(()=>{[].forEach.call(document.getElementsByClassName("is-tweakeable"),e=>{const t=e.offsetWidth-parseFloat(window.getComputedStyle(e,null).paddingLeft)-parseFloat(window.getComputedStyle(e,null).paddingRight)-parseFloat(window.getComputedStyle(e,null).borderLeftWidth)-parseFloat(window.getComputedStyle(e,null).borderRightWidth);if(t>0&&e.querySelector(".is-measurable").offsetWidth>0){let o=parseFloat(window.getComputedStyle(e,null).fontSize);for(;t<e.querySelector(".is-measurable").offsetWidth;)e.style.fontSize=o+"px",o--}})})}),document.addEventListener("DOMContentLoaded",()=>{document.fonts.ready.then(()=>{document.querySelector("#forum-body > .main-body").classList.remove("is-invisible")})});
+console.log("%cSkin por %cGaylien 🏳️‍🌈","font-family: sans-serif; font-size: 1.5em","font-size: 1.5em; text-transform: uppercase; font-weight: 800; color: #c381b9;"),console.log("https://zatrapa-gaylien.tumblr.com/"),document.addEventListener("DOMContentLoaded",()=>{document.body.classList.add("is-"+H.userLevel())}),document.addEventListener("DOMContentLoaded",()=>{-1===_userdata.user_id&&document.querySelector(".lastpost-content")?[].forEach.call(document.getElementsByClassName("lastpost-content"),e=>{let t,o,r;e.querySelector(".color-groups")?(t=e.querySelector(".color-groups"),o=t.outerHTML.split(t.innerHTML),r=t.textContent,t.outerHTML='<strong><a href="'+FNR.user.profile.getUrl(r)+'" title="Ir al '+(void 0===forumConfig.profileOptions.profileName?"perfil":forumConfig.profileOptions.profileName)+" de «"+r+'»">'+o[0]+Vue.filter("just-name")(r)+o[1]+"</a></strong>",e.querySelector(".lastpost-link")&&(e.querySelector(".lastpost-link").title+=r)):(e.querySelector(".forum-last-author").innerHTML="<strong>Invitado</strong>",e.querySelector(".lastpost-link")&&(e.querySelector(".lastpost-link").title+="Invitado")),e.querySelector(".forum-last-author").outerHTML=e.querySelector(".forum-last-author > strong").outerHTML}):-1!==_userdata.user_id&&document.querySelector(".lastpost-content")&&[].forEach.call(document.getElementsByClassName("lastpost-content"),e=>{let t="<strong>Invitado</strong>";e.querySelector(".forum-last-author > strong")?(t=e.querySelector(".forum-last-author > strong > a"),t.title="Ir al "+(void 0===forumConfig.profileOptions.profileName?"perfil":forumConfig.profileOptions.profileName)+" de «"+t.textContent+"»",e.querySelector(".lastpost-link")&&(e.querySelector(".lastpost-link").title+=t.textContent),t.querySelector("span").textContent=Vue.filter("just-name")(t.textContent),t="<strong>"+t.outerHTML+"</strong>",t.textContent=Vue.filter("just-name")(t.textContent)):e.querySelector(".lastpost-link")&&(e.querySelector(".lastpost-link").title+="Invitado"),e.querySelector(".forum-last-author").outerHTML=t})}),document.addEventListener("DOMContentLoaded",()=>{document.querySelector(".forum-last-date")&&[].forEach.call(document.getElementsByClassName("lastpost-content"),e=>{const t=e.querySelector(".forum-last-date").textContent;e.querySelector(".lastpost-link").title+=", "+t,e.querySelector(".forum-last-date").outerHTML=t,e.outerHTML=e.innerHTML})}),document.addEventListener("DOMContentLoaded",()=>{document.querySelector(".topiclist-topics li:not(.not-status)")&&[].forEach.call(document.querySelectorAll(".topiclist-topics li:not(.not-status)"),e=>{const t=e.querySelector(".topiclist-topic .to-process .topic-status").textContent;t.indexOf("unread")>-1?e.classList.add("is-unread"):e.classList.add("is-read"),t.indexOf("locked")>-1?e.classList.add("is-closed"):t.indexOf("sticky")>1?e.classList.add("is-sticky"):t.indexOf("global_announce")>1?e.classList.add("is-global-announcement"):t.indexOf("announce")>1&&e.classList.add("is-announcement")})}),document.addEventListener("DOMContentLoaded",()=>{document.querySelector(".topic-creator")&&[].forEach.call(document.querySelectorAll(".topic-creator"),e=>{e.querySelector("span")?(e.querySelector("a")?(e.querySelector("a").title="Ir al "+(void 0===forumConfig.profileOptions.profileName?"perfil":forumConfig.profileOptions.profileName)+" de «"+e.textContent+"»",e.innerHTML="<strong>"+e.innerHTML+"</strong>"):e.innerHTML='<strong><a href="'+FNR.user.profile.getUrl(e.textContent)+'" title="Ir al '+(void 0===forumConfig.profileOptions.profileName?"perfil":forumConfig.profileOptions.profileName)+" de «"+e.textContent+'»">'+e.innerHTML+"</a></strong>",e.querySelector("span").innerHTML=Vue.filter("just-name")(e.textContent)):e.innerHTML="<strong>Invitado</strong>",e.outerHTML=e.innerHTML})}),document.addEventListener("DOMContentLoaded",()=>{document.querySelector(".topic-pagination")&&[].forEach.call(document.querySelectorAll(".topic-pagination"),e=>{e.querySelector("strong")&&e.classList.remove("to-process")})}),document.addEventListener("DOMContentLoaded",()=>{document.querySelector(".topiclist-topics li:not(.is-not-lastpost)")&&[].forEach.call(document.querySelectorAll(".topiclist-topics li:not(.is-not-lastpost)"),e=>{const t=e.querySelector(".topiclist-topic .to-process .lastpost-author"),o=e.querySelector(".topiclist-topic .to-process .lastpost-link a").href,r=e.querySelector(".topiclist-topic .to-process .lastpost-date").textContent;e.querySelector(".topic-lastpost").href=o,e.querySelector(".topic-lastpost").title="Último mensaje por "+t.textContent.trim()+", "+r,e.querySelector(".topic-lastauthor")&&(t.querySelector("span")?(t.innerHTML='<strong><a href="'+FNR.user.profile.getUrl(t.textContent)+'" title="Ir al '+(void 0===forumConfig.profileOptions.profileName?"perfil":forumConfig.profileOptions.profileName)+" de «"+t.textContent+'»">'+t.querySelector("span").outerHTML+"</a></strong>",t.querySelector("strong strong").textContent=Vue.filter("just-name")(t.querySelector("strong strong").textContent),e.querySelector(".topic-lastauthor").outerHTML=t.innerHTML):e.querySelector(".topic-lastauthor").outerHTML="<strong>Invitado</strong>",e.querySelector(".topic-lastauthor").outerHTML=e.querySelector(".topic-lastauthor").innerHTML),e.querySelector(".topic-lastdate")&&(e.querySelector(".topic-lastdate").outerHTML=r)})}),document.addEventListener("DOMContentLoaded",()=>{document.querySelector("#moderation")&&document.querySelector("#moderation a")?document.querySelector('a[href="#gestionar"]').href=document.querySelector("#moderation a").href:document.querySelector("#moderation")&&document.querySelector('a[href="#gestionar"]').parentElement.remove()}),document.addEventListener("DOMContentLoaded",()=>{if(document.querySelector(".prev-post")){let e=document.querySelector("#forum-preview");""!==document.querySelectorAll(".prev-post")[0].innerHTML&&(e.querySelector(".post-content").innerHTML='<div class="is-content">'+document.querySelectorAll(".prev-post")[0].innerHTML+"</div>",e.classList.remove("to-process"))}}),document.addEventListener("DOMContentLoaded",()=>{if(document.querySelector(".forum-otherposts")&&document.querySelector(".forum-otherposts").children.length){let e="";[].forEach.call(document.querySelector(".forum-otherposts").querySelectorAll(".post"),t=>{if(document.querySelector(".mp-main")&&document.querySelector("#forum-reply")){let o=t.querySelector(".mp-from").textContent,r=FNR.utility.getGroup("rgb_"+t.querySelector(".mp-from > span").style.color.split("rgb(")[1].split(")")[0].replace(/, /g,"_")),n=t.querySelector(".mp-date").textContent,l=t.querySelector(".is-content").innerHTML;e+='<li class="post post-mp">',e+='<section class="postlist-post usergroup-'+r+'">',e+='<ul class="post-datafields post-profile profile-sticky">',e+='<li class="datafield-user">',e+='<div class="datafield-name">Usuario</div>',e+='<strong><a href="'+FNR.user.profile.getUrl(o)+'" target="_blank" title="Ir al '+(void 0===forumConfig.profileOptions.profileName?"perfil":forumConfig.profileOptions.profileName)+" de «"+o+'»">'+o+"</a></strong>",e+="</li>",e+='<li class="datafield-date">',e+='<div class="datafield-name">Fecha</div>',e+=n.indexOf("el")>-1?n.split("el ")[1]:n,e+="</li>",e+="</ul>",e+='<div class="post-content no-links">',e+='<div class="is-content">',e+=l,e+="</div>",e+="</div>",e+="</section>",e+="</li>"}else document.querySelector("#mp-body")||(t.querySelector(".post-datafields .datafield-user a > span")?(t.querySelector(".postlist-post").classList.add("usergroup-"+FNR.utility.getGroup("rgb_"+t.querySelector(".post-datafields .datafield-user a > span").style.color.split("rgb(")[1].split(")")[0].replace(/, /g,"_"))),t.querySelector(".post-datafields .datafield-user a").title="Ir al "+(void 0===forumConfig.profileOptions.profileName?"perfil":forumConfig.profileOptions.profileName)+" de «"+t.querySelector(".post-datafields .datafield-user a").textContent+"»",t.querySelector(".post-datafields .datafield-user a").target="_blank",""===t.querySelector(".post-datafields .datafield-user a").href&&(t.querySelector(".post-datafields .datafield-user a").href=FNR.user.profile.getUrl(t.querySelector(".post-datafields .datafield-user a").textContent))):t.querySelector(".post-datafields .datafield-check")&&t.querySelector(".post-datafields .datafield-check").children&&1===t.querySelector(".post-datafields .datafield-check").children.length?t.querySelector(".post-datafields .datafield-check").remove():t.querySelector(".post-datafields .datafield-user a")&&""===t.querySelector(".post-datafields .datafield-user a").href&&(t.querySelector(".post-datafields .datafield-user a").outerHTML="<strong>"+t.querySelector(".post-datafields .datafield-user a").innerHTML+"</strong>",t.querySelector(".postlist-post").classList.add("usergroup-"+FNR.utility.getGroup("null"))),"UsuarioAnonymous"===t.querySelector(".post-datafields .datafield-user").textContent&&t.querySelector(".postlist-post").classList.add("usergroup-"+FNR.utility.getGroup("null")))}),document.querySelector(".mp-main")&&document.querySelector("#forum-reply")&&(document.querySelector(".forum-otherposts").innerHTML=e)}}),document.addEventListener("DOMContentLoaded",()=>{if(document.querySelector(".forum-postlist .post:not(.panel)")){const e={responder_citando:{icon:"fas fa-quote-right",title:"Citar"},editar_borrar_este_mensaje:{icon:"fas fa-pencil-alt",title:"Editar"},borrar_este_mensaje:{icon:"fas fa-trash-alt",title:"Borrar"},ver_la_direccion_ip_del_autor:{icon:"fas fa-map-marker-alt",title:"Ver IP"},permalink:{icon:"fas fa-tag",title:"Enlace permanente"}};[].forEach.call(document.querySelectorAll(".forum-postlist .post"),t=>{if(t.children.length>1){let o="";[].forEach.call(t.querySelectorAll(".to-process .post-icons li a"),t=>{const r=e[FNR.utility.genSlug(t.querySelector("img").title)];o+='<li class="post-button-'+FNR.utility.genSlug(r.title,"-")+'">',o+='<a title="'+r.title+'" href="'+t.href+'" class="post-button">',o+='<i class="'+r.icon+'"></i>',forumConfig.nameMinibuttons&&(o+="<span>"+("Enlace permanente"===r.title?"Permalink":r.title)+"</span>"),o+="</a>",o+="</li>"}),t.querySelector(".post-buttons").innerHTML=o}else t.remove()})}}),document.addEventListener("DOMContentLoaded",()=>{null!==document.getElementById("forum-realreply")&&""===document.getElementById("forum-realreply").innerHTML&&document.getElementById("quickreply-section").remove()}),document.addEventListener("DOMContentLoaded",()=>{document.querySelector('img[title="Citar mensaje"]')&&[].forEach.call(document.querySelectorAll('img[title="Citar mensaje"]'),e=>{let t=e.parentElement;t.title="Citar el Mensaje",t.classList.add("dropdown-item"),t.textContent="Citar el Mensaje"}),document.querySelector('img[title="Editar mensaje"]')&&[].forEach.call(document.querySelectorAll('img[title="Editar mensaje"]'),e=>{let t=e.parentElement;t.title="Editar el Mensaje",t.classList.add("dropdown-item"),t.textContent="Editar el Mensaje"})}),document.addEventListener("DOMContentLoaded",()=>{document.querySelector(".mp-from")&&[].forEach.call(document.querySelectorAll(".mp-from"),e=>{const t=FNR.utility.getGroup(e.querySelector("span").style.color.replace(/, /g,"_").replace(/, /g,"_").replace(/\(/g,"_").replace(/\)/g,""));e.innerHTML='<a href="'+FNR.user.profile.getUrl(e.textContent)+'" target="_blank" title="Ir al '+(void 0===forumConfig.profileOptions.profileName?"perfil":forumConfig.profileOptions.profileName)+" de «"+e.textContent+'»">'+e.textContent+"</a>";let o=e.parentElement;for(;!o.classList.contains("mp-main");)o=o.parentElement;o.classList.add("usergroup-"+t)})}),document.addEventListener("DOMContentLoaded",()=>{document.getElementById("breadcrumbs")&&document.getElementById("forum-breadcrumb")&&[].forEach.call(document.getElementById("breadcrumbs").children,(e,t,o)=>{let r=e.href,n=e.text,l="";r.match(/c(\d+)-/)||t+1===o.length?(r=t+1===o.length?window.location.pathname+window.location.search:"#",l+=' class="is-hidden-touch'+(t+1===o.length?"":" is-active")+'"'):r.indexOf("#profile")>-1&&(r=FNR.user.profile.getUrl(n)),document.querySelector("#forum-breadcrumb ul").innerHTML+="<li"+l+'><a href="'+r+'" title="Ir a «'+n+'»">'+n+"</a></li>"})}),document.addEventListener("DOMContentLoaded",()=>{const e=document.querySelector("#buttons");e&&e.children.length&&[].forEach.call(document.querySelectorAll(".page-buttons"),t=>{t.insertAdjacentHTML("afterbegin",e.innerHTML),t.parentElement.classList.contains("not-show")&&t.parentElement.classList.remove("not-show")})}),document.addEventListener("DOMContentLoaded",()=>{if(document.querySelector("#pagination")&&document.querySelector("#pagination").children.length){const e=document.querySelector(".pag-img .sprite-arrow_prosilver_left"),t=document.querySelector(".pag-img .sprite-arrow_prosilver_right");e&&(e.parentElement.title="Ir a la página anterior",e.parentElement.classList.add("page-action"),e.parentElement.classList.remove("pag-img"),e.parentElement.innerHTML='<i class="fas fa-chevron-left"></i>'),t&&(t.parentElement.title="Ir a la página siguiente",t.parentElement.classList.add("page-action"),t.parentElement.classList.remove("pag-img"),t.parentElement.innerHTML='<i class="fas fa-chevron-right"></i>'),[].forEach.call(document.querySelectorAll("#pagination > span > a:not(.page-action)"),e=>{e.classList.add("page-link"),e.title="Ir a la página «"+e.textContent+"»"}),document.querySelector("#pagination > span > strong").title="Página actual";const o=document.querySelector("#pagination > span").innerHTML.trim().replace(/ ... /g,'<span class="page-spacer">…</span>');[].forEach.call(document.querySelectorAll(".page-pagination"),e=>{e.insertAdjacentHTML("afterbegin",o),e.parentElement.classList.contains("not-show")&&e.parentElement.classList.remove("not-show")})}}),document.addEventListener("DOMContentLoaded",()=>{document.querySelector(".codebox")&&[].forEach.call(document.querySelectorAll(".codebox"),e=>{1!==e.classList.length&&e.classList.remove("codebox")}),document.querySelector(".codebox")&&[].forEach.call(document.querySelectorAll(".codebox"),e=>{const t=e.querySelector("code").innerHTML.trim();e.querySelector("dt").innerHTML='Código <em>-</em> <span class="is-pointer">Copiar</span>',e.insertAdjacentHTML("afterbegin",'<div class="adminbox-icon"><i class="fas fa-code"></i></div>'),e.querySelector("code").remove(),e.insertAdjacentHTML("beforeend","<code>"+t+"</code>")}),document.querySelector(".spoiler")&&[].forEach.call(document.querySelectorAll(".spoiler"),e=>{e.querySelector("dt").innerHTML=e.querySelector("dt").innerHTML.slice(0,-1),e.insertAdjacentHTML("afterbegin",'<div class="adminbox-icon"><i class="fas fa-archive"></i></div>')}),document.querySelector(".hidecode")&&[].forEach.call(document.querySelectorAll(".hidecode"),e=>{e.insertAdjacentHTML("afterbegin",'<div class="adminbox-icon"><i class="fas fa-eye-slash"></i></div>')}),document.querySelector("blockquote")&&([].forEach.call(document.querySelectorAll("blockquote cite"),e=>{if(e.innerHTML=e.innerHTML.replace(/escribió:/g,""),e.querySelector("a")){const t=e.querySelector("a");t.title="Ir al "+(void 0===forumConfig.profileOptions.profileName?"perfil":forumConfig.profileOptions.profileName)+" de «"+t.title.replace(/Ver el perfil :: /g,"")+"»"}e=e.innerHTML}),[].forEach.call(document.querySelectorAll("blockquote"),e=>{e.insertAdjacentHTML("afterbegin",'<div class="adminbox-icon"><i class="fas fa-quote-right"></i></div>')}))}),document.addEventListener("DOMContentLoaded",()=>{if(document.querySelector("#is-form")&&document.querySelector(".msg-element")){const e=document.querySelector("#is-form").innerHTML,t={method:document.querySelector(".basic-element form").method,action:document.querySelector(".basic-element form").action,name:document.querySelector(".basic-element form").name};document.querySelector("#message-section").outerHTML='<form method="'+t.method+'" action="'+t.action+'" name="'+t.name+'" id="message-section" class="basic-element">'+document.querySelector("#message-section").innerHTML+"</form>",document.querySelector("#message-section .msg-element").insertAdjacentHTML("afterend",'<div id="usereply-comand">'+e+"</div>"),document.querySelector("#is-form").remove()}}),document.addEventListener("DOMContentLoaded",()=>{document.querySelector(".is-content .post-content")&&[].forEach.call(document.querySelectorAll(".is-content .post-content"),e=>{e.classList.remove("post-content")})}),document.addEventListener("DOMContentLoaded",()=>{document.querySelector(".has-anchor")&&[].forEach.call(document.querySelectorAll(".has-anchor"),e=>{e.insertAdjacentHTML("afterbegin",`<a id="anchor-${e.id}" class="page-anchor"></a>`)})}),document.addEventListener("DOMContentLoaded",()=>{document.querySelector(".mentiontag")&&[].forEach.call(document.querySelectorAll(".mentiontag"),e=>{e.title="Ir al "+(void 0===forumConfig.profileOptions.profileName?"perfil":forumConfig.profileOptions.profileName)+" de «"+e.title.replace(/Ver el perfil :: /g,"")+"»"})}),document.addEventListener("DOMContentLoaded",()=>{[].forEach.call(document.querySelectorAll(".to-process"),e=>{e.remove()})}),document.addEventListener("DOMContentLoaded",()=>{document.querySelector("#forum-rules")&&(document.querySelector("#forum-rules").innerHTML=document.querySelector("#forum-rules").innerHTML.replace(/&lt;/g,"<").replace(/&gt;/g,">"))}),document.addEventListener("DOMContentLoaded",()=>{if(forumConfig.skinOptions.allowCustomStyles&&document.querySelector("#forum-content .forum-custom-styles")){let e="";[].forEach.call(document.querySelectorAll("#forum-content .forum-custom-styles"),t=>{e+=t.innerHTML,t.remove()}),document.head.insertAdjacentHTML("beforeend",`<style>${e}</style>`)}}),document.addEventListener("DOMContentLoaded",()=>{document.dispatchEvent(forumReady)}),document.addEventListener("DOMContentLoaded",()=>{document.querySelector(".codebox")&&[].forEach.call(document.querySelectorAll(".codebox"),e=>{e.querySelector("dt span").onclick=(()=>{navigator.clipboard.writeText(e.querySelector("code").innerText),FNR.html.genNotification("¡Copiado!","Para engancharlo de nuevo usa Ctrl+V.","far fa-copy")})})}),document.addEventListener("DOMContentLoaded",()=>{[].forEach.call(document.querySelectorAll(".is-clickbox"),e=>{const t=e.dataset.categorybox,o=e.dataset.categoryid;e.classList.contains("is-toggle")?e.onclick=(()=>{document.querySelector('.is-clickbox[data-categorybox="'+t+'"][data-categoryid="'+o+'"]').classList.toggle("is-active"),document.querySelector('.is-selectbox[data-categorybox="'+t+'"][data-categoryid="'+o+'"]').classList.toggle("is-active")}):e.onclick=(()=>{document.querySelector('.is-clickbox.is-active[data-categorybox="'+t+'"]').classList.remove("is-active"),document.querySelector('.is-clickbox[data-categorybox="'+t+'"][data-categoryid="'+o+'"]').classList.add("is-active"),document.querySelector('.is-selectbox.is-active[data-categorybox="'+t+'"]').classList.remove("is-active"),document.querySelector('.is-selectbox[data-categorybox="'+t+'"][data-categoryid="'+o+'"]').classList.add("is-active")})})}),document.addEventListener("DOMContentLoaded",()=>{FNR.html.genWiki()}),document.addEventListener("DOMContentLoaded",()=>{document.querySelector(".checkbox-click:not(.is-radio)")&&[].forEach.call(document.querySelectorAll(".checkbox-click:not(.is-radio)"),e=>{const t=e.parentElement.parentElement,o=t.querySelector(".checkbox-real input");o.checked&&t.classList.add("is-active"),e.parentElement.onclick=(()=>{t.classList.contains("is-active")?(t.classList.remove("is-active"),o.checked=!1):(t.classList.add("is-active"),o.checked=!0)})})}),document.addEventListener("DOMContentLoaded",()=>{document.querySelector(".checkbox-click.is-radio")&&[].forEach.call(document.querySelectorAll(".checkbox-click.is-radio"),e=>{const t=e.parentElement.parentElement,o=t.querySelector(".checkbox-real input");o.checked&&t.classList.add("is-active"),e.parentElement.onclick=(()=>{[].forEach.call(document.querySelectorAll('input[type="radio"][name="'+o.name+'"]'),e=>{const t=e.parentElement.parentElement.classList;t.contains("is-active")&&t.remove("is-active")}),t.classList.contains("is-active")?(t.classList.remove("is-active"),o.checked=!1):(t.classList.add("is-active"),o.checked=!0)})})}),document.addEventListener("DOMContentLoaded",()=>{document.querySelector(".is-input")&&[].forEach.call(document.querySelectorAll(".is-input"),e=>{e.onclick=(t=>{e.querySelector('input[type="submit"]').click()})})}),document.addEventListener("DOMContentLoaded",()=>{FNR.html.genDropeable()}),document.addEventListener("DOMContentLoaded",()=>{document.querySelector(".is-tweakeable")&&document.fonts.ready.then(()=>{[].forEach.call(document.getElementsByClassName("is-tweakeable"),e=>{const t=e.offsetWidth-parseFloat(window.getComputedStyle(e,null).paddingLeft)-parseFloat(window.getComputedStyle(e,null).paddingRight)-parseFloat(window.getComputedStyle(e,null).borderLeftWidth)-parseFloat(window.getComputedStyle(e,null).borderRightWidth);if(t>0&&e.querySelector(".is-measurable").offsetWidth>0){let o=parseFloat(window.getComputedStyle(e,null).fontSize);for(;t<e.querySelector(".is-measurable").offsetWidth;)e.style.fontSize=o+"px",o--}})})}),document.addEventListener("DOMContentLoaded",()=>{document.fonts.ready.then(()=>{document.querySelector("#forum-body > .main-body").classList.remove("is-invisible")})});

package/package.json

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

package/stylesheet.css

@@ -161,7 +161,7 @@ strong {
 
 /* Notificación */
 .notification-element {
-    transition: 1.5s ease-in-out;
+    transition: 1s ease-in-out;
 }
 
 .notification-element:not(.notification-show) {

package/stylesheet.min.css

@@ -1 +1 @@
-@keyframes dramatic-show{from{opacity:0}to{opacity:1}}.is-dramatic{animation:dramatic-show 1s}@-ms-viewport{width:device-width}*{box-sizing:border-box!important}h1,h2,h3,h4,h5,h6{font-family:var(--font-one)}h1{font-size:2.1rem}h2{font-size:1.9rem}h3{font-size:1.7rem}h4{font-size:1.5rem}h5{font-size:1.3rem}h6{font-size:1.1rem}h2 small,h3 small,h4 small,h5 small,h6 small{display:block;font-weight:400}a:hover{color:var(--color-contrast)}small{font-size:80%}strong{color:inherit}#navbar-original,.forum-head+.forumseparator-element,.subforum-element .category-element>.forum-head,:not(.category-element)+.forum-separator{display:none}.is-pointer{cursor:pointer!important}.is-default{cursor:default!important}.not-show,.to-process{display:none!important}.main-body{max-width:1200px}.is-full-width{width:100%!important;max-width:100%!important}.is-no-links a{border:none!important}.mt-d{margin-top:2rem}.mb-d{margin-bottom:2rem}.is-two-columns-list{display:flex;flex-flow:wrap;margin:-.5rem}.is-two-columns-list>li{width:50%;padding:.5rem}.columns:not(:last-child){margin-bottom:-.75rem}.is-tweakeable{display:block}.is-measurable{white-space:nowrap}.has-anchor{position:relative}.is-selectbox:not(.is-active){display:none!important}.is-clickbox{cursor:pointer!important}.is-clickbox:not(.is-toggle).is-active{cursor:default!important}.notification-element{transition:1.5s ease-in-out}.notification-element:not(.notification-show){transform:translateY(400px)}#loading-element{padding:2rem}#loading-content,#loading-element{display:flex;justify-content:center;align-items:center;text-align:center;cursor:default}#loading-content i{font-size:1.25rem;margin-right:.5rem;color:var(--color-contrast)}#loading-content span{font-family:var(--font-one)}#forum-body>.main-body{display:flex;margin:0 auto;padding:3rem 0}#forum-body>.main-body>article{width:100%}aside#left{display:none}#forum-save{display:block}.category-element{margin-bottom:3rem}.category-element:last-child{margin:0!important}#forum-rules{margin-bottom:2rem}#quickreply-section{margin-top:3rem}#forum-realreply{display:none}#forum-reply{margin-bottom:3rem}#forum-reply:last-child{margin-bottom:0}#forum-reply+#privmsg-review #privmsg-see,:not(#forum-reply)+#privmsg-review #privmsg-write{display:none}#usereply-top{display:flex;justify-content:space-between;align-items:center}#usereply-top small{display:block;font-size:50%}.usereply-header{padding:0 .5rem}#usereply-editor{margin-top:1.5rem;height:250px;resize:none}#usereply-buttons ul{display:flex;flex:1 0 auto;justify-content:flex-end}#usereply-buttons ul:first-child{margin-bottom:.5rem}#usereply-buttons ul li{margin-left:.5rem}#usereply-buttons ul li:first-child{margin-left:0}.usereply-button{display:flex;width:2rem;height:2rem;background:0 0;color:var(--color-contrast);border:2px solid;padding:0;justify-content:center;align-items:center;cursor:pointer}#usereply-comand{display:flex;justify-content:center;margin-top:2rem}.usereply-option{font-family:var(--font-one);cursor:pointer;font-size:.85rem;margin-bottom:.4rem;white-space:nowrap}.usereply-option:last-child{margin:0}#usereply-buttons .dropdown-menu::after,#usereply-buttons .dropdown-menu::before{right:7px}#usereply-dice{margin-top:2rem}#usereply-dice h3{margin-bottom:1.5rem}#usereply-dice ul li{display:flex;counter-increment:special-list-counter;margin-bottom:1rem}#usereply-dice ul li:last-child{margin-bottom:0}#usereply-dice ul li::before{content:'#'counter(special-list-counter);display:flex;justify-content:center;align-items:center;flex:0 0 auto;width:2rem;margin-right:.5rem;color:var(--color-contrast);font-family:var(--font-one)}#usereply-dice ul li .dice-more{width:2rem;flex:0 0 auto;border:0;padding:0;background:0 0;color:var(--color-contrast);font-size:1rem;cursor:pointer}#usereply-dice ul li .select-container{flex:1 0 auto;width:inherit}#usereply-dice ul li input{flex:1 1 auto;width:inherit;max-width:30%}#usereply-dice ul li>*{margin-right:.5rem}#usereply-dice ul li>:last-child{margin-right:0}#usereply-extra{margin-bottom:2rem}#emoji-list{display:flex;flex-flow:wrap;overflow:auto;width:220px;max-height:205px;padding:0}#emoji-list iframe{width:100%}.forum-otherposts{margin-top:2rem}#upper-controls+.forum-otherposts{margin-top:0}.forum-otherposts .post{margin-bottom:2rem}.forum-otherposts .post:last-child{margin-bottom:0}.forum-otherposts .post-profile{width:224px}.forum-otherposts .post-profile>*{display:block}.forum-otherposts .post-datafields li{margin-bottom:1rem}.forum-otherposts .post-datafields li:last-child{margin-bottom:0}.forum-otherposts .datafield-name{font-family:var(--font-one)}.forum-otherposts .post-datafield a{font-family:inherit}.post-content.no-links{justify-content:flex-end}.post-content.no-links .is-content{max-width:initial!important}#forum-preview{margin-bottom:2rem}#forum-preview .post-content{justify-content:center}.wiki-body{display:flex;justify-content:space-between}#forum-preview .post-content,.wiki-body{max-width:100%}.wiki-index{align-self:flex-start;margin-right:1.5rem}.wiki-index h3{margin-bottom:1rem}.wiki-index h3::before{display:none}.wiki-index ul{padding-left:2rem}.wiki-index ul li:before{left:-2rem!important;width:2rem!important;text-align:left!important}.wiki-index .is-hidden-mobile{max-height:calc(100vh - 5rem);overflow:auto}.wiki-index .router-link-exact-active.router-link-active{cursor:default}.wiki-index li ul{margin-top:1rem}.wiki-index a{border:none!important;font-family:var(--font-one)!important}.wiki-controls{font-family:var(--font-one);cursor:default}.wiki-index .wiki-controls .wiki-cascade{padding:0;background:0 0;border:none;color:var(--color-contrast);cursor:pointer}.wiki-index .router-link-exact-active.router-link-active,.wiki-index li.is-selected>.wiki-controls>a .text{color:var(--color-two)}.wiki-index li.is-active>.wiki-controls>.wiki-cascade .fa-plus,.wiki-index li:not(.is-active)>.wiki-controls+ul,.wiki-index li:not(.is-active)>.wiki-controls>.wiki-cascade .fa-minus{display:none}.wiki-content{display:flex;flex-flow:column;flex:1 1;max-width:600px}.wiki-nav{margin-top:2.5rem;margin-bottom:1px!important}.input-real{display:none}#mp-info{display:flex;align-items:center;margin-bottom:1.5rem}#mp-info h3,.mp-main h3{margin:0}#mp-info img{width:80px;border:2px solid;margin-left:0;margin-right:1rem}#mp-info h3{font-size:1.15rem}.mp-from a{font-weight:700}.mp-main{border-top:2px solid var(--color-contrast);padding-top:1.5rem}.mp-main>h3{margin-bottom:1.5rem}.mp-main>h3>small{font-size:60%}.post .mp-main>h3>small{display:flex;justify-content:space-between}.field-element{margin-bottom:1rem}.field-element:last-child{margin-bottom:0}.forum-field{display:flex}.forum-field .field-content{flex:1 1 auto}.has-no-label .field-name{display:none}.has-button .field-content{display:flex;align-items:center}.has-button .field-content .button2{margin:0 0 0 .5rem}.forum-checkbox{display:flex;justify-content:center}.checkbox-content{display:flex;align-items:center;cursor:pointer}.forum-checkbox .checkbox-real,.forum-checkbox:not(.is-active) i{display:none}.forum-fieldlist:not(.is-horizontal) .forum-checkbox{max-width:450px;justify-content:flex-start;margin:0 auto;width:100%}#bloque-login .field-name{max-width:180px}#checkbox-autologin{margin-top:2rem}#frmAgreement .post-content{justify-content:center;max-width:100%;margin-bottom:2rem}.field-catcha{margin-top:2rem}.field-catcha .g-recaptcha{display:flex;justify-content:center}.rp-list{margin-bottom:.725rem}.rp-list:last-child{margin-bottom:0}.rp-element{display:flex;align-items:center}.rp-icon{order:0;flex-shrink:0;flex-grow:0;display:flex;justify-content:center;align-items:center;width:25px;height:25px;color:var(--color-contrast)!important;margin-right:.725rem}.rp-content{display:flex;align-items:center;flex-grow:1;max-width:calc(100% - 14px - 1rem)}.rp-name{display:flex;flex-flow:column;min-width:0;line-height:1.3rem;color:var(--color-two)!important;font-size:1.15rem}.rp-name>*{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.rp-name>small{font-size:.925rem;font-family:var(--font-two)}.rp-manager{cursor:default}.rp-manager .rp-content{max-width:100%;justify-content:space-between}.rp-controls{font-family:var(--font-one);color:var(--color-two);text-transform:uppercase;margin-left:1rem;cursor:default}.rp-controls span{color:var(--color-contrast);cursor:pointer}.rela-element{display:flex}.rela-element.rela-manager{cursor:default}.rela-list .rela-element .rela-image{flex:0 0 auto;align-self:flex-start;width:80px;height:80px;margin-right:1rem!important;border:2px solid var(--color-contrast);border-radius:100%;background-size:cover;background-position:center}#forum-relationships .rela-title h4{max-width:370px}.rela-title h4{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:1.15rem}.rela-content{flex:1 1 auto;color:var(--color-two)}.rela-title{display:flex;justify-content:space-between;align-items:center}.rela-list{margin-bottom:1.5rem!important}.rela-list:last-child{margin-bottom:0!important}.rela-list:last-child::after{display:none}.small-text{margin-top:.25rem;font-family:var(--font-two);font-size:.925rem;line-height:1.25rem}.rela-text.is-content ol,.rela-text.is-content ul{padding-left:1.5rem}.rela-text.is-content ol li::before,.rela-text.is-content ul li::before{left:-1.5rem;width:1.5rem}.rela-text.is-content ol li,.rela-text.is-content ul li{margin-bottom:.5rem}#forum-multiaccount .field-name{text-transform:capitalize}#forum-multiaccount .rp-controls{top:.55em}#forum-multiaccount .rp-controls span{color:var(--color-one)}#forum-chronology .rp-name{max-width:57vw}ul.no-style{padding:0!important;list-style:none!important}ul.no-style>li::before{content:''!important;position:initial!important}ul.no-style a{border:none!important}body>footer,body>header,body>section{padding-left:1.25rem!important;padding-right:1.25rem!important}@media only screen and (max-width:487px){h1{font-size:1.7rem}h2{font-size:1.55rem}h3{font-size:1.4rem}h4{font-size:1.25rem}h5{font-size:1.1rem}.forum-field{flex-flow:column}.forum-field .field-name{height:auto!important;line-height:initial!important;max-width:initial!important;margin-right:0!important;margin-bottom:.825rem!important;border-bottom:0!important}}@media only screen and (max-width:768px){#forum-modal .modal-element{max-width:95%;width:100%}.forum-field .date-dmy label input{margin-left:.5rem}.rela-image{display:none}.forum-otherposts .post-profile,.post .mp-main>h3{position:initial}.forum-otherposts .post-profile,.post .mp-main>h3{position:initial;width:100%!important;margin-right:0;margin-bottom:1.5rem}.post .mp-main small{font-size:1rem}.post-content,.post-content .is-content{max-width:none}.is-two-columns-list>li{width:100%}}@media only screen and (max-width:1023px){header.forum-panel{min-height:initial}.wiki-body{flex-flow:column}.wiki-content{max-width:100%!important}.wiki-index{position:inherit!important;width:100%;margin-bottom:2rem;margin-right:0}}@supports ((-webkit-hyphens:auto) or (hyphens:auto)){.is-content{-webkit-hyphens:auto;hyphens:auto}}
+@keyframes dramatic-show{from{opacity:0}to{opacity:1}}.is-dramatic{animation:dramatic-show 1s}@-ms-viewport{width:device-width}*{box-sizing:border-box!important}h1,h2,h3,h4,h5,h6{font-family:var(--font-one)}h1{font-size:2.1rem}h2{font-size:1.9rem}h3{font-size:1.7rem}h4{font-size:1.5rem}h5{font-size:1.3rem}h6{font-size:1.1rem}h2 small,h3 small,h4 small,h5 small,h6 small{display:block;font-weight:400}a:hover{color:var(--color-contrast)}small{font-size:80%}strong{color:inherit}#navbar-original,.forum-head+.forumseparator-element,.subforum-element .category-element>.forum-head,:not(.category-element)+.forum-separator{display:none}.is-pointer{cursor:pointer!important}.is-default{cursor:default!important}.not-show,.to-process{display:none!important}.main-body{max-width:1200px}.is-full-width{width:100%!important;max-width:100%!important}.is-no-links a{border:none!important}.mt-d{margin-top:2rem}.mb-d{margin-bottom:2rem}.is-two-columns-list{display:flex;flex-flow:wrap;margin:-.5rem}.is-two-columns-list>li{width:50%;padding:.5rem}.columns:not(:last-child){margin-bottom:-.75rem}.is-tweakeable{display:block}.is-measurable{white-space:nowrap}.has-anchor{position:relative}.is-selectbox:not(.is-active){display:none!important}.is-clickbox{cursor:pointer!important}.is-clickbox:not(.is-toggle).is-active{cursor:default!important}.notification-element{transition:1s ease-in-out}.notification-element:not(.notification-show){transform:translateY(400px)}#loading-element{padding:2rem}#loading-content,#loading-element{display:flex;justify-content:center;align-items:center;text-align:center;cursor:default}#loading-content i{font-size:1.25rem;margin-right:.5rem;color:var(--color-contrast)}#loading-content span{font-family:var(--font-one)}#forum-body>.main-body{display:flex;margin:0 auto;padding:3rem 0}#forum-body>.main-body>article{width:100%}aside#left{display:none}#forum-save{display:block}.category-element{margin-bottom:3rem}.category-element:last-child{margin:0!important}#forum-rules{margin-bottom:2rem}#quickreply-section{margin-top:3rem}#forum-realreply{display:none}#forum-reply{margin-bottom:3rem}#forum-reply:last-child{margin-bottom:0}#forum-reply+#privmsg-review #privmsg-see,:not(#forum-reply)+#privmsg-review #privmsg-write{display:none}#usereply-top{display:flex;justify-content:space-between;align-items:center}#usereply-top small{display:block;font-size:50%}.usereply-header{padding:0 .5rem}#usereply-editor{margin-top:1.5rem;height:250px;resize:none}#usereply-buttons ul{display:flex;flex:1 0 auto;justify-content:flex-end}#usereply-buttons ul:first-child{margin-bottom:.5rem}#usereply-buttons ul li{margin-left:.5rem}#usereply-buttons ul li:first-child{margin-left:0}.usereply-button{display:flex;width:2rem;height:2rem;background:0 0;color:var(--color-contrast);border:2px solid;padding:0;justify-content:center;align-items:center;cursor:pointer}#usereply-comand{display:flex;justify-content:center;margin-top:2rem}.usereply-option{font-family:var(--font-one);cursor:pointer;font-size:.85rem;margin-bottom:.4rem;white-space:nowrap}.usereply-option:last-child{margin:0}#usereply-buttons .dropdown-menu::after,#usereply-buttons .dropdown-menu::before{right:7px}#usereply-dice{margin-top:2rem}#usereply-dice h3{margin-bottom:1.5rem}#usereply-dice ul li{display:flex;counter-increment:special-list-counter;margin-bottom:1rem}#usereply-dice ul li:last-child{margin-bottom:0}#usereply-dice ul li::before{content:'#'counter(special-list-counter);display:flex;justify-content:center;align-items:center;flex:0 0 auto;width:2rem;margin-right:.5rem;color:var(--color-contrast);font-family:var(--font-one)}#usereply-dice ul li .dice-more{width:2rem;flex:0 0 auto;border:0;padding:0;background:0 0;color:var(--color-contrast);font-size:1rem;cursor:pointer}#usereply-dice ul li .select-container{flex:1 0 auto;width:inherit}#usereply-dice ul li input{flex:1 1 auto;width:inherit;max-width:30%}#usereply-dice ul li>*{margin-right:.5rem}#usereply-dice ul li>:last-child{margin-right:0}#usereply-extra{margin-bottom:2rem}#emoji-list{display:flex;flex-flow:wrap;overflow:auto;width:220px;max-height:205px;padding:0}#emoji-list iframe{width:100%}.forum-otherposts{margin-top:2rem}#upper-controls+.forum-otherposts{margin-top:0}.forum-otherposts .post{margin-bottom:2rem}.forum-otherposts .post:last-child{margin-bottom:0}.forum-otherposts .post-profile{width:224px}.forum-otherposts .post-profile>*{display:block}.forum-otherposts .post-datafields li{margin-bottom:1rem}.forum-otherposts .post-datafields li:last-child{margin-bottom:0}.forum-otherposts .datafield-name{font-family:var(--font-one)}.forum-otherposts .post-datafield a{font-family:inherit}.post-content.no-links{justify-content:flex-end}.post-content.no-links .is-content{max-width:initial!important}#forum-preview{margin-bottom:2rem}#forum-preview .post-content{justify-content:center}.wiki-body{display:flex;justify-content:space-between}#forum-preview .post-content,.wiki-body{max-width:100%}.wiki-index{align-self:flex-start;margin-right:1.5rem}.wiki-index h3{margin-bottom:1rem}.wiki-index h3::before{display:none}.wiki-index ul{padding-left:2rem}.wiki-index ul li:before{left:-2rem!important;width:2rem!important;text-align:left!important}.wiki-index .is-hidden-mobile{max-height:calc(100vh - 5rem);overflow:auto}.wiki-index .router-link-exact-active.router-link-active{cursor:default}.wiki-index li ul{margin-top:1rem}.wiki-index a{border:none!important;font-family:var(--font-one)!important}.wiki-controls{font-family:var(--font-one);cursor:default}.wiki-index .wiki-controls .wiki-cascade{padding:0;background:0 0;border:none;color:var(--color-contrast);cursor:pointer}.wiki-index .router-link-exact-active.router-link-active,.wiki-index li.is-selected>.wiki-controls>a .text{color:var(--color-two)}.wiki-index li.is-active>.wiki-controls>.wiki-cascade .fa-plus,.wiki-index li:not(.is-active)>.wiki-controls+ul,.wiki-index li:not(.is-active)>.wiki-controls>.wiki-cascade .fa-minus{display:none}.wiki-content{display:flex;flex-flow:column;flex:1 1;max-width:600px}.wiki-nav{margin-top:2.5rem;margin-bottom:1px!important}.input-real{display:none}#mp-info{display:flex;align-items:center;margin-bottom:1.5rem}#mp-info h3,.mp-main h3{margin:0}#mp-info img{width:80px;border:2px solid;margin-left:0;margin-right:1rem}#mp-info h3{font-size:1.15rem}.mp-from a{font-weight:700}.mp-main{border-top:2px solid var(--color-contrast);padding-top:1.5rem}.mp-main>h3{margin-bottom:1.5rem}.mp-main>h3>small{font-size:60%}.post .mp-main>h3>small{display:flex;justify-content:space-between}.field-element{margin-bottom:1rem}.field-element:last-child{margin-bottom:0}.forum-field{display:flex}.forum-field .field-content{flex:1 1 auto}.has-no-label .field-name{display:none}.has-button .field-content{display:flex;align-items:center}.has-button .field-content .button2{margin:0 0 0 .5rem}.forum-checkbox{display:flex;justify-content:center}.checkbox-content{display:flex;align-items:center;cursor:pointer}.forum-checkbox .checkbox-real,.forum-checkbox:not(.is-active) i{display:none}.forum-fieldlist:not(.is-horizontal) .forum-checkbox{max-width:450px;justify-content:flex-start;margin:0 auto;width:100%}#bloque-login .field-name{max-width:180px}#checkbox-autologin{margin-top:2rem}#frmAgreement .post-content{justify-content:center;max-width:100%;margin-bottom:2rem}.field-catcha{margin-top:2rem}.field-catcha .g-recaptcha{display:flex;justify-content:center}.rp-list{margin-bottom:.725rem}.rp-list:last-child{margin-bottom:0}.rp-element{display:flex;align-items:center}.rp-icon{order:0;flex-shrink:0;flex-grow:0;display:flex;justify-content:center;align-items:center;width:25px;height:25px;color:var(--color-contrast)!important;margin-right:.725rem}.rp-content{display:flex;align-items:center;flex-grow:1;max-width:calc(100% - 14px - 1rem)}.rp-name{display:flex;flex-flow:column;min-width:0;line-height:1.3rem;color:var(--color-two)!important;font-size:1.15rem}.rp-name>*{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.rp-name>small{font-size:.925rem;font-family:var(--font-two)}.rp-manager{cursor:default}.rp-manager .rp-content{max-width:100%;justify-content:space-between}.rp-controls{font-family:var(--font-one);color:var(--color-two);text-transform:uppercase;margin-left:1rem;cursor:default}.rp-controls span{color:var(--color-contrast);cursor:pointer}.rela-element{display:flex}.rela-element.rela-manager{cursor:default}.rela-list .rela-element .rela-image{flex:0 0 auto;align-self:flex-start;width:80px;height:80px;margin-right:1rem!important;border:2px solid var(--color-contrast);border-radius:100%;background-size:cover;background-position:center}#forum-relationships .rela-title h4{max-width:370px}.rela-title h4{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:1.15rem}.rela-content{flex:1 1 auto;color:var(--color-two)}.rela-title{display:flex;justify-content:space-between;align-items:center}.rela-list{margin-bottom:1.5rem!important}.rela-list:last-child{margin-bottom:0!important}.rela-list:last-child::after{display:none}.small-text{margin-top:.25rem;font-family:var(--font-two);font-size:.925rem;line-height:1.25rem}.rela-text.is-content ol,.rela-text.is-content ul{padding-left:1.5rem}.rela-text.is-content ol li::before,.rela-text.is-content ul li::before{left:-1.5rem;width:1.5rem}.rela-text.is-content ol li,.rela-text.is-content ul li{margin-bottom:.5rem}#forum-multiaccount .field-name{text-transform:capitalize}#forum-multiaccount .rp-controls{top:.55em}#forum-multiaccount .rp-controls span{color:var(--color-one)}#forum-chronology .rp-name{max-width:57vw}ul.no-style{padding:0!important;list-style:none!important}ul.no-style>li::before{content:''!important;position:initial!important}ul.no-style a{border:none!important}body>footer,body>header,body>section{padding-left:1.25rem!important;padding-right:1.25rem!important}@media only screen and (max-width:487px){h1{font-size:1.7rem}h2{font-size:1.55rem}h3{font-size:1.4rem}h4{font-size:1.25rem}h5{font-size:1.1rem}.forum-field{flex-flow:column}.forum-field .field-name{height:auto!important;line-height:initial!important;max-width:initial!important;margin-right:0!important;margin-bottom:.825rem!important;border-bottom:0!important}}@media only screen and (max-width:768px){#forum-modal .modal-element{max-width:95%;width:100%}.forum-field .date-dmy label input{margin-left:.5rem}.rela-image{display:none}.forum-otherposts .post-profile,.post .mp-main>h3{position:initial}.forum-otherposts .post-profile,.post .mp-main>h3{position:initial;width:100%!important;margin-right:0;margin-bottom:1.5rem}.post .mp-main small{font-size:1rem}.post-content,.post-content .is-content{max-width:none}.is-two-columns-list>li{width:100%}}@media only screen and (max-width:1023px){header.forum-panel{min-height:initial}.wiki-body{flex-flow:column}.wiki-content{max-width:100%!important}.wiki-index{position:inherit!important;width:100%;margin-bottom:2rem;margin-right:0}}@supports ((-webkit-hyphens:auto) or (hyphens:auto)){.is-content{-webkit-hyphens:auto;hyphens:auto}}