generic-skin 2.6.41 → 2.9.56

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.
@@ -1,5 +1,5 @@
1
1
  Vue.component('panel-control', {
2
- props: ['dataElements'],
2
+ props: ['elements'],
3
3
  data() {
4
4
  return {
5
5
  userId: _userdata.user_id,
@@ -66,7 +66,7 @@ Vue.component('panel-control', {
66
66
  }
67
67
  },
68
68
  created() {
69
- FNR.user.profile.getData(JSON.parse(this.dataElements.replace(/'/g, '"'))).then((r) => {
69
+ FNR.user.profile.getData(JSON.parse(this.elements.replace(/'/g, '"'))).then((r) => {
70
70
  this.content.original = JSON.parse(JSON.stringify(r));
71
71
  this.content.current = r;
72
72
  this.state.page = 1;
@@ -78,12 +78,11 @@ Vue.component('panel-control', {
78
78
  <h2>Editar perfil</h2>
79
79
  <hr />
80
80
  <p>En esta página podrás editar tu perfil de usuario. En caso de que quieras editar tu contraseña, por favor dirígete a <a target="_blank" title="Ir a «Cambiar contraseña»" :href="'/profile?change_password=Cambiar+tu+contraseña&mode=editprofile&page_profil=informations&user_id=' + userId">este enlace</a>.</p>
81
- <p>Si estás experimentando problemas con el foro, pulsa <a title="Reiniciar cache" onclick="localStorage.clear(); window.location.replace('/')">este otro</a>. Puede que los solucione.</p>
82
81
  <p>Ante cualquier duda o problema, contacta con la administración.</p>
83
82
  </div>
84
83
  <separador-foro />
85
84
  <template v-if="state.page === 0">
86
- <cargando-foro data-text="Cargando utilidad…"></cargando-foro>
85
+ <cargando-foro text="Cargando utilidad…"></cargando-foro>
87
86
  </template>
88
87
  <template v-else-if="state.page === 1">
89
88
  <aviso-foro v-show="validationPanel !== ''">
@@ -91,7 +90,7 @@ Vue.component('panel-control', {
91
90
  </aviso-foro>
92
91
  <ul class="forum-fieldlist no-style">
93
92
  <li v-for="item in content.current">
94
- <campo-foro :data-name="item.name">
93
+ <campo-foro :name="item.name">
95
94
  <input v-model="item.value" v-if="item.type === 'input' || item.type === 'avatar'" type="text"/>
96
95
  <textarea v-model="item.value" v-else-if="item.type === 'textarea'"></textarea>
97
96
  <div v-else-if="item.type === 'select'" class="select-container">
@@ -107,7 +106,7 @@ Vue.component('panel-control', {
107
106
  </div>
108
107
  </template>
109
108
  <template v-if="state.page === 2">
110
- <cargando-foro data-text="Actualizando información…"></cargando-foro>
109
+ <cargando-foro text="Actualizando información…"></cargando-foro>
111
110
  </template>
112
111
  </section>
113
112
  `
@@ -117,69 +116,200 @@ Vue.component('lista-bosquejos', {
117
116
  data() {
118
117
  return {
119
118
  state: {
120
- page: 0
119
+ page: 0,
121
120
  },
122
- drafts: {}
121
+ drafts: {
122
+ messages: {
123
+ page: 0,
124
+ loading: 0,
125
+ pages: [],
126
+ content: []
127
+ },
128
+ topics: {
129
+ page: 0,
130
+ loading: 0,
131
+ pages: [],
132
+ content: []
133
+ }
134
+ }
135
+ }
136
+ },
137
+ computed: {
138
+ sortedMessagesPages() {
139
+ return FNR.behaviour.genPagelist(this.drafts.messages.pages, this.drafts.messages.page);
140
+ },
141
+ sortedTopicsPages() {
142
+ return FNR.behaviour.genPagelist(this.drafts.topics.pages, this.drafts.topics.page);
123
143
  }
124
144
  },
145
+ methods: {
146
+ getPageMessages(id) {
147
+ this.drafts.messages.loading = 0;
148
+
149
+ FNR.user.drafts.messages.getDrafts(id).then((r) => {
150
+ this.drafts.messages.content = r;
151
+ this.drafts.messages.loading = 1;
152
+ this.state.page = 1;
153
+ });
154
+ },
155
+ getPageTopics(id) {
156
+ this.drafts.topics.loading = 0;
157
+
158
+ FNR.user.drafts.topics.getDrafts(id).then((r) => {
159
+ this.drafts.topics.content = r;
160
+ this.drafts.topics.loading = 1;
161
+ this.state.page = 1;
162
+ });
163
+ },
164
+ setPageMessages(id) {
165
+ this.drafts.messages.page = id;
166
+ this.getPageMessages(this.drafts.messages.pages[this.drafts.messages.page]);
167
+ },
168
+ setPageTopics(id) {
169
+ this.drafts.topics.page = id;
170
+ this.getPageMessages(this.drafts.topics.pages[this.drafts.topics.page]);
171
+ },
172
+ },
125
173
  created() {
126
- FNR.user.profile.drafts.getDrafts().then((r) => {
127
- this.state.page = 1;
128
- this.drafts = r;
174
+ Promise.all([FNR.user.drafts.messages.getPages(), FNR.user.drafts.topics.getPages()]).then((r) => {
175
+ if (r[0].items !== 0) {
176
+ this.drafts.messages.pages = r[0].pages;
177
+ this.getPageMessages(this.drafts.messages.pages[this.drafts.messages.page]);
178
+ }
179
+
180
+ if (r[1].items !== 0) {
181
+ this.drafts.topics.pages = r[1].pages;
182
+ this.getPageTopics(this.drafts.topics.pages[this.drafts.topics.page]);
183
+ }
184
+
185
+ if (r[0].items + r[1].items === 0) {
186
+ this.state.page = 1;
187
+ }
129
188
  });
130
189
  },
190
+ updated() {
191
+ FNR.behaviour.genControls();
192
+ },
131
193
  template: `
132
194
  <section class="wiki-content is-dramatic">
133
195
  <div class="is-content">
134
196
  <h2>Lista de Bosquejos</h2>
135
197
  <hr />
136
198
  <p>En esta página tienes tu lista de Bosquejos dividida entre mensajes y temas.</p>
137
- <p>No es una lista completa, tan solo muestra la primera página. Si deseas ver más bosquejos, aligera la lista publicándolos.</p>
138
199
  <p>Ante cualquier duda o problema, contacta con la administración.</p>
139
200
  </div>
140
201
  <separador-foro />
141
202
  <template v-if="state.page === 0">
142
- <cargando-foro data-text="Cargando utilidad…"></cargando-foro>
203
+ <cargando-foro text="Cargando utilidad…"></cargando-foro>
143
204
  </template>
144
205
  <template v-else-if="state.page === 1">
145
- <section id="forum-drafts" class="forum-topiclist">
146
- <div class="is-content mb-4">
147
- <h4>Mensajes</h4>
148
- </div>
149
- <lista-temas-cabecera data-elements="['Tema', 'Información']"></lista-temas-cabecera>
150
- <ul :class="'topiclist-topics no-style' + (!drafts.msgDrafts.length ? ' no-results': '')">
151
- <template v-if="!drafts.msgDrafts.length">
206
+ <div class="is-content mb-4">
207
+ <h4>Mensajes</h4>
208
+ </div>
209
+ <mando-foro id="upper-controls" app="true">
210
+ <template slot="pagination" v-if="drafts.messages.pages.length > 1">
211
+ <a class="page-action" title="Ir a la página anterior" v-if="drafts.messages.page > 0" @click="setPageMessages(drafts.messages.page -= 1)">
212
+ <i class="fas fa-chevron-left"></i>
213
+ </a>
214
+ <template v-for="page in sortedMessagesPages">
215
+ <strong v-if="drafts.messages.pages.indexOf(page) === drafts.messages.page">{{ drafts.messages.pages.indexOf(page) + 1 }}</strong>
216
+ <a class="page-link" :title="'Ir a la página «' + (drafts.messages.pages.indexOf(page) + 1) + '»'" v-else @click="setPageMessages(drafts.messages.pages.indexOf(page))">{{ drafts.messages.pages.indexOf(page) + 1 }}</a>
217
+ </template>
218
+ <a class="page-action" title="Ir a la página siguiente" v-if="(drafts.messages.page + 1) < drafts.messages.pages.length" @click="setPageMessages(drafts.messages.page += 1)">
219
+ <i class="fas fa-chevron-right"></i>
220
+ </a>
221
+ </template>
222
+ </mando-foro>
223
+ <section id="forum-drafts-messages" class="forum-topiclist">
224
+ <lista-temas-cabecera elements="['Tema', 'Información']"></lista-temas-cabecera>
225
+ <ul :class="'topiclist-topics no-style' + (!drafts.messages.content.length || drafts.messages.loading === 0 ? ' no-results': '')">
226
+ <template v-if="!drafts.messages.content.length">
227
+ <li class="is-not-topic is-not-lastpost">
228
+ <h6>No tienes bosquejos</h6>
229
+ </li>
230
+ </template>
231
+ <template v-else-if="drafts.messages.loading === 0">
152
232
  <li class="is-not-topic is-not-lastpost">
153
- <h6>No tienes bosquejos guardados</h6>
233
+ <cargando-foro text="Cargando temas…"></cargando-foro>
154
234
  </li>
155
235
  </template>
156
236
  <template v-else>
157
- <li class="row is-not-topic is-not-lastpost" v-for="draft in drafts.msgDrafts">
158
- <temas-foro data-type="draft" data-mode="" :data-url="draft.topic.url" :data-replies="draft.info.location" :data-views="draft.info.date" :data-quick="draft.modify">
237
+ <li class="row is-not-topic is-not-lastpost" v-for="draft in drafts.messages.content">
238
+ <temas-foro type="draft" mode="" :url="draft.topic.url" :replies="draft.info.location" :views="draft.info.date" :quick="draft.modify">
159
239
  <template slot="title">{{ draft.topic.name }}</template>
160
240
  </temas-foro>
161
241
  </li>
162
242
  </template>
163
243
  </ul>
164
- <div class="is-content mt-5 mb-4">
165
- <h4>Temas</h4>
166
- </div>
167
- <lista-temas-cabecera data-elements="['Tema', 'Información']"></lista-temas-cabecera>
168
- <ul :class="'topiclist-topics no-style' + (!drafts.topicDrafts.length ? ' no-results': '')">
169
- <template v-if="!drafts.topicDrafts.length">
244
+ </section>
245
+ <mando-foro id="lower-controls" app="true">
246
+ <template slot="pagination" v-if="drafts.messages.pages.length > 1">
247
+ <a class="page-action" title="Ir a la página anterior" v-if="drafts.messages.page > 0" @click="setPageMessages(drafts.messages.page -= 1)">
248
+ <i class="fas fa-chevron-left"></i>
249
+ </a>
250
+ <template v-for="page in sortedMessagesPages">
251
+ <strong v-if="drafts.messages.pages.indexOf(page) === drafts.messages.page">{{ drafts.messages.pages.indexOf(page) + 1 }}</strong>
252
+ <a class="page-link" :title="'Ir a la página «' + (drafts.messages.pages.indexOf(page) + 1) + '»'" v-else @click="setPageMessages(drafts.messages.pages.indexOf(page))">{{ drafts.messages.pages.indexOf(page) + 1 }}</a>
253
+ </template>
254
+ <a class="page-action" title="Ir a la página siguiente" v-if="(drafts.messages.page + 1) < drafts.messages.pages.length" @click="setPageMessages(drafts.messages.page += 1)">
255
+ <i class="fas fa-chevron-right"></i>
256
+ </a>
257
+ </template>
258
+ </mando-foro>
259
+ <separador-foro></separador-foro>
260
+ <div class="is-content mb-4">
261
+ <h4>Temas</h4>
262
+ </div>
263
+ <mando-foro id="upper-controls" app="true">
264
+ <template slot="pagination" v-if="drafts.topics.pages.length > 1">
265
+ <a class="page-action" title="Ir a la página anterior" v-if="drafts.topics.page > 0" @click="setPageTopics(drafts.topics.page -= 1)">
266
+ <i class="fas fa-chevron-left"></i>
267
+ </a>
268
+ <template v-for="page in sortedTopicsPages">
269
+ <strong v-if="drafts.topics.pages.indexOf(page) === drafts.topics.page">{{ drafts.topics.pages.indexOf(page) + 1 }}</strong>
270
+ <a class="page-link" :title="'Ir a la página «' + (drafts.topics.pages.indexOf(page) + 1) + '»'" v-else @click="setPageTopics(drafts.topics.pages.indexOf(page))">{{ drafts.topics.pages.indexOf(page) + 1 }}</a>
271
+ </template>
272
+ <a class="page-action" title="Ir a la página siguiente" v-if="(drafts.topics.page + 1) < drafts.topics.pages.length" @click="setPageTopics(drafts.topics.page += 1)">
273
+ <i class="fas fa-chevron-right"></i>
274
+ </a>
275
+ </template>
276
+ </mando-foro>
277
+ <section id="forum-drafts-messages" class="forum-topiclist">
278
+ <lista-temas-cabecera elements="['Tema', 'Información']"></lista-temas-cabecera>
279
+ <ul :class="'topiclist-topics no-style' + (!drafts.topics.content.length || drafts.topics.loading === 0 ? ' no-results': '')">
280
+ <template v-if="!drafts.topics.content.length">
281
+ <li class="is-not-topic is-not-lastpost">
282
+ <h6>No tienes bosquejos</h6>
283
+ </li>
284
+ </template>
285
+ <template v-else-if="drafts.topics.loading === 0">
170
286
  <li class="is-not-topic is-not-lastpost">
171
- <h6>No tienes bosquejos guardados</h6>
287
+ <cargando-foro text="Cargando temas…"></cargando-foro>
172
288
  </li>
173
289
  </template>
174
290
  <template v-else>
175
- <li class="row is-not-topic is-not-lastpost" v-for="draft in drafts.topicDrafts">
176
- <temas-foro data-type="draft" data-mode="" :data-url="draft.topic.url" :data-replies="draft.info.location" :data-views="draft.info.date" :data-quick="draft.modify">
291
+ <li class="row is-not-topic is-not-lastpost" v-for="draft in drafts.topics.content">
292
+ <temas-foro type="draft" mode="" :url="draft.topic.url" :replies="draft.info.location" :views="draft.info.date" :quick="draft.modify">
177
293
  <template slot="title">{{ draft.topic.name }}</template>
178
294
  </temas-foro>
179
295
  </li>
180
296
  </template>
181
297
  </ul>
182
298
  </section>
299
+ <mando-foro id="lower-controls" app="true">
300
+ <template slot="pagination" v-if="drafts.topics.pages.length > 1">
301
+ <a class="page-action" title="Ir a la página anterior" v-if="drafts.topics.page > 0" @click="setPageTopics(drafts.topics.page -= 1)">
302
+ <i class="fas fa-chevron-left"></i>
303
+ </a>
304
+ <template v-for="page in sortedTopicsPages">
305
+ <strong v-if="drafts.topics.pages.indexOf(page) === drafts.topics.page">{{ drafts.topics.pages.indexOf(page) + 1 }}</strong>
306
+ <a class="page-link" :title="'Ir a la página «' + (drafts.topics.pages.indexOf(page) + 1) + '»'" v-else @click="setPageTopics(drafts.topics.pages.indexOf(page))">{{ drafts.topics.pages.indexOf(page) + 1 }}</a>
307
+ </template>
308
+ <a class="page-action" title="Ir a la página siguiente" v-if="(drafts.topics.page + 1) < drafts.topics.pages.length" @click="setPageTopics(drafts.topics.page += 1)">
309
+ <i class="fas fa-chevron-right"></i>
310
+ </a>
311
+ </template>
312
+ </mando-foro>
183
313
  </template>
184
314
  </section>
185
315
  `
@@ -202,66 +332,14 @@ Vue.component('lista-seguidos', {
202
332
  },
203
333
  computed: {
204
334
  sortedPages() {
205
- const totalPages = this.followed.pages;
206
- const currentPage = this.followed.page;
207
-
208
- if (totalPages.length < 5) {
209
- return totalPages;
210
- }
211
-
212
- switch (currentPage) {
213
- case 0:
214
- return [
215
- totalPages[currentPage],
216
- totalPages[currentPage + 1],
217
- totalPages[currentPage + 2],
218
- totalPages[currentPage + 3],
219
- totalPages[currentPage + 4]
220
- ];
221
-
222
- case 1:
223
- return [
224
- totalPages[currentPage - 1],
225
- totalPages[currentPage],
226
- totalPages[currentPage + 1],
227
- totalPages[currentPage + 2],
228
- totalPages[currentPage + 3]
229
- ];
230
-
231
- case currentPages.length - 1:
232
- return [
233
- totalPages[currentPage - 4],
234
- totalPages[currentPage - 3],
235
- totalPages[currentPage - 2],
236
- totalPages[currentPage - 1],
237
- totalPages[currentPage]
238
- ];
239
-
240
- case currentPages.length - 2:
241
- return [
242
- totalPages[currentPage - 3],
243
- totalPages[currentPage - 2],
244
- totalPages[currentPage - 1],
245
- totalPages[currentPage],
246
- totalPages[currentPage + 1]
247
- ];
248
-
249
- default:
250
- return [
251
- totalPages[currentPage - 2],
252
- totalPages[currentPage - 1],
253
- totalPages[currentPage],
254
- totalPages[currentPage + 1],
255
- totalPages[currentPage + 2]
256
- ];
257
- }
335
+ return FNR.behaviour.genPagelist(this.followed.pages, this.followed.page);
258
336
  }
259
337
  },
260
338
  methods: {
261
339
  getPage(id) {
262
340
  this.followed.loading = 0;
263
341
 
264
- FNR.user.profile.followed.getFollowed(id).then((r) => {
342
+ FNR.user.followed.getFollowed(id).then((r) => {
265
343
  this.followed.content = r;
266
344
  this.followed.loading = 1;
267
345
  this.state.page = 1;
@@ -279,11 +357,21 @@ Vue.component('lista-seguidos', {
279
357
  } else {
280
358
  this.state.selected.splice(positionId, 1);
281
359
  }
360
+ },
361
+ delTopics() {
362
+ FNR.user.followed.delFollowed(this.state.selected).then((r) => {
363
+ if (r) {
364
+ window.location.reload();
365
+ } else {
366
+ FNR.html.genNotification('Atención', 'Hubo un problema al retirar. Inténtalo de nuevo.', 'fas fa-exclamation');
367
+ }
368
+ });
282
369
  }
283
370
  },
284
371
  created() {
285
- FNR.user.profile.followed.getPages().then((r) => {
372
+ FNR.user.followed.getPages().then((r) => {
286
373
  if (r.items === 0) {
374
+ this.state.page = 1;
287
375
  return;
288
376
  }
289
377
 
@@ -291,6 +379,9 @@ Vue.component('lista-seguidos', {
291
379
  this.getPage(this.followed.pages[this.followed.page]);
292
380
  });
293
381
  },
382
+ updated() {
383
+ FNR.behaviour.genControls();
384
+ },
294
385
  template: `
295
386
  <section class="wiki-content is-dramatic">
296
387
  <div class="is-content">
@@ -301,10 +392,10 @@ Vue.component('lista-seguidos', {
301
392
  </div>
302
393
  <separador-foro />
303
394
  <template v-if="state.page === 0">
304
- <cargando-foro data-text="Cargando utilidad…"></cargando-foro>
395
+ <cargando-foro text="Cargando utilidad…"></cargando-foro>
305
396
  </template>
306
397
  <template v-else-if="state.page === 1">
307
- <mando-foro data-id="upper-controls" data-app="true">
398
+ <mando-foro id="upper-controls" app="true">
308
399
  <template slot="pagination" v-if="followed.pages.length > 1">
309
400
  <a class="page-action" title="Ir a la página anterior" v-if="followed.page > 0" @click="setPage(followed.page -= 1)">
310
401
  <i class="fas fa-chevron-left"></i>
@@ -318,13 +409,13 @@ Vue.component('lista-seguidos', {
318
409
  </a>
319
410
  </template>
320
411
  <template slot="controls">
321
- <li @click="setPage(followed.page -= 1)">
322
- <boton-foro data-url="#" data-name="Retirar" data-icon="fas fa-minus"></boton-foro>
412
+ <li v-if="followed.content.length" @click="delTopics()">
413
+ <boton-foro url="javascript:{}" name="Retirar" icon="fas fa-minus"></boton-foro>
323
414
  </li>
324
415
  </template>
325
416
  </mando-foro>
326
- <section id="forum-drafts" class="forum-topiclist">
327
- <lista-temas-cabecera data-elements="['Tema', 'Información']"></lista-temas-cabecera>
417
+ <section id="forum-followed" class="forum-topiclist">
418
+ <lista-temas-cabecera elements="['Tema', 'Información']"></lista-temas-cabecera>
328
419
  <ul :class="'topiclist-topics no-style' + (!followed.content.length || followed.loading === 0 ? ' no-results': '')">
329
420
  <template v-if="!followed.content.length">
330
421
  <li class="is-not-topic is-not-lastpost">
@@ -333,15 +424,15 @@ Vue.component('lista-seguidos', {
333
424
  </template>
334
425
  <template v-else-if="followed.loading === 0">
335
426
  <li class="is-not-topic is-not-lastpost">
336
- <cargando-foro data-text="Cargando temas…"></cargando-foro>
427
+ <cargando-foro text="Cargando temas…"></cargando-foro>
337
428
  </li>
338
429
  </template>
339
430
  <template v-else>
340
- <li class="row is-not-topic is-not-lastpost" v-for="topic in followed.content" :key="topic.id">
341
- <temas-foro data-type="followed" data-mode="" :data-url="topic.url" :data-replies="topic.replies + ' respuestas'" :data-views="topic.views + ' visitas'">
431
+ <li :class="'row is-not-topic is-not-lastpost ' + topic.type" v-for="topic in followed.content" :key="topic.id">
432
+ <temas-foro type="followed" mode="" :url="topic.url" :replies="topic.replies + ' respuestas'" :views="topic.views + ' visitas'">
342
433
  <template slot="title">{{ topic.name }}</template>
343
434
  <template slot="radio">
344
- <div :class="'forum-checkbox' + state.selected.indexOf(topic.id) === -1 ? '' : 'is-active'">
435
+ <div :class="'forum-checkbox' + (state.selected.indexOf(topic.id) === -1 ? '' : ' is-active')">
345
436
  <div class="checkbox-content" @click="setTopic(topic.id)">
346
437
  <div class="checkbox-click">
347
438
  <i class="fas fa-check"></i>
@@ -354,7 +445,7 @@ Vue.component('lista-seguidos', {
354
445
  </template>
355
446
  </ul>
356
447
  </section>
357
- <mando-foro data-id="lower-controls" data-app="true">
448
+ <mando-foro id="lower-controls" app="true">
358
449
  <template slot="pagination" v-if="followed.pages.length > 1">
359
450
  <a class="page-action" title="Ir a la página anterior" v-if="followed.page > 0" @click="setPage(followed.page -= 1)">
360
451
  <i class="fas fa-chevron-left"></i>
@@ -368,8 +459,8 @@ Vue.component('lista-seguidos', {
368
459
  </a>
369
460
  </template>
370
461
  <template slot="controls">
371
- <li @click="setPage(followed.page -= 1)">
372
- <boton-foro data-url="#" data-name="Retirar" data-icon="fas fa-minus"></boton-foro>
462
+ <li v-if="followed.content.length" @click="delTopics()">
463
+ <boton-foro url="javascript:{}" name="Retirar" icon="fas fa-minus"></boton-foro>
373
464
  </li>
374
465
  </template>
375
466
  </mando-foro>
@@ -640,7 +731,7 @@ Vue.component('editor-foro', {
640
731
  param = 'p';
641
732
  }
642
733
 
643
- FNR.user.profile.drafts.delDrafts(type, [urlParams.get(param)]).then((r) => {
734
+ FNR.user.drafts.delDrafts(type, [urlParams.get(param)]).then((r) => {
644
735
  if (r) {
645
736
  window.location.replace(`${window.location.protocol}//${window.location.host}${forumConfig.usableDirections.ucp}#/bosquejos`)
646
737
  } else {
@@ -1055,7 +1146,7 @@ Vue.component('editor-foro', {
1055
1146
  template: `
1056
1147
  <div id="forum-usereply">
1057
1148
  <template v-if="state.page === 0">
1058
- <cargando-foro data-text="Cargando utilidad…"></cargando-foro>
1149
+ <cargando-foro text="Cargando utilidad…"></cargando-foro>
1059
1150
  </template>
1060
1151
  <template v-else-if="state.page === 1">
1061
1152
  <aviso-foro v-show="msgCheck.length">
@@ -1064,14 +1155,14 @@ Vue.component('editor-foro', {
1064
1155
  <ul id="usereply-extra" class="forum-fieldlist no-style" v-if="state.editor !== 'reply'">
1065
1156
  <template v-if="state.guest">
1066
1157
  <li>
1067
- <campo-foro data-name="Nombre de usuario">
1158
+ <campo-foro name="Nombre de usuario">
1068
1159
  <input type="text" v-model="content.username" placeholder="Escribe tu nombre de usuario." />
1069
1160
  </campo-foro>
1070
1161
  </li>
1071
1162
  </template>
1072
1163
  <template v-if="state.editor === 'post'">
1073
1164
  <li>
1074
- <campo-foro data-name="Usuarios">
1165
+ <campo-foro name="Usuarios">
1075
1166
  <div class="character-selector">
1076
1167
  <input type="text" v-model="users.current" placeholder="Escribe el nombre de un usuario." :disabled="groups.type !== -1" />
1077
1168
  <ul class="no-style selector-list" v-if="users.selector && sortedCharacters.length > 0">
@@ -1087,7 +1178,7 @@ Vue.component('editor-foro', {
1087
1178
  <template v-if="state.admin">
1088
1179
  <template v-if="state.editor === 'post'">
1089
1180
  <li>
1090
- <campo-foro data-name="Grupo">
1181
+ <campo-foro name="Grupo">
1091
1182
  <div class="select-container">
1092
1183
  <select v-model="groups.type" @change="changeGroup()" :disabled="users.selected.length !== 0">
1093
1184
  <option value="-1" hidden>Selecciona un grupo.</option>
@@ -1099,7 +1190,7 @@ Vue.component('editor-foro', {
1099
1190
  </template>
1100
1191
  <template v-else-if="content.type !== -1 && (state.editor === 'newtopic' || state.editor === 'edittopicdraft')">
1101
1192
  <li>
1102
- <campo-foro data-name="Tipo de tema">
1193
+ <campo-foro name="Tipo de tema">
1103
1194
  <div class="select-container">
1104
1195
  <select v-model="content.type">
1105
1196
  <option value="-1" hidden>Selecciona una opción.</option>
@@ -1112,7 +1203,7 @@ Vue.component('editor-foro', {
1112
1203
  </template>
1113
1204
  <template v-if="state.editor === 'newtopic' || state.editor === 'post' || state.editor === 'edittopicdraft'">
1114
1205
  <li>
1115
- <campo-foro data-name="Título">
1206
+ <campo-foro name="Título">
1116
1207
  <input type="text" v-model="content.subject" placeholder="Escribe el título." />
1117
1208
  </campo-foro>
1118
1209
  </li>