@opengis/cms 0.0.1 → 0.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengis/cms",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "cms",
   "type": "module",
   "author": "Softpro",
@@ -8,7 +8,7 @@
   "scripts": {
     "test": "node --test test/**/*.test.js",
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
-    "build": "vite build editor",
+    "build": "vite build",
     "start": "node server",
     "prod": "cross-env NODE_ENV=production npm run start",
     "docs:dev": "vitepress dev docs",

package/server/plugins/vite.js

@@ -14,7 +14,7 @@ async function plugin(fastify) {
     const vite = await import('vite');
 
     const viteServer = await vite.createServer({
-      root: `${root}/editor`,
+      root: `${root}`,
       server: {
         middlewareMode: true,
       },
@@ -50,7 +50,7 @@ async function plugin(fastify) {
   // From Build
   fastify.get('*', async (req, reply) => {
     const { user } = req.session?.passport || {};
-    const assetsDir = 'editor/dist';
+    const assetsDir = '/dist';
     if (!user) return reply.redirect('/login');
     const stream = fs.createReadStream(`${assetsDir}/index.html`);
     return reply.type('text/html').send(stream);
@@ -58,7 +58,7 @@ async function plugin(fastify) {
 
   const fileSize = {};
   async function staticFile(req, reply) {
-    const assetsDir = 'editor/dist';
+    const assetsDir = '/dist';
     const filePath = path.join(root, assetsDir, req.url);
     const ext = path.extname(filePath);
 

package/{editor/src → src}/components/manager/children/vs-manager-collection-item-content.vue

@@ -1,116 +1,116 @@
-<template>
-  <div class="flex items-center justify-between">
-    <div class="mt-[10px]">
-      <h2 class="font-medium text-2xl">{{ objectData?.title }}</h2>
-      <p class="text-gray-600">{{ objectData?.description }}</p>
-    </div>
-    <div class="flex items-center gap-1">
-      <button
-        @click="deleteById"
-        class="py-2 px-3 inline-flex items-center gap-x-2 text-sm whitespace-nowrap text-white bg-red-500 rounded-lg !border-gray-200 hover:bg-red-700 duration-300"
-      >
-        Видалити
-      </button>
-      <button
-        @click="updateDataById"
-        class="py-2 px-3 inline-flex items-center gap-x-2 text-sm whitespace-nowrap text-white bg-blue-500 rounded-lg !border-gray-200 hover:bg-blue-700 duration-300"
-      >
-        Зберегти
-      </button>
-    </div>
-  </div>
-  <div>
-    <div class="w-full mt-[20px] bg-white rounded-xl p-[20px] border">
-      <VsForm
-        :key="formUpdateCounter"
-        class="w-full"
-        :scheme
-        v-model="formValues"
-      />
-    </div>
-  </div>
-</template>
-
-<script setup>
-import axios from "axios";
-import { computed, getCurrentInstance, onMounted, ref, watch } from "vue";
-import { useRoute, useRouter } from "vue-router";
-
-const $notify = getCurrentInstance().proxy.$notify;
-
-const route = useRoute();
-const router = useRouter();
-
-const template = computed(() => route?.params?.template);
-const id = computed(() => route?.params?.id);
-const objectData = ref(null);
-const formValues = ref({});
-const formUpdateCounter = ref(1);
-
-const getDataById = async () => {
-  try {
-    const { data } = await axios.get(
-      `/api/cms-manager/${template.value}/${id.value}`
-    );
-    objectData.value = data?.rows?.[0];
-    formValues.value = data?.rows?.[0];
-    formUpdateCounter.value = formUpdateCounter.value + 1;
-  } catch (error) {}
-};
-
-const updateDataById = async () => {
-  try {
-    await axios.put(`/api/cms-manager/${id.value}`, formValues.value);
-    await $notify({
-      type: "success",
-      title: "Успішно!",
-      message: "Дані успішно оновлено",
-    });
-    getDataById();
-  } catch (error) {
-    await $notify({
-      type: "error",
-      title: "Помилка!",
-      message: "При спробі оновити дані виникла помилка",
-    });
-  }
-};
-
-const deleteById = async () => {
-  try {
-    await axios.delete(`/api/cms-manager/${id.value}`);
-    await $notify({
-      type: "success",
-      title: "Успішно!",
-      message: "Об'єкт видалено успішно",
-    });
-    await router?.back();
-    // getDataById();
-  } catch (error) {
-    await $notify({
-      type: "error",
-      title: "Помилка!",
-      message: "При спробі видалити об'єкт виникла помилка",
-    });
-  }
-};
-
-watch(template, getDataById);
-onMounted(() => getDataById());
-
-const scheme = {
-  title: {
-    ua: "Назва",
-    type: "Text",
-    placeholder: "Назва",
-    validators: ["required"],
-  },
-  body: { ua: "Контент", type: "TextEditor", validators: ["required"] },
-  enabled: {
-    ua: "Чи увімкнений",
-    type: "Switcher",
-  },
-};
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <div class="flex items-center justify-between">
+    <div class="mt-[10px]">
+      <h2 class="font-medium text-2xl">{{ objectData?.title }}</h2>
+      <p class="text-gray-600">{{ objectData?.description }}</p>
+    </div>
+    <div class="flex items-center gap-1">
+      <button
+        @click="deleteById"
+        class="py-2 px-3 inline-flex items-center gap-x-2 text-sm whitespace-nowrap text-white bg-red-500 rounded-lg !border-gray-200 hover:bg-red-700 duration-300"
+      >
+        Видалити
+      </button>
+      <button
+        @click="updateDataById"
+        class="py-2 px-3 inline-flex items-center gap-x-2 text-sm whitespace-nowrap text-white bg-blue-500 rounded-lg !border-gray-200 hover:bg-blue-700 duration-300"
+      >
+        Зберегти
+      </button>
+    </div>
+  </div>
+  <div>
+    <div class="w-full mt-[20px] bg-white rounded-xl p-[20px] border">
+      <VsForm
+        :key="formUpdateCounter"
+        class="w-full"
+        :scheme
+        v-model="formValues"
+      />
+    </div>
+  </div>
+</template>
+
+<script setup>
+import axios from "axios";
+import { computed, getCurrentInstance, onMounted, ref, watch } from "vue";
+import { useRoute, useRouter } from "vue-router";
+
+const $notify = getCurrentInstance().proxy.$notify;
+
+const route = useRoute();
+const router = useRouter();
+
+const template = computed(() => route?.params?.template);
+const id = computed(() => route?.params?.id);
+const objectData = ref(null);
+const formValues = ref({});
+const formUpdateCounter = ref(1);
+
+const getDataById = async () => {
+  try {
+    const { data } = await axios.get(
+      `/api/cms-manager/${template.value}/${id.value}`
+    );
+    objectData.value = data?.rows?.[0];
+    formValues.value = data?.rows?.[0];
+    formUpdateCounter.value = formUpdateCounter.value + 1;
+  } catch (error) {}
+};
+
+const updateDataById = async () => {
+  try {
+    await axios.put(`/api/cms-manager/${id.value}`, formValues.value);
+    await $notify({
+      type: "success",
+      title: "Успішно!",
+      message: "Дані успішно оновлено",
+    });
+    getDataById();
+  } catch (error) {
+    await $notify({
+      type: "error",
+      title: "Помилка!",
+      message: "При спробі оновити дані виникла помилка",
+    });
+  }
+};
+
+const deleteById = async () => {
+  try {
+    await axios.delete(`/api/cms-manager/${id.value}`);
+    await $notify({
+      type: "success",
+      title: "Успішно!",
+      message: "Об'єкт видалено успішно",
+    });
+    await router?.back();
+    // getDataById();
+  } catch (error) {
+    await $notify({
+      type: "error",
+      title: "Помилка!",
+      message: "При спробі видалити об'єкт виникла помилка",
+    });
+  }
+};
+
+watch(template, getDataById);
+onMounted(() => getDataById());
+
+const scheme = {
+  title: {
+    ua: "Назва",
+    type: "Text",
+    placeholder: "Назва",
+    validators: ["required"],
+  },
+  body: { ua: "Контент", type: "TextEditor", validators: ["required"] },
+  enabled: {
+    ua: "Чи увімкнений",
+    type: "Switcher",
+  },
+};
+</script>
+
+<style lang="scss" scoped></style>

package/{editor/src → src}/components/manager/manager-table/vs-manager-colection-table-add.vue

@@ -1,84 +1,84 @@
-<template>
-  <button
-    @click="formVisible = true"
-    class="py-2 px-3 inline-flex items-center gap-x-2 text-sm whitespace-nowrap text-white bg-blue-500 rounded-lg !border-gray-200 hover:bg-blue-700 duration-300"
-  >
-    Створити
-  </button>
-
-  <VsDialog title="Створити об'єкт" v-model:visible="formVisible">
-    <div>
-      <VsForm ref="form" :scheme v-model="formValue" />
-    </div>
-    <template #footer>
-      <div class="flex justify-end p-[20px] gap-[10px] border-t w-full">
-        <button
-          @click="formVisible = false"
-          class="py-2 px-3 inline-flex items-center gap-x-2 text-sm whitespace-nowrap text-black border rounded-lg border-gray-200 hover:bg-gray-100 duration-300"
-        >
-          Скасувати</button
-        ><button
-          @click="createNewObject"
-          class="py-2 px-3 inline-flex items-center gap-x-2 text-sm whitespace-nowrap text-white bg-blue-500 rounded-lg !border-gray-200 hover:bg-blue-700 duration-300"
-        >
-          Створити
-        </button>
-      </div>
-    </template>
-  </VsDialog>
-</template>
-
-<script setup>
-import axios from "axios";
-import { getCurrentInstance, ref } from "vue";
-import { translit } from "../../../helpers/translite";
-
-const $notify = getCurrentInstance().proxy.$notify;
-const emit = defineEmits(["update-list"]);
-
-const props = defineProps({ template: { type: String, default: () => "" } });
-
-const formVisible = ref(false);
-const formValue = ref({});
-const form = ref();
-
-const createNewObject = async () => {
-  try {
-    await form.value.doValidation();
-    formValue.value.url = translit(formValue.value.title);
-    await axios.post(`/api/cms-manager/${props.template}`, formValue.value);
-    $notify({
-      type: "success",
-      title: "Успушно!",
-      message: "Об'єкт створено успішно",
-    });
-    formValue.value = {};
-    formVisible.value = false;
-    emit("update-list");
-  } catch (error) {
-    $notify({
-      type: "error",
-      title: "Помилка!",
-      message: "При спробі створити об'єкт сталася помилка",
-    });
-  }
-};
-
-const scheme = [
-  {
-    key: "title",
-    ua: "Назва",
-    type: "Text",
-    placeholder: "Назва",
-    validators: ["required"],
-  },
-  { key: "body", ua: "Контент", type: "TextEditor", validators: ["required"] },
-  {
-    ua: "Чи увімкнений",
-    name: "enabled",
-    type: "Switcher",
-  },
-];
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <button
+    @click="formVisible = true"
+    class="py-2 px-3 inline-flex items-center gap-x-2 text-sm whitespace-nowrap text-white bg-blue-500 rounded-lg !border-gray-200 hover:bg-blue-700 duration-300"
+  >
+    Створити
+  </button>
+
+  <VsDialog title="Створити об'єкт" v-model:visible="formVisible">
+    <div>
+      <VsForm ref="form" :scheme v-model="formValue" />
+    </div>
+    <template #footer>
+      <div class="flex justify-end p-[20px] gap-[10px] border-t w-full">
+        <button
+          @click="formVisible = false"
+          class="py-2 px-3 inline-flex items-center gap-x-2 text-sm whitespace-nowrap text-black border rounded-lg border-gray-200 hover:bg-gray-100 duration-300"
+        >
+          Скасувати</button
+        ><button
+          @click="createNewObject"
+          class="py-2 px-3 inline-flex items-center gap-x-2 text-sm whitespace-nowrap text-white bg-blue-500 rounded-lg !border-gray-200 hover:bg-blue-700 duration-300"
+        >
+          Створити
+        </button>
+      </div>
+    </template>
+  </VsDialog>
+</template>
+
+<script setup>
+import axios from "axios";
+import { getCurrentInstance, ref } from "vue";
+import { translit } from "../../../helpers/translite";
+
+const $notify = getCurrentInstance().proxy.$notify;
+const emit = defineEmits(["update-list"]);
+
+const props = defineProps({ template: { type: String, default: () => "" } });
+
+const formVisible = ref(false);
+const formValue = ref({});
+const form = ref();
+
+const createNewObject = async () => {
+  try {
+    await form.value.doValidation();
+    formValue.value.url = translit(formValue.value.title);
+    await axios.post(`/api/cms-manager/${props.template}`, formValue.value);
+    $notify({
+      type: "success",
+      title: "Успушно!",
+      message: "Об'єкт створено успішно",
+    });
+    formValue.value = {};
+    formVisible.value = false;
+    emit("update-list");
+  } catch (error) {
+    $notify({
+      type: "error",
+      title: "Помилка!",
+      message: "При спробі створити об'єкт сталася помилка",
+    });
+  }
+};
+
+const scheme = [
+  {
+    key: "title",
+    ua: "Назва",
+    type: "Text",
+    placeholder: "Назва",
+    validators: ["required"],
+  },
+  { key: "body", ua: "Контент", type: "TextEditor", validators: ["required"] },
+  {
+    ua: "Чи увімкнений",
+    name: "enabled",
+    type: "Switcher",
+  },
+];
+</script>
+
+<style lang="scss" scoped></style>