generic-skin 5.1.0 → 5.1.1
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.
|
@@ -112,7 +112,7 @@ Vue.component('directorio-personajes', {
|
|
|
112
112
|
<div class="forum-field">
|
|
113
113
|
<div class="field-name">Nombre</div>
|
|
114
114
|
<div class="field-content">
|
|
115
|
-
<input type="text" :disabled="busqueda.faceClaim !== ''" v-model="busqueda.name" placeholder="Buscar por
|
|
115
|
+
<input type="text" :disabled="busqueda.faceClaim !== ''" v-model="busqueda.name" placeholder="Buscar por Nombre.">
|
|
116
116
|
</div>
|
|
117
117
|
</div>
|
|
118
118
|
</li>
|
|
@@ -120,7 +120,7 @@ Vue.component('directorio-personajes', {
|
|
|
120
120
|
<div class="forum-field">
|
|
121
121
|
<div class="field-name">Face claim</div>
|
|
122
122
|
<div class="field-content">
|
|
123
|
-
<input type="text" :disabled="busqueda.name !== ''" v-model="busqueda.faceClaim" placeholder="Buscar por
|
|
123
|
+
<input type="text" :disabled="busqueda.name !== ''" v-model="busqueda.faceClaim" placeholder="Buscar por Face Claim.">
|
|
124
124
|
</div>
|
|
125
125
|
</div>
|
|
126
126
|
</li>
|
|
@@ -130,7 +130,7 @@ Vue.component('directorio-personajes', {
|
|
|
130
130
|
<div class="field-content">
|
|
131
131
|
<div class="select-container">
|
|
132
132
|
<select v-model="busqueda.user" @change="updateParams('user', busqueda.user !== -1 ? busqueda.user : null)">
|
|
133
|
-
<option value="-1" selected="selected" hidden="hidden">Buscar por
|
|
133
|
+
<option value="-1" selected="selected" hidden="hidden">Buscar por Usuario.</option>
|
|
134
134
|
<option v-for="user in availableUsers" :key="user" :value="user">{{ user }}</option>
|
|
135
135
|
</select>
|
|
136
136
|
</div>
|
|
@@ -143,7 +143,7 @@ Vue.component('directorio-personajes', {
|
|
|
143
143
|
<div class="field-content">
|
|
144
144
|
<div class="select-container">
|
|
145
145
|
<select v-model="busqueda.group" @change="updateParams('group', busqueda.group !== -1 ? busqueda.group : null)">
|
|
146
|
-
<option value="-1" selected="selected" hidden="hidden">Buscar por
|
|
146
|
+
<option value="-1" selected="selected" hidden="hidden">Buscar por Grupo.</option>
|
|
147
147
|
<option v-for="group in Object.values(config.profileUser.forumGroups)" :key="group.name" :value="genSlug(group.name)">{{ group.name }}</option>
|
|
148
148
|
</select>
|
|
149
149
|
</div>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Vue.component("directorio-personajes",{data:()=>({loading:!0,config:forumConfig,logged:""!==_userdata.groupcolor,busqueda:{name:"",faceClaim:"",user:-1,group:-1},characters:[],users:[]}),computed:{directoryFields(){const e=this.config.profileUser.directoryFields;return this.logged&&e.unshift("usuario"),e},filteredCharacters(){if(!this.busqueda.name&&!this.busqueda.faceClaim&&-1===this.busqueda.user&&-1===this.busqueda.group)return this.characters;const e=this.busqueda.name.toLowerCase(),a=this.busqueda.faceClaim.toLowerCase();return this.characters.filter(s=>s.name.toLowerCase().includes(e)&&s.fields.face_claim.content.toLowerCase().includes(a)&&(-1===this.busqueda.user||s.fields.usuario.content===this.busqueda.user)&&(-1===this.busqueda.group||s.colour===forumConfig.profileUser.forumGroups[this.busqueda.group].group))},availableUsers(){const e=new Set(this.characters.map(e=>e.fields.usuario.content));return e}},methods:{async obtainCharacters(){let e;try{e=await FNR.cache.useData("members",.25)}catch(a){e=null}e||(e=await FNR.forum.getMembers(),FNR.cache.setData("members",e,.25));const a=await Promise.allSettled(e.map(e=>FNR.user.getProfile(e.id.replace("/u",""),.25)));this.characters=a.filter(e=>"fulfilled"===e.status).map(e=>e.value),this.loading=!1},updateParams(e,a){const s=new URL(window.location.href);a?s.searchParams.set(e,a):s.searchParams.delete(e),window.history.replaceState({},"",s)},genSlug:e=>FNR.utility.genSlug(e,"-")},created(){this.obtainCharacters()},mounted(){document.title="Directorio de Personajes";const e=new URL(window.location.href);e.searchParams.has("group")&&(this.busqueda.group=e.searchParams.get("group")),e.searchParams.has("user")&&this.logged?this.busqueda.user=e.searchParams.get("user"):e.searchParams.has("user")&&this.updateParams("user")},updated(){FNR.behaviour.genMeassure()},template:'\n <section id="directory-section" class="basic-element">\n <section v-if="!loading" class="generic-element">\n <cabespecial-foro>\n <template slot="title">Directorio de Personajes</template>\n </cabespecial-foro>\n <section id="memberlist-options" class="field-block">\n <ul class="forum-fieldlist no-style">\n <li class="field-element field-nombre">\n <div class="forum-field">\n <div class="field-name">Nombre</div>\n <div class="field-content">\n <input type="text" :disabled="busqueda.faceClaim !== \'\'" v-model="busqueda.name" placeholder="Buscar por
|
|
1
|
+
Vue.component("directorio-personajes",{data:()=>({loading:!0,config:forumConfig,logged:""!==_userdata.groupcolor,busqueda:{name:"",faceClaim:"",user:-1,group:-1},characters:[],users:[]}),computed:{directoryFields(){const e=this.config.profileUser.directoryFields;return this.logged&&e.unshift("usuario"),e},filteredCharacters(){if(!this.busqueda.name&&!this.busqueda.faceClaim&&-1===this.busqueda.user&&-1===this.busqueda.group)return this.characters;const e=this.busqueda.name.toLowerCase(),a=this.busqueda.faceClaim.toLowerCase();return this.characters.filter(s=>s.name.toLowerCase().includes(e)&&s.fields.face_claim.content.toLowerCase().includes(a)&&(-1===this.busqueda.user||s.fields.usuario.content===this.busqueda.user)&&(-1===this.busqueda.group||s.colour===forumConfig.profileUser.forumGroups[this.busqueda.group].group))},availableUsers(){const e=new Set(this.characters.map(e=>e.fields.usuario.content));return e}},methods:{async obtainCharacters(){let e;try{e=await FNR.cache.useData("members",.25)}catch(a){e=null}e||(e=await FNR.forum.getMembers(),FNR.cache.setData("members",e,.25));const a=await Promise.allSettled(e.map(e=>FNR.user.getProfile(e.id.replace("/u",""),.25)));this.characters=a.filter(e=>"fulfilled"===e.status).map(e=>e.value),this.loading=!1},updateParams(e,a){const s=new URL(window.location.href);a?s.searchParams.set(e,a):s.searchParams.delete(e),window.history.replaceState({},"",s)},genSlug:e=>FNR.utility.genSlug(e,"-")},created(){this.obtainCharacters()},mounted(){document.title="Directorio de Personajes";const e=new URL(window.location.href);e.searchParams.has("group")&&(this.busqueda.group=e.searchParams.get("group")),e.searchParams.has("user")&&this.logged?this.busqueda.user=e.searchParams.get("user"):e.searchParams.has("user")&&this.updateParams("user")},updated(){FNR.behaviour.genMeassure()},template:'\n <section id="directory-section" class="basic-element">\n <section v-if="!loading" class="generic-element">\n <cabespecial-foro>\n <template slot="title">Directorio de Personajes</template>\n </cabespecial-foro>\n <section id="memberlist-options" class="field-block">\n <ul class="forum-fieldlist no-style">\n <li class="field-element field-nombre">\n <div class="forum-field">\n <div class="field-name">Nombre</div>\n <div class="field-content">\n <input type="text" :disabled="busqueda.faceClaim !== \'\'" v-model="busqueda.name" placeholder="Buscar por Nombre.">\n </div>\n </div>\n </li>\n <li class="field-element field-faceclaim">\n <div class="forum-field">\n <div class="field-name">Face claim</div>\n <div class="field-content">\n <input type="text" :disabled="busqueda.name !== \'\'" v-model="busqueda.faceClaim" placeholder="Buscar por Face Claim.">\n </div>\n </div>\n </li>\n <li v-if="logged" class="field-element field-usuario">\n <div class="forum-field">\n <div class="field-name">Usuario</div>\n <div class="field-content">\n <div class="select-container">\n <select v-model="busqueda.user" @change="updateParams(\'user\', busqueda.user !== -1 ? busqueda.user : null)">\n <option value="-1" selected="selected" hidden="hidden">Buscar por Usuario.</option>\n <option v-for="user in availableUsers" :key="user" :value="user">{{ user }}</option>\n </select>\n </div>\n </div>\n </div>\n </li>\n <li class="field-element field-group">\n <div class="forum-field">\n <div class="field-name">Grupo</div>\n <div class="field-content">\n <div class="select-container">\n <select v-model="busqueda.group" @change="updateParams(\'group\', busqueda.group !== -1 ? busqueda.group : null)">\n <option value="-1" selected="selected" hidden="hidden">Buscar por Grupo.</option>\n <option v-for="group in Object.values(config.profileUser.forumGroups)" :key="group.name" :value="genSlug(group.name)">{{ group.name }}</option>\n </select>\n </div>\n </div>\n </div>\n </li>\n </ul>\n \t\t<div id="usereply-comand">\n <button class="button2 btn-main" @click="busqueda.name = \'\'; busqueda.faceClaim = \'\'; busqueda.user = -1; busqueda.group = -1; updateParams(\'group\'); updateParams(\'user\')">Reiniciar</button>\n \t\t</div>\n </section>\n <separador-foro />\n <cabecera-foro>\n <template slot="title">Listado</template>\n </cabecera-foro>\n <section class="forum-memberlist">\n <ul :class="\'memberlist-members no-style\' + (filteredCharacters.length ? \'\' : \' no-results\')">\n <li v-if="!filteredCharacters.length">\n <h6>No hay personajes que coincidan con la búsqueda.</h6>\n </li>\n <li v-else v-for="character in filteredCharacters" :key="character.name" class="row">\n <a :href="character.links.profile" target="_blank" :title="\'Ir al \' + config.profileOptions.profileName + \' de «\' + character.name + \'»\'" :class="\'memberitem-element usergroup-\' + character.colour">\n <div class="memberlist-name">\n <h3 class="is-tweakeable">\n <span class="is-measurable">{{ character.name }}</span>\n </h3>\n </div>\n <img :src="character.avatar" :alt="\'Avatar de «\' + character.name + \'»\'" class="memberlist-avatar">\n <ul class="memberlist-fields">\n <li v-for="field in directoryFields" :key="field" :class="\'memberlist-field field-\' + genSlug(character.fields[field].name)">\n <strong>{{ character.fields[field].name }}:</strong> {{ character.fields[field].content | twist-field }}\n </li>\n </ul>\n </a>\n </li>\n </ul>\n </section>\n </section>\n <section v-else class="generic-element">\n <cabespecial-foro>\n <template slot="title">Directorio de Personajes</template>\n </cabespecial-foro>\n <separador-foro />\n <cargando-foro text="Cargando utilidad…"></cargando-foro>\n </section>\n </section>\n '});
|