@ozdao/prometheus-framework 0.2.156 → 0.2.157

package/src/modules/pages/components/pages/Page.vue

@@ -1,174 +0,0 @@
-<template>
-  <div >
-    
-    <div class="breadcrumbs section">
-      <router-link to="/">
-        <svg class="home" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
-          <path fill="rgb(var(--black))" d="M0.494141 4.26391C0.494141 4.48862 0.659906 4.66912 0.928813 4.66912C1.05037 4.66912 1.16825 4.6065 1.27139 4.52177L1.64344 4.20866V7.56448C1.64344 8.13545 1.98971 8.47803 2.5791 8.47803H7.56678C8.15616 8.47803 8.50243 8.13545 8.50243 7.56448V4.19392L8.8929 4.52177C8.99604 4.6065 9.11392 4.66912 9.23916 4.66912C9.48597 4.66912 9.67015 4.5144 9.67015 4.27128C9.67015 4.1313 9.61121 4.01343 9.5007 3.92133L8.50243 3.08146V1.47538C8.50243 1.30961 8.3956 1.1991 8.22984 1.1991H7.63308C7.46732 1.1991 7.35313 1.30961 7.35313 1.47538V2.11634L5.66969 0.70181C5.31606 0.403433 4.85928 0.403433 4.50197 0.70181L0.663589 3.92133C0.553079 4.01711 0.494141 4.14235 0.494141 4.26391ZM6.13752 5.26219C6.13752 5.08906 6.02701 4.97855 5.85387 4.97855H4.31779C4.14097 4.97855 4.02678 5.08906 4.02678 5.26219V7.63447H2.83327C2.60856 7.63447 2.48332 7.50922 2.48332 7.28084V3.5014L4.90349 1.47538C5.01768 1.37592 5.15029 1.37592 5.26817 1.47538L7.66255 3.48298V7.28084C7.66255 7.50922 7.53731 7.63447 7.3126 7.63447H6.13752V5.26219Z"/>
-        </svg>
-        <span>{{t('breadcrumbs.home')}}</span>
-      </router-link>
-      
-
-      <svg  class="chevron" viewBox="0 0 4 8" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path d="M4 3.99992C4 3.83673 3.94307 3.70391 3.81025 3.57867L0.899431 0.732369C0.800759 0.629902 0.679317 0.580566 0.531309 0.580566C0.239089 0.580566 0 0.815861 0 1.10808C0 1.25229 0.0607211 1.38512 0.166983 1.49138L2.74763 3.99613L0.166983 6.50846C0.0607211 6.61093 0 6.74375 0 6.89176C0 7.18398 0.239089 7.41928 0.531309 7.41928C0.675522 7.41928 0.800759 7.36994 0.899431 7.26747L3.81025 4.42117C3.94307 4.29594 4 4.15931 4 3.99992Z" fill="rgb(var(--black))"/>
-      </svg>
-      
-      <router-link v-if="page" :to="'/pages/' + page.url">
-        <span v-if="$i18n.locale === 'en'">{{page.localization[0].text}}</span>
-        <span v-if="$i18n.locale === 'ru'">{{page.localization[1].text}}</span>
-        <!-- {{$i18n.locale}} -->
-      </router-link >
-      
-    </div>
-
-  
-    <div class="page-wrapper cols-2-1_3 gap-big section"> 
-      <ul class="w-100 pd-medium menu-tabs">
-        <p class="mn-b-medium t-semi p-medium">{{ t('information') }}</p>
-        <li  v-for="(page,index) in pages"  :class="{'product-tab-active':route.params.url === page.url}" class="product-tab">
-
-          <router-link :to="{ name: 'Page', params: { url: page.url}}" >
-            <span v-html="t('pages[' + index + ']')"></span>
-          </router-link>
-        </li>
-      </ul>  
-      <section class="page ">
-        <h1 class="mn-b-small">
-            <span>{{ t('title') }}</span>
-        </h1>
-        <hr class="mn-b-semi">
-        <div class="page-content-wrapper">
-          {{t('content')}}
-        </div>
-
-      </section>  
-    </div>
-
-  </div>
-</template>
-
-<script setup>
-  // Import libs
-  import { computed, onMounted } from 'vue'
-  import { useStore } from '@/store'
-  import { useRoute } from 'vue-router'
-  import { useI18n }    from 'vue-i18n'
-  
-  import * as marked from 'marked';
-  
-
-  // const renderer = {
-  //   image(image) {
-  //     var imageRequired = require('../../..@/assets/images/cases/' + image)
-  //     return `<img src='${imageRequired.default}' />`;
-  //   }
-  // };
-
-  // marked.use({ renderer });
-  // Import components
-  // Accessing router and store
-  const text = {
-    locale: 'en',
-    messages: {
-      en: {
-        breadcrumbs: {
-          home: 'Home',
-          store: 'Store',
-        },
-        information: "Information",
-        adress: 'Adress',
-        support: 'Get Online Support',
-        request: 'Contact Number',
-        time: "24 / 7 Seven days a week",
-        copyright: "Weeder, 2022. Proudly created with OZ DAO.",
-        pages: [],
-      },
-      ru: {
-        breadcrumbs: {
-          home: 'Главная',
-          store: 'Store',
-        },
-        information: "Информация",
-        adress: 'Адресс',
-        support: 'Онлайн Поддержка',
-        request: 'Контактный Телефон',
-        time: "24 / 7 без перерывов",
-        copyright: "Weeder, 2022. С гордостью создано OZ DAO.",
-        pages: [],
-        title: '',
-        content: '',
-      }
-    }
-  }
-
-
-
-  const { t, locale } = useI18n(text)
-  const store = useStore()
-  const route = useRoute()
-  // Data prefetching
-  if (route.params.url) {
-    await store.dispatch('pages/fetch', route.params.url)
-  } else {
-    store.commit('pages/init');
-  }
-
-  await store.dispatch('pages/fetchAll')
-
-  const pages = computed(() => store.pages.state.all)
-  console.log(store.pages.state)
-
-  const page = computed(() => store.pages.state.current)
-
-  const content = computed(() => marked(t('content'), { sanitize: true }))
-
-  store.pages.state.all.forEach( page => {
-    page.localization.forEach( localization => {
-      text.messages[localization.locale].pages.push(localization.text)
-    })
-  })
-
-  store.pages.state.current.localization.forEach(localization => {
-    text.messages[localization.locale].title = localization.text
-  })
-
-  store.pages.state.current.localization.forEach(localization => {
-    text.messages[localization.locale].content = localization.content
-  })
-
-</script>
-
-<style lang="scss">
-.menu-tabs {
-  margin-right: 3rem;
-  .product-tab {
-    height: 2.5rem;
-  }
-}
-
-.page-wrapper {
-  .router-link-active, .router-link-exact-active {
-    color: rgb(var(--main));
-  }
-}
-.page {
-  width: 100%;
-  
-  .page-content-wrapper {
-    > * {
-      margin-bottom: 1rem;
-    }
-  }
-  p { 
-    opacity: 0.5;
-  }
-  ul {
-    li {
-      list-style-type: circle;
-      // height: 4rem;
-      margin-bottom: 0.5rem;
-    }
-  }
-}
-</style>

package/src/modules/pages/components/pages/PageEdit.vue

@@ -1,159 +0,0 @@
-<template>
-   <!-- Toolbar -->
-  <section class="br-bot-dark bg-white pd-big">
-    <header class="flex-nojustify flex-bottom flex-nowrap flex">
-      <h1 v-if="route.params.url" class="mn-r-small">Редактировать страницу</h1>
-      <h1 v-else class="mn-r-small">Добавить страницу</h1>
-     
-     </header>
-  </section>
-
-
-  <section class="bg-white pd-b-zero pd-big ">
-    <!-- Empty State -->
-    <InputText :obj="'pages'" :prop="'current.name'" :value="page.name" label="Название страницы"/>
-    <InputText :obj="'pages'" :prop="'current.url'" :value="page.url" label="URL"/>
-    <InputText :obj="'pages'" :prop="'current.groups'" :value="page.groups" label="Отобразить в" class="mn-b-big"/>
-
-    <EditCategories 
-      :category="page" 
-      title="Локализация" 
-      obj="pages"
-      prop='current.localization'
-      name="localization"
-      keyname="locale"
-      parname="text"
-    />
-
-    <EditCategories 
-      :category="page" 
-      title="Локализация контента" 
-      obj="pages"
-      prop='current.localization'
-      name="localization"
-      keyname="locale"
-      parname="content"
-    />
-
-  </section>
-
-
-  <div  class="bg-white pd-t-zero pd-big page-content-edit"> 
-    <p class="mn-b-small t-semi p-big">Контент страницы</p>
-    <textarea
-      @input="updateInputText('pages', 'current.content', $event)" 
-      :value="page.content" 
-      placeholder="Не указано"
-      class="mn-b-small input-textarea"
-    />
-  </div>
-  <section class="pd-big flex">
-    <a @click="onSubmit()" class="button">Сохранить</a> 
-    <a v-if="route.params.url" @click="onDelete()" class="t-main bg-white button">Удалить</a>
-  </section>
-</template>
-
-
-<script setup>
-  import InputText  from '@/components/elements/InputText.vue'
-  import EditCategories   from '@pf/src/modules/products/components/blocks/EditCategories.vue'
-
-  import { computed, onMounted, reactive, toRefs } from 'vue'
-  
-  import { useRoute,useRouter } from 'vue-router'
- 
-  const store = useStore()
-  const route = useRoute()
-  const router = useRouter()
-
-  if (route.params.url) {
-    await store.dispatch('pages/fetch', route.params.url).then(
-      succes => { console.log('succes') },
-      error => {  
-        console.log('error') 
-      }
-    )
-  } else {
-    store.commit('pages/init');
-  }
-  const page = computed(() => store.state.pages.current)
-
-  function onSubmit() {
-    if (route.params.url) {
-      store.dispatch('pages/update', store.state.pages.current)
-    } else {
-      store.dispatch('pages/create', store.state.pages.current).then(
-        succes => { 
-          router.push({name: 'Pages'})
-        },
-        error => {  
-          console.log('error') 
-        }
-      )
-    }
-  }
-
-  function onDelete() {
-    store.dispatch('pages/delete', store.state.pages.current.url).then(
-        succes => { 
-          router.push({name: 'Pages'})
-        },
-        error => {  
-          console.log('error') 
-        }
-      )
-  }
-
-   
-
-  </script>
-
-<style lang="scss">
-
-.round-stat {
-  padding: 1rem;
-  border-radius: 5rem;
-  width: 3rem;
-  height: 3rem;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border: 1px solid rgba(0,0,0,0.1);
-
-  &-tab {
-    width: 2rem;
-    height: 2rem;
-  }
-}
-
-.page-content-edit {
-  textarea {
-    min-height: 16rem;
-  }
-}
-
-.order-card {
-  border-radius: 0.25rem;
-  overflow: hidden;
-  box-shadow: 0 8px 8px -8px rgb(36 36 36 / 10%);
-  .order-status {
-    color: black;
-    background: #EEF2F6; 
-    width: 100%;
-    padding: 0.75rem 1.5rem;
-    margin: 0;
-  }
-
-  .new {
-    color: white;
-    background: #00ff88;
-  }
-
-  .block {
-    border-radius: 0;
-    border: 0;
-  }
-}
-
-  
-</style>

package/src/modules/pages/components/pages/Pages.vue

@@ -1,108 +0,0 @@
-<template>
-   <!-- Toolbar -->
-  <section class="br-bot-dark bg-white pd-big">
-    <header class="flex-nojustify flex-bottom flex-nowrap flex">
-      <h1 class="mn-r-small">Страницы</h1>
-      <router-link :to="'/admin/pages/add'"  class="i-regular pd-thin button-delete button"><img src="@/assets/icons/plus-white.svg"></router-link>
-     </header>
-  </section>
-
- 
-
-  <section class="cols-1 bg-light pd-big">
-    <!-- Empty State -->
-    <p v-if="pages.length === 0">У вас еще нет страниц</p>
-    <!-- Objects -->
-    <div v-for="page in pages" class="order-card col"> 
-    
-
-      <div class="flex block">
-        <div>
-        <p class="mn-b-thin p-big">
-          {{page.name}}
-        </p>
-
-        <router-link :to="{ name: 'PageEdit', params: { url: page.url}}" class="t-transp">
-          pages/{{page.url}}
-        </router-link>
-        </div>
-
-        <div>
-          <router-link :to="{ name: 'PageEdit', params: { url: page.url}}" class="mn-r-small">  <span class="t-main">Редактировать</span></router-link>
-          <!-- <a @click="store.dispatch('pages/delete', page.url)" class="t-main">Удалить</a> -->
-        </div>
-      </div>
-
-     
-        
-    </div>
-  </section>
-</template>
-
-
-<script setup>
-
-
-  import { computed, onMounted, reactive, toRefs } from 'vue'
-  
-  import { useRoute,useRouter } from 'vue-router'
- 
-  const store = useStore()
-  const route = useRoute()
-  const router = useRouter()
-
-  await store.dispatch('pages/fetchAll').then(
-    succes => { console.log('sycces') },
-    error => {  
-      console.log('eror') 
-    }
-  )
-  const pages = computed(() => store.state.pages.all)
-
-  </script>
-
-<style lang="scss">
-
-.round-stat {
-  padding: 1rem;
-  border-radius: 5rem;
-  width: 3rem;
-  height: 3rem;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border: 1px solid rgba(0,0,0,0.1);
-
-  &-tab {
-    width: 2rem;
-    height: 2rem;
-  }
-}
-
-
-
-.order-card {
-  border-radius: 0.25rem;
-  overflow: hidden;
-  box-shadow: 0 8px 8px -8px rgb(36 36 36 / 10%);
-  .order-status {
-    color: black;
-    background: #EEF2F6; 
-    width: 100%;
-    padding: 0.75rem 1.5rem;
-    margin: 0;
-  }
-
-  .new {
-    color: white;
-    background: #00ff88;
-  }
-
-  .block {
-    border-radius: 0;
-    border: 0;
-  }
-}
-
-  
-</style>

package/src/modules/pages/controllers/pages.controller.js

@@ -1,71 +0,0 @@
- // --------------------------------------------------
-// Used models
-// --------------------------------------------------
-const db = require("../models");
-const Page = db.page;
-// --------------------------------------------------
-// HELPERS 
-// --------------------------------------------------
-// --------------------------------------------------
-// METHODS
-// --------------------------------------------------
-exports.getAll = (req, res) => {
-  Page.find({}).exec((err, pages) => {
-    // If error
-    if (err) {return res.status(500).send({ message: err }); }
-    // If not found
-    if (!pages) {return res.status(404).send({ message: "PAges not found." }); }
-    // If succes
-    res.status(200).send(pages);
-  });
-};
-
-exports.create = (req, res) => {
-  if(req.body.groups.length > 0) { req.body.groups = req.body.groups.split(', ') }
-  else {
-    req.body.groups = []
-  }
-
-
-  Page.create(req.body, (err, page) => {
-    if (err) {return res.status(500).send({ message: err }); }
-    if (!page) {return res.status(404).send({ message: "Something wrong when creaing page." }); }
-    res.status(200).send(page);
-  })
-};
-
-exports.get = (req, res) => {
-  Page.findOne({ url: req.params.url }).exec((err, page) => {
-    // If error
-    if (err) {return res.status(500).send({ message: err }); }
-    // If not found
-    if (!page) {return res.status(404).send({ message: "Page not found." }); }
-    // If succes
-    res.status(200).send(page);
-  });
-};
-
-exports.update = (req, res) => {
-  if(req.body.groups.length > 0) { req.body.groups = req.body.groups.split(', ') }
-  else {
-    req.body.groups = []
-  }
-
-  Page.findOneAndUpdate({ url: req.params.url }, req.body, { new: true}).exec((err, page) => {
-    // If error
-    if (err) {return res.status(500).send({ message: err }); }
-    // If not found
-    if (!page) {return res.status(404).send({ message: "Page not found." }); }
-    // If succes
-    res.status(200).send(page);
-  });
-};
-
-exports.delete = (req, res) => {
-  Page.findOneAndDelete({url: req.params.url}, (err, page) => {
-    if (err) {return res.status(500).send({ message: err }); }
-    if (!page) {return res.status(404).send({ message: "Something wrong when deleteing page." }); }
-    res.status(200).send(page);
-  })
-};
-

package/src/modules/pages/router/pages.router.js

@@ -1,15 +0,0 @@
-const pages = [
-  {
-    path: 'pages/:url',
-    name: 'Page',
-    meta: {
-      title: {
-        en: 'Page',
-        ru: 'Страница'
-      }
-    },
-    component: () => import(/* webpackChunkName: 'Page' */ '@pf/src/modules/landing/components/pages/Page.vue')
-  }
-];
-
-export default pages;

package/src/modules/pages/routes/pages.routes.js

@@ -1,30 +0,0 @@
-const controller = require("../controllers/pages.controller");
-
-module.exports = function(app) {
-  app.get(
-    "/pages",
-    controller.getAll
-  );
-
-  app.post(
-    "/pages",
-    controller.create
-  );
-
-  app.get(
-    "/pages/:url",
-    controller.get
-  );
-
-   app.post(
-    "/pages/:url",
-    controller.update
-  );
-  
-  app.delete(
-    "/pages/:url",
-    controller.delete
-  );
-
-};
-

package/src/modules/pages/store/pages.js

@@ -1,94 +0,0 @@
-import { reactive, watch } from "vue";
-import axios from "axios";
-import { setError } from "@pf/src/modules/globals/store/globals";
-
-const clientUrl = process.env.API_URL;
-const $axios = axios.create({ baseURL: clientUrl });
-
-const state = reactive({
-  all: [],
-  current: {
-    name: "",
-    localization: [],
-    groups: [],
-    url: "",
-    content: "",
-  },
-});
-
-const actions = {
-  async fetchAll() {
-    return await $axios.get(`/pages`).then(
-      (pages) => {
-        state.all = pages.data;
-        return Promise.resolve(pages.data);
-      },
-      (error) => {
-        setError(error);
-        return Promise.reject(error);
-      }
-    );
-  },
-
-  async fetch(page) {
-    return await $axios.get(`/pages/` + page).then(
-      (page) => {
-        page.groups = page.groups.toString();
-        state.current = page.data;
-        return Promise.resolve(page.data);
-      },
-      (error) => {
-        setError(error);
-        return Promise.reject(error);
-      }
-    );
-  },
-
-  async create(page) {
-    return await $axios.post(`/pages`, page).then(
-      (page) => {
-        state.all.push(page.data);
-        return Promise.resolve(page.data);
-      },
-      (error) => {
-        setError(error);
-        return Promise.reject(error);
-      }
-    );
-  },
-
-  async update(page) {
-    return await $axios.post(`/pages/` + page.url, page).then(
-      (page) => {
-        state.current = page.data;
-        return Promise.resolve(page.data);
-      },
-      (error) => {
-        setError(error);
-        return Promise.reject(error);
-      }
-    );
-  },
-
-  async delete(url) {
-    return await $axios.delete(`/pages/` + url).then(
-      (page) => {
-        state.all.splice(state.all.findIndex((p) => p.url == url), 1);
-        return Promise.resolve(page.data);
-      },
-      (error) => {
-        setError(error);
-        return Promise.reject(error);
-      }
-    );
-  },
-};
-
-const history = [];
-history.push(state);
-
-watch(state, (newState) => {
-  history.push(newState);
-});
-
-export { state, actions };