Merge branch 'main' into 'main'

#111 Изменён функционал досок See merge request teknokomo/universo-monorepo!46

Merge branch 'main' into 'main'
#111 Изменён функционал досок See merge request teknokomo/universo-monorepo!46
d1f77718 · Anton Medvedev · 956287b3 · 844cde8b · d1f77718 · d1f77718
--- a/universo-frontend/src/layouts/CanvasLayout.vue
+++ b/universo-frontend/src/layouts/CanvasLayout.vue
+<template>
+  <q-layout view="hHh LpR fFf">
+    <q-page-container style="min-height: 100vh">
+      <router-view :key="$route.path" />
+    </q-page-container>
+  </q-layout>
+</template>
+
+<script>
+import { ref } from 'vue';
+import { useCurrentUserStore } from 'src/stores/current-user';
+import { mapState, mapActions } from 'pinia';
+import { createMetaMixin } from 'quasar';
+import { LocalStorage } from 'quasar';
+import meta from '../utils/meta';
+
+export default {
+  setup() {
+    const leftDrawerOpen = ref(false);
+
+    return {
+      acceptCookies: ref(false),
+      acceptCookiesMessage:
+        'Мы используем файлы cookies. <br/> Чтобы улучшить работу сайта и предоставить вам больше возможностей.',
+      // loginButton,
+      // menuList
+      leftDrawerOpen,
+      toggleLeftDrawer() {
+        leftDrawerOpen.value = !leftDrawerOpen.value;
+      },
+    };
+  },
+
+  mixins: [
+    createMetaMixin(function () {
+      return meta(this.metaTags);
+    }),
+  ],
+  computed: {
+    ...mapState(useCurrentUserStore, ['getUserId']),
+    button() {
+      return this.getUserId ? this.loginButton.logout : this.loginButton.login;
+    },
+    title: function () {
+      return this.$route?.meta?.title;
+    },
+
+    metaTags() {
+      return {
+        title: this.title,
+        description:
+          'Погрузитесь через РВМ Универсо в гипервселенную — бесконечное пространство исследований, цифровизации и социального взаимодействия в метавселенных. Функционал Общественного КиберГосплана поможет управлять вашими проектами и организациями, объединиться в рамках Омского Международного Плана, создавать в любой точке мира новые Народные предприятия, Профсоюзы, Советы и любые проекты по интересам.',
+        keywords:
+          'гипервселенная, метавселенные, госплан, кибергосплан, проекты, народные, предприятия, профсоюзы, советы, холсты, карточки, игры, работа',
+        url: process.env.APP_HOST + this.$route.path,
+        image: '',
+        robots: '',
+      };
+    },
+  },
+  mounted() {
+    this.acceptCookies = !!LocalStorage.getItem('acceptCookies');
+
+    if (!this.acceptCookies) {
+      setTimeout(() => {
+        this.$q.notify({
+          //progress: true,
+          message: this.acceptCookiesMessage,
+          color: 'red',
+          multiLine: true,
+          timeout: 0,
+          html: true,
+          actions: [
+            {
+              label: 'Согласен',
+              color: 'white',
+              handler: () => {
+                this.acceptCookies = true;
+                LocalStorage.set('acceptCookies', true);
+              },
+            },
+          ],
+        });
+      }, 2000);
+    }
+    if (LocalStorage.getItem('jwt_token')) {
+      this.getMe();
+    }
+  },
+  methods: {
+    ...mapActions(useCurrentUserStore, ['getMe', 'logout']),
+    onLogout() {
+      this.logout()
+        .then((res) => {
+          console.log('result', res);
+          this.$router.push({ name: 'start' });
+        })
+        .catch((res) => {
+          console.log('error', res);
+        });
+    },
+  },
+};
+</script>
--- a/universo-frontend/src/router/routes.ts
+++ b/universo-frontend/src/router/routes.ts
@@ -110,24 +110,43 @@ const routes: RouteRecordRaw[] = [
          return;
        },
      },
+      // {
+      //   path: '/endless3/:uuid',
+      //   name: 'endless3',
+      //   meta: { title: 'Endless' },
+      //   component: () => import('pages/canvas/ActualCanvas.vue'),
+      //   beforeEnter: (to, from) => {
+      //     const store = useCurrentUserStore();
+      //     // if (!store.getUserId) {
+      //     //   return { name: 'start' };
+      //     // }
+      //     return;
+      //   },
+      // },
      {
-        path: '/endless3/:uuid',
+        path: '/privacypolicy',
+        name: 'privacypolicy',
+        component: () => import('pages/PrivacyPolicyPage.vue'),
+      },
+    ],
+  },
+  {
+    path: '/endless3/:uuid',
+    component: () => import('layouts/CanvasLayout.vue'),
+    children: [
+      {
+        path: '/projects/:uuid/',
        name: 'endless3',
        meta: { title: 'Endless' },
        component: () => import('pages/canvas/ActualCanvas.vue'),
        beforeEnter: (to, from) => {
          const store = useCurrentUserStore();
-          // if (!store.getUserId) {
-          //   return { name: 'start' };
-          // }
+          if (!store.getUserId) {
+            return { name: 'start' };
+          }
          return;
        },
      },
-      {
-        path: '/privacypolicy',
-        name: 'privacypolicy',
-        component: () => import('pages/PrivacyPolicyPage.vue'),
-      },
    ],
  },