webshell

Ghost Exploiter Team Official

Directory >> /home/softsuitetech/public_html/DEMO/Foodie/resources/js/components/admin/dashboard/

File / Folder	Size	Action
.	-
.htaccess	0.27KB	edt ren
CustomerStatsComponent.vue	4.006KB	edt ren
DashboardComponent.vue	3.396KB	edt ren
FeaturedItemsComponent.vue	1.596KB	edt ren
MostPopularItemsCompone...	2.098KB	edt ren
OrderStatisticsComponen...	9.796KB	edt ren
OrderSummaryComponent.vue	5.777KB	edt ren
OverviewComponent.vue	4.866KB	edt ren
SalesSummaryComponent.vue	5.228KB	edt ren
TopCustomersComponent.vue	1.944KB	edt ren

<template>
    <LoadingComponent :props="loading" />
    <div class="col-12 xl:col-6">
        <div class="db-card">
            <div class="db-card-header">
                <div class="db-card-title">{{ $t('label.featured_items') }}</div>
            </div>
            <div class="db-card-body">
                <ul class="grid grid-cols-2 sm:grid-cols-4 gap-[18px]">
                    <li class="w-full rounded-xl border border-[#D9DBE9]" v-if="featured_items.length > 0"
                        v-for="featured_item in featured_items" :key="featured_item">
                        <img class="w-full rounded-t-[11px]" :src="featured_item.thumb" alt="product">
                        <h4 class="text-xs p-2 font-medium capitalize">{{ featured_item.name }}</h4>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</template>

featured_items: {},
        };
    },
    mounted() {
        this.featuredItems();
    },
    methods: {
        featuredItems: function () {
            this.loading.isActive = true;
            this.$store.dispatch('dashboard/featuredItems').then(res => {
                this.featured_items = res.data.data;
                this.loading.isActive = false;
            }).catch((err) => {
                this.loading.isActive = false;
            });
        },
    },
}
</script>

<=Back