@opengis/cms 0.0.21 → 0.0.22

package/src/pages/users/UsersPage.vue

@@ -0,0 +1,98 @@
+<template>
+    <div class="space-y-6 max-w-7xl mx-auto">
+        <div class="flex items-center justify-between mb-8">
+            <div>
+                <div class="flex items-center gap-2">
+                    <h1 class="text-3xl font-bold text-slate-800 dark:text-slate-100 mb-2">{{ $t("users.createUser") }}</h1>
+                    <a :href="`https://cms.opengis.info/${locale}/config/user-management/`" target="_blank" :title="$t('guide.users')">
+                        <HelpCircle class="w-5 h-5" />
+                    </a>
+                </div>
+                <p class="text-slate-600 dark:text-slate-300">{{ $t("users.description") }}</p>
+            </div>
+            <router-link 
+                v-if="users?.rows?.length > 0"
+                to="/users/create/"
+                class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium h-9 px-4 py-2 bg-blue-600 text-white shadow-md transition-all duration-200 transform
+                hover:bg-blue-700 hover:shadow-lg hover:scale-105
+                focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring 
+                disabled:pointer-events-none disabled:opacity-50"
+            >
+                <Plus class="w-4 h-4 mr-2" />
+                {{ $t("users.createUser") }}
+            </router-link>
+        </div>  
+        <div class="rounded-xl text-card-foreground shadow-lg border-0 bg-white dark:bg-slate-800 backdrop-blur-sm overflow-hidden">
+            <EmptyData
+                v-if="!users || users?.rows?.length === 0"
+                :title="t('users.emptyTitle')"
+                :description="t('users.emptyDescription')"
+                :button-text="t('users.emptyButton')"
+                :show-button="true"
+            />  
+            <UniversalTable 
+                v-if="users?.rows?.length > 0"
+                :columns="users.columns" 
+                :rows="users.rows" 
+                :on-edit="handleEditUser"
+                @delete="handleDeleteUser"
+            />
+        </div>
+    </div>
+</template>
+
+<script setup>
+    import { ref, onMounted } from 'vue';
+    import { useI18n } from 'vue-i18n';
+    import { Plus, HelpCircle } from 'lucide-vue-next';
+    import { notify } from '@opengis/core';
+    import { useRouter } from 'vue-router';
+    const { t, locale } = useI18n();
+    import EmptyData from '@/components/ui/EmptyData.vue';
+    import UniversalTable from '@/components/ui/UniversalTable.vue';
+
+    const router = useRouter();
+
+    const users = ref([]);
+
+    const fetchUsers = async () => {
+        try {
+            const response = await fetch('api/data/admin.users.table');
+            const data = await response.json();
+            users.value = data;
+        } catch (error) {
+            console.error(error);
+        }
+    }
+
+    const handleDeleteUser = async (user) => { 
+        try {
+            let token = await fetch(`/api/form/admin.users.table/${user.uid}`)
+            token = await token.json();
+            await fetch(`/api/table/${token.token}`, { method: 'DELETE'})
+
+            notify({
+                type: "success",
+                title: t("common.actions.success"),
+                message: t("users.deleteUserSuccess"),
+            });
+
+            fetchUsers();
+        } catch (error) {
+            notify({
+                type: "error",
+                title: t("common.actions.warning"),
+                message: t("users.deleteUserFailed"),
+            });
+            console.error(error);
+        }
+    }
+
+    const handleEditUser = async (user) => {
+        router.push(`/users/edit/${user.uid}`);
+    }
+
+    onMounted(() => {
+        fetchUsers();
+    })
+</script>

package/src/props/builder.ts

@@ -0,0 +1,67 @@
+/**
+ * Builder/Content Type definitions
+ */
+
+export type ContentTypeStatus = 'draft' | 'published' | 'archived';
+export type ContentTypeType = 'collection' | 'single';
+
+export interface ContentType {
+  id: string;
+  content_type_id: string;
+  name: string;
+  title: string;
+  table_name?: string;
+  columns?: any;
+  status: ContentTypeStatus;
+  visible: boolean;
+  localized: boolean;
+  type: ContentTypeType;
+  schema?: any;
+  description?: string;
+  icon?: string;
+  color?: string;
+  preview_path?: string;
+  created_at: string;
+  updated_at: string;
+  created_by: string;
+  updated_by?: string;
+  entries?: number;
+  fields?: number;
+}
+
+export interface Collection extends ContentType {
+  entries: number;
+  fields: number;
+}
+
+export interface FieldType {
+  type: string;
+  label: string;
+  placeholder?: string;
+  options?: Array<{ text: string; id: string; color?: string }>;
+  validators?: string[];
+  conditions?: any[];
+  mode?: string;
+}
+
+export interface FormTypeSchema {
+  name: FieldType;
+  type: FieldType;
+  subtype?: FieldType;
+  parent?: FieldType;
+  options?: FieldType;
+}
+
+export interface BuilderFormData {
+  name: string;
+  title: string;
+  description?: string;
+  type: ContentTypeType;
+  status: ContentTypeStatus;
+  visible: boolean;
+  localized: boolean;
+  schema?: any;
+  icon?: string;
+  color?: string;
+  preview_path?: string;
+}

package/src/props/content.ts

@@ -0,0 +1,56 @@
+/**
+ * Content definitions
+ */
+
+export interface ContentItem {
+  id: string;
+  content_type_id: string;
+  title?: string;
+  slug?: string;
+  status: 'draft' | 'published' | 'archived';
+  visible: boolean;
+  created_at: string;
+  updated_at: string;
+  created_by: string;
+  updated_by?: string;
+  [key: string]: any; // For dynamic fields based on content type schema
+}
+
+export interface ContentEntry extends ContentItem {
+  // Additional fields that might be present in content entries
+  description?: string;
+  content?: string;
+  excerpt?: string;
+  featured_image?: string;
+  tags?: string[];
+  categories?: string[];
+  author?: string;
+  published_at?: string;
+}
+
+export interface ContentFormData {
+  title?: string;
+  slug?: string;
+  status: 'draft' | 'published' | 'archived';
+  visible: boolean;
+  [key: string]: any; // For dynamic fields
+}
+
+export interface ContentListResponse {
+  rows: ContentItem[];
+  total: number;
+  page: number;
+  limit: number;
+  totalPages: number;
+}
+
+export interface ContentFilters {
+  status?: 'draft' | 'published' | 'archived';
+  visible?: boolean;
+  content_type_id?: string;
+  search?: string;
+  page?: number;
+  limit?: number;
+  sort?: string;
+  order?: 'asc' | 'desc';
+}

package/src/props/media.ts

@@ -0,0 +1,63 @@
+/**
+ * Media file type definitions
+ */
+
+export type MediaFileType = 'image' | 'document' | 'other';
+
+export interface MediaFile {
+  id: string;
+  filename: string;
+  filetype: MediaFileType;
+  filesize: number;
+  url: string;
+  description: string | null;
+  alt: string | null;
+  mime: string;
+  preview_url: string | null;
+  created_at: string;
+  updated_at: string;
+  created_by: string;
+  updated_by: string;
+  filepath: string;
+  metadata: string;
+  exists: boolean;
+}
+
+/**
+ * Maps MIME types to file types
+ * @param mime - MIME type
+ * @returns MediaFileType
+ */
+export function getFileTypeFromMime(mime: string): MediaFileType {
+  if (mime.startsWith('image/')) return 'image';
+  if (mime.startsWith('application/pdf') || 
+      mime.startsWith('application/msword') || 
+      mime.startsWith('application/vnd.openxmlformats-officedocument')) {
+    return 'document';
+  }
+  return 'other';
+}
+
+/**
+ * Formats file size to human readable format
+ * @param bytes - Size in bytes
+ * @returns string
+ */
+export function formatFileSize(bytes: number): string {
+  if (bytes === 0) return '0 Bytes';
+  const k = 1024;
+  const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return Number.parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
+}
+
+/**
+ * Formats date to YYYY-MM-DD
+ * @param dateString - ISO date string
+ * @returns string
+ */
+export function formatDate(dateString: string): string {
+  const date = new Date(dateString);
+  if (isNaN(date.getTime())) return '';
+  return date.toISOString().slice(0, 10);
+}

package/src/router/index.ts

@@ -0,0 +1,181 @@
+import { createRouter, createWebHistory, type RouteLocationNormalized } from 'vue-router';
+import { i18n } from '../i18n.ts';
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes: [
+    {
+      path: '/',
+      name: 'dashboard',
+      component: () => import('../pages/Dashboard.vue'),
+      meta: { title: 'dashboard.title' }
+    },
+    {
+      path: '/settings/collections',
+      name: 'collections',
+      component: () => import('../pages/builder/BuilderPage.vue'),
+      meta: { title: 'builder.collections' }
+    },
+
+    {
+      path: '/settings/collections/edit/:id',
+      name: 'editCollection',
+      component: () => import('../pages/builder/EditCollectionPage.vue'),
+      meta: { title: 'builder.editCollection' }
+    },
+    {
+      path: '/collections',
+      name: 'collectionsList',
+      component: () => import('../pages/collections/CollectionsPage.vue'),
+      meta: { title: 'navigation.collections' }
+    },
+    {
+      path: '/collections/:id',
+      name: 'articles',
+      component: () => import('../pages/collections/ArticlesPage.vue'),
+      meta: { title: 'articles.title' }
+    },
+    {
+      path: '/collections/:collection/create',
+      name: 'createArticle',
+      component: () => import('../pages/collections/contentForm.vue'),
+      meta: { title: 'articles.createArticle', type: 'articles' }
+    },
+    {
+      path: '/collections/:collection/:id',
+      name: 'editArticle',
+      component: () => import('../pages/collections/contentForm.vue'),
+      meta: { title: 'articles.title', type: 'articles' }
+    },
+    {
+      path: '/singletons',
+      name: 'singletons',
+      component: () => import('../pages/collections/SingletonsPage.vue'),
+      meta: { title: 'singletons.title' }
+    },
+    {
+      path: '/singletons/create',
+      name: 'createSingleton',
+      component: () => import('../pages/collections/contentForm.vue'),
+      meta: { title: 'singletons.createSingleton', type: 'single' }
+    },
+    {
+      path: '/singletons/:id',
+      name: 'editSingleton',
+      component: () => import('../pages/collections/contentForm.vue'),
+      meta: { title: 'singletons.title', type: 'single' }
+    },
+    {
+      path: '/menu',
+      name: 'singletonsMenu',
+      component: () => import('../pages/menu/MenuPage.vue'),
+      meta: { title: 'menu.title' }
+    },
+    {
+      path: '/menu/:id',
+      name: 'editSingletonMenu',
+      component: () => import('../pages/menu/MenuItemPage.vue'),
+      meta: { title: 'menu.editMenu', type: 'single' }
+    },
+    {
+      path: '/menu/create',
+      name: 'createSingletonMenu',
+      component: () => import('../pages/menu/MenuAddPage.vue'),
+      meta: { title: 'menu.menuAdd', type: 'single' }
+    },
+    {
+      path: '/feedback',
+      name: 'feedback',
+      component: () => import('../pages/FeedbackPage.vue'),
+      meta: { title: 'feedback.title' }
+    },
+    {
+      path: '/email',
+      name: 'email',
+      component: () => import('../pages/EmailPage.vue'),
+      meta: { title: 'email.title' }
+    },
+    {
+      path: '/tags',
+      name: 'tags',
+      component: () => import('../pages/TagsPage.vue'),
+      meta: { title: 'tags.title' }
+    },
+    {
+      path: '/users',
+      name: 'users',
+      component: () => import('../pages/users/UsersPage.vue'),
+      meta: { title: 'users.title' }
+    },
+    {
+      path: '/users/edit/:id',
+      name: 'editUser',
+      component: () => import('../pages/users/AddUser.vue'),
+      meta: { title: 'users.editUser' }
+    },
+    {
+      path: '/users/create',
+      name: 'createUser',
+      component: () => import('../pages/users/AddUser.vue'),
+      meta: { title: 'users.createUser' }
+    },
+    {
+      path: '/media',
+      name: 'media',
+      component: () => import('../pages/MediaPage.vue'),
+      meta: { title: 'media.title' }
+    },
+    {
+      path: '/settings',
+      name: 'settings',
+      component: () => import('../pages/settings/Settings.vue'),
+      meta: { title: 'settings.title' }
+    },
+    {
+      path: '/settings/users',
+      name: 'settingsUsers',
+      component: () => import('../pages/settings/Users.vue'),
+      meta: { title: 'settings.users.users' }
+    },
+    {
+      path: '/settings/general',
+      name: 'general',
+      component: () => import('../pages/settings/general.vue'),
+      meta: { title: 'settings.general.general' }
+    },
+    {
+      path: '/settings/api-keys',
+      name: 'apiKeys',
+      component: () => import('../pages/settings/ApiKeys.vue'),
+      meta: { title: 'settings.api-keys.apiKeys' }
+    },
+    {
+      path: '/settings/appearance',
+      name: 'appearance',
+      component: () => import('../pages/settings/Appearance.vue'),
+      meta: { title: 'settings.appearance.appearance' }
+    },
+    {
+      path: '/settings/logs',
+      name: 'logs',
+      component: () => import('../pages/settings/Logs.vue'),
+      meta: { title: 'settings.logs.title' }
+    },
+    {
+      path: '/settings/permissions',
+      name: 'permissions',
+      component: () => import('../pages/settings/PermissionsPage.vue'),
+      meta: { title: 'settings.permissions.title' }
+    }
+  ]
+});
+
+export default router;
+
+router.afterEach((to) => {
+  const t = i18n.global.t;
+  const defaultTitle = 'CMS';
+  document.title = (to.meta && typeof to.meta.title === 'string')
+    ? t(to.meta.title)
+    : defaultTitle;
+});

package/src/types/fastify-auth.d.ts

@@ -0,0 +1,4 @@
+declare module '@opengis/fastify-auth' {
+  const mod: any;
+  export default mod;
+}