@meeovi/layer-commerce 1.0.10 → 1.0.13

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>

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

@@ -0,0 +1,68 @@
+<template>
+    <v-card>
+        <v-toolbar color="" title="Orders"></v-toolbar>
+        <v-tabs v-model="tab" bg-color="primary">
+            <v-tab value="one">Orders</v-tab>
+            <v-tab value="two">Returns</v-tab>
+        </v-tabs>
+        <v-card-text>
+            <v-tabs-window v-model="tab">
+                <v-tabs-window-item value="one">
+                    <div v-if="orders.length">
+                        <div v-for="order in orders" :key="order.id">
+                            <p>Order #: {{ order.code }}</p>
+                            <p>Status: {{ order.state }}</p>
+                            <p>Total: {{ formatPrice(order.totalWithTax) }}</p>
+                        </div>
+                    </div>
+                    <div v-else>No orders found.</div>
+                </v-tabs-window-item>
+                <v-tabs-window-item value="two">
+                    <!-- Returns tab can be filled with returns/refunds if needed -->
+                </v-tabs-window-item>
+            </v-tabs-window>
+        </v-card-text>
+    </v-card>
+</template>
+
+<script setup lang="ts">
+    import {
+        ref,
+        onMounted
+    } from 'vue';
+    import {
+        useVendureQuery
+    } from '@/app/composables/useVendureQuery';
+    import getOrderListQuery from '#graphql/app/commerce/queries/getOrderList.gql';
+
+    const tab = ref('one');
+    const orders = ref([]);
+    const {
+        data,
+        refetch
+    } = useVendureQuery(getOrderListQuery);
+
+    onMounted(() => {
+        if (data.value?.orders?.items) {
+            orders.value = data.value.orders.items;
+        }
+    });
+
+    const formatPrice = (amount: number) => {
+        if (!amount) return '$0.00';
+        return new Intl.NumberFormat('en-US', {
+            style: 'currency',
+            currency: 'USD',
+        }).format(amount / 100);
+    };
+
+
+    definePageMeta({
+      layout: "sellers",
+      middleware: ['authenticated'],
+    });
+
+    useHead({
+        title: 'Sellers Orders'
+    })
+</script>

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

@@ -0,0 +1,55 @@
+<template>
+    <v-card>
+        <v-toolbar color="" title="Products">
+            <addproduct />
+        </v-toolbar>
+        <v-tabs v-model="tab" bg-color="primary">
+            <v-tab value="one">My Products</v-tab>
+        </v-tabs>
+        <v-card-text>
+            <v-tabs-window v-model="tab">
+                <v-tabs-window-item value="one">
+                    <div v-if="products.length">
+                        <productCard v-for="product in products" :key="product.id" :product="product" />
+                    </div>
+                    <div v-else>No products found.</div>
+                </v-tabs-window-item>
+            </v-tabs-window>
+        </v-card-text>
+    </v-card>
+</template>
+
+<script setup lang="ts">
+    import {
+        ref,
+        onMounted
+    } from 'vue';
+    import {
+        useVendureQuery
+    } from '@/app/composables/useVendureQuery';
+    import getProductListQuery from '#graphql/app/commerce/queries/getProductList.gql';
+    import addproduct from '~/components/crud/create/add-product.vue';
+    import productCard from '~/components/productCard.vue';
+
+    const tab = ref('one');
+    const products = ref([]);
+    const {
+        data,
+        refetch
+    } = useVendureQuery(getProductListQuery);
+
+    onMounted(() => {
+        if (data.value?.products?.items) {
+            products.value = data.value.products.items;
+        }
+    });
+
+    definePageMeta({
+        layout: 'sellers',
+        middleware: ['authenticated'],
+    });
+
+    useHead({
+        title: 'Sellers Products',
+    });
+</script>

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

@@ -0,0 +1,48 @@
+<template>
+    <v-card>
+        <v-toolbar color="" title="Product Reviews"></v-toolbar>
+        <v-card-text>
+            <div v-if="reviews.length">
+                <div v-for="review in reviews" :key="review.id">
+                    <p><strong>{{ review.author?.firstName }} {{ review.author?.lastName }}</strong> ({{ new Date(review.createdAt).toLocaleDateString() }})</p>
+                    <p>Rating: {{ review.rating }}</p>
+                    <p>{{ review.summary }}</p>
+                    <p>{{ review.body }}</p>
+                </div>
+            </div>
+            <div v-else>No reviews found.</div>
+        </v-card-text>
+    </v-card>
+</template>
+
+<script setup lang="ts">
+    import {
+        ref,
+        onMounted
+    } from 'vue'
+    import {
+        useVendureQuery
+    } from '@/app/composables/useVendureQuery';
+    import getProductReviewsQuery from '#graphql/app/commerce/queries/getProductReviews.gql';
+
+    const reviews = ref([]);
+    const {
+        data,
+        refetch
+    } = useVendureQuery(getProductReviewsQuery);
+
+    onMounted(() => {
+        if (data.value?.product?.reviews?.items) {
+            reviews.value = data.value.product.reviews.items;
+        }
+    });
+
+    definePageMeta({
+      layout: "sellers",
+      middleware: ['authenticated'],
+    });
+
+    useHead({
+        title: 'Sellers Stores'
+    })
+</script>

package/app/components/catalog/vendor/pages/shipments.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>