@opengis/cms 0.0.21 → 0.0.22

package/src/components/icons-types/icon-array.vue

@@ -0,0 +1,22 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    class="w-4 h-4 text-gray-700 lucide lucide-list"
+    __v0_r="0,5361,5384"
+  >
+    <line x1="8" x2="21" y1="6" y2="6"></line>
+    <line x1="8" x2="21" y1="12" y2="12"></line>
+    <line x1="8" x2="21" y1="18" y2="18"></line>
+    <line x1="3" x2="3.01" y1="6" y2="6"></line>
+    <line x1="3" x2="3.01" y1="12" y2="12"></line>
+    <line x1="3" x2="3.01" y1="18" y2="18"></line>
+  </svg>
+</template>

package/src/components/icons-types/icon-boolean.vue

@@ -0,0 +1,18 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    class="w-4 h-4 text-gray-700 lucide lucide-toggle-left"
+    __v0_r="0,5361,5384"
+  >
+    <rect width="20" height="12" x="2" y="6" rx="6" ry="6"></rect>
+    <circle cx="8" cy="12" r="2"></circle>
+  </svg>
+</template>

package/src/components/icons-types/icon-datalist.vue

@@ -0,0 +1,22 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    class="w-4 h-4 text-gray-700 lucide lucide-list"
+    __v0_r="0,5361,5384"
+  >
+    <line x1="8" x2="21" y1="6" y2="6"></line>
+    <line x1="8" x2="21" y1="12" y2="12"></line>
+    <line x1="8" x2="21" y1="18" y2="18"></line>
+    <line x1="3" x2="3.01" y1="6" y2="6"></line>
+    <line x1="3" x2="3.01" y1="12" y2="12"></line>
+    <line x1="3" x2="3.01" y1="18" y2="18"></line>
+  </svg>
+</template>

package/src/components/icons-types/icon-date.vue

@@ -0,0 +1,20 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    class="w-4 h-4 text-gray-700 lucide lucide-calendar"
+    __v0_r="0,5361,5384"
+  >
+    <path d="M8 2v4"></path>
+    <path d="M16 2v4"></path>
+    <rect width="18" height="18" x="3" y="4" rx="2"></rect>
+    <path d="M3 10h18"></path>
+  </svg>
+</template>

package/src/components/icons-types/icon-datetime.vue

@@ -0,0 +1,20 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    class="w-4 h-4 text-gray-700 lucide lucide-calendar"
+    __v0_r="0,5361,5384"
+  >
+    <path d="M8 2v4"></path>
+    <path d="M16 2v4"></path>
+    <rect width="18" height="18" x="3" y="4" rx="2"></rect>
+    <path d="M3 10h18"></path>
+  </svg>
+</template>

package/src/components/icons-types/icon-file.vue

@@ -0,0 +1,21 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    class="w-4 h-4 text-gray-700 lucide lucide-file-text"
+    __v0_r="0,5361,5384"
+  >
+    <path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path>
+    <path d="M14 2v4a2 2 0 0 0 2 2h4"></path>
+    <path d="M10 9H8"></path>
+    <path d="M16 13H8"></path>
+    <path d="M16 17H8"></path>
+  </svg>
+</template>

package/src/components/icons-types/icon-gallery.vue

@@ -0,0 +1,18 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    class="lucide lucide-image-icon w-5 h-5 mr-3"
+  >
+    <rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect>
+    <circle cx="9" cy="9" r="2"></circle>
+    <path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path>
+  </svg>
+</template>

package/src/components/icons-types/icon-image.vue

@@ -0,0 +1,19 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    class="w-4 h-4 text-gray-700 lucide lucide-image"
+    __v0_r="0,5361,5384"
+  >
+    <rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect>
+    <circle cx="9" cy="9" r="2"></circle>
+    <path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path>
+  </svg>
+</template>

package/src/components/icons-types/icon-integer.vue

@@ -0,0 +1,20 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    class="w-4 h-4 text-gray-700 lucide lucide-hash"
+    __v0_r="0,5361,5384"
+  >
+    <line x1="4" x2="20" y1="9" y2="9"></line>
+    <line x1="4" x2="20" y1="15" y2="15"></line>
+    <line x1="10" x2="8" y1="3" y2="21"></line>
+    <line x1="16" x2="14" y1="3" y2="21"></line>
+  </svg>
+</template>

package/src/components/icons-types/icon-merkdown.vue

@@ -0,0 +1,18 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    class="w-4 h-4 text-gray-700 lucide lucide-code"
+    __v0_r="0,5361,5384"
+  >
+    <polyline points="16 18 22 12 16 6"></polyline>
+    <polyline points="8 6 2 12 8 18"></polyline>
+  </svg>
+</template>

package/src/components/icons-types/icon-multiselect.vue

@@ -0,0 +1,22 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    class="w-4 h-4 text-gray-700 lucide lucide-list"
+    __v0_r="0,5361,5384"
+  >
+    <line x1="8" x2="21" y1="6" y2="6"></line>
+    <line x1="8" x2="21" y1="12" y2="12"></line>
+    <line x1="8" x2="21" y1="18" y2="18"></line>
+    <line x1="3" x2="3.01" y1="6" y2="6"></line>
+    <line x1="3" x2="3.01" y1="12" y2="12"></line>
+    <line x1="3" x2="3.01" y1="18" y2="18"></line>
+  </svg>
+</template>

package/src/components/icons-types/icon-number.vue

@@ -0,0 +1,20 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    class="w-4 h-4 text-gray-700 lucide lucide-hash"
+    __v0_r="0,5361,5384"
+  >
+    <line x1="4" x2="20" y1="9" y2="9"></line>
+    <line x1="4" x2="20" y1="15" y2="15"></line>
+    <line x1="10" x2="8" y1="3" y2="21"></line>
+    <line x1="16" x2="14" y1="3" y2="21"></line>
+  </svg>
+</template>

package/src/components/icons-types/icon-radio.vue

@@ -0,0 +1,22 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    class="w-4 h-4 text-gray-700 lucide lucide-list"
+    __v0_r="0,5361,5384"
+  >
+    <line x1="8" x2="21" y1="6" y2="6"></line>
+    <line x1="8" x2="21" y1="12" y2="12"></line>
+    <line x1="8" x2="21" y1="18" y2="18"></line>
+    <line x1="3" x2="3.01" y1="6" y2="6"></line>
+    <line x1="3" x2="3.01" y1="12" y2="12"></line>
+    <line x1="3" x2="3.01" y1="18" y2="18"></line>
+  </svg>
+</template>

package/src/components/icons-types/icon-reference-list.vue

@@ -0,0 +1,22 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    class="w-4 h-4 text-gray-700 lucide lucide-list"
+    __v0_r="0,5361,5384"
+  >
+    <line x1="8" x2="21" y1="6" y2="6"></line>
+    <line x1="8" x2="21" y1="12" y2="12"></line>
+    <line x1="8" x2="21" y1="18" y2="18"></line>
+    <line x1="3" x2="3.01" y1="6" y2="6"></line>
+    <line x1="3" x2="3.01" y1="12" y2="12"></line>
+    <line x1="3" x2="3.01" y1="18" y2="18"></line>
+  </svg>
+</template>

package/src/components/icons-types/icon-reference.vue

@@ -0,0 +1,20 @@
+<template>
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      class="w-4 h-4 text-gray-700 lucide lucide-link2"
+      __v0_r="0,5361,5384"
+    >
+      <path d="M9 17H7A5 5 0 0 1 7 7h2"></path>
+      <path d="M15 7h2a5 5 0 1 1 0 10h-2"></path>
+      <line x1="8" x2="16" y1="12" y2="12"></line>
+    </svg>
+  </template>
+  

package/src/components/icons-types/icon-relation.vue

@@ -0,0 +1,22 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    class="w-4 h-4 text-gray-700 lucide lucide-list"
+    __v0_r="0,5361,5384"
+  >
+    <line x1="8" x2="21" y1="6" y2="6"></line>
+    <line x1="8" x2="21" y1="12" y2="12"></line>
+    <line x1="8" x2="21" y1="18" y2="18"></line>
+    <line x1="3" x2="3.01" y1="6" y2="6"></line>
+    <line x1="3" x2="3.01" y1="12" y2="12"></line>
+    <line x1="3" x2="3.01" y1="18" y2="18"></line>
+  </svg>
+</template>

package/src/components/icons-types/icon-richtext.vue

@@ -0,0 +1,18 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    class="w-4 h-4 text-gray-700 lucide lucide-code"
+    __v0_r="0,5361,5384"
+  >
+    <polyline points="16 18 22 12 16 6"></polyline>
+    <polyline points="8 6 2 12 8 18"></polyline>
+  </svg>
+</template>

package/src/components/icons-types/icon-select.vue

@@ -0,0 +1,22 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    class="w-4 h-4 text-gray-700 lucide lucide-list"
+    __v0_r="0,5361,5384"
+  >
+    <line x1="8" x2="21" y1="6" y2="6"></line>
+    <line x1="8" x2="21" y1="12" y2="12"></line>
+    <line x1="8" x2="21" y1="18" y2="18"></line>
+    <line x1="3" x2="3.01" y1="6" y2="6"></line>
+    <line x1="3" x2="3.01" y1="12" y2="12"></line>
+    <line x1="3" x2="3.01" y1="18" y2="18"></line>
+  </svg>
+</template>

package/src/components/icons-types/icon-slug.vue

@@ -0,0 +1,19 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    class="w-4 h-4 text-gray-700 lucide lucide-link2"
+    __v0_r="0,5361,5384"
+  >
+    <path d="M9 17H7A5 5 0 0 1 7 7h2"></path>
+    <path d="M15 7h2a5 5 0 1 1 0 10h-2"></path>
+    <line x1="8" x2="16" y1="12" y2="12"></line>
+  </svg>
+</template>

package/src/components/icons-types/icon-text.vue

@@ -0,0 +1,19 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    class="w-4 h-4 text-gray-700 lucide lucide-type"
+    __v0_r="0,5361,5384"
+  >
+    <polyline points="4 7 4 4 20 4 20 7"></polyline>
+    <line x1="9" x2="15" y1="20" y2="20"></line>
+    <line x1="12" x2="12" y1="4" y2="20"></line>
+  </svg>
+</template>

package/src/components/icons-types/index.js

@@ -0,0 +1,43 @@
+import IconText from "./icon-text.vue";
+import IconNumber from "./icon-number.vue";
+import IconDate from "./icon-date.vue";
+import IconDatetime from "./icon-datetime.vue";
+import IconRichtext from "./icon-richtext.vue";
+import IconBoolean from "./icon-boolean.vue";
+import IconFile from "./icon-file.vue";
+import IconImage from "./icon-image.vue";
+import IconArray from "./icon-array.vue";
+import IconSelect from "./icon-select.vue";
+import IconSlug from "./icon-slug.vue";
+import IconDatalist from "./icon-datalist.vue";
+import IconReference from "./icon-reference.vue";
+import IconReferenceList from "./icon-reference-list.vue";
+import IconRelation from "./icon-relation.vue";
+import IconMultiselect from "./icon-multiselect.vue";
+import IconRadio from "./icon-radio.vue";
+import IconInteger from "./icon-integer.vue";
+import IconGallery from "./icon-gallery.vue"; 
+import IconMarkdown from "./icon-merkdown.vue";
+
+export default {
+  IconText,
+  IconNumber,
+  IconDate,
+  IconDatetime,
+  IconRichtext,
+  IconBoolean,
+  IconFile,
+  IconImage,
+  IconArray,
+  IconSelect,
+  IconSlug,
+  IconDatalist,
+  IconReference,
+  IconReferenceList,
+  IconRelation,
+  IconMultiselect,
+  IconRadio,
+  IconInteger,
+  IconGallery,
+  IconMarkdown,
+};

package/src/components/layout/Layout.vue

@@ -0,0 +1,67 @@
+<template>
+  <div
+    class="flex-1 min-h-screen overflow-y-auto bg-gradient-to-br from-slate-50 via-blue-50 to-indigo-50 dark:from-slate-900 dark:via-slate-800 dark:to-slate-900"
+  >
+    <div class="flex h-screen transition-colors">
+      <SettingsSidebar v-if="route.path.includes('/settings')" />
+      <Sidebar v-else />
+
+      <main class="flex-1 p-4 overflow-y-auto md:p-6">
+        <router-view></router-view>
+      </main>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { onMounted, ref, provide, getCurrentInstance } from "vue";
+import { useTheme } from "../../composables/useTheme";
+import Sidebar from "./Sidebar.vue";
+import SettingsSidebar from "../sidebar/SettingsSidebar.vue";
+import { useRoute } from "vue-router";
+const { theme } = useTheme();
+const route = useRoute();
+// Динамічний список типів контенту
+const contentTypes = ref<any[]>([]);
+const menu = ref<any[]>([]);
+const app = getCurrentInstance();
+
+async function fetchContentTypes() {
+  try {
+    const res = await fetch("/api/cms-type?type=collection");
+    if (!res.ok) throw new Error("Failed to fetch content types");
+    const data = await res.json();
+    // Вибираємо тільки типи-колекції (type === 'collection')
+    const sortedData = data.rows.sort((a: any, b: any) => {
+      // "сторінки" (id='pages') завжди перші
+      if (a.id === "pages") return -1;
+      if (b.id === "pages") return 1;
+      return 0;
+    });
+    menu.value = sortedData;
+    contentTypes.value = sortedData;
+  } catch (e) {
+    console.error("Error fetching content types:", e);
+  }
+}
+
+async function fetchSettings() {
+  const res = await fetch("/api/settings");
+  const data = await res.json();
+  // Звернення до глобальної змінної через getCurrentInstance
+  if (app && app.appContext.config.globalProperties.$settings) {
+    app.appContext.config.globalProperties.$settings.locales =
+      data.settings.locales;
+    app.appContext.config.globalProperties.$settings.locale =
+      data.settings.locale;
+  }
+}
+
+provide("menu", menu);
+provide("fetchContentTypes", fetchContentTypes);
+
+onMounted(() => {
+  fetchContentTypes();
+  fetchSettings();
+});
+</script>

package/src/components/layout/Sidebar.vue

@@ -0,0 +1,128 @@
+<template>
+  <aside
+    class="flex-col hidden w-64 transition-colors duration-200 bg-white border-r border-gray-200 md:flex dark:border-gray-700 dark:bg-gray-800"
+  >
+    <SidebarHeader />
+
+    <nav class="sidebar-menu flex-1 p-2 overflow-y-auto bg-white dark:bg-slate-800">
+      <SidebarMenu
+        :navigation-items="navigationItems"
+      />
+    </nav>
+
+    <SidebarFooter />
+  </aside>
+</template>
+
+<script setup lang="ts">
+import { computed, ref, onMounted } from "vue";
+import SidebarMenu from "../sidebar/SidebarMenu.vue";
+import SidebarFooter from "../sidebar/SidebarFooter.vue";
+import SidebarHeader from "../sidebar/SidebarHeader.vue";
+import {
+  Home,
+  FileText,
+  Image,
+  Menu,
+  Settings,
+  Tag,
+  Users,
+} from "lucide-vue-next";
+
+const userType = ref<string | null>(null);
+
+const fetchUserData = async () => {
+  try {
+    const response = await fetch('/user');
+    const data = await response.json();
+    userType.value = data?.user?.user_type || null;
+  } catch (error) {
+    console.error('Error fetching user data:', error);
+  }
+};
+
+onMounted(() => {
+  fetchUserData();
+});
+
+const navigationItems = computed(() => {
+  const allNavigationItems = [
+    {
+      id: "dashboard",
+      path: "/",
+      label: "navigation.dashboard",
+      icon: Home,
+    },
+    {
+      id: "content",
+      path: "/collections",
+      label: "common.content",
+      icon: FileText,
+    },
+    {
+      id: "menu",
+      path: "/menu",
+      label: "navigation.singletonsMenu",
+      icon: Menu,
+    },
+    // {
+    //   id: "feedback",
+    //   path: "/feedback",
+    //   label: "navigation.feedback",
+    //   icon: FolderUp,
+    // },
+    // {
+    //   id: "email",
+    //   path: "/email",
+    //   label: "navigation.email",
+    //   icon: Mail,
+    // },
+    {
+      id: "tags",
+      path: "/tags",
+      label: "navigation.tags",
+      icon: Tag,
+    },
+    {
+      id: "users",
+      path: "/users",
+      label: "navigation.users",
+      icon: Users,
+    },
+    {
+      id: "media",
+      path: "/media",
+      label: "navigation.media",
+      icon: Image,
+    },
+    {
+      id: "settings",
+      path: "/settings",
+      label: "navigation.settings",
+      icon: Settings,
+    },
+  ];
+
+  // If user_type is not "admin", filter out "users" and "settings"
+  if (userType.value !== "admin") {
+    return allNavigationItems.filter(item => item.id !== "users" && item.id !== "settings");
+  }
+  return allNavigationItems;
+});
+</script>
+
+<style scoped>
+.sidebar-menu {
+  overflow-y: auto;
+  scrollbar-width: thin;
+  scrollbar-color: #e0e0e0 #f5f5f5;
+}
+
+.sidebar-menu::-webkit-scrollbar {
+  width: 4px;
+}
+
+.sidebar-menu::-webkit-scrollbar-thumb {
+  border-radius: 0;
+}
+</style>