generic-skin 5.0.26 → 5.0.28
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.
|
@@ -3,6 +3,7 @@ Vue.component('directorio-personajes', {
|
|
|
3
3
|
return {
|
|
4
4
|
loading: true,
|
|
5
5
|
config: forumConfig,
|
|
6
|
+
logged: _userdata.groupcolor !== '',
|
|
6
7
|
busqueda: {
|
|
7
8
|
name: '',
|
|
8
9
|
faceClaim: '',
|
|
@@ -14,6 +15,15 @@ Vue.component('directorio-personajes', {
|
|
|
14
15
|
}
|
|
15
16
|
},
|
|
16
17
|
computed: {
|
|
18
|
+
directoryFields() {
|
|
19
|
+
const fields = this.config.profileUser.directoryFields;
|
|
20
|
+
|
|
21
|
+
if (this.logged) {
|
|
22
|
+
fields.unshift('usuario');
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
return fields;
|
|
26
|
+
},
|
|
17
27
|
filteredCharacters() {
|
|
18
28
|
if (!this.busqueda.name && !this.busqueda.faceClaim && this.busqueda.user === -1 && this.busqueda.group === -1) {
|
|
19
29
|
return this.characters;
|
|
@@ -81,8 +91,10 @@ Vue.component('directorio-personajes', {
|
|
|
81
91
|
this.busqueda.group = url.searchParams.get('group');
|
|
82
92
|
}
|
|
83
93
|
|
|
84
|
-
if (url.searchParams.has('user')) {
|
|
94
|
+
if (url.searchParams.has('user') && this.logged) {
|
|
85
95
|
this.busqueda.user = url.searchParams.get('user');
|
|
96
|
+
} else if (url.searchParams.has('user')) {
|
|
97
|
+
this.updateParams('user');
|
|
86
98
|
}
|
|
87
99
|
},
|
|
88
100
|
updated() {
|
|
@@ -112,7 +124,7 @@ Vue.component('directorio-personajes', {
|
|
|
112
124
|
</div>
|
|
113
125
|
</div>
|
|
114
126
|
</li>
|
|
115
|
-
<li class="field-element field-usuario">
|
|
127
|
+
<li v-if="logged" class="field-element field-usuario">
|
|
116
128
|
<div class="forum-field">
|
|
117
129
|
<div class="field-name">Usuario</div>
|
|
118
130
|
<div class="field-content">
|
|
@@ -161,7 +173,7 @@ Vue.component('directorio-personajes', {
|
|
|
161
173
|
</div>
|
|
162
174
|
<img :src="character.avatar" :alt="'Avatar de «' + character.name + '»'" class="memberlist-avatar">
|
|
163
175
|
<ul class="memberlist-fields">
|
|
164
|
-
<li v-for="field in
|
|
176
|
+
<li v-for="field in directoryFields" :key="field" :class="'memberlist-field field-' + genSlug(character.fields[field].name)">
|
|
165
177
|
<strong>{{ character.fields[field].name }}:</strong> {{ character.fields[field].content }}
|
|
166
178
|
</li>
|
|
167
179
|
</ul>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Vue.component("directorio-personajes",{data:()=>({loading:!0,config:forumConfig,busqueda:{name:"",faceClaim:"",user:-1,group:-1},characters:[],users:[]}),computed:{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")&&
|
|
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 de personaje">\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 }}\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 '});
|