npm - generic-skin - Versions diffs - 3.0.9 → 3.1.0 - Mend

generic-skin 3.0.9 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/apps/vueRela.js CHANGED Viewed

@@ -1,6 +1,6 @@
 Vue.component('modal-relaciones', {
     props: ['dataElement', 'dataType'],
-    data: function () {
+    data() {
         return {
             state: {
                 modal: false
@@ -17,11 +17,11 @@ Vue.component('modal-relaciones', {
         }
     },
     computed: {
-        modalTitle: function () {
+        modalTitle() {
             if (this.dataType === 'new') return 'Nueva entrada';
             else if (this.dataType === 'edit') return 'Editar entrada';
         },
-        oneCheck: function () {
+        oneCheck() {
             let final = '';
             if (!Object.keys(this.content.edit).length) return final;
@@ -48,10 +48,10 @@ Vue.component('modal-relaciones', {
             return final;
         },
-        finalCheck: function () {
+        finalCheck() {
             return JSON.stringify(this.content.current) !== JSON.stringify(this.content.edit);
         },
-        sortedCharacters: function () {
+        sortedCharacters() {
             if (!Object.keys(this.content.edit).length) return this.$parent.users.map((item) => {
                 return item.user;
             });
@@ -63,7 +63,7 @@ Vue.component('modal-relaciones', {
         }
     },
     methods: {
-        modalClose: function () {
+        modalClose() {
             this.$parent.modal.type = 'new';
             this.$parent.modal.status = false;
             this.$parent.setEntry();
@@ -75,14 +75,14 @@ Vue.component('modal-relaciones', {
             this.content.edit.color = character.color;
             this.content.edit.url = character.id;
         },
-        updateData: function () {
+        updateData() {
             const data = JSON.parse(JSON.stringify(this.info.users)).filter((item) => {
                 return item.user === this.content.current.name;
             })[0];
             this.content.edit.img = data.img;
         },
-        pushElement: function () {
+        pushElement() {
             if (this.$parent.modal.type === 'edit') {
                 this.$parent.content.edit.splice(this.$parent.content.edit.map((item) => {
                     return item.position;
@@ -196,7 +196,7 @@ Vue.component('modal-relaciones', {
 });
 Vue.component('gestor-relaciones', {
-    data: function () {
+    data() {
         return {
             render: 0,
             modal: {
@@ -216,14 +216,14 @@ Vue.component('gestor-relaciones', {
         }
     },
     computed: {
-        sortedContent: function () {
+        sortedContent() {
             return JSON.parse(JSON.stringify(this.content.edit)).sort((a, b) => {
                 if (a.name < b.name) return -1;
                 if (a.name > b.name) return 1;
                 return 0;
             });
         },
-        paginationContent: function () {
+        paginationContent() {
             const limit = parseInt(forumConfig.skinOptions.paginationDefault / 2) + 1;
             const pages = Math.floor((this.sortedContent.length - 1) / limit) + 1;
@@ -240,15 +240,15 @@ Vue.component('gestor-relaciones', {
                 content: this.sortedContent.slice(this.state.pagination * limit, (this.state.pagination + 1) * limit)
             };
         },
-        finalCheck: function () {
+        finalCheck() {
             return JSON.stringify(this.content.current) !== JSON.stringify(this.content.edit);
         }
     },
     methods: {
-        forceRerender: function () {
+        forceRerender() {
             this.render += 1;
         },
-        setEntry: function () {
+        setEntry() {
             this.entry = {
                 type: false,
                 color: -1,
@@ -393,19 +393,19 @@ Vue.component('gestor-relaciones', {
 Vue.component('elemento-relaciones', {
     props: ['dataElement', 'dataType', 'dataId'],
-    data: function () {
+    data() {
         return {
             profileName: forumConfig.profileOptions.profileName || 'perfil',
             content: this.dataElement
         }
     },
     computed: {
-        realClass: function () {
+        realClass() {
             return 'rela-list usergroup-' + this.content.color;
         }
     },
     methods: {
-        deleteElement: function () {
+        deleteElement() {
             this.$parent.content.edit.splice(this.$parent.content.edit.map((item) => {
                 return item.position;
             }).indexOf(this.dataId), 1);
@@ -416,7 +416,7 @@ Vue.component('elemento-relaciones', {
             this.$parent.forceRerender();
         },
-        editElement: function () {
+        editElement() {
             this.$parent.modal.type = 'edit';
             this.$parent.entry = this.content;
             this.$parent.modal.status = true;

package/apps/vueRela.min.js CHANGED Viewed

	@@ -1 +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 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 :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()" :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)" :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.utility.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" :data-type="modal.type" :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" :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" :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 :data-element="character" data-type="manager" :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" :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 :class="realClass">\n <template v-if="dataType === \'manager\'">\n <a class="rela-element rela-manager">\n <div class="rela-image" :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" :href="content.url" target="_blank" :title="\'Ir al \' + profileName + \' de «\' + content.name + \'»\'">\n <div class="rela-image" :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" :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 ' });
1	+ Vue.component("modal-relaciones", { props: ["dataElement", "dataType"], data() { return { state: { modal: !1 }, info: { users: this.$parent.users, user: "", people: [] }, content: { edit: JSON.parse(JSON.stringify(this.dataElement)), current: this.dataElement } } }, computed: { modalTitle() { return "new" === this.dataType ? "Nueva entrada" : "edit" === this.dataType ? "Editar entrada" : void 0 }, oneCheck() { 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() { return JSON.stringify(this.content.current) !== JSON.stringify(this.content.edit) }, sortedCharacters() { 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() { 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() { 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() { "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 :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()" :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)" :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() { return { render: 0, modal: { type: "new", status: !1 }, users: [], state: { page: 0, pagination: 0 }, entry: {}, content: { edit: [], current: [] } } }, computed: { sortedContent() { return JSON.parse(JSON.stringify(this.content.edit)).sort((t, e) => t.name < e.name ? -1 : t.name > e.name ? 1 : 0) }, paginationContent() { 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() { return JSON.stringify(this.content.current) !== JSON.stringify(this.content.edit) } }, methods: { forceRerender() { this.render += 1 }, setEntry() { 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.utility.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" :data-type="modal.type" :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" :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" :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 :data-element="character" data-type="manager" :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" :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() { return { profileName: forumConfig.profileOptions.profileName \|\| "perfil", content: this.dataElement } }, computed: { realClass() { return "rela-list usergroup-" + this.content.color } }, methods: { deleteElement() { 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() { this.$parent.modal.type = "edit", this.$parent.entry = this.content, this.$parent.modal.status = !0 } }, template: '\n <li :class="realClass">\n <template v-if="dataType === \'manager\'">\n <a class="rela-element rela-manager">\n <div class="rela-image" :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" :href="content.url" target="_blank" :title="\'Ir al \' + profileName + \' de «\' + content.name + \'»\'">\n <div class="rela-image" :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" :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/config/vueComponents.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Vue.component('categoria-foro', {
     props: ['dataId'],
     computed: {
-        slugName: function () {
+        slugName() {
             const name = (this.dataId.indexOf('<h2>') > -1 ? FNR.utility.genSlug(this.dataId.split('<h2>')[1].split('</h2>')[0], '-') : FNR.utility.genSlug(this.dataId, '-'));
             return 'category-' + name;
@@ -16,7 +16,7 @@ Vue.component('categoria-foro', {
 });
 Vue.component('cabecera-foro', {
-    data: function () {
+    data() {
         return {
             dataTitle: this.$slots['title'][0].tag === undefined ? this.$slots['title'][0].text : this.$slots['title'][0].children[0].text
         }
@@ -29,7 +29,7 @@ Vue.component('cabecera-foro', {
 });
 Vue.component('cabcategoria-foro', {
-    data: function () {
+    data() {
         return {
             dataTitle: this.$slots['title'][0].tag === undefined ? this.$slots['title'][0].text : this.$slots['title'][0].children[0].text
         }
@@ -42,7 +42,7 @@ Vue.component('cabcategoria-foro', {
 });
 Vue.component('cabespecial-foro', {
-    data: function () {
+    data() {
         return {
             dataTitle: this.$slots['title'][0].tag === undefined ? this.$slots['title'][0].text : this.$slots['title'][0].children[0].text
         }
@@ -57,7 +57,7 @@ Vue.component('cabespecial-foro', {
 Vue.component('subforo-foro', {
     props: ['dataId'],
     computed: {
-        slugId: function () {
+        slugId() {
             let id = '';
             if (window.location.pathname.match(/f(\d+)-/)) {
@@ -68,7 +68,7 @@ Vue.component('subforo-foro', {
             return 'subforum-' + id;
         },
-        slugName: function () {
+        slugName() {
             const name = (this.dataId.indexOf('<h2>') > -1 ? FNR.utility.genSlug(this.dataId.split('<h2>')[1].split('</h2>')[0], '-') : FNR.utility.genSlug(this.dataId, '-'));
             return 'subforum-' + name;
@@ -83,7 +83,7 @@ Vue.component('subforo-foro', {
 Vue.component('lista-temas-cabecera', {
     props: ['dataElements'],
-    data: function () {
+    data() {
         return {
             elementos: JSON.parse(this.dataElements.replace(/'/g, '"'))
         }
@@ -99,7 +99,7 @@ Vue.component('lista-temas-cabecera', {
 Vue.component('tema-foro', {
     computed: {
-        slugId: function () {
+        slugId() {
             let id = '';
             if (window.location.pathname.match(/t(\d+)-/)) {
@@ -110,7 +110,7 @@ Vue.component('tema-foro', {
             return 'topic-' + id;
         },
-        slugName: function () {
+        slugName() {
             const name = FNR.utility.genSlug((this.$slots['title'][0].tag === undefined ? this.$slots['title'][0].text : this.$slots['title'][0].children[0].text), '-');
             return 'topic-' + name;
@@ -125,13 +125,13 @@ Vue.component('tema-foro', {
 Vue.component('mando-foro', {
     props: ['dataId', 'dataApp'],
-    data: function () {
+    data() {
         return {
             children: 0
         }
     },
     computed: {
-        isStatusClass: function () {
+        isStatusClass() {
             if (this.children > 0) return 'forum-controls';
             else return 'forum-controls not-show';
         }
@@ -170,7 +170,7 @@ Vue.component('titulo-especial', {
 Vue.component('cuerpo-widget', {
     props: ['dataClass'],
     computed: {
-        currentClass: function () {
+        currentClass() {
             if (this.dataClass === undefined) return 'plank-inner';
             else return 'plank-inner' + ' ' + this.dataClass;
         }
@@ -186,7 +186,7 @@ Vue.component('cuerpo-widget', {
 Vue.component('separador-foro', {
     props: ['dataFaction'],
-    data: function () {
+    data() {
         return {
             image: forumDefaults.separator
         }
@@ -200,13 +200,13 @@ Vue.component('separador-foro', {
 Vue.component('tema-ref', {
     props: ['dataInfo'],
-    data: function () {
+    data() {
         return {
             profileName: forumConfig.profileOptions.profileName || 'perfil'
         }
     },
     computed: {
-        userColor: function () {
+        userColor() {
             return 'color: ' + this.dataInfo.lastpost.who.color;
         }
     },
@@ -244,14 +244,14 @@ Vue.component('campo-foro', {
 Vue.component('boton-foro', {
     props: ['dataUrl', 'dataName', 'dataIcon', 'dataType', 'dataInput'],
     computed: {
-        realClass: function () {
+        realClass() {
             if (this.dataInput === 'true') return 'forum-button is-input';
             else return 'forum-button';
         },
-        realName: function () {
+        realName() {
             return 'text' + (this.dataType === 'no-name' ? ' is-hidden-touch' : '');
         },
-        realUrl: function () {
+        realUrl() {
             if (this.dataInput === 'true') return 'javascript:{}';
             else return this.dataUrl;
         }
@@ -297,7 +297,7 @@ Vue.component('aviso-foro', {
 });
 Vue.component('afiliaciones-foro', {
-    data: function () {
+    data() {
         return {
             afis: {}
         }
@@ -314,7 +314,7 @@ Vue.component('afiliaciones-foro', {
 /* Navbar del foro */
 Vue.component('controles-foro', {
-    data: function () {
+    data() {
         return {
             maPage: 0,
             userName: _userdata.username,
@@ -327,12 +327,12 @@ Vue.component('controles-foro', {
         };
     },
     computed: {
-        isActiveClass: function () {
+        isActiveClass() {
             return 'has-bg' + ((this.isActive) ? ' visible' : ' not-visible');
         }
     },
     methods: {
-        turnActive: function () {
+        turnActive() {
             this.isActive = (this.isActive) ? false : true;
         }
     },
@@ -378,7 +378,7 @@ Vue.component('controles-foro', {
 Vue.component('navbar-foro', {
     props: ['dataUsername', 'dataUserlevel', 'dataUserid', 'dataUserlog', 'dataUsermp', 'dataUserout'],
-    data: function () {
+    data() {
         return {
             profileName: forumConfig.profileOptions.profileName || 'perfil',
             items: forumContent.navbar,
@@ -391,20 +391,20 @@ Vue.component('navbar-foro', {
         }
     },
     computed: {
-        isStatusClass: function () {
+        isStatusClass() {
             return ((this.dataUserlog === 1) ? 'is-logged' : 'is-unlogged') + ((this.dataUserlevel === 1) ? ' is-admin' : ' is-user')
         },
-        mpText: function () {
+        mpText() {
             return 'Mensajería' + ((this.dataUsermp !== 0) ? ' (' + this.dataUsermp + ')' : '')
         },
-        links: function () {
+        links() {
             return forumContent.links.filter((item) => {
                 return item.icon !== undefined;
             });
         }
     },
     methods: {
-        changeAccount: function () {
+        changeAccount() {
             this.$parent.maPage = 1;
             FNR.user.changeAccount(this.dataUserout, this.multiAccount.accounts[this.multiAccount.position].name, this.multiAccount.accounts[this.multiAccount.position].password).then((r) => {
@@ -532,7 +532,7 @@ Vue.component('navbar-foro', {
 /* Widgets del foro */
 Vue.component('links-ayuda', {
-    data: function () {
+    data() {
         return {
             links: forumContent.links
         }
@@ -545,7 +545,7 @@ Vue.component('links-ayuda', {
 });
 Vue.component('links-anuncios', {
-    data: function () {
+    data() {
         return {
             announcements: forumContent.announcements
         }
@@ -561,7 +561,7 @@ Vue.component('links-anuncios', {
 });
 Vue.component('links-staff', {
-    data: function () {
+    data() {
         return {
             staff: forumContent.staff
         }
@@ -574,7 +574,7 @@ Vue.component('links-staff', {
 });
 Vue.component('sabias-que', {
-    data: function () {
+    data() {
         return {
             content: {}
         }
@@ -594,7 +594,7 @@ Vue.component('sabias-que', {
 });
 Vue.component('busquedas', {
-    data: function () {
+    data() {
         return {
             content: {}
         }
@@ -630,7 +630,7 @@ Vue.component('note-info', {
 Vue.component('redirect', {
     props: ['dataTo'],
     computed: {
-        currentStatus: function () {
+        currentStatus() {
             if (window.location.pathname.match(/t(\d+)-/)) return true;
             else return false;
         }
@@ -689,7 +689,7 @@ Vue.component('wiki-index-items-d', {
 Vue.component('wiki-index', {
     computed: {
-        indexContent: function () {
+        indexContent() {
             const getChildren = (name) => {
                 return filtered.filter((item) => {
                     return item.component.page_parent === name;
@@ -780,7 +780,7 @@ Vue.component('wiki-contenido', {
 Vue.component('wiki-nav', {
     computed: {
-        more: function () {
+        more() {
             return routes.filter((item) => {
                 return item.component
             }).filter((item) => {
@@ -789,7 +789,7 @@ Vue.component('wiki-nav', {
                 })[0].component.page_parent
             }).length > 1;
         },
-        nav: function () {
+        nav() {
             const list = routes.filter((item) => {
                 return item.component
             }).filter((item) => {
@@ -820,7 +820,7 @@ Vue.component('wiki-nav', {
 Vue.component('wiki-children', {
     props: ['dataName', 'dataCategory'],
     computed: {
-        nav: function () {
+        nav() {
             return routes.filter((item) => {
                 return item.component
             }).filter((item) => {
@@ -840,7 +840,7 @@ Vue.component('wiki-children', {
 Vue.component('modal-foro', {
     props: ['dataTitle'],
     methods: {
-        modalClose: function () {
+        modalClose() {
             this.$parent.state.modal = false;
             this.$emit('modal-close');
         }
@@ -876,7 +876,7 @@ Vue.component('controles-modal', {
 /* Expediente */
 Vue.component('expediente-usuario', {
-    data: function () {
+    data() {
         return {
             info: {
                 name: _userdata.username,
@@ -888,16 +888,16 @@ Vue.component('expediente-usuario', {
         }
     },
     computed: {
-        userRank: function () {
+        userRank() {
             return this.profile.fields[forumConfig.profileOptions.profileRank].content;
         },
-        userCite: function () {
+        userCite() {
             return this.profile.fields[forumConfig.profileOptions.profileCite].content
         },
-        userCover: function () {
+        userCover() {
             return this.profile.fields[forumConfig.profileOptions.profileCover].content
         },
-        usableMiniFields: function () {
+        usableMiniFields() {
             if (this.config.miniFields === undefined || !this.config.miniFields.length) return [];
             else return Object.entries(this.profile.fields).filter((item) => {
                 return this.config.miniFields.indexOf(item[0]) > -1;
@@ -921,7 +921,7 @@ Vue.component('expediente-usuario', {
                 };
             });
         },
-        usableBigFields: function () {
+        usableBigFields() {
             if (this.config.mainFields === undefined || !Object.keys(this.config.mainFields).length) return [];
             else return Object.entries(this.profile.fields).filter((item) => {
                 return Object.keys(this.config.mainFields).indexOf(item[0]) > -1;
@@ -947,7 +947,7 @@ Vue.component('expediente-usuario', {
                 };
             });
         },
-        lengthBigFields: function () {
+        lengthBigFields() {
             let length = 0;
             this.usableBigFields.map((item) => {
@@ -958,7 +958,7 @@ Vue.component('expediente-usuario', {
             return length;
         },
-        usableExtraFields: function () {
+        usableExtraFields() {
             if (this.config.extraFields === undefined || !this.config.extraFields.length) return [];
             else return Object.entries(this.profile.fields).filter((item) => {
                 return this.config.extraFields.indexOf(item[0]) > -1;
@@ -982,7 +982,7 @@ Vue.component('expediente-usuario', {
                 };
             });
         },
-        lengthExtraFields: function () {
+        lengthExtraFields() {
             let length = 0;
             this.usableExtraFields.map((item) => {
@@ -993,7 +993,7 @@ Vue.component('expediente-usuario', {
             return length;
         },
-        usableLinkFields: function () {
+        usableLinkFields() {
             if (this.profile.contact.length) return [];
             else return Object.entries(this.profile.contact).filter((item) => {
                 return item[1].label !== 'Mensaje Privado';
@@ -1007,15 +1007,15 @@ Vue.component('expediente-usuario', {
                 }
             });
         },
-        chronologyField: function () {
+        chronologyField() {
             if (this.config.cronoField === undefined || !this.config.cronoField.length) return [];
             else return FNR.utility.genArray(this.profile.fields[FNR.utility.genSlug(this.config.cronoField, '_')].content);
         },
-        relationshipsField: function () {
+        relationshipsField() {
             if (this.config.relaField === undefined || !this.config.relaField.length) return [];
             else return FNR.utility.genArray(this.profile.fields[FNR.utility.genSlug(this.config.relaField, '_')].content);
         },
-        lengthHistoryFields: function () {
+        lengthHistoryFields() {
             let length = 0;
             length += this.chronologyField.length;
@@ -1023,7 +1023,7 @@ Vue.component('expediente-usuario', {
             return length;
         },
-        currentClass: function () {
+        currentClass() {
             return 'usergroup-' + this.profile.colour
         }
     },
@@ -1181,7 +1181,7 @@ Vue.component('expediente-usuario', {
 Vue.component('cuerpo-principal', {
     props: ['dataTitle'],
     computed: {
-        title: function () {
+        title() {
             if (typeof this.dataTitle === 'undefined') return '';
             else return this.dataTitle;
         }
@@ -1199,7 +1199,7 @@ Vue.component('cuerpo-principal', {
 Vue.component('cuerpo-interior', {
     props: ['dataTitle'],
     computed: {
-        title: function () {
+        title() {
             if (typeof this.dataTitle === 'undefined') return '';
             else return this.dataTitle;
         }
@@ -1217,7 +1217,7 @@ Vue.component('cuerpo-interior', {
 Vue.component('cuerpo-lista', {
     props: ['dataTitle'],
     computed: {
-        title: function () {
+        title() {
             if (typeof this.dataTitle === 'undefined') return '';
             else return this.dataTitle;
         }

package/config/vueElements.js CHANGED Viewed

@@ -38,7 +38,7 @@ const topbar = new Vue({
 if (document.querySelector('#forum-wiki:not(.is-not-vue)')) {
     const wiki = new Vue({
         router,
-        updated: function () {
+        updated() {
             this.$nextTick(function () {
                 FNR.behaviour.genWiki();
             });