init project

This commit is contained in:
2025-03-12 10:20:27 +07:00
commit fe04ff1137
84 changed files with 3050 additions and 0 deletions

15
package/pages/Icons.vue Normal file
View File

@@ -0,0 +1,15 @@
<script setup lang="ts">
import { ref } from 'vue';
import UiParentCard from '@/components/shared/UiParentCard.vue';
</script>
<template>
<v-row>
<v-col cols="12" md="12">
<UiParentCard title="Icons">
<div class="pa-7 pt-0">
<iframe src="https://icon-sets.iconify.design/solar/" title="Inline Frame Example" frameborder="0" width="100%" height="650"></iframe>
</div>
</UiParentCard>
</v-col>
</v-row>
</template>

View File

@@ -0,0 +1,16 @@
<script setup lang="ts">
import { ref } from "vue";
import UiParentCard from "@/components/shared/UiParentCard.vue";
</script>
<template>
<v-row>
<v-col cols="12" md="12">
<v-card elevation="10">
<v-card-item>
<h5 class="text-h5 mb-3">Sample Page</h5>
<p class="text-body-1">This is a sample page</p>
</v-card-item>
</v-card>
</v-col>
</v-row>
</template>

View File

@@ -0,0 +1,31 @@
<script setup lang="ts">
/*-For Set Blank Layout-*/
definePageMeta({
layout: "blank",
});
</script>
<template>
<div class="authentication">
<v-container fluid class="pa-3">
<v-row class="h-100vh d-flex justify-center align-center">
<v-col cols="12" lg="4" xl="3" class="d-flex align-center">
<v-card rounded="md" elevation="10" class="px-sm-1 px-0 withbg mx-auto" max-width="500">
<v-card-item class="pa-sm-8">
<div class="d-flex justify-center py-4">
<LayoutFullLogo />
</div>
<div class="text-body-1 text-muted text-center mb-3">Your Social Campaigns</div>
<AuthLoginForm />
<h6 class="text-h6 text-muted font-weight-medium d-flex justify-center align-center mt-3">
New to Matdash?
<NuxtLink to="/auth/register"
class="text-primary text-decoration-none text-body-1 opacity-1 font-weight-medium pl-2">
Create an account</NuxtLink>
</h6>
</v-card-item>
</v-card>
</v-col>
</v-row>
</v-container>
</div>
</template>

View File

@@ -0,0 +1,31 @@
<script setup lang="ts">
/*-For Set Blank Layout-*/
definePageMeta({
layout: "blank",
});
</script>
<template>
<div class="authentication">
<v-container fluid class="pa-3">
<v-row class="h-100vh d-flex justify-center align-center">
<v-col cols="12" lg="4" xl="3" class="d-flex align-center">
<v-card rounded="md" elevation="10" class="px-sm-1 px-0 withbg mx-auto" max-width="500">
<v-card-item class="pa-sm-8">
<div class="d-flex justify-center py-4">
<LayoutFullLogo />
</div>
<div class="text-body-1 text-muted text-center mb-3">Your Social Campaigns</div>
<AuthRegisterForm />
<h6 class="text-h6 text-muted font-weight-medium d-flex justify-center align-center mt-3">
Already have an Account?
<NuxtLink to="/auth/login"
class="text-primary text-decoration-none text-body-1 opacity-1 font-weight-medium pl-2">
Sign In</NuxtLink>
</h6>
</v-card-item>
</v-card>
</v-col>
</v-row>
</v-container>
</div>
</template>

22
package/pages/index.vue Normal file
View File

@@ -0,0 +1,22 @@
<script setup lang="ts">
/*Call Components*/
import RevenueCard from '@/components/dashboard/RevenueCard.vue';
import NewCustomer from '@/components/dashboard/NewCustomer.vue';
import Totalincome from '@/components/dashboard/TotalIncome.vue';
import RevenueProduct from '@/components/dashboard/RevenueProducts.vue';
import DailyActivities from '@/components/dashboard/DailyActivities.vue';
import BlogCards from '@/components/dashboard/BlogCards.vue';
</script>
<template>
<v-row>
<v-col cols="12" lg="8"><RevenueCard /></v-col>
<v-col cols="12" lg="4"
><NewCustomer class="mb-6" />
<Totalincome />
</v-col>
<v-col cols="12" lg="8"><RevenueProduct/></v-col>
<v-col cols="12" lg="4"><DailyActivities/> </v-col>
<v-col cols="12"><BlogCards/></v-col>
</v-row>
</template>

View File

@@ -0,0 +1,11 @@
<script setup lang="ts">
import Shadow from "@/components/style-components/shadow/Shadow.vue";
</script>
<template>
<v-row>
<v-col cols="12">
<Shadow/>
</v-col>
</v-row>
</template>

View File

@@ -0,0 +1,18 @@
<script setup lang="ts">
import UiParentCard from '@/components/shared/UiParentCard.vue';
import Heading from "@/components/style-components/typography/Heading.vue";
import Default from "@/components/style-components/typography/DefaultText.vue";
</script>
<template>
<v-row>
<v-col cols="12" md="12">
<UiParentCard title="Default Text">
<Heading/>
</UiParentCard>
<UiParentCard title="Default Text" class="mt-6">
<Default/>
</UiParentCard>
</v-col>
</v-row>
</template>