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