@meeovi/layer-commerce 1.0.1 → 1.0.2

package/app/components/catalog/shops/relatedstores.vue

@@ -0,0 +1,52 @@
+<template>
+    <v-sheet class="mx-auto sliderProducts row align-items-stretch items-row justify-content-center" elevation="0">
+        <v-toolbar title="Stores on Meeovi" color="transparent">
+            <div>
+                <NuxtLink to="/shops/">All Stores</NuxtLink>
+            </div>
+        </v-toolbar>
+        <v-slide-group v-model="model" class="pa-4" selected-class="bg-primary" show-arrows>
+            <v-slide-group-item v-for="store in shops" :key="store" v-slot="{ toggle, selectedClass }">
+                <store :store="store" />
+            </v-slide-group-item>
+        </v-slide-group>
+
+        <v-expand-transition>
+            <v-sheet v-if="model != null" height="200">
+                <div class="d-flex fill-height align-center justify-center">
+                    <h3 class="text-h6">
+                        Selected {{ model }}
+                    </h3>
+                </div>
+            </v-sheet>
+        </v-expand-transition>
+    </v-sheet>
+</template>
+
+<script setup>
+    import {
+        ref,
+        onMounted
+    } from 'vue'
+    import store from '~/components/catalog/product/stores.vue'
+
+    const model = ref(null)
+    const {
+        $directus,
+        $readItems,
+    } = useNuxtApp()
+
+    const {
+        user
+    } = useSupabaseAuth()
+
+    const {
+        data: shops
+    } = await useAsyncData('shops', () => {
+        return $directus.request($readItems('shops', {
+            fields: ['*', {
+                '*': ['*']
+            }]
+        }))
+    })
+</script>

package/app/components/catalog/shops/restaurant.vue

@@ -0,0 +1,66 @@
+<template>
+    <div>
+        <div v-if="restaurant">
+            <section data-bs-version="5.1" class="features01 stockm5 cid-uwd9RxG0Y8" id="features01-aa">
+                <div class="container">
+                    <div class="row">
+                        <div class="col-12">
+                            <div class="title-wrapper">
+                                <div class="desc-wrapper">
+                                    <p class="mbr-desc mbr-fonts-style display-4">
+                                        Restaurants
+                                    </p>
+                                </div>
+                                <div class="title-wrap">
+                                    <h2 class="mbr-section-title mbr-fonts-style display-2">
+                                        <strong><span><b>Great Tastes</b></span> near you!</strong>
+                                    </h2>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row items-wrapper">
+                        <div class="item features-image col-12 col-lg-4">
+                            <div class="item-wrapper">
+                                <div class="item-img">
+                                    <NuxtLink :to="`/shops/${restaurant?.id}`"><img loading="lazy" class="align-end text-white" v-if="restaurant?.image"
+                            :src="`${$directus.url}assets/${restaurant?.image?.filename_disk}`" :alt="restaurant?.name"></NuxtLink>
+                                </div>
+                                <div class="item-content">
+                                    <div class="desc-wrap">
+                                        <p class="item-desc desc_1 mbr-fonts-style display-4">
+                                            {{ restaurant?.food_offered }}
+                                        </p>
+                                    </div>
+                                    <h4 class="item-title mbr-fonts-style display-5">
+                                        <strong>{{ restaurant?.name }}</strong>
+                                    </h4>
+                                    <p class="item-text mbr-fonts-style display-4" v-dompurify-html="restaurant?.description"></p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </section>
+        </div>
+        <p v-else>No restaurants found.</p>
+    </div>
+</template>
+
+<script setup>
+    import {
+        useRuntimeConfig
+    } from '#imports';
+
+    const config = useRuntimeConfig();
+    const props = defineProps({
+        restaurant: {
+            type: Object,
+            required: true,
+        },
+    });
+
+    const {
+        restaurant
+    } = props;
+</script>

package/app/components/catalog/shops/stores.vue

@@ -0,0 +1,44 @@
+<template>
+    <div>
+        <div v-if="store">
+            <div class="card col-12 col-md-6 col-lg-4">
+                <div class="card-wrapper">
+                    <div class="img-wrapper">
+                        <NuxtImg loading="lazy" class="align-end text-white" v-if="store?.image"
+                            :src="`${$directus.url}/assets/${store?.image?.filename_disk}`" :alt="store?.name"
+                            cover />
+                    </div>
+                    <div class="card-box align-center">
+                        <h5 class="card-title mbr-fonts-style display-5">
+                            {{ store?.name }}
+                        </h5>
+                        <p class="mbr-text mbr-fonts-style display-4">{{ store?.description }}</p>
+                    </div>
+                    <div class="mbr-section-btn mt-3">
+                        <NuxtLink class="btn btn-secondary display-4" :href="`/shops/${store?.id}`">Enter
+                        </NuxtLink>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <p v-else>No stores found.</p>
+    </div>
+</template>
+
+<script setup>
+    import {
+        useRuntimeConfig
+    } from '#imports';
+
+    const config = useRuntimeConfig();
+    const props = defineProps({
+        store: {
+            type: Object,
+            required: true,
+        },
+    });
+
+    const {
+        store
+    } = props;
+</script>

package/app/components/catalog/vendor/README.md

@@ -0,0 +1,3 @@
+## Dashboard Directory
+
+This is part of the admin panel for the marketplace functionality also called the Seller's Dashboard on the frontend.

package/app/components/catalog/vendor/blocks/biggestcustomers.vue

@@ -0,0 +1,33 @@
+<template>
+    <div>
+        <v-toolbar color="transparent" title="Biggest Customers" density="compact"></v-toolbar>
+        <v-table fixed-header>
+        <thead>
+            <tr>
+                <th class="text-left">
+                    Name
+                </th>
+                <th class="text-left">
+                    Addresses
+                </th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr v-for="item in desserts" :key="item.name">
+                <td>{{ item.name }}</td>
+                <td>{{ item.Addresses }}</td>
+            </tr>
+        </tbody>
+    </v-table>
+    </div>
+</template>
+
+<script>
+export default {
+    
+}
+</script>
+
+<script setup>
+
+</script>

package/app/components/catalog/vendor/blocks/lowestselling.vue

@@ -0,0 +1,33 @@
+<template>
+    <div>
+        <v-toolbar color="transparent" title="Lowest Selling Products" density="compact"></v-toolbar>
+        <v-table fixed-header>
+        <thead>
+            <tr>
+                <th class="text-left">
+                    Name
+                </th>
+                <th class="text-left">
+                    Addresses
+                </th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr v-for="item in desserts" :key="item.name">
+                <td>{{ item.name }}</td>
+                <td>{{ item.Addresses }}</td>
+            </tr>
+        </tbody>
+    </v-table>
+    </div>
+</template>
+
+<script>
+export default {
+    
+}
+</script>
+
+<script setup>
+
+</script>

package/app/components/catalog/vendor/blocks/topcategories.vue

@@ -0,0 +1,33 @@
+<template>
+    <div>
+        <v-toolbar color="transparent" title="Top Categories" density="compact"></v-toolbar>
+        <v-table fixed-header>
+        <thead>
+            <tr>
+                <th class="text-left">
+                    Name
+                </th>
+                <th class="text-left">
+                    Addresses
+                </th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr v-for="item in desserts" :key="item.name">
+                <td>{{ item.name }}</td>
+                <td>{{ item.Addresses }}</td>
+            </tr>
+        </tbody>
+    </v-table>
+    </div>
+</template>
+
+<script>
+export default {
+    
+}
+</script>
+
+<script setup>
+
+</script>

package/app/components/catalog/vendor/blocks/topproducts.vue

@@ -0,0 +1,27 @@
+<template>
+    <div>
+        <v-toolbar color="transparent" title="Best Selling Products" density="compact"></v-toolbar>
+        <v-table fixed-header>
+        <thead>
+            <tr>
+                <th class="text-left">
+                    Name
+                </th>
+                <th class="text-left">
+                    Addresses
+                </th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr v-for="item in desserts" :key="item.name">
+                <td>{{ item.name }}</td>
+                <td>{{ item.Addresses }}</td>
+            </tr>
+        </tbody>
+    </v-table>
+    </div>
+</template>
+
+<script setup>
+
+</script>

package/app/components/catalog/vendor/pages/attributes.vue

@@ -0,0 +1,43 @@
+<template>
+    <v-card>
+        <v-toolbar color="" title="Stores"></v-toolbar>
+        <v-tabs v-model="tab" bg-color="primary">
+            <v-tab value="one">My Stores</v-tab>
+            <!--<v-tab value="two">Item Two</v-tab>
+            <v-tab value="three">Item Three</v-tab>-->
+        </v-tabs>
+
+        <v-card-text>
+            <v-tabs-window v-model="tab">
+                <v-tabs-window-item value="one">
+                    One
+                </v-tabs-window-item>
+
+                <v-tabs-window-item value="two">
+                    Two
+                </v-tabs-window-item>
+
+                <v-tabs-window-item value="three">
+                    Three
+                </v-tabs-window-item>
+            </v-tabs-window>
+        </v-card-text>
+    </v-card>
+</template>
+
+<script setup>
+    import {
+        ref
+    } from 'vue'
+
+    const tab = ref(null);
+
+    definePageMeta({
+      layout: "sellers",
+      middleware: ['authenticated'],
+    });
+
+    useHead({
+        title: 'Sellers Stores'
+    })
+</script>

package/app/components/catalog/vendor/pages/commissions.vue

@@ -0,0 +1,43 @@
+<template>
+    <v-card>
+        <v-toolbar color="" title=""></v-toolbar>
+        <v-tabs v-model="tab" bg-color="primary">
+            <v-tab value="one">Item One</v-tab>
+            <!--<v-tab value="two">Item Two</v-tab>
+            <v-tab value="three">Item Three</v-tab>-->
+        </v-tabs>
+
+        <v-card-text>
+            <v-tabs-window v-model="tab">
+                <v-tabs-window-item value="one">
+                    One
+                </v-tabs-window-item>
+
+                <v-tabs-window-item value="two">
+                    Two
+                </v-tabs-window-item>
+
+                <v-tabs-window-item value="three">
+                    Three
+                </v-tabs-window-item>
+            </v-tabs-window>
+        </v-card-text>
+    </v-card>
+</template>
+
+<script setup>
+    import {
+        ref
+    } from 'vue'
+
+    const tab = ref(null);
+
+    definePageMeta({
+      layout: "sellers",
+      middleware: ['authenticated'],
+    });
+
+    useHead({
+        title: ''
+    })
+</script>

package/app/components/catalog/vendor/pages/crm.vue

@@ -0,0 +1,67 @@
+<template>
+    <v-card>
+        <v-toolbar color="primary" title="Customer Relationship Management"></v-toolbar>
+        <v-tabs v-model="tab" bg-color="primary">
+            <div v-for="(nav, index) in crm" :key="index">
+                <v-tab :value="nav?.value">{{ nav?.name }}</v-tab>
+            </div>
+        </v-tabs>
+
+        <v-card-text>
+            <v-tabs-window v-model="tab">
+                <v-tabs-window-item value="one">
+                    One
+                </v-tabs-window-item>
+
+                <v-tabs-window-item value="two">
+                    Two
+                </v-tabs-window-item>
+
+                <v-tabs-window-item value="three">
+                    Three
+                </v-tabs-window-item>
+
+                <v-tabs-window-item value="four">
+                    Three
+                </v-tabs-window-item>
+
+                <v-tabs-window-item value="five">
+                    Three
+                </v-tabs-window-item>
+
+                <v-tabs-window-item value="six">
+                    Three
+                </v-tabs-window-item>
+            </v-tabs-window>
+        </v-card-text>
+    </v-card>
+</template>
+
+<script setup>
+    import {
+        ref
+    } from 'vue'
+
+    const tab = ref(null);
+
+    const {
+        $directus,
+        $readItem
+    } = useNuxtApp()
+    const route = useRoute()
+
+    const {
+        data: crm
+    } = await useAsyncData('crm', () => {
+        return $directus.request($readItem('navigation', '26'))
+    })
+
+    definePageMeta({
+        layout: "sellers",
+        middleware: ['authenticated'],
+    });
+
+    useHead({
+        title: ''
+    })
+</script>

package/app/components/catalog/vendor/pages/dashboard.vue

@@ -0,0 +1,46 @@
+<template>
+    <div>
+      <v-row>
+        <v-col cols="6"><biggestcustomers /></v-col>
+
+        <v-col cols="6"><lowestselling /></v-col>
+
+        <v-col cols="6"><topcategories /></v-col>
+
+        <v-col cols="6"><topproducts /></v-col>
+      </v-row>
+    </div>
+</template>
+
+<script setup>
+import biggestcustomers from '~/components/vendor/sales/biggestcustomers.vue'
+import lowestselling from '~/components/vendor/sales/lowestselling.vue'
+import topcategories from '~/components/vendor/sales/topcategories.vue'
+import topproducts from '~/components/vendor/sales/topproducts.vue'
+    import {
+        ref
+    } from 'vue'
+
+    const tab = ref(null);
+
+    const {
+        $directus,
+        $readItem
+    } = useNuxtApp()
+    const route = useRoute()
+
+    const {
+        data: seller
+    } = await useAsyncData('seller', () => {
+        return $directus.request($readItem('navigation', '14'))
+    })
+
+    definePageMeta({
+        layout: "sellers",
+        middleware: ['authenticated'],
+    });
+
+    useHead({
+        title: 'Sellers Dashboard'
+    })
+</script>

package/app/components/catalog/vendor/pages/emails.vue

@@ -0,0 +1,43 @@
+<template>
+    <v-card>
+        <v-toolbar color="" title="Stores"></v-toolbar>
+        <v-tabs v-model="tab" bg-color="primary">
+            <v-tab value="one">My Stores</v-tab>
+            <!--<v-tab value="two">Item Two</v-tab>
+            <v-tab value="three">Item Three</v-tab>-->
+        </v-tabs>
+
+        <v-card-text>
+            <v-tabs-window v-model="tab">
+                <v-tabs-window-item value="one">
+                    One
+                </v-tabs-window-item>
+
+                <v-tabs-window-item value="two">
+                    Two
+                </v-tabs-window-item>
+
+                <v-tabs-window-item value="three">
+                    Three
+                </v-tabs-window-item>
+            </v-tabs-window>
+        </v-card-text>
+    </v-card>
+</template>
+
+<script setup>
+    import {
+        ref
+    } from 'vue'
+
+    const tab = ref(null);
+
+    definePageMeta({
+      layout: "sellers",
+      middleware: ['authenticated'],
+    });
+
+    useHead({
+        title: 'Sellers Stores'
+    })
+</script>

package/app/components/catalog/vendor/pages/enquiries.vue

@@ -0,0 +1,43 @@
+<template>
+    <v-card>
+        <v-toolbar color="" title="Stores"></v-toolbar>
+        <v-tabs v-model="tab" bg-color="primary">
+            <v-tab value="one">My Stores</v-tab>
+            <!--<v-tab value="two">Item Two</v-tab>
+            <v-tab value="three">Item Three</v-tab>-->
+        </v-tabs>
+
+        <v-card-text>
+            <v-tabs-window v-model="tab">
+                <v-tabs-window-item value="one">
+                    One
+                </v-tabs-window-item>
+
+                <v-tabs-window-item value="two">
+                    Two
+                </v-tabs-window-item>
+
+                <v-tabs-window-item value="three">
+                    Three
+                </v-tabs-window-item>
+            </v-tabs-window>
+        </v-card-text>
+    </v-card>
+</template>
+
+<script setup>
+    import {
+        ref
+    } from 'vue'
+
+    const tab = ref(null);
+
+    definePageMeta({
+      layout: "sellers",
+      middleware: ['authenticated'],
+    });
+
+    useHead({
+        title: 'Sellers Stores'
+    })
+</script>

package/app/components/catalog/vendor/pages/invoices.vue

@@ -0,0 +1,43 @@
+<template>
+    <v-card>
+        <v-toolbar color="" title="Stores"></v-toolbar>
+        <v-tabs v-model="tab" bg-color="primary">
+            <v-tab value="one">My Stores</v-tab>
+            <!--<v-tab value="two">Item Two</v-tab>
+            <v-tab value="three">Item Three</v-tab>-->
+        </v-tabs>
+
+        <v-card-text>
+            <v-tabs-window v-model="tab">
+                <v-tabs-window-item value="one">
+                    One
+                </v-tabs-window-item>
+
+                <v-tabs-window-item value="two">
+                    Two
+                </v-tabs-window-item>
+
+                <v-tabs-window-item value="three">
+                    Three
+                </v-tabs-window-item>
+            </v-tabs-window>
+        </v-card-text>
+    </v-card>
+</template>
+
+<script setup>
+    import {
+        ref
+    } from 'vue'
+
+    const tab = ref(null);
+
+    definePageMeta({
+      layout: "sellers",
+      middleware: ['authenticated'],
+    });
+
+    useHead({
+        title: 'Sellers Stores'
+    })
+</script>