skin-dt-32 0.0.2 → 0.0.5
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.
- package/config/vueComponents.js +130 -50
- package/package.json +1 -1
- package/stylesheet.css +5 -3472
package/config/vueComponents.js
CHANGED
|
@@ -11,7 +11,7 @@ Vue.component('titulo-especial', {
|
|
|
11
11
|
}
|
|
12
12
|
},
|
|
13
13
|
template: `
|
|
14
|
-
<h3 class="is-tweakeable"><span class="is-measurable"
|
|
14
|
+
<h3 class="is-tweakeable"><span class="is-measurable" v-html="cleaned"></span><small v-html="cleaned"></small></h3>
|
|
15
15
|
`
|
|
16
16
|
});
|
|
17
17
|
|
|
@@ -24,7 +24,7 @@ Vue.component('cabecera-foro', {
|
|
|
24
24
|
},
|
|
25
25
|
template: `
|
|
26
26
|
<div class="forum-head regular-head">
|
|
27
|
-
<titulo-especial
|
|
27
|
+
<titulo-especial :data-title="dataTitle"></titulo-especial>
|
|
28
28
|
</div>
|
|
29
29
|
`
|
|
30
30
|
});
|
|
@@ -37,7 +37,7 @@ Vue.component('cabcategoria-foro', {
|
|
|
37
37
|
},
|
|
38
38
|
template: `
|
|
39
39
|
<div class="forum-head category-head">
|
|
40
|
-
<titulo-especial
|
|
40
|
+
<titulo-especial :data-title="dataTitle"></titulo-especial>
|
|
41
41
|
</div>
|
|
42
42
|
`
|
|
43
43
|
});
|
|
@@ -50,10 +50,7 @@ Vue.component('cabespecial-foro', {
|
|
|
50
50
|
},
|
|
51
51
|
template: `
|
|
52
52
|
<div class="forum-head special-head">
|
|
53
|
-
<titulo-especial
|
|
54
|
-
<nav id="forum-breadcrumb" class="breadcrumb has-succeeds-separator left" aria-label="breadcrumbs">
|
|
55
|
-
<ul></ul>
|
|
56
|
-
</nav>
|
|
53
|
+
<titulo-especial :data-title="dataTitle"></titulo-especial>
|
|
57
54
|
</div>
|
|
58
55
|
`
|
|
59
56
|
});
|
|
@@ -64,6 +61,7 @@ Vue.component('controles-foro', {
|
|
|
64
61
|
forumName: forumData.name,
|
|
65
62
|
maPage: 0,
|
|
66
63
|
userName: _userdata.username,
|
|
64
|
+
userAvatar: _userdata.avatar.split('src="')[1].split('"')[0],
|
|
67
65
|
userLevel: _userdata.user_level,
|
|
68
66
|
userId: _userdata.user_id,
|
|
69
67
|
userLog: _userdata.session_logged_in,
|
|
@@ -94,22 +92,11 @@ Vue.component('controles-foro', {
|
|
|
94
92
|
template: `
|
|
95
93
|
<div class="main-body">
|
|
96
94
|
<div class="left">
|
|
97
|
-
<
|
|
95
|
+
<img :src="userAvatar" />
|
|
96
|
+
<a href="/" :title="'Ir al índice de «' + forumName + '»'">{{ forumName }}</a>
|
|
98
97
|
</div>
|
|
99
98
|
<nav class="right">
|
|
100
|
-
<
|
|
101
|
-
<navbar-foro v-bind:data-username="userName" v-bind:data-userlevel="userLevel" v-bind:data-userid="userId" v-bind:data-userlog="userLog" v-bind:data-usermp="userMP" v-bind:data-userout="userOut" />
|
|
102
|
-
</section>
|
|
103
|
-
<section id="forum-navbar-mobile" class="is-hidden-desktop">
|
|
104
|
-
<div id="hmg-button" v-on:click="turnActive()" class="is-pointer">
|
|
105
|
-
<i class="fas fa-bars"></i>
|
|
106
|
-
</div>
|
|
107
|
-
<div id="hmg-menu" v-bind:class="isActiveClass">
|
|
108
|
-
<h3>{{ userName | just-name }}<i class="fas fa-times is-pointer" v-on:click="turnActive()"></i></h3>
|
|
109
|
-
<navbar-foro v-bind:data-username="userName" v-bind:data-userlevel="userLevel" v-bind:data-userid="userId" v-bind:data-userlog="userLog" v-bind:data-usermp="userMP" v-bind:data-userout="userOut" />
|
|
110
|
-
</div>
|
|
111
|
-
<div class="bg-active" v-on:click="turnActive()"></div>
|
|
112
|
-
</section>
|
|
99
|
+
<navbar-foro :data-username="userName" :data-userlevel="userLevel" :data-userid="userId" :data-userlog="userLog" :data-usermp="userMP" :data-userout="userOut" />
|
|
113
100
|
<section v-if="maPage === 1" id="multiaccount-transition">
|
|
114
101
|
<cargando-foro data-text="Cambiando de cuenta…"></cargando-foro>
|
|
115
102
|
</section>
|
|
@@ -118,6 +105,96 @@ Vue.component('controles-foro', {
|
|
|
118
105
|
`
|
|
119
106
|
});
|
|
120
107
|
|
|
108
|
+
Vue.component('navbar-foro', {
|
|
109
|
+
props: ['dataUsername', 'dataUserlevel', 'dataUserid', 'dataUserlog', 'dataUsermp', 'dataUserout'],
|
|
110
|
+
data: function () {
|
|
111
|
+
return {
|
|
112
|
+
profileName: forumConfig.profileOptions.profileName || 'perfil',
|
|
113
|
+
items: forumContent.navbar,
|
|
114
|
+
directions: forumConfig.usableDirections
|
|
115
|
+
}
|
|
116
|
+
},
|
|
117
|
+
computed: {
|
|
118
|
+
isStatusClass: function () {
|
|
119
|
+
return ((this.dataUserlog === 1) ? 'is-logged' : 'is-unlogged') + ((this.dataUserlevel === 1) ? ' is-admin' : ' is-user')
|
|
120
|
+
},
|
|
121
|
+
mpText: function () {
|
|
122
|
+
return 'Mensajería' + ((this.dataUsermp !== 0) ? ' (' + this.dataUsermp + ')' : '')
|
|
123
|
+
},
|
|
124
|
+
links: function () {
|
|
125
|
+
return forumContent.links.filter((item) => {
|
|
126
|
+
return item.icon !== undefined;
|
|
127
|
+
});
|
|
128
|
+
}
|
|
129
|
+
},
|
|
130
|
+
template: `
|
|
131
|
+
<ul :class="isStatusClass">
|
|
132
|
+
<template v-if="!dataUserlog">
|
|
133
|
+
<li class="navbar-item">
|
|
134
|
+
<a href="/register" title="Registrarse en el foro">
|
|
135
|
+
<div class="icon">
|
|
136
|
+
<i class="fas fa-user-plus"></i>
|
|
137
|
+
</div>
|
|
138
|
+
<div class="text">Registrarse</div>
|
|
139
|
+
</a>
|
|
140
|
+
</li>
|
|
141
|
+
<li class="navbar-item">
|
|
142
|
+
<a href="/login" title="Iniciar sesión en el foro">
|
|
143
|
+
<div class="icon">
|
|
144
|
+
<i class="fas fa-sign-in-alt"></i>
|
|
145
|
+
</div>
|
|
146
|
+
<div class="text">Conectarse</div>
|
|
147
|
+
</a>
|
|
148
|
+
</li>
|
|
149
|
+
</template>
|
|
150
|
+
<template v-else>
|
|
151
|
+
<li class="navbar-item is-hidden-desktop" v-for="link in links">
|
|
152
|
+
<a :href="link.url" :title="'Ir a «' + link.name + '»'">
|
|
153
|
+
<div class="icon">
|
|
154
|
+
<i :class="link.icon"></i>
|
|
155
|
+
</div>
|
|
156
|
+
<div class="text">{{ link.name }}</div>
|
|
157
|
+
</a>
|
|
158
|
+
</li>
|
|
159
|
+
<li class="navbar-item" v-for="item in items">
|
|
160
|
+
<a :href="item.url" :title="'Ir a «' + item.name + '»'">
|
|
161
|
+
<div class="icon">
|
|
162
|
+
<i :class="item.icon"></i>
|
|
163
|
+
</div>
|
|
164
|
+
<div class="text">{{ item.name }}</div>
|
|
165
|
+
</a>
|
|
166
|
+
</li>
|
|
167
|
+
<li class="navbar-item">
|
|
168
|
+
<a href="/privmsg?folder=inbox" title="Ir a tu mensajería privada">
|
|
169
|
+
<div class="icon">
|
|
170
|
+
<i class="fas fa-envelope"></i>
|
|
171
|
+
</div>
|
|
172
|
+
<div class="text">{{ mpText }}</div>
|
|
173
|
+
</a>
|
|
174
|
+
</li>
|
|
175
|
+
<template v-if="dataUserlevel === 1">
|
|
176
|
+
<li class="navbar-item">
|
|
177
|
+
<a href="/admin" target="_blank" title="Ir al «Panel de Administrador»">
|
|
178
|
+
<div class="icon">
|
|
179
|
+
<i class="fas fa-cogs"></i>
|
|
180
|
+
</div>
|
|
181
|
+
<div class="text">Panel Administrador</div>
|
|
182
|
+
</a>
|
|
183
|
+
</li>
|
|
184
|
+
</template>
|
|
185
|
+
<li class="navbar-item">
|
|
186
|
+
<a :href="dataUserout">
|
|
187
|
+
<div class="icon">
|
|
188
|
+
<i class="fas fa-sign-out-alt"></i>
|
|
189
|
+
</div>
|
|
190
|
+
<div class="text">Cerrar sesión</div>
|
|
191
|
+
</a>
|
|
192
|
+
</li>
|
|
193
|
+
</template>
|
|
194
|
+
</ul>
|
|
195
|
+
`
|
|
196
|
+
});
|
|
197
|
+
|
|
121
198
|
Vue.component('header-foro', {
|
|
122
199
|
props: ['dataSitename'],
|
|
123
200
|
data: function () {
|
|
@@ -128,7 +205,7 @@ Vue.component('header-foro', {
|
|
|
128
205
|
template: `
|
|
129
206
|
<section id="page-header" class="main-body">
|
|
130
207
|
<div class="msg-element">
|
|
131
|
-
<a href="/"
|
|
208
|
+
<a href="/" :title="'Ir al índice de «' + dataSitename + '»'" id="forum-logo">
|
|
132
209
|
<slot name="logo"></slot>
|
|
133
210
|
</a>
|
|
134
211
|
<links-ayuda></links-ayuda>
|
|
@@ -157,7 +234,7 @@ Vue.component('foro-foro', {
|
|
|
157
234
|
},
|
|
158
235
|
template: `
|
|
159
236
|
<section class="forum-forum">
|
|
160
|
-
<a class="forum-header is-tweakeable"
|
|
237
|
+
<a class="forum-header is-tweakeable" :href="dataUrl" :title="'Ir al subforo «' + dataName + '»'">
|
|
161
238
|
<span class="is-measurable">{{ dataName }}</span>
|
|
162
239
|
</a>
|
|
163
240
|
<div class="forum-info">
|
|
@@ -172,7 +249,7 @@ Vue.component('foro-foro', {
|
|
|
172
249
|
</div>
|
|
173
250
|
<div class="forum-last">
|
|
174
251
|
<template v-if="dataLasturl.length">
|
|
175
|
-
<div class="lastpost-content"><a
|
|
252
|
+
<div class="lastpost-content"><a :href="dataLasturl" :title="'Último mensaje en el tema «' + dataLastname + '» por '" class="lastpost-link">{{ dataLastname }}</a> por <slot name="last-who"></slot>, <slot name="last-date"></slot></div>
|
|
176
253
|
</template>
|
|
177
254
|
<template v-else>Este subforo no tiene mensajes</template>
|
|
178
255
|
</div>
|
|
@@ -228,13 +305,13 @@ Vue.component('temas-foro', {
|
|
|
228
305
|
}
|
|
229
306
|
},
|
|
230
307
|
template: `
|
|
231
|
-
<div
|
|
308
|
+
<div :class="currentClass">
|
|
232
309
|
<template v-if="currentType === 'draft'">
|
|
233
310
|
<div class="topic-inner">
|
|
234
311
|
<div class="topic-main">
|
|
235
312
|
<div class="topic-icon"></div>
|
|
236
313
|
<div class="topic-title">
|
|
237
|
-
<a
|
|
314
|
+
<a :href="dataUrl" :title="'Ir al tema «' + dataTitle + '»'">
|
|
238
315
|
<h3>
|
|
239
316
|
<span>{{ dataTitle }}</span>
|
|
240
317
|
</h3>
|
|
@@ -246,7 +323,7 @@ Vue.component('temas-foro', {
|
|
|
246
323
|
<span>{{ dataViews }}</span>
|
|
247
324
|
</div>
|
|
248
325
|
</div>
|
|
249
|
-
<a class="topic-lastpost"
|
|
326
|
+
<a class="topic-lastpost" :href="dataQuick" :title="'Ir al bosquejo «' + dataTitle + '»'">
|
|
250
327
|
<i class="fas fa-pencil-alt"></i>
|
|
251
328
|
</a>
|
|
252
329
|
</template>
|
|
@@ -255,7 +332,7 @@ Vue.component('temas-foro', {
|
|
|
255
332
|
<div class="topic-main">
|
|
256
333
|
<div class="topic-icon"></div>
|
|
257
334
|
<div class="topic-title">
|
|
258
|
-
<a
|
|
335
|
+
<a :href="dataUrl" :title="'Ir al mensaje privado «' + dataTitle + '»'">
|
|
259
336
|
<h3>
|
|
260
337
|
<span>{{ dataTitle }}</span>
|
|
261
338
|
</h3>
|
|
@@ -286,7 +363,7 @@ Vue.component('temas-foro', {
|
|
|
286
363
|
<div class="topic-main">
|
|
287
364
|
<div class="topic-icon"></div>
|
|
288
365
|
<div class="topic-title">
|
|
289
|
-
<a
|
|
366
|
+
<a :href="dataUrl" :title="'Ir al tema «' + dataTitle + '»'">
|
|
290
367
|
<h3>
|
|
291
368
|
<span>{{ dataTitle }}</span>
|
|
292
369
|
</h3>
|
|
@@ -317,7 +394,7 @@ Vue.component('temas-foro', {
|
|
|
317
394
|
<div class="topic-main">
|
|
318
395
|
<div class="topic-icon"></div>
|
|
319
396
|
<div class="topic-title">
|
|
320
|
-
<a
|
|
397
|
+
<a :href="dataUrl" :title="'Separar tema «' + dataTitle + '»'">
|
|
321
398
|
<h3>
|
|
322
399
|
<span>{{ dataTitle }}</span>
|
|
323
400
|
</h3>
|
|
@@ -348,7 +425,7 @@ Vue.component('temas-foro', {
|
|
|
348
425
|
<div class="topic-main">
|
|
349
426
|
<div class="topic-icon"></div>
|
|
350
427
|
<div class="topic-title">
|
|
351
|
-
<a
|
|
428
|
+
<a :href="dataUrl" :title="'Ir al tema «' + dataTitle + '»'">
|
|
352
429
|
<h3>
|
|
353
430
|
<span v-if="!currentMode.length">{{ dataTitle }}</span>
|
|
354
431
|
<span v-else>{{ currentMode }}: {{ dataTitle }}</span>
|
|
@@ -397,10 +474,10 @@ Vue.component('mensaje-foro', {
|
|
|
397
474
|
}
|
|
398
475
|
},
|
|
399
476
|
template: `
|
|
400
|
-
<section
|
|
401
|
-
<a
|
|
477
|
+
<section :id="slugId" :class="currentClass">
|
|
478
|
+
<a :id="dataId" class="page-anchor" />
|
|
402
479
|
<div class="post-header">
|
|
403
|
-
<a
|
|
480
|
+
<a :href="'#' + dataId" title="Enlace permanente" class="post-permalink">
|
|
404
481
|
<i class="fas fa-link"></i>
|
|
405
482
|
</a>
|
|
406
483
|
<div class="post-info">
|
|
@@ -453,24 +530,24 @@ Vue.component('memberitem-foro', {
|
|
|
453
530
|
}
|
|
454
531
|
},
|
|
455
532
|
template: `
|
|
456
|
-
<div
|
|
533
|
+
<div :class="'memberitem-element ' + group">
|
|
457
534
|
<template v-if="profileType">
|
|
458
535
|
<div class="memberlist-avatar">
|
|
459
|
-
<a
|
|
460
|
-
<img
|
|
536
|
+
<a :href="url" target="_blank" :title="'Ir al ' + profileName + ' de «' + name + '»'">
|
|
537
|
+
<img :src="avatar" :alt="'Avatar de «' + name + '»'" />
|
|
461
538
|
</a>
|
|
462
539
|
</div>
|
|
463
540
|
</template>
|
|
464
541
|
<template v-else>
|
|
465
542
|
<div class="memberlist-avatar">
|
|
466
543
|
<a>
|
|
467
|
-
<img
|
|
544
|
+
<img :src="avatar" alt="Avatar por defecto" />
|
|
468
545
|
</a>
|
|
469
546
|
</div>
|
|
470
547
|
</template>
|
|
471
548
|
<div class="memberlist-content">
|
|
472
549
|
<template v-if="profileType">
|
|
473
|
-
<a class="memberlist-data"
|
|
550
|
+
<a class="memberlist-data" :href="url" target="_blank" :title="'Ir al ' + profileName + ' de «' + name + '»'">
|
|
474
551
|
<h3 class="is-tweakeable">
|
|
475
552
|
<span class="is-measurable">{{ name }}</span>
|
|
476
553
|
</h3>
|
|
@@ -505,7 +582,7 @@ Vue.component('memberitem-foro', {
|
|
|
505
582
|
</div>
|
|
506
583
|
</div>
|
|
507
584
|
<template v-if="profileType">
|
|
508
|
-
<a
|
|
585
|
+
<a :href="mp" target="_blank" :title="'Enviar un mensaje privado a «' + name + '»'" class="memberlist-mp">
|
|
509
586
|
<i class="fas fa-envelope"></i>
|
|
510
587
|
</a>
|
|
511
588
|
</template>
|
|
@@ -551,7 +628,7 @@ Vue.component('estadisticas-foro', {
|
|
|
551
628
|
<h6>Últimos<span>temas</span></h6>
|
|
552
629
|
<ul class="ltopic-list">
|
|
553
630
|
<li v-for="topic in lastTopics">
|
|
554
|
-
<tema-ref
|
|
631
|
+
<tema-ref :data-info="topic"></tema-ref>
|
|
555
632
|
</li>
|
|
556
633
|
</ul>
|
|
557
634
|
<small>También tienes la lista <a href="/latest" target="_blank" title="Ir a la página de «Últimos temas»">general</a><template v-if="userLog !== 0"> o desde tu <a href="/search?search_id=newposts" target="_blank" title="Ir a la página de «Desde última conexión»">ultima conexión</a></template>.</small>
|
|
@@ -602,7 +679,7 @@ Vue.component('footer-foro', {
|
|
|
602
679
|
<ul v-html="afis.sister" class="no-style"></ul>
|
|
603
680
|
</li>
|
|
604
681
|
<li id="for-afis-norm" class="column is-full" v-if="normal.length">
|
|
605
|
-
<h3 class="section-title"><a
|
|
682
|
+
<h3 class="section-title"><a :href="normal" title="Ir a «Afiliaciones Normales»"><i class="fas fa-link"></i> Normales</a></h3>
|
|
606
683
|
</li>
|
|
607
684
|
</ul>
|
|
608
685
|
</li>
|
|
@@ -619,7 +696,7 @@ Vue.component('footer-foro', {
|
|
|
619
696
|
<li id="credits-social" v-if="social.length">
|
|
620
697
|
<ul class="no-style">
|
|
621
698
|
<li v-for="platform in social">
|
|
622
|
-
<a
|
|
699
|
+
<a :href="platform.url" target="_blank" :title="'Ir a «' + platform.name + '»'"><em :class="platform.icon"></em> {{ platform.name }}</a>
|
|
623
700
|
</li>
|
|
624
701
|
</ul>
|
|
625
702
|
</li>
|
|
@@ -650,7 +727,7 @@ Vue.component('tablon-superior', {
|
|
|
650
727
|
<div class="topbar-content">
|
|
651
728
|
<h3 class="section-title is-hidden-mobile">Anuncios</h3>
|
|
652
729
|
<div class="msg-element topbar-element">
|
|
653
|
-
<a id="plot-main"
|
|
730
|
+
<a id="plot-main" :href="url" :title="'Ir al tema de anuncio «' + name + '»'">
|
|
654
731
|
<h3 class="is-tweakeable">
|
|
655
732
|
<span class="is-measurable"><i class="fas fa-exclamation"></i> {{ name }}</span>
|
|
656
733
|
</h3>
|
|
@@ -687,6 +764,9 @@ Vue.component('tablon-superior', {
|
|
|
687
764
|
</li>
|
|
688
765
|
</ul>
|
|
689
766
|
</categoria-foro>
|
|
767
|
+
<nav id="forum-breadcrumb" class="breadcrumb has-succeeds-separator left" aria-label="breadcrumbs">
|
|
768
|
+
<ul></ul>
|
|
769
|
+
</nav>
|
|
690
770
|
</section>
|
|
691
771
|
`
|
|
692
772
|
});
|
|
@@ -699,7 +779,7 @@ Vue.component('links-ayuda', {
|
|
|
699
779
|
},
|
|
700
780
|
template: `
|
|
701
781
|
<div id="help-main">
|
|
702
|
-
<a target="_blank"
|
|
782
|
+
<a target="_blank" :href="link.url" :title="'Ir a «' + link.name + '»'" v-for="link in links">{{ link.name }}</a>
|
|
703
783
|
</div>
|
|
704
784
|
`
|
|
705
785
|
});
|
|
@@ -713,7 +793,7 @@ Vue.component('links-anuncios', {
|
|
|
713
793
|
template: `
|
|
714
794
|
<ul class="columns is-multiline">
|
|
715
795
|
<li v-for="announcement in announcements" class="column is-one-quarter is-half-tablet is-half-mobile">
|
|
716
|
-
<a target="_blank"
|
|
796
|
+
<a target="_blank" :href="announcement.url" :title="'Ir al anuncio «' + announcement.name + '»'" class="anmt-element">
|
|
717
797
|
<span class="anmt-title">{{ announcement.name }}</span>
|
|
718
798
|
<span class="anmt-date">{{ announcement.date }}</span>
|
|
719
799
|
</a>
|
|
@@ -730,8 +810,8 @@ Vue.component('links-staff', {
|
|
|
730
810
|
},
|
|
731
811
|
template: `
|
|
732
812
|
<div id="admin-main">
|
|
733
|
-
<a target="_blank"
|
|
734
|
-
<div class="admin-image"
|
|
813
|
+
<a target="_blank" :href="admin.url" class="admin-element msg-element topbar-element" :title="admin.title" v-for="admin in staff">
|
|
814
|
+
<div class="admin-image" :style="'background-image: url(' + admin.avatar + ')'"></div>
|
|
735
815
|
<div class="admin-info">
|
|
736
816
|
<div class="admin-name is-tweakeable">
|
|
737
817
|
<span class="is-measurable">{{ admin.name }}</span>
|
|
@@ -759,7 +839,7 @@ Vue.component('sabias-que', {
|
|
|
759
839
|
}, 12000);
|
|
760
840
|
},
|
|
761
841
|
template: `
|
|
762
|
-
<div id="sq-img" class="msg-element topbar-element"
|
|
842
|
+
<div id="sq-img" class="msg-element topbar-element" :style="'background-image: url(' + content + ')'"></div>
|
|
763
843
|
`
|
|
764
844
|
});
|
|
765
845
|
|
|
@@ -779,6 +859,6 @@ Vue.component('busquedas', {
|
|
|
779
859
|
}, 16000);
|
|
780
860
|
},
|
|
781
861
|
template: `
|
|
782
|
-
<a id="search-img" class="msg-element topbar-element"
|
|
862
|
+
<a id="search-img" class="msg-element topbar-element" :style="'background-image: url(' + content.img + ')'" :href="content.url" target="_blank" :title="content.desc"></a>
|
|
783
863
|
`
|
|
784
864
|
});
|