ketekny-ui-kit 1.0.66 → 1.0.67
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/package.json +1 -1
- package/src/layout/twoColLayout.vue +34 -14
package/package.json
CHANGED
|
@@ -25,22 +25,37 @@
|
|
|
25
25
|
>
|
|
26
26
|
<div class="relative border-b border-white/10">
|
|
27
27
|
<button
|
|
28
|
-
v-if="logoSrc
|
|
28
|
+
v-if="logoSrc"
|
|
29
29
|
type="button"
|
|
30
30
|
class="block w-full text-left"
|
|
31
31
|
v-tooltip.right.html="isSidebarCollapsed ? collapsedContactTooltip : logoAlt"
|
|
32
32
|
@click="$emit('logo-click')"
|
|
33
33
|
>
|
|
34
34
|
<img
|
|
35
|
-
v-if="logoSrc"
|
|
36
35
|
:alt="logoAlt"
|
|
37
36
|
:src="isSidebarCollapsed ? collapsedLogoSrc : logoSrc"
|
|
38
37
|
class="cursor-pointer px-4 py-4 transition-all duration-300"
|
|
39
38
|
/>
|
|
40
|
-
<div v-if="title && !isSidebarCollapsed" class="py-3 mt-3 text-lg text-center bg-white/10">
|
|
41
|
-
{{ title }}
|
|
42
|
-
</div>
|
|
43
39
|
</button>
|
|
40
|
+
<div v-if="title && !isSidebarCollapsed" class="py-3 mt-3 text-lg text-center bg-[#da0000]">
|
|
41
|
+
{{ title }}
|
|
42
|
+
</div>
|
|
43
|
+
<div v-if="showSponsors && !isSidebarCollapsed" class="flex flex-col gap-3 px-4 py-4 bg-[#0f4e8d]">
|
|
44
|
+
<div>
|
|
45
|
+
<img
|
|
46
|
+
src="https://s3.ketekny.gr/public/web-apps/sponsors/Greece 2.0_NextGeneration_White_gr.png"
|
|
47
|
+
alt="Tameio Anakampsis"
|
|
48
|
+
class="mx-auto max-h-16 w-auto object-contain"
|
|
49
|
+
/>
|
|
50
|
+
</div>
|
|
51
|
+
<div>
|
|
52
|
+
<img
|
|
53
|
+
src="https://s3.ketekny.gr/public/web-apps/sponsors/yp_ygeias_dark.png"
|
|
54
|
+
alt="Ypourgeio Ygeias"
|
|
55
|
+
class="mx-auto max-h-16 w-auto object-contain"
|
|
56
|
+
/>
|
|
57
|
+
</div>
|
|
58
|
+
</div>
|
|
44
59
|
|
|
45
60
|
<slot name="sidebar-header" />
|
|
46
61
|
|
|
@@ -126,8 +141,8 @@
|
|
|
126
141
|
<p v-if="account.loggedIn" class="mt-2 truncate text-lg font-semibold text-white">
|
|
127
142
|
{{ accountDisplayName }}
|
|
128
143
|
</p>
|
|
129
|
-
<p v-if="account.loggedIn &&
|
|
130
|
-
{{
|
|
144
|
+
<p v-if="account.loggedIn && displayEmail" class="truncate text-sm text-slate-300">
|
|
145
|
+
{{ displayEmail }}
|
|
131
146
|
</p>
|
|
132
147
|
</div>
|
|
133
148
|
<div class="flex flex-wrap gap-2">
|
|
@@ -176,8 +191,8 @@
|
|
|
176
191
|
<span class="whitespace-nowrap">Βερανζέρου 13, 10677, Αθήνα</span>
|
|
177
192
|
<span class="whitespace-nowrap">210 3648 337</span>
|
|
178
193
|
<span class="whitespace-nowrap">
|
|
179
|
-
<a href="mailto
|
|
180
|
-
|
|
194
|
+
<a :href="`mailto:${contactEmail}`" class="whitespace-nowrap hover:underline">
|
|
195
|
+
{{ contactEmail }}
|
|
181
196
|
</a>
|
|
182
197
|
</span>
|
|
183
198
|
<a
|
|
@@ -277,11 +292,13 @@ export default {
|
|
|
277
292
|
expandLabel: { type: String, default: 'Expand sidebar' },
|
|
278
293
|
collapseIcon: { type: String, default: 'ArrowLeftToLine' },
|
|
279
294
|
expandIcon: { type: String, default: 'ArrowRightToLine' },
|
|
295
|
+
showSponsors: { type: Boolean, default: false },
|
|
280
296
|
storageKey: { type: String, default: DEFAULT_STORAGE_KEY },
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
297
|
+
defaultCollapsed: { type: Boolean, default: false },
|
|
298
|
+
mainMenu: { type: Array, default: () => [] },
|
|
299
|
+
showContactInfo: { type: Boolean, default: false },
|
|
300
|
+
account: { type: Object, default: null },
|
|
301
|
+
contactEmail: { type: String, default: 'grammateia@ketekny.gr' },
|
|
285
302
|
},
|
|
286
303
|
data() {
|
|
287
304
|
return {
|
|
@@ -383,6 +400,9 @@ export default {
|
|
|
383
400
|
if (!this.account) return ''
|
|
384
401
|
return [this.account.firstName, this.account.lastName].filter(Boolean).join(' ').trim() || 'Account'
|
|
385
402
|
},
|
|
403
|
+
displayEmail() {
|
|
404
|
+
return this.account?.email || ''
|
|
405
|
+
},
|
|
386
406
|
collapsedContactTooltip() {
|
|
387
407
|
return `
|
|
388
408
|
<div style="min-width: 220px;">
|
|
@@ -392,7 +412,7 @@ export default {
|
|
|
392
412
|
<div style="display: flex; flex-direction: column; gap: 4px; font-size: 13px; line-height: 1.4; color: rgba(255,255,255,0.9);">
|
|
393
413
|
<div>Βερανζέρου 13, 10677, Αθήνα</div>
|
|
394
414
|
<div>210 3648 337</div>
|
|
395
|
-
<div
|
|
415
|
+
<div>${this.contactEmail}</div>
|
|
396
416
|
<div>https://ketekny.gr</div>
|
|
397
417
|
</div>
|
|
398
418
|
</div>
|