generic-skin 3.0.8 → 3.0.11

package/apps/vueChrono.js

@@ -1,6 +1,6 @@
 Vue.component('modal-cronologia', {
     props: ['dataElement', 'dataType'],
-    data: function () {
+    data() {
         return {
             page: 0,
             state: {
@@ -18,11 +18,11 @@ Vue.component('modal-cronologia', {
         }
     },
     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;
@@ -77,7 +77,7 @@ Vue.component('modal-cronologia', {
 
             return final;
         },
-        secondCheck: function () {
+        secondCheck() {
             let final = '';
 
             if (!Object.keys(this.content.edit).length) return final;
@@ -92,10 +92,10 @@ Vue.component('modal-cronologia', {
 
             return final;
         },
-        finalCheck: function () {
+        finalCheck() {
             return JSON.stringify(this.content.current) !== JSON.stringify(this.finalData);
         },
-        finalData: function () {
+        finalData() {
             let data = JSON.parse(JSON.stringify(this.content.edit));
 
             if (!Object.keys(this.content.edit).length) return data;
@@ -129,7 +129,7 @@ Vue.component('modal-cronologia', {
 
             return data;
         },
-        sortedCharacters: function () {
+        sortedCharacters() {
             if (!Object.keys(this.content.edit).length) return this.$parent.users.map((item) => {
                 return item.user;
             });
@@ -141,7 +141,7 @@ Vue.component('modal-cronologia', {
                 return item.toLowerCase().indexOf(this.info.user.toLowerCase()) > -1;
             });
         },
-        sortedEditCharacters: function () {
+        sortedEditCharacters() {
             return this.info.people.sort((a, b) => {
                 if (a < b) return -1;
                 else if (a > b) return 1;
@@ -150,12 +150,12 @@ Vue.component('modal-cronologia', {
         }
     },
     methods: {
-        modalClose: function () {
+        modalClose() {
             this.$parent.modal.type = 'new';
             this.$parent.modal.status = false;
             this.$parent.setEntry();
         },
-        pushElement: function () {
+        pushElement() {
             if (this.$parent.modal.type === 'edit') {
                 this.$parent.content.edit.splice(this.$parent.content.edit.map((item) => {
                     return item.position;
@@ -303,7 +303,7 @@ Vue.component('modal-cronologia', {
 });
 
 Vue.component('gestor-cronologia', {
-    data: function () {
+    data() {
         return {
             render: 0,
             modal: {
@@ -323,7 +323,7 @@ Vue.component('gestor-cronologia', {
         }
     },
     computed: {
-        sortedContent: function () {
+        sortedContent() {
             return JSON.parse(JSON.stringify(this.content.edit)).sort(({
                 date: a,
                 name: n1
@@ -343,7 +343,7 @@ Vue.component('gestor-cronologia', {
                 return n1 - n2;
             });
         },
-        paginationContent: function () {
+        paginationContent() {
             const limit = forumConfig.skinOptions.paginationDefault;
             const pages = Math.floor((this.sortedContent.length - 1) / limit) + 1;
 
@@ -360,15 +360,15 @@ Vue.component('gestor-cronologia', {
                 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 = {
                 link: '',
                 name: '',
@@ -526,13 +526,13 @@ Vue.component('gestor-cronologia', {
 
 Vue.component('elemento-cronologia', {
     props: ['dataElement', 'dataType', 'dataId'],
-    data: function () {
+    data() {
         return {
             content: this.dataElement
         }
     },
     methods: {
-        deleteElement: function () {
+        deleteElement() {
             this.$parent.content.edit.splice(this.$parent.content.edit.map((item) => {
                 return item.position;
             }).indexOf(this.dataId), 1);
@@ -543,7 +543,7 @@ Vue.component('elemento-cronologia', {
 
             this.$parent.forceRerender();
         },
-        editElement: function () {
+        editElement() {
             this.$parent.modal.type = 'edit';
             this.$parent.entry = this.content;
             this.$parent.modal.status = true;

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 :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)" :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" :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)" :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.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-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" :data-type="modal.type" :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" :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 tu cronología</h6>\n                    </li>\n                </template>\n                <template v-else v-for="rp in paginationContent.content">\n                    <elemento-cronologia :data-element="rp" data-type="manager" :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" :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" :href="content.link" target="_blank" :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() { return { page: 0, state: { modal: !1 }, info: { user: "", people: [], selector: !0 }, 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 = ""; 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() { 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() { return JSON.stringify(this.content.current) !== JSON.stringify(this.finalData) }, finalData() { 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() { 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() { return this.info.people.sort((t, e) => t < e ? -1 : t > e ? 1 : 0) } }, methods: { modalClose() { this.$parent.modal.type = "new", this.$parent.modal.status = !1, this.$parent.setEntry() }, 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), 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 :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)" :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" :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)" :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() { 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(({ 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() { 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() { return JSON.stringify(this.content.current) !== JSON.stringify(this.content.edit) } }, methods: { forceRerender() { this.render += 1 }, setEntry() { 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.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-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" :data-type="modal.type" :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" :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 tu cronología</h6>\n                    </li>\n                </template>\n                <template v-else v-for="rp in paginationContent.content">\n                    <elemento-cronologia :data-element="rp" data-type="manager" :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" :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() { return { content: this.dataElement } }, 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="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" :href="content.link" target="_blank" :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

@@ -1,6 +1,6 @@
 Vue.component('panel-control', {
     props: ['dataElements'],
-    data: function () {
+    data() {
         return {
             userId: _userdata.user_id,
             state: {
@@ -13,10 +13,10 @@ Vue.component('panel-control', {
         }
     },
     computed: {
-        validationPanel: function () {
+        validationPanel() {
             return FNR.utility.genValidation(this.content.current)
         },
-        toSave: function () {
+        toSave() {
             let final = [];
 
             [].forEach.call(this.content.current, (item, index) => {
@@ -33,7 +33,7 @@ Vue.component('panel-control', {
         }
     },
     methods: {
-        updateProfile: function () {
+        updateProfile() {
             this.state.page = 2;
 
             FNR.user.profile.setData(this.toSave).then((r) => {
@@ -109,7 +109,7 @@ Vue.component('panel-control', {
 });
 
 Vue.component('lista-bosquejos', {
-    data: function () {
+    data() {
         return {
             state: {
                 page: 0
@@ -160,7 +160,7 @@ Vue.component('lista-bosquejos', {
 });
 
 Vue.component('editor-foro', {
-    data: function () {
+    data() {
         return {
             state: {
                 page: 0,
@@ -194,7 +194,7 @@ Vue.component('editor-foro', {
         }
     },
     computed: {
-        msgCheck: function () {
+        msgCheck() {
             let final = '';
 
             if (this.state.guest) {
@@ -229,7 +229,7 @@ Vue.component('editor-foro', {
 
             return final;
         },
-        sortedCharacters: function () {
+        sortedCharacters() {
             if (!Object.keys(this.users.options).length) return [];
             else return this.users.options.map((item) => {
                 return item.user;
@@ -243,7 +243,7 @@ Vue.component('editor-foro', {
                 return 0;
             });
         },
-        sortedEditCharacters: function () {
+        sortedEditCharacters() {
             return this.users.selected.sort((a, b) => {
                 if (a < b) return -1;
                 else if (a > b) return 1;
@@ -271,7 +271,7 @@ Vue.component('editor-foro', {
 
             this.content.msg = myField.value;
         },
-        newDice: function () {
+        newDice() {
             this.dice.current.push({
                 dice: -1,
                 number: 0
@@ -290,11 +290,11 @@ Vue.component('editor-foro', {
             this.users.current = '';
             this.users.selected.splice(index, 1);
         },
-        changeGroup: function () {
+        changeGroup() {
             this.users.selected = [];
             this.users.current = '';
         },
-        insertUrl: function () {
+        insertUrl() {
             const myField = document.getElementById('usereply-editor');
             const startPos = myField.selectionStart;
             const endPos = myField.selectionEnd;
@@ -307,7 +307,7 @@ Vue.component('editor-foro', {
                 }
             });
         },
-        insertImg: function () {
+        insertImg() {
             FNR.html.genPrompt('Insertar imagen', 'Introduce las medidas de la imagen en píxeles pero sin la medida (por ejemplo 100x100). <u>En caso de dejarlo en blanco, se insertará con la medida inicial</u>.', 'Medidas de la imagen', '').then((result) => {
                 if (result !== false) {
                     this.insertSomething('[img=' + result + ']', '[/img]');
@@ -316,7 +316,7 @@ Vue.component('editor-foro', {
                 }
             });
         },
-        insertSpoiler: function () {
+        insertSpoiler() {
             FNR.html.genPrompt('Insertar spoiler', 'Introduce el título del spoiler. <u>En caso de dejarlo en blanco, se insertará sin él.</u>.', 'Título del spoiler', '').then((result) => {
                 if (result !== false) {
                     this.insertSomething('[spoiler=' + result + ']', '[/spoiler]');
@@ -325,7 +325,7 @@ Vue.component('editor-foro', {
                 }
             });
         },
-        insertQuote: function () {
+        insertQuote() {
             FNR.html.genPrompt('Insertar cita', 'Introduce el destinatario de la cita. <u>En caso de dejarlo en blanco, se insertará sin él.</u>.', 'Destinatario de la cita', '').then((result) => {
                 if (result !== false) {
                     this.insertSomething('[quote=' + result + ']', '[/quote]');
@@ -334,7 +334,7 @@ Vue.component('editor-foro', {
                 }
             });
         },
-        parseMsg: function () {
+        parseMsg() {
             window.forumParsing = true;
 
             if (document.querySelector('#forum-realreply > form .sceditor-container > textarea')) {
@@ -400,17 +400,17 @@ Vue.component('editor-foro', {
                 }
             }
         },
-        draftMsg: function () {
+        draftMsg() {
             this.parseMsg();
 
             document.querySelector('#forum-realreply > form input[value="Bosquejo"], #forum-realreply input[value="Modificar"]').click();
         },
-        sendMsg: function () {
+        sendMsg() {
             this.parseMsg();
 
             document.querySelector('#forum-realreply > form input[value="Enviar"], #forum-realreply input[value="Publicar"]').click();
         },
-        prevMsg: function () {
+        prevMsg() {
             this.parseMsg();
 
             document.querySelector('#forum-realreply > form input[value="Previsualización"], #forum-realreply input[value="Previsualizar"]').click();

package/apps/vueMulti.js

@@ -1,6 +1,6 @@
 Vue.component('modal-multicuentas', {
     props: ['dataElement', 'dataType'],
-    data: function () {
+    data() {
         return {
             state: {
                 modal: false
@@ -12,11 +12,11 @@ Vue.component('modal-multicuentas', {
         }
     },
     computed: {
-        modalTitle: function () {
+        modalTitle() {
             if (this.dataType === 'new') return 'Nuevo usuario';
             else if (this.dataType === 'edit') return 'Editar usuario';
         },
-        oneCheck: function () {
+        oneCheck() {
             let final = '';
 
             if (this.content.edit.name.length < 4) {
@@ -29,18 +29,18 @@ Vue.component('modal-multicuentas', {
 
             return final;
         },
-        finalCheck: function () {
+        finalCheck() {
             return JSON.stringify(this.content.current) !== JSON.stringify(this.content.edit);
         }
     },
     methods: {
-        modalClose: function () {
+        modalClose() {
             this.$parent.modal.type = 'new';
             this.$parent.modal.status = false;
             this.$parent.setEntry();
             this.$parent.forceRerender();
         },
-        pushElement: function () {
+        pushElement() {
             if (this.$parent.modal.type === 'edit') {
                 let id = this.$parent.content.accounts.edit.map((item) => {
                     return item.id;
@@ -98,7 +98,7 @@ Vue.component('modal-multicuentas', {
 });
 
 Vue.component('gestor-multicuentas', {
-    data: function () {
+    data() {
         return {
             render: 0,
             modal: {
@@ -127,7 +127,7 @@ Vue.component('gestor-multicuentas', {
         }
     },
     computed: {
-        msgCheck: function () {
+        msgCheck() {
             let final = '';
 
             if (this.content.password.value.length < 5) {
@@ -136,10 +136,10 @@ Vue.component('gestor-multicuentas', {
 
             return final;
         },
-        finalCheck: function () {
+        finalCheck() {
             return JSON.stringify(this.content.accounts.current) !== JSON.stringify(this.content.accounts.edit);
         },
-        sortedCharacters: function () {
+        sortedCharacters() {
             return this.content.accounts.edit.sort((a, b) => {
                 if (a.name < b.name) return -1;
                 else if (a.name > b.name) return 1;
@@ -148,16 +148,16 @@ Vue.component('gestor-multicuentas', {
         }
     },
     methods: {
-        modalClose: function () {
+        modalClose() {
             this.state.page = 3;
             setTimeout(() => {
                 window.location.reload();
             }, 2500);
         },
-        forceRerender: function () {
+        forceRerender() {
             this.render += 1;
         },
-        setEntry: function () {
+        setEntry() {
             this.entry = {
                 name: '',
                 id: '',
@@ -175,10 +175,10 @@ Vue.component('gestor-multicuentas', {
 
             this.updateData();
         },
-        updateLocal: function () {
+        updateLocal() {
             this.updateData();
         },
-        updateForum: function () {
+        updateForum() {
             this.content.accounts.edit = FNR.cache.getData('usermultiaccounts').map((item) => {
                 return {
                     name: item.name,
@@ -187,7 +187,7 @@ Vue.component('gestor-multicuentas', {
             });
             this.updateData();
         },
-        setData: function () {
+        setData() {
             this.state.page = 3;
 
             FNR.cache.setData('userpassword', this.content.password.value, -1);
@@ -196,7 +196,7 @@ Vue.component('gestor-multicuentas', {
                 window.location.reload();
             }, 2500);
         },
-        updateData: function () {
+        updateData() {
             this.state.page = 3;
 
             const data = this.content.accounts.edit.map((item) => {
@@ -392,18 +392,18 @@ Vue.component('gestor-multicuentas', {
 
 Vue.component('elemento-multicuentas', {
     props: ['dataElement', 'dataId'],
-    data: function () {
+    data() {
         return {
             content: this.dataElement
         }
     },
     methods: {
-        deleteElement: function () {
+        deleteElement() {
             this.$parent.content.accounts.edit.splice(this.dataId, 1);
 
             this.$parent.forceRerender();
         },
-        editElement: function () {
+        editElement() {
             this.$parent.modal.type = 'edit';
             this.$parent.entry = this.content;
             this.$parent.modal.status = true;

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 :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 :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.utility.genArray(t[0].value)[0], this.state.new = 0 === Object.keys(this.content.encrypted).length, FNR.cache.getData("userpassword")) try { sjcl.decrypt(FNR.cache.getData("userpassword"), this.content.encrypted.password) } catch (t) { "ccm: tag doesn't match" === t.message && (this.state.error = !0, FNR.cache.delData("userpassword"), setTimeout(() => { window.location.reload() }, 2500)) } finally { if (!this.state.error) if (this.state.new && FNR.cache.getData("usermultiaccounts").length > 0) this.state.page = 3, FNR.user.profile.setData([{ name: forumConfig.profileUser.accountsField, type: "textarea", value: JSON.stringify([{ password: sjcl.encrypt(FNR.cache.getData("userpassword"), "gaylien_masterpass"), accounts: FNR.cache.getData("usermultiaccounts") }]).replace(/"/g, "`") }]).then(t => { t ? (FNR.html.genNotification("Atención", "Información actualizada sin inconvenientes.", "fas fa-check"), setTimeout(() => { window.location.reload() }, 2500)) : FNR.html.genNotification("Atención", "Hubo un problema al actualizar. Dale otro intento.", "fas fa-exclamation") }); else { let t = []; this.content.password.value = FNR.cache.getData("userpassword"), this.state.new || (t = JSON.parse(JSON.stringify(this.content.encrypted)).accounts.map(t => ({ name: t.name, type: "password", id: FNR.utility.genSlug(t.name), password: sjcl.decrypt(this.content.password.value, t.password) }))), this.setEntry(), this.content.accounts.edit = t, this.content.accounts.current = JSON.parse(JSON.stringify(t)), this.state.page = 2, this.state.new || JSON.stringify(FNR.cache.getData("usermultiaccounts")) === JSON.stringify(this.content.encrypted.accounts) || (this.modal.bonus = !0) } } else this.state.page = 1 }) }, template: '\n    <section id="forum-multiaccount" class="wiki-content is-dramatic">\n        <div class="is-content">\n            <h2>Multicuentas</h2>\n            <hr />\n            <p>En esta página podrás configurar tu cambio de cuenta rápido. 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 :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" :data-type="modal.type" :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" :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 :data-element="item" :data-id="index" :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 :data-name="content.name">\n            <div class="character-selector">\n                <input :type="content.type" v-model="content.password" disabled/>\n                <span class="character-custom rp-controls">\n                    <span 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() { return { state: { modal: !1 }, content: { edit: JSON.parse(JSON.stringify(this.dataElement)), current: this.dataElement } } }, computed: { modalTitle() { return "new" === this.dataType ? "Nuevo usuario" : "edit" === this.dataType ? "Editar usuario" : void 0 }, oneCheck() { let t = ""; return this.content.edit.name.length < 4 && (t += "<li>Escribe el nombre de la cuenta.</li>"), this.content.edit.password.length < 4 && (t += "<li>Escribe la contraseña de la cuenta.</li>"), t }, finalCheck() { return JSON.stringify(this.content.current) !== JSON.stringify(this.content.edit) } }, methods: { modalClose() { this.$parent.modal.type = "new", this.$parent.modal.status = !1, this.$parent.setEntry(), this.$parent.forceRerender() }, pushElement() { if ("edit" === this.$parent.modal.type) { let t = this.$parent.content.accounts.edit.map(t => t.id).indexOf(this.content.current.id); this.$parent.content.accounts.edit.splice(t, 1) } this.$parent.content.accounts.edit.push({ name: this.content.edit.name, type: "password", id: FNR.utility.genSlug(this.content.edit.name), password: this.content.edit.password }), this.modalClose() } }, template: '\n    <modal-foro :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 :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() { 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() { let t = ""; return this.content.password.value.length < 5 && (t += "<li>Escribe la contraseña maestra.</li>"), t }, finalCheck() { return JSON.stringify(this.content.accounts.current) !== JSON.stringify(this.content.accounts.edit) }, sortedCharacters() { return this.content.accounts.edit.sort((t, e) => t.name < e.name ? -1 : t.name > e.name ? 1 : 0) } }, methods: { modalClose() { this.state.page = 3, setTimeout(() => { window.location.reload() }, 2500) }, forceRerender() { this.render += 1 }, setEntry() { this.entry = { name: "", id: "", type: "password", password: "" } }, addEntry: function (t) { t.preventDefault(), this.modal.status = !0 }, save: function (t) { t.preventDefault(), this.updateData() }, updateLocal() { this.updateData() }, updateForum() { this.content.accounts.edit = FNR.cache.getData("usermultiaccounts").map(t => ({ name: t.name, password: sjcl.decrypt(this.content.password.value, t.password) })), this.updateData() }, setData() { this.state.page = 3, FNR.cache.setData("userpassword", this.content.password.value, -1), setTimeout(() => { window.location.reload() }, 2500) }, updateData() { this.state.page = 3; const t = this.content.accounts.edit.map(t => ({ name: t.name, password: sjcl.encrypt(this.content.password.value, t.password) })); FNR.cache.setData("userpassword", this.content.password.value, -1), FNR.cache.setData("usermultiaccounts", t, -1), FNR.user.profile.setData([{ name: forumConfig.profileUser.accountsField, type: "textarea", value: JSON.stringify([{ password: this.state.new ? sjcl.encrypt(this.content.password.value, "gaylien_masterpass") : this.content.encrypted.password, accounts: t }]).replace(/"/g, "`") }]).then(t => { t ? (FNR.html.genNotification("Atención", "Información actualizada sin inconvenientes.", "fas fa-check"), setTimeout(() => { window.location.reload() }, 2500)) : FNR.html.genNotification("Atención", "Hubo un problema al actualizar. Dale otro intento.", "fas fa-exclamation") }) } }, created() { FNR.user.profile.getData([{ name: forumConfig.profileUser.accountsField, type: "textarea" }]).then(t => { if (this.content.encrypted = FNR.utility.genArray(t[0].value)[0], this.state.new = 0 === Object.keys(this.content.encrypted).length, FNR.cache.getData("userpassword")) try { sjcl.decrypt(FNR.cache.getData("userpassword"), this.content.encrypted.password) } catch (t) { "ccm: tag doesn't match" === t.message && (this.state.error = !0, FNR.cache.delData("userpassword"), setTimeout(() => { window.location.reload() }, 2500)) } finally { if (!this.state.error) if (this.state.new && FNR.cache.getData("usermultiaccounts").length > 0) this.state.page = 3, FNR.user.profile.setData([{ name: forumConfig.profileUser.accountsField, type: "textarea", value: JSON.stringify([{ password: sjcl.encrypt(FNR.cache.getData("userpassword"), "gaylien_masterpass"), accounts: FNR.cache.getData("usermultiaccounts") }]).replace(/"/g, "`") }]).then(t => { t ? (FNR.html.genNotification("Atención", "Información actualizada sin inconvenientes.", "fas fa-check"), setTimeout(() => { window.location.reload() }, 2500)) : FNR.html.genNotification("Atención", "Hubo un problema al actualizar. Dale otro intento.", "fas fa-exclamation") }); else { let t = []; this.content.password.value = FNR.cache.getData("userpassword"), this.state.new || (t = JSON.parse(JSON.stringify(this.content.encrypted)).accounts.map(t => ({ name: t.name, type: "password", id: FNR.utility.genSlug(t.name), password: sjcl.decrypt(this.content.password.value, t.password) }))), this.setEntry(), this.content.accounts.edit = t, this.content.accounts.current = JSON.parse(JSON.stringify(t)), this.state.page = 2, this.state.new || JSON.stringify(FNR.cache.getData("usermultiaccounts")) === JSON.stringify(this.content.encrypted.accounts) || (this.modal.bonus = !0) } } else this.state.page = 1 }) }, template: '\n    <section id="forum-multiaccount" class="wiki-content is-dramatic">\n        <div class="is-content">\n            <h2>Multicuentas</h2>\n            <hr />\n            <p>En esta página podrás configurar tu cambio de cuenta rápido. 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 :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" :data-type="modal.type" :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" :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 :data-element="item" :data-id="index" :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() { return { content: this.dataElement } }, methods: { deleteElement() { this.$parent.content.accounts.edit.splice(this.dataId, 1), this.$parent.forceRerender() }, editElement() { this.$parent.modal.type = "edit", this.$parent.entry = this.content, this.$parent.modal.status = !0 } }, template: '\n    <li>\n        <campo-foro :data-name="content.name">\n            <div class="character-selector">\n                <input :type="content.type" v-model="content.password" disabled/>\n                <span class="character-custom rp-controls">\n                    <span 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    ' });