ketekny-ui-kit 1.0.66 → 1.0.68

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ketekny-ui-kit",
   "type": "module",
-  "version": "1.0.66",
+  "version": "1.0.68",
   "description": "A Vue 3 UI component library with Tailwind CSS styling",
   "main": "index.js",
   "files": [

package/src/layout/twoColLayout.vue

@@ -25,22 +25,39 @@
     >
       <div class="relative border-b border-white/10">
         <button
-          v-if="logoSrc || title"
+          v-if="logoSrc"
           type="button"
           class="block w-full text-left"
           v-tooltip.right.html="isSidebarCollapsed ? collapsedContactTooltip : logoAlt"
           @click="$emit('logo-click')"
         >
           <img
-            v-if="logoSrc"
             :alt="logoAlt"
             :src="isSidebarCollapsed ? collapsedLogoSrc : logoSrc"
             class="cursor-pointer px-4 py-4 transition-all duration-300"
           />
-          <div v-if="title && !isSidebarCollapsed" class="py-3 mt-3 text-lg text-center bg-white/10">
-            {{ title }}
-          </div>
         </button>
+        <div v-if="title && !isSidebarCollapsed"
+        :class="showSponsors ? 'border-b border-white/30 ' : ''"
+        class="py-3 mt-3 text-xl font-bold text-center bg-[#0f4e8d]">
+          {{ title }}
+        </div>
+        <div v-if="showSponsors && !isSidebarCollapsed" class="flex flex-col gap-3 px-4 py-4 bg-[#0f4e8d]">
+          <div>
+            <img
+              src="https://s3.ketekny.gr/public/web-apps/sponsors/Greece 2.0_NextGeneration_White_gr.png"
+              alt="Tameio Anakampsis"
+              class="mx-auto max-h-16 w-auto object-contain"
+            />
+          </div>
+          <div>
+            <img
+              src="https://s3.ketekny.gr/public/web-apps/sponsors/yp_ygeias_dark.png"
+              alt="Ypourgeio Ygeias"
+              class="mx-auto max-h-16 w-auto object-contain"
+            />
+          </div>
+        </div>
 
         <slot name="sidebar-header" />
 
@@ -126,28 +143,28 @@
             <p v-if="account.loggedIn" class="mt-2 truncate text-lg font-semibold text-white">
               {{ accountDisplayName }}
             </p>
-            <p v-if="account.loggedIn && account.email" class="truncate text-sm text-slate-300">
-              {{ account.email }}
+            <p v-if="account.loggedIn && displayEmail" class="truncate text-sm text-slate-300">
+              {{ displayEmail }}
             </p>
           </div>
-          <div class="flex flex-wrap gap-2">
+          <div class="flex flex-wrap justify-between gap-2">
             <kButton
               v-if="!account.loggedIn"
               secondary
               icon="LogIn"
-              label="Sign in"
+              label="Σύνδεση"
               @click="$emit('signin')"
             />
             <kButton
               v-if="!account.loggedIn"
               secondary
               icon="UserPlus"
-              label="Sign up"
+              label="Εγγραφή"
               @click="$emit('signup')"
             />
             <kButton
               v-if="account.loggedIn"
-              secondary
+               variant="soft"
               icon="UserRoundCog"
               label="Επεξεργασία προφίλ"
               @click="$emit('edit-profile')"
@@ -176,8 +193,8 @@
             <span class="whitespace-nowrap">Βερανζέρου 13, 10677, Αθήνα</span>
             <span class="whitespace-nowrap">210 3648 337</span>
             <span class="whitespace-nowrap">
-              <a href="mailto:grammateia@ketekny.gr" class="whitespace-nowrap hover:underline">
-                grammateia@ketekny.gr
+              <a :href="`mailto:${contactEmail}`" class="whitespace-nowrap hover:underline">
+                {{ contactEmail }}
               </a>
             </span>
             <a
@@ -277,11 +294,13 @@ export default {
     expandLabel: { type: String, default: 'Expand sidebar' },
     collapseIcon: { type: String, default: 'ArrowLeftToLine' },
     expandIcon: { type: String, default: 'ArrowRightToLine' },
+    showSponsors: { type: Boolean, default: false },
     storageKey: { type: String, default: DEFAULT_STORAGE_KEY },
-      defaultCollapsed: { type: Boolean, default: false },
-      mainMenu: { type: Array, default: () => [] },
-      showContactInfo: { type: Boolean, default: false },
-      account: { type: Object, default: null },
+    defaultCollapsed: { type: Boolean, default: false },
+    mainMenu: { type: Array, default: () => [] },
+    showContactInfo: { type: Boolean, default: false },
+    account: { type: Object, default: null },
+    contactEmail: { type: String, default: 'grammateia@ketekny.gr' },
   },
   data() {
     return {
@@ -383,6 +402,9 @@ export default {
       if (!this.account) return ''
       return [this.account.firstName, this.account.lastName].filter(Boolean).join(' ').trim() || 'Account'
     },
+    displayEmail() {
+      return this.account?.email || ''
+    },
     collapsedContactTooltip() {
       return `
         <div style="min-width: 220px;">
@@ -392,7 +414,7 @@ export default {
           <div style="display: flex; flex-direction: column; gap: 4px; font-size: 13px; line-height: 1.4; color: rgba(255,255,255,0.9);">
             <div>Βερανζέρου 13, 10677, Αθήνα</div>
             <div>210 3648 337</div>
-            <div>grammateia@ketekny.gr</div>
+            <div>${this.contactEmail}</div>
             <div>https://ketekny.gr</div>
           </div>
         </div>