feat: shop dashboard is behind login (#62)

backend/config/plugins.ts

@@ -1 +1,6 @@
-export default () => ({});
+export default () => ({
+    'config-sync': {
+        enabled: true,
+        importOnBootstrap: true,
+    }
+});

backend/config/sync/user-role.authenticated.json

@@ -4,10 +4,52 @@
   "type": "authenticated",
   "permissions": [
     {
-      "action": "api::order-item.order-item.increment"
+      "action": "api::client.client.create"
     },
     {
-      "action": "api::order.order.updateNotes"
+      "action": "api::order.order.find"
+    },
+    {
+      "action": "api::product-sale.product-sale.updateAmount"
+    },
+    {
+      "action": "api::product-sale.product-sale.updateTotalAvailable"
+    },
+    {
+      "action": "api::product.product.create"
+    },
+    {
+      "action": "api::product.product.findOne"
+    },
+    {
+      "action": "api::sale.sale.addProduct"
+    },
+    {
+      "action": "api::sale.sale.create"
+    },
+    {
+      "action": "api::sale.sale.findOne"
+    },
+    {
+      "action": "api::sale.sale.getOrders"
+    },
+    {
+      "action": "api::sale.sale.update"
+    },
+    {
+      "action": "api::shop.shop.addUnit"
+    },
+    {
+      "action": "api::shop.shop.clients"
+    },
+    {
+      "action": "api::shop.shop.products"
+    },
+    {
+      "action": "api::shop.shop.sales"
+    },
+    {
+      "action": "api::shop.shop.units"
     },
     {
       "action": "plugin::users-permissions.auth.changePassword"

backend/src/api/client/routes/client.ts

@@ -4,10 +4,4 @@
 
 import { factories } from '@strapi/strapi'
 
-export default factories.createCoreRouter('api::client.client', {
-    config: {
-        create: {
-            auth: false
-        }
-    }
-})
+export default factories.createCoreRouter('api::client.client')

backend/src/api/product/routes/product.ts

@@ -9,9 +9,6 @@ export default factories.createCoreRouter('api::product.product', {
     create: {
       auth: false
     },
-    findOne: {
-      auth: false
-    },
     update: {
       auth: false
     }

backend/src/api/shop/routes/custom.ts

@@ -12,9 +12,6 @@ export default {
       method: 'GET',
       path: '/shops/:shop/products',
       handler: 'shop.products',
-      config: {
-        auth: false
-      }
     },
     {
       method: 'GET',
@@ -27,18 +24,12 @@ export default {
     {
       method: 'GET',
       path: '/shops/:shop/units',
-      handler: 'shop.units',
-      config: {
-        auth: false
-      }
+      handler: 'shop.units'
     },
     {
       method: 'POST',
       path: '/shops/:shop/units',
       handler: 'shop.addUnit',
-      config: {
-        auth: false
-      }
     },
     {
       method: 'GET',

frontend/middleware/auth.ts

@@ -0,0 +1,17 @@
+export default defineNuxtRouteMiddleware((to) => {
+    const authenticated = useState('authenticated', () => false);
+    const token = useCookie('token'); // get token from cookies
+    if (token.value) {
+        // check if value exists
+        authenticated.value = true; // update the state to authenticated
+    }
+    // if token exists and url is /login redirect to homepage
+    if (token.value && to?.name === 'login') {
+        return navigateTo('/shop');
+    }
+    // if token doesn't exist redirect to log in
+    if (!token.value && to?.name !== 'shop/login') {
+        abortNavigation();
+        return navigateTo('/shop/login');
+    }
+});

frontend/pages/order/[shop]/[client].vue

@@ -99,7 +99,7 @@ export default {
   async created() {
     this.$loader.startLoader();
 
-    let result = await this.$backend.clients.get(this.shopSlug, this.clientUsername);
+    let result = await this.$backend.clients.getByUsername(this.shopSlug, this.clientUsername);
     this.$loader.stopLoader();
     if (result.ok) {
       if (result.ok) {

frontend/pages/order/[shop]/index.vue

@@ -44,7 +44,7 @@ export default {
             }
         },
         async clientExist(clientUsername: string): Promise<boolean> {
-            let result = await this.$backend.clients.get(this.shopSlug, clientUsername);
+            let result = await this.$backend.clients.getByUsername(this.shopSlug, clientUsername);
             return result.ok
         },
     }

frontend/pages/shop/changelog.vue

@@ -21,7 +21,10 @@
 
 export default {
     setup() {
-        definePageMeta({ layout: "admin" });
+        definePageMeta({
+            layout: "admin",
+            middleware: "auth"
+        });
     },
     data() {
         return {

frontend/pages/shop/clients/index.vue

@@ -54,7 +54,10 @@
 <script lang="ts">
 export default {
     setup() {
-        definePageMeta({ layout: "admin" });
+        definePageMeta({
+            layout: "admin",
+            middleware: "auth"
+        });
     },
 
     data() {

frontend/pages/shop/index.vue

@@ -1,7 +1,5 @@
 <template>
-  <div
-    class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom"
-  >
+  <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
     <h1 class="h2">Dashboard</h1>
   </div>
 
@@ -11,10 +9,10 @@
 <script lang="ts">
 export default {
   setup() {
-    definePageMeta({ layout: "admin" });
-  },
-  created() {
-    this.$log().info('test', this.$backend)
+    definePageMeta({
+      layout: "admin",
+      middleware: "auth"
+    });
   },
 };
 </script>

frontend/pages/shop/login.vue

@@ -0,0 +1,75 @@
+<template>
+    <main class="form-signin">
+        <form>
+            <h1 class="h3 mb-3 fw-normal">Fai il login per entrare nell'area riservata</h1>
+            <div class="form-floating">
+                <input type="email" class="form-control" id="floatingInput" placeholder="[email protected]"
+                    v-model="username">
+                <label for="floatingInput">Email address</label>
+            </div>
+            <div class="form-floating">
+                <input type="password" class="form-control" id="floatingPassword" placeholder="Password"
+                    v-model="password">
+                <label for="floatingPassword">Password</label>
+            </div>
+
+            <button class="w-100 btn btn-lg btn-primary" @click.prevent="login">Sign in</button>
+        </form>
+    </main>
+</template>
+
+<script lang="ts">
+export default {
+    data() {
+        return {
+            username: "",
+            password: ""
+        }
+    },
+    methods: {
+        async login() {
+            const authenticated = useState('authenticated', () => false);
+            const token = useCookie('token');
+            const user = useCookie('user');
+
+            let response = await this.$backend.auth.login(this.username, this.password);
+            if (response.ok) {
+                token.value = response.val.jwt;
+                user.value = response.val.user;
+
+                navigateTo("/shop")
+            } else {
+                this.$toast.error("C'è stato un errore nel login")
+            }
+        }
+    }
+}</script>
+
+<style>
+.form-signin {
+    width: 100%;
+    max-width: 330px;
+    padding: 15px;
+    margin: auto;
+}
+
+.form-signin .checkbox {
+    font-weight: 400;
+}
+
+.form-signin .form-floating:focus-within {
+    z-index: 2;
+}
+
+.form-signin input[type="email"] {
+    margin-bottom: -1px;
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0;
+}
+
+.form-signin input[type="password"] {
+    margin-bottom: 10px;
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+}
+</style>

frontend/pages/shop/orders/[order].vue

@@ -34,7 +34,10 @@
 <script lang="ts">
 export default {
     setup() {
-        definePageMeta({ layout: "admin" });
+        definePageMeta({
+            layout: "admin",
+            middleware: "auth"
+        });
     },
 
     data() {

frontend/pages/shop/products/[product].vue

@@ -24,7 +24,10 @@
 <script lang="ts">
 export default {
   setup() {
-    definePageMeta({ layout: "admin" });
+    definePageMeta({
+      layout: "admin",
+      middleware: "auth"
+    });
   },
   data() {
     return {

frontend/pages/shop/products/index.vue

@@ -31,7 +31,10 @@ import utils from "~/utils";
 
 export default {
   setup() {
-    definePageMeta({ layout: "admin" });
+    definePageMeta({
+      layout: "admin",
+      middleware: "auth"
+    });
   },
 
   data() {

frontend/pages/shop/sales/[sale].vue

@@ -110,7 +110,10 @@
 
 export default {
   setup() {
-    definePageMeta({ layout: "admin" });
+    definePageMeta({
+      layout: "admin",
+      middleware: "auth"
+    });
   },
 
   data() {

frontend/pages/shop/sales/index.vue

@@ -31,7 +31,10 @@
 <script lang="ts">
 export default {
   setup() {
-    definePageMeta({ layout: "admin" });
+    definePageMeta({
+      layout: "admin",
+      middleware: "auth"
+    });
   },
 
   data() {

frontend/pages/shop/units/index.vue

@@ -45,7 +45,10 @@
 <script lang="ts">
 export default {
     setup() {
-        definePageMeta({ layout: "admin" });
+        definePageMeta({
+            layout: "admin",
+            middleware: "auth"
+        });
     },
 
     data() {