generic-skin 5.0.17 → 5.0.18
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.
|
@@ -14,7 +14,7 @@ Vue.component('directorio-personajes', {
|
|
|
14
14
|
},
|
|
15
15
|
computed: {
|
|
16
16
|
filteredCharacters() {
|
|
17
|
-
if (!this.busqueda.name && !this.busqueda.faceClaim) {
|
|
17
|
+
if (!this.busqueda.name && !this.busqueda.faceClaim && this.busqueda.user === -1) {
|
|
18
18
|
return this.characters;
|
|
19
19
|
}
|
|
20
20
|
|
|
@@ -22,7 +22,7 @@ Vue.component('directorio-personajes', {
|
|
|
22
22
|
const faceClaimLower = this.busqueda.faceClaim.toLowerCase();
|
|
23
23
|
|
|
24
24
|
return this.characters.filter(character =>
|
|
25
|
-
character.name.toLowerCase().includes(nameLower) && character.fields['face_claim'].content.toLowerCase().includes(faceClaimLower) &&
|
|
25
|
+
character.name.toLowerCase().includes(nameLower) && character.fields['face_claim'].content.toLowerCase().includes(faceClaimLower) && character.fields['usuario'].content === this.busqueda.user
|
|
26
26
|
);
|
|
27
27
|
},
|
|
28
28
|
availableUsers() {
|
|
@@ -91,16 +91,18 @@ Vue.component('directorio-personajes', {
|
|
|
91
91
|
<div class="forum-field">
|
|
92
92
|
<div class="field-name">Usuario</div>
|
|
93
93
|
<div class="field-content">
|
|
94
|
-
<
|
|
95
|
-
<
|
|
96
|
-
|
|
97
|
-
|
|
94
|
+
<div class="select-container">
|
|
95
|
+
<select v-model="busqueda.user">
|
|
96
|
+
<option value="-1" selected="selected" hidden="hidden">Buscar por usuario</option>
|
|
97
|
+
<option v-for="user in availableUsers" :key="user" :value="user">{{ user }}</option>
|
|
98
|
+
</select>
|
|
99
|
+
</div>
|
|
98
100
|
</div>
|
|
99
101
|
</div>
|
|
100
102
|
</li>
|
|
101
103
|
</ul>
|
|
102
104
|
<div id="usereply-comand">
|
|
103
|
-
<button class="button2 btn-main" @click="busqueda.name = ''; busqueda.faceClaim = ''">Reiniciar</button>
|
|
105
|
+
<button class="button2 btn-main" @click="busqueda.name = ''; busqueda.faceClaim = ''; busqueda.user = -1;">Reiniciar</button>
|
|
104
106
|
</div>
|
|
105
107
|
</section>
|
|
106
108
|
<separador-foro />
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Vue.component("directorio-personajes",{data:()=>({loading:!0,config:forumConfig,busqueda:{name:"",faceClaim:"",user:-1},characters:[],users:[]}),computed:{filteredCharacters(){if(!this.busqueda.name&&!this.busqueda.faceClaim)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
|
+
Vue.component("directorio-personajes",{data:()=>({loading:!0,config:forumConfig,busqueda:{name:"",faceClaim:"",user:-1},characters:[],users:[]}),computed:{filteredCharacters(){if(!this.busqueda.name&&!this.busqueda.faceClaim&&-1===this.busqueda.user)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)&&s.fields.usuario.content===this.busqueda.user)},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.all(e.map(e=>FNR.user.getProfile(e.id.replace("/u",""),.25)));this.characters=a,this.loading=!1}},created(){this.obtainCharacters()},mounted(){document.title="Directorio de Personajes"},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 de personaje">\n </div>\n </div>\n </li>\n <li>\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>\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">\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 </ul>\n \t\t<div id="usereply-comand">\n <button class="button2 btn-main" @click="busqueda.name = \'\'; busqueda.faceClaim = \'\'; busqueda.user = -1;">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 config.profileUser.directoryFields" :key="field" class="memberlist-field">\n <strong>{{ character.fields[field].name }}:</strong> {{ character.fields[field].content }}\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 '});
|