erp/web
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changes

Browse Source
This commit is contained in:
Viet An
2026-07-09 16:45:48 +07:00
parent 42124d4071
commit df4ed4bd4d
20 changed files with 726 additions and 964 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
app/assets/styles/main.scss
View File

@@ -12,27 +12,3 @@
position: relative; position: relative;
width: 100%; width: 100%;
} }
// Tooltip Styles
.tooltiptext {
opacity: 0;
background-color: hsl(from var(--bulma-black-bis) h s l / 0.7);
color: var(--bulma-white-bis);
border-radius: 6px;
position: absolute;
margin-left: 0px;
z-index: 999;
bottom: 110%;
transition: opacity 0.2s;
padding: 0.4rem 0.6rem;
font-size: 13px;
pointer-events: none;
backdrop-filter: blur(2px);
}
.control:hover .tooltiptext {
opacity: 1;
position: absolute;
min-width: 300px;
z-index: 999;
}

22
app/assets/styles/utils.scss
View File

@@ -4,6 +4,28 @@
border: 1px solid red !important; border: 1px solid red !important;
} }
.tooltiptext {
opacity: 0;
background-color: hsl(from var(--bulma-black-bis) h s l / 0.8);
color: var(--bulma-white-bis);
border-radius: 4px;
position: absolute;
margin-left: 0px;
z-index: 999;
left: 0;
bottom: -32px;
min-width: max-content;
transition: opacity 0.2s;
padding: 0.3rem 0.6rem;
font-size: 12px;
pointer-events: none;
backdrop-filter: blur(2px);
}
*:hover > .tooltiptext {
opacity: 1;
}
// Font size loops // Font size loops
@for $i from 10 through 50 { @for $i from 10 through 50 {
.fs-#{$i} { .fs-#{$i} {

2
app/components/Modal.vue
View File

@@ -14,7 +14,7 @@
<div <div
class="modal-card" class="modal-card"
:style="{ :style="{
width: $store.viewport <= 1 ? 'calc(100% - var(--bulma-modal-card-spacing))' : width, width: $store.viewport > 1 ? width : null,
height, height,
}" }"
> >

1
app/components/customer/Customer.vue
View File

@@ -52,7 +52,6 @@
<script setup> <script setup>
import CustomerForm from "~/components/customer/CustomerForm.vue"; import CustomerForm from "~/components/customer/CustomerForm.vue";
import CustomerView from "~/components/customer/CustomerView.vue"; import CustomerView from "~/components/customer/CustomerView.vue";
import Modal from "~/components/Modal.vue";
import ImageGallery from "~/components/media/ImageGallery.vue"; import ImageGallery from "~/components/media/ImageGallery.vue";
const { $dialog } = useNuxtApp(); const { $dialog } = useNuxtApp();

105
app/components/datatable/ContextMenu.vue
View File

@@ -1,44 +1,6 @@
<template> <template>
<div class="is-flex is-flex-direction-column max-h-full"> <div class="is-flex is-flex-direction-column max-h-full">
<div class="is-flex-shrink-0 toolbar field has-addons is-justify-content-center"> <div class="is-flex-shrink-0 toolbar field has-addons is-justify-content-center">
<!-- <div class="control">
<button
class="button is-light is-primary"
@click="checkFilter() ? false : $emit('modalevent', { name: 'dosort', data: 'az' })"
>
<span class="icon">
<Icon
name="mdi:sort-alphabetical-ascending"
:size="22"
:class="checkFilter() && 'has-text-grey-70'"
/>
</span>
</button>
<span
class="tooltiptext"
style="top: 110%; bottom: unset; min-width: max-content; left: 25px"
>Sắp xếp tăng dần</span
>
</div>
<div class="control">
<button
class="button is-light is-primary"
@click="checkFilter() ? false : $emit('modalevent', { name: 'dosort', data: 'za' })"
>
<span class="icon">
<Icon
name="mdi:sort-alphabetical-descending"
:size="22"
:class="checkFilter() && 'has-text-grey-70'"
/>
</span>
</button>
<span
class="tooltiptext"
style="top: 110%; bottom: unset; min-width: max-content; left: 25px"
>Sắp xếp giảm dần</span
>
</div> -->
<div class="control"> <div class="control">
<button <button
class="button" class="button"
@@ -51,11 +13,7 @@
/> />
</span> </span>
</button> </button>
<span <span class="tooltiptext">Chuyển cột sang trái</span>
class="tooltiptext"
style="top: 110%; bottom: unset; min-width: max-content; left: 0"
>Chuyển cột sang trái</span
>
</div> </div>
<div class="control"> <div class="control">
<button <button
@@ -69,11 +27,7 @@
/> />
</span> </span>
</button> </button>
<span <span class="tooltiptext">Chuyển cột sang phải</span>
class="tooltiptext"
style="top: 110%; bottom: unset; min-width: max-content; left: 0"
>Chuyển cột sang phải</span
>
</div> </div>
<div class="control"> <div class="control">
<button <button
@@ -87,11 +41,7 @@
/> />
</span> </span>
</button> </button>
<span <span class="tooltiptext">Tăng độ rộng cột</span>
class="tooltiptext"
style="top: 110%; bottom: unset; min-width: max-content; left: 0"
>Tăng độ rộng cột</span
>
</div> </div>
<div class="control"> <div class="control">
<button <button
@@ -105,11 +55,7 @@
/> />
</span> </span>
</button> </button>
<span <span class="tooltiptext">Giảm độ rộng cột</span>
class="tooltiptext"
style="top: 110%; bottom: unset; min-width: max-content; left: 0"
>Giảm độ rộng cột</span
>
</div> </div>
<div class="control"> <div class="control">
<button <button
@@ -123,11 +69,7 @@
/> />
</span> </span>
</button> </button>
<span <span class="tooltiptext">Ẩn cột</span>
class="tooltiptext"
style="top: 110%; bottom: unset; min-width: max-content; left: 0"
>Ẩn cột</span
>
</div> </div>
<div class="control"> <div class="control">
<button <button
@@ -141,11 +83,7 @@
/> />
</span> </span>
</button> </button>
<span <span class="tooltiptext">Xóa cột</span>
class="tooltiptext"
style="top: 110%; bottom: unset; min-width: max-content; left: 0"
>Xóa cột</span
>
</div> </div>
<div class="control"> <div class="control">
<button <button
@@ -159,11 +97,7 @@
/> />
</span> </span>
</button> </button>
<span <span class="tooltiptext">Sao chép cột</span>
class="tooltiptext"
style="top: 110%; bottom: unset; min-width: max-content; left: 0"
>Sao chép cột</span
>
</div> </div>
<div class="control"> <div class="control">
<button <button
@@ -177,11 +111,7 @@
/> />
</span> </span>
</button> </button>
<span <span class="tooltiptext">Danh sách cột</span>
class="tooltiptext"
style="top: 110%; bottom: unset; min-width: max-content; left: 0"
>Danh sách cột</span
>
</div> </div>
<div class="control"> <div class="control">
<button <button
@@ -195,11 +125,7 @@
/> />
</span> </span>
</button> </button>
<span <span class="tooltiptext left-auto right-0">Tạo cột mới</span>
class="tooltiptext"
style="top: 110%; bottom: unset; min-width: max-content; left: 0"
>Tạo cột mới</span
>
</div> </div>
<div class="control"> <div class="control">
<button <button
@@ -213,11 +139,7 @@
/> />
</span> </span>
</button> </button>
<span <span class="tooltiptext left-auto right-0">Tùy chọn bảng</span>
class="tooltiptext"
style="top: 110%; bottom: unset; min-width: max-content; right: 0"
>Tùy chọn bảng</span
>
</div> </div>
<div class="control"> <div class="control">
<button <button
@@ -231,12 +153,7 @@
/> />
</span> </span>
</button> </button>
<p <p class="tooltiptext left-auto right-0">Lưu thiết lập</p>
class="tooltiptext"
style="top: 110%; bottom: unset; min-width: max-content; right: 0"
>
Lưu thiết lập
</p>
</div> </div>
</div> </div>
<div class="is-flex-shrink-0 tabs"> <div class="is-flex-shrink-0 tabs">

28
app/components/datatable/TimeOption.vue
View File

@@ -87,12 +87,7 @@
/> />
</span> </span>
</button> </button>
<span <span class="tooltiptext top-0">Nhập dữ liệu</span>
class="tooltiptext"
style="top: 110%; bottom: unset; min-width: max-content; left: -45px"
>
Nhập dữ liệu
</span>
</p> </p>
<p <p
v-if="enableAdd && $getEditRights()" v-if="enableAdd && $getEditRights()"
@@ -109,12 +104,7 @@
/> />
</span> </span>
</button> </button>
<span <span class="tooltiptext left-auto right-0">Thêm mới</span>
class="tooltiptext"
style="top: 110%; bottom: unset; min-width: max-content; left: -45px"
>
Thêm mới
</span>
</p> </p>
<p class="control"> <p class="control">
<button <button
@@ -128,12 +118,7 @@
/> />
</span> </span>
</button> </button>
<span <span class="tooltiptext left-auto right-0">Xuất Excel</span>
class="tooltiptext"
style="top: 110%; bottom: unset; min-width: max-content; left: -45px"
>
Xuất Excel
</span>
</p> </p>
<p class="control"> <p class="control">
<button <button
@@ -147,12 +132,7 @@
/> />
</span> </span>
</button> </button>
<span <span class="tooltiptext left-auto right-0">Làm mới</span>
class="tooltiptext"
style="top: 110%; bottom: unset; min-width: max-content; left: -45px"
>
Làm mới
</span>
</p> </p>
<Icon <Icon
v-if="loading" v-if="loading"

2
app/components/imports/DeleteProduct.vue
View File

@@ -1,6 +1,4 @@
<script setup> <script setup>
import Modal from "~/components/Modal.vue";
const props = defineProps({ const props = defineProps({
product: Object, product: Object,
}); });

2
app/components/imports/DeleteProductVariant.vue
View File

@@ -1,6 +1,4 @@
<script setup> <script setup>
import Modal from "~/components/Modal.vue";
const props = defineProps({ const props = defineProps({
variant: Object, variant: Object,
}); });

131
app/components/marketing/email/Email.vue
View File

@@ -3,37 +3,23 @@
class="container is-fluid px-0" class="container is-fluid px-0"
style="overflow: hidden" style="overflow: hidden"
> >
<!-- 95px is height of nav + breadcrumb --> <div class="fixed-grid has-12-cols">
<div <div class="grid">
class="columns m-0"
style="height: calc(100vh - 95px)"
>
<!-- Form Section --> <!-- Form Section -->
<div <div
class="column is-5 pb-5" class="cell is-col-span-5"
style="overflow-y: scroll; border-right: 1px solid #dbdbdb" style="overflow-y: scroll"
> >
<label class="label"> <label class="label">Chọn mẫu</label>
<span class="icon-text">
<span>Chọn mẫu</span>
</span>
</label>
<div class="level mb-4 mt-2 pr-4">
<!-- Template Selector --> <!-- Template Selector -->
<div class="field has-addons">
<div <div class="control has-icons-left is-expanded">
class="level-left" <span class="icon is-small is-left">
style="flex: 1" <Icon
> name="tabler:template"
<div :size="20"
class="level-item" />
style="flex: 1" </span>
>
<div
class="field"
style="width: 100%"
>
<div class="control">
<div class="select is-fullwidth"> <div class="select is-fullwidth">
<select <select
v-model="selectedValue" v-model="selectedValue"
@@ -50,65 +36,50 @@
</select> </select>
</div> </div>
</div> </div>
</div> <div class="control">
</div>
</div>
<!-- Action Buttons -->
<div
v-if="$getEditRights()"
class="level-right"
>
<div class="level-item">
<div class="buttons">
<button
class="button is-light"
@click="handleOpenModal"
>
<span class="icon">
<Icon
name="material-symbols:save-outline-rounded"
:size="18"
class="has-text-primary"
/>
</span>
</button>
<button <button
v-if="selectedTemplateId" v-if="selectedTemplateId"
class="button is-danger is-outlined" class="button is-danger is-light"
@click="showDeleteDialog = true" @click="showDeleteDialog = true"
:disabled="loading" :disabled="loading"
> >
<span class="icon"> <span class="icon">
<Icon <Icon
name="material-symbols:delete-outline-rounded" name="material-symbols:delete-outline-rounded"
:size="18" :size="20"
/>
</span>
</button>
</div>
<div class="control">
<button
class="button is-primary is-light"
@click="handleOpenModal"
>
<span class="icon">
<Icon
name="material-symbols:save-outline-rounded"
:size="20"
/> />
</span> </span>
</button> </button>
</div> </div>
</div> </div>
</div> <!-- Tabs -->
</div> <div class="tabs">
<!-- Tabbed Interface -->
<div class="tabs mb-3">
<ul> <ul>
<li :class="{ 'is-active': activeTab === 'content' }"> <li
<a @click="activeTab = 'content'">Content</a> v-for="tab in ['content', 'mappings', 'automation']"
:key="tab"
:class="[activeTab === tab && 'is-active']"
>
<a @click="activeTab = tab">{{ capitalize(tab) }}</a>
</li> </li>
<template v-if="$getEditRights()">
<li :class="{ 'is-active': activeTab === 'mappings' }">
<a @click="activeTab = 'mappings'">Mappings</a>
</li>
<li :class="{ 'is-active': activeTab === 'automation' }">
<a @click="activeTab = 'automation'">Automation</a>
</li>
</template>
</ul> </ul>
</div> </div>
<!-- Form Component based on tab --> <!-- Form Component based on tab -->
<div class="card">
<div class="card-content p-4">
<div v-show="activeTab === 'content'"> <div v-show="activeTab === 'content'">
<component <component
:is="currentFormComponent" :is="currentFormComponent"
@@ -117,20 +88,21 @@
@data-change="handleChangeData" @data-change="handleChangeData"
/> />
</div> </div>
<div v-if="activeTab === 'mappings'">
<MappingConfigurator <MappingConfigurator
v-if="activeTab === 'mappings'"
:mappings="formData.mappings" :mappings="formData.mappings"
@update:mappings="updateMappings" @update:mappings="updateMappings"
/> />
</div> <JobConfigurator
<div v-if="activeTab === 'automation'"> v-if="activeTab === 'automation'"
<JobConfigurator :template-id="selectedTemplateId" /> :template-id="selectedTemplateId"
/>
</div>
</div> </div>
</div> </div>
<!-- Preview Section --> <!-- Preview Section -->
<div <div
class="column is-7 p-0" class="cell is-col-span-7"
style="overflow-y: scroll" style="overflow-y: scroll"
> >
<component <component
@@ -140,6 +112,7 @@
/> />
</div> </div>
</div> </div>
</div>
<!-- Delete Confirmation Modal --> <!-- Delete Confirmation Modal -->
<div <div
@@ -184,16 +157,16 @@
</div> </div>
<Modal <Modal
@close="showmodal = undefined"
v-bind="showmodal"
v-if="showmodal" v-if="showmodal"
></Modal> v-bind="showmodal"
@close="showmodal = undefined"
/>
</template> </template>
<script setup> <script setup>
import { capitalize } from "es-toolkit";
import EmailForm1 from "./forms/EmailForm1.vue"; import EmailForm1 from "./forms/EmailForm1.vue";
import Template1 from "~/components/marketing/email/Template1.vue"; import Template1 from "~/components/marketing/email/Template1.vue";
import Modal from "~/components/Modal.vue";
import MappingConfigurator from "~/components/marketing/email/MappingConfigurator.vue"; import MappingConfigurator from "~/components/marketing/email/MappingConfigurator.vue";
import JobConfigurator from "~/components/marketing/email/JobConfigurator.vue"; import JobConfigurator from "~/components/marketing/email/JobConfigurator.vue";
@@ -380,7 +353,7 @@ const handleDeleteTemplate = async () => {
const fetchTemplates = async () => { const fetchTemplates = async () => {
try { try {
dataTemplate.value = await $getdata("emailtemplate"); dataTemplate.value = await $getdata("Email_Template");
} catch (error) { } catch (error) {
$snackbar("Error: Failed to fetch templates"); $snackbar("Error: Failed to fetch templates");
console.error(error); console.error(error);

77
app/components/marketing/email/JobConfigurator.vue
View File

@@ -1,10 +1,7 @@
<template> <template>
<div class="box"> <div>
<div class="level"> <div class="block is-flex is-gap-1 is-align-items-center is-justify-content-space-between">
<div class="level-left"> <p class="fs-17 font-semibold">Automation Jobs</p>
<h5 class="title is-5">Automation Jobs</h5>
</div>
<div class="level-right">
<button <button
class="button is-primary" class="button is-primary"
@click="openNewJobForm" @click="openNewJobForm"
@@ -18,32 +15,28 @@
<span>Add New Job</span> <span>Add New Job</span>
</button> </button>
</div> </div>
</div> <p
<div
v-if="isLoading" v-if="isLoading"
class="has-text-centered" class="has-text-centered has-text-grey py-4"
> >
<p>Loading jobs...</p> Loading jobs...
</div> </p>
<p
<div
v-else-if="jobs.length === 0" v-else-if="jobs.length === 0"
class="has-text-centered" class="has-text-centered has-text-grey py-4"
> >
<p>No automation jobs found for this template.</p> No automation jobs found for this template.
</div> </p>
<div v-else> <div v-else>
<div <div
v-for="job in jobs" v-for="job in jobs"
:key="job.id" :key="job.id"
class="mb-4 p-3 border" class="mb-4 p-3 rounded"
style="border: 1px solid var(--bulma-grey-90)"
> >
<div class="level"> <div class="is-flex is-gap-1 is-justify-content-space-between is-align-items-center">
<div class="level-left"> <div class="is-flex-shrink-1">
<div> <p class="font-semibold mb-1">{{ job.name }}</p>
<p class="has-text-weight-bold">{{ job.name }}</p>
<p class="is-size-7">Model: {{ job.model_name }}</p> <p class="is-size-7">Model: {{ job.model_name }}</p>
<p class="is-size-7"> <p class="is-size-7">
Triggers: Triggers:
@@ -59,13 +52,10 @@
> >
</p> </p>
</div> </div>
</div>
<div class="level-right">
<div class="field has-addons"> <div class="field has-addons">
<div class="control"> <div class="control">
<button <button
class="button is-small" :class="['button is-small', job.active && 'is-primary']"
:class="{ 'is-success': job.active, 'is-light': !job.active }"
@click="toggleJobStatus(job)" @click="toggleJobStatus(job)"
> >
{{ job.active ? "Active" : "Inactive" }} {{ job.active ? "Active" : "Inactive" }}
@@ -101,7 +91,6 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- Job Form Modal --> <!-- Job Form Modal -->
<div <div
@@ -197,7 +186,7 @@
</div> </div>
</template> </template>
<script setup lang="ts"> <script setup>
import { apiUrl, putApiUrl } from "~/components/marketing/email/Email.utils"; import { apiUrl, putApiUrl } from "~/components/marketing/email/Email.utils";
const props = defineProps({ const props = defineProps({
@@ -207,10 +196,9 @@ const props = defineProps({
}, },
}); });
const nuxtApp = useNuxtApp(); const { $getdata, $snackbar } = useNuxtApp();
const $snackbar = nuxtApp.$snackbar as (message: string) => void;
const jobs = ref<any[]>([]); const jobs = ref([]);
const isLoading = ref(false); const isLoading = ref(false);
const isSaving = ref(false); const isSaving = ref(false);
const showForm = ref(false); const showForm = ref(false);
@@ -238,7 +226,11 @@ const fetchJobs = async () => {
const response = await $fetch(`${apiUrl}/Email_Job/`, { const response = await $fetch(`${apiUrl}/Email_Job/`, {
params: { template_id: props.templateId }, params: { template_id: props.templateId },
}); });
jobs.value = response.rows || []; jobs.value = await $getdata("Email_Job", {
filter: {
template_id: props.templateId,
},
});
} catch (error) { } catch (error) {
console.error("Error fetching email jobs:", error); console.error("Error fetching email jobs:", error);
$snackbar(`Error fetching jobs`); $snackbar(`Error fetching jobs`);
@@ -259,7 +251,7 @@ const openNewJobForm = () => {
showForm.value = true; showForm.value = true;
}; };
const openEditJobForm = (job: any) => { const openEditJobForm = (job) => {
isEditing.value = true; isEditing.value = true;
jobForm.value = { ...job }; jobForm.value = { ...job };
showForm.value = true; showForm.value = true;
@@ -283,19 +275,19 @@ const saveJob = async () => {
body: data, body: data,
}); });
if (response) { if (response) {
$snackbar(`Job saved successfully`); $snackbar("Job saved successfully", "Success");
await fetchJobs(); await fetchJobs();
closeForm(); closeForm();
} }
} catch (error) { } catch (error) {
console.error("Error saving job:", error); console.error("Error saving job:", error);
$snackbar(`Error saving job`); $snackbar("Error saving job", "Error");
} finally { } finally {
isSaving.value = false; isSaving.value = false;
} }
}; };
const toggleJobStatus = async (job: any) => { const toggleJobStatus = async (job) => {
const updatedJob = { ...job, active: !job.active }; const updatedJob = { ...job, active: !job.active };
try { try {
await $fetch(`${putApiUrl}/Email_Job/${job.id}`, { await $fetch(`${putApiUrl}/Email_Job/${job.id}`, {
@@ -310,13 +302,13 @@ const toggleJobStatus = async (job: any) => {
} }
}; };
const confirmDelete = (job: any) => { const confirmDelete = (job) => {
if (confirm(`Are you sure you want to delete the job "${job.name}"?`)) { if (confirm(`Are you sure you want to delete the job "${job.name}"?`)) {
deleteJob(job.id); deleteJob(job.id);
} }
}; };
const deleteJob = async (jobId: number) => { const deleteJob = async (jobId) => {
try { try {
await $fetch(`${putApiUrl}/Email_Job/${jobId}`, { await $fetch(`${putApiUrl}/Email_Job/${jobId}`, {
method: "DELETE", method: "DELETE",
@@ -333,13 +325,6 @@ onMounted(fetchJobs);
</script> </script>
<style scoped> <style scoped>
.box {
padding: 1.5rem;
}
.border {
border: 1px solid #dbdbdb;
border-radius: 4px;
}
.modal-card-foot { .modal-card-foot {
justify-content: flex-end; justify-content: flex-end;
} }

66
app/components/marketing/email/MappingConfigurator.vue
View File

@@ -1,29 +1,29 @@
<template> <template>
<div class="box"> <div>
<div <div
v-for="(mapping, mapIndex) in localMappings" v-for="(mapping, mapIndex) in localMappings"
:key="mapIndex" :key="mapIndex"
class="mb-5 p-4 border" class="card"
style="border: 1px solid var(--bulma-grey-90)"
> >
<div class="level"> <div class="card-content p-4">
<div class="level-left"> <div class="block is-flex is-gap-1 is-justify-content-space-between is-align-items-center">
<h5 class="title is-5">Mapping {{ mapIndex + 1 }}: {{ mapping.alias }}</h5> <h5 class="fs-17 font-semibold">Mapping {{ mapIndex + 1 }}: {{ mapping.alias }}</h5>
</div>
<div class="level-right">
<button <button
class="button is-danger is-small" class="button is-danger is-light"
@click="removeMapping(mapIndex)" @click="removeMapping(mapIndex)"
> >
<span class="icon is-small"> <span class="icon">
<Icon name="material-symbols:delete-outline-rounded" /> <Icon
name="material-symbols:delete-outline-rounded"
:size="18"
/>
</span> </span>
</button> </button>
</div> </div>
</div> <div class="fixed-grid">
<div class="grid">
<div class="columns is-multiline"> <div class="cell">
<div class="column is-6">
<div class="field">
<label class="label">Alias</label> <label class="label">Alias</label>
<div class="control"> <div class="control">
<input <input
@@ -34,9 +34,7 @@
/> />
</div> </div>
</div> </div>
</div> <div class="cell">
<div class="column is-6">
<div class="field">
<label class="label">Model</label> <label class="label">Model</label>
<div class="control"> <div class="control">
<input <input
@@ -48,9 +46,7 @@
/> />
</div> </div>
</div> </div>
</div> <div class="cell">
<div class="column is-6">
<div class="field">
<label class="label">Lookup Field</label> <label class="label">Lookup Field</label>
<div class="control"> <div class="control">
<input <input
@@ -62,9 +58,7 @@
/> />
</div> </div>
</div> </div>
</div> <div class="cell">
<div class="column is-6">
<div class="field">
<label class="label">Lookup Value From</label> <label class="label">Lookup Value From</label>
<div class="control"> <div class="control">
<input <input
@@ -76,9 +70,7 @@
/> />
</div> </div>
</div> </div>
</div> <div class="cell">
<div class="column is-6">
<div class="field">
<label class="label">Type</label> <label class="label">Type</label>
<div class="control"> <div class="control">
<div class="select is-fullwidth"> <div class="select is-fullwidth">
@@ -92,9 +84,7 @@
</div> </div>
</div> </div>
</div> </div>
</div> <div class="cell">
<div class="column is-6">
<div class="field">
<label class="label">Is Trigger Object?</label> <label class="label">Is Trigger Object?</label>
<div class="control"> <div class="control">
<label class="checkbox"> <label class="checkbox">
@@ -109,9 +99,8 @@
</div> </div>
</div> </div>
</div> </div>
<hr /> <hr />
<h6 class="title is-6">Fields</h6> <p class="label">Fields</p>
<div <div
v-for="(field, fieldIndex) in mapping.fields" v-for="(field, fieldIndex) in mapping.fields"
:key="fieldIndex" :key="fieldIndex"
@@ -157,6 +146,7 @@
<span>Add Field</span> <span>Add Field</span>
</button> </button>
</div> </div>
</div>
<button <button
class="button is-primary" class="button is-primary"
@@ -174,8 +164,6 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { ref, watch } from "vue";
const props = defineProps({ const props = defineProps({
mappings: { mappings: {
type: Array, type: Array,
@@ -260,13 +248,3 @@ const update = () => {
emit("update:mappings", reformatMappingsForEmit()); emit("update:mappings", reformatMappingsForEmit());
}; };
</script> </script>
<style scoped>
.box {
padding: 1.5rem;
}
.border {
border: 1px solid #dbdbdb;
border-radius: 4px;
}
</style>

25
app/components/marketing/email/Template1.vue
View File

@@ -4,14 +4,7 @@
:is="'style'" :is="'style'"
v-html="styles" v-html="styles"
/> />
<div <div class="container py-6 min-h-full">
class="container py-6"
:style="{
minHeight: '100%',
backgroundColor: 'hsl(0, 0%, 97%)',
fontFamily: '-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif',
}"
>
<table <table
role="presentation" role="presentation"
cellspacing="0" cellspacing="0"
@@ -37,8 +30,7 @@
width: '100%', width: '100%',
maxWidth: '680px', maxWidth: '680px',
backgroundColor: '#ffffff', backgroundColor: '#ffffff',
borderRadius: '16px', border: '1px solid #dedede',
boxShadow: '0 4px 12px rgba(0, 0, 0, 0.1)',
overflow: 'hidden', overflow: 'hidden',
}" }"
> >
@@ -102,10 +94,10 @@
overflow: 'hidden', overflow: 'hidden',
}" }"
> >
<div :style="{ padding: '15px' }">
<div <div
class="message-content" class="message-content"
:style="{ :style="{
padding: '16px',
fontSize: '16px', fontSize: '16px',
margin: '0', margin: '0',
color: '#374151', color: '#374151',
@@ -116,8 +108,7 @@
<div <div
class="content" class="content"
v-html="processedMessage" v-html="processedMessage"
/> ></div>
</div>
</div> </div>
<div <div
@@ -169,7 +160,6 @@
<div <div
class="company-info" class="company-info"
:style="{ :style="{
background: 'linear-gradient(to right, #000000, #0f9b0f)',
color: '#ffffff', color: '#ffffff',
borderRadius: '12px', borderRadius: '12px',
}" }"
@@ -233,7 +223,6 @@
<script setup> <script setup>
import { imageUrl } from "~/components/marketing/email/Email.utils"; import { imageUrl } from "~/components/marketing/email/Email.utils";
import { computed } from "vue";
const props = defineProps({ const props = defineProps({
content: Object, content: Object,
@@ -248,7 +237,7 @@ const hasValidImage = computed(() => {
return props.content.imageUrl && props.content.imageUrl.trim() !== ""; return props.content.imageUrl && props.content.imageUrl.trim() !== "";
}); });
const replaceKeywords = (contentstring) => { const replaceKeywords = (content) => {
if (!content) return ""; if (!content) return "";
let replacedContent = content; let replacedContent = content;
@@ -415,10 +404,6 @@ const styles = `
.message-text { .message-text {
font-size: 12px !important; font-size: 12px !important;
} }
.logo-container {
width: 150px !important;
height: 45px !important;
}
.company-name { .company-name {
font-size: 12px !important; font-size: 12px !important;
color: #ffffff !important; color: #ffffff !important;

53
app/components/marketing/email/dataGmail/OpenListGmail.vue
View File

@@ -1,7 +1,6 @@
<template> <template>
<div class="box">
<div class="table-container"> <div class="table-container">
<table class="table is-bordered is-fullwidth is-hoverable"> <table class="table is-fullwidth is-hoverable">
<thead> <thead>
<tr> <tr>
<th>List Name</th> <th>List Name</th>
@@ -9,40 +8,35 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<template v-if="loading">
<tr <tr
v-if="loading"
v-for="index in 5" v-for="index in 5"
:key="index" :key="index"
> >
<td> <td>
<div <div class="skeleton-lines">
class="skeleton-loader" <div></div>
style="width: 150px; height: 20px" </div>
></div>
</td> </td>
<td> <td>
<div <div class="skeleton-lines">
class="skeleton-loader" <div></div>
style="width: 250px; height: 20px" </div>
></div>
</td> </td>
</tr> </tr>
</template> <tr v-else-if="dataEmail.length === 0">
<template v-else-if="dataEmail.length === 0">
<tr>
<td <td
colspan="2" colspan="2"
class="has-text-centered py-6" class="has-text-centered py-6"
> >
<div class="has-text-grey"> <div class="has-text-grey">
<p class="has-text-weight-medium">No saved lists found</p> <p class="has-text-weight-medium">No saved lists found</p>
<p class="is-size-7 mt-2">Create a new list to get started</p> <p class="is-size-7 mt-1">Create a new list to get started</p>
</div> </div>
</td> </td>
</tr> </tr>
</template>
<template v-else>
<tr <tr
v-else
v-for="item in dataEmail" v-for="item in dataEmail"
:key="item.id" :key="item.id"
:class="['is-clickable', selectedEmails === item.email ? 'is-selected' : '']" :class="['is-clickable', selectedEmails === item.email ? 'is-selected' : '']"
@@ -51,17 +45,12 @@
<td class="has-text-weight-medium">{{ item.name }}</td> <td class="has-text-weight-medium">{{ item.name }}</td>
<td class="has-text-grey-30">{{ item.email }}</td> <td class="has-text-grey-30">{{ item.email }}</td>
</tr> </tr>
</template>
</tbody> </tbody>
</table> </table>
</div> </div>
</div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { ref } from "vue";
import { useNuxtApp } from "nuxt/app";
interface EmailItem { interface EmailItem {
id: string; id: string;
name: string; name: string;
@@ -112,10 +101,6 @@ const handleRowClick = (email: string, name: string, id: string) => {
</script> </script>
<style scoped> <style scoped>
.is-clickable {
cursor: pointer;
}
.is-clickable:hover { .is-clickable:hover {
background-color: hsl(219, 70%, 96%) !important; background-color: hsl(219, 70%, 96%) !important;
} }
@@ -123,20 +108,4 @@ const handleRowClick = (email: string, name: string, id: string) => {
.is-selected { .is-selected {
background-color: hsl(219, 70%, 90%) !important; background-color: hsl(219, 70%, 90%) !important;
} }
.skeleton-loader {
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: loading 2s ease-in-out infinite;
border-radius: 4px;
}
@keyframes loading {
0% {
background-position: 200% 0;
}
100% {
background-position: -200% 0;
}
}
</style> </style>

222
app/components/marketing/email/forms/EmailForm1.vue
View File

@@ -1,49 +1,55 @@
<template> <template>
<div class="pr-4">
<form @submit.prevent="handleSendEmail"> <form @submit.prevent="handleSendEmail">
<!-- Receiver Section --> <!-- Receiver Section -->
<div class="field"> <div class="field">
<label class="label"> <label class="label">
<span class="icon-text"> <span class="icon-text">
<span <span>Người nhận {{ selectedName ? `(Đang mở: ${selectedName})` : "" }}<b class="has-text-danger">*</b></span>
>Người nhận {{ selectedName ? `(Đang mở: ${selectedName})` : ""
}}<b class="ml-1 has-text-danger">*</b></span
>
</span> </span>
</label> </label>
<div class="field is-flex"> <div class="field has-addons">
<div class="control is-expanded pr-3 is-flex-grow-1"> <div class="control is-expanded">
<input <input
ref="emailTextareaRef" ref="emailTextareaRef"
class="input" class="input"
name="receiver" name="receiver"
id="receiver" id="receiver"
style="height: 100%"
v-model="formData.content.receiver" v-model="formData.content.receiver"
placeholder="Nhập địa chỉ email người nhận, ngăn cách bằng dấu chấm phẩy (;)"
@input="handleInputChange('receiver', $event)" @input="handleInputChange('receiver', $event)"
placeholder="Nhập địa chỉ email người nhận, ngăn cách bằng dấu chấm phẩy (;)"
title="Nhập địa chỉ email người nhận, ngăn cách bằng dấu chấm phẩy (;)"
/> />
</div> </div>
<div class="control"> <div class="control">
<div class="buttons is-flex is-flex-wrap-nowrap">
<button <button
v-if="$getEditRights()" v-if="$getEditRights()"
type="button"
class="button is-light"
@click="handleOpenModal('save-list')" @click="handleOpenModal('save-list')"
style="border-radius: 8px; width: 100%" class="button is-primary is-light"
>
<span>Lưu</span>
</button>
<button
type="button" type="button"
class="button is-info"
@click="handleOpenModal('open-list')"
style="border-radius: 8px; width: 100%"
> >
<span>Mở</span> <span class="icon">
<Icon
name="material-symbols:save-outline-rounded"
:size="20"
/>
</span>
</button> </button>
<span class="tooltiptext left-auto right-0">Lưu</span>
</div> </div>
<div class="control">
<button
@click="handleOpenModal('open-list')"
class="button is-info is-light"
type="button"
>
<span class="icon">
<Icon
name="material-symbols:list-alt-outline-rounded"
:size="20"
/>
</span>
</button>
<span class="tooltiptext left-auto right-0">Xem danh sách </span>
</div> </div>
</div> </div>
</div> </div>
@@ -52,7 +58,7 @@
<div class="field"> <div class="field">
<label class="label"> <label class="label">
<span class="icon-text"> <span class="icon-text">
<span>Tiêu đề<b class="ml-1 has-text-danger">*</b></span> <span>Tiêu đề <b class="has-text-danger">*</b></span>
</span> </span>
</label> </label>
<div class="control"> <div class="control">
@@ -62,7 +68,7 @@
name="subject" name="subject"
class="input" class="input"
v-model="formData.content.subject" v-model="formData.content.subject"
placeholder="Nhập tiêu đề email..." placeholder="Nhập tiêu đề email"
required required
@input="handleInputChange('subject', $event)" @input="handleInputChange('subject', $event)"
/> />
@@ -77,20 +83,14 @@
</span> </span>
</label> </label>
<div class="control"> <div class="control">
<div
class="box"
style="padding: 0"
>
<Editor <Editor
:key="quillKey" :key="quillKey"
:text="formData.content.content" :text="formData.content.content"
pagename="pagedataemail" style="height: 300px"
:height="'300px'"
@content="handleQuillChange" @content="handleQuillChange"
/> />
</div> </div>
</div> </div>
</div>
<!-- Image URL Section --> <!-- Image URL Section -->
<div class="field"> <div class="field">
@@ -126,12 +126,15 @@
<div class="level-right"> <div class="level-right">
<div class="level-item"> <div class="level-item">
<button <button
type="button"
@click="addLinkUrl" @click="addLinkUrl"
class="button is-normal" class="button is-primary is-light"
type="button"
> >
<span class="icon"> <span class="icon">
<Icon name="material-symbols:add-rounded" /> <Icon
name="material-symbols:add-rounded"
:size="18"
/>
</span> </span>
<span>Thêm liên kết</span> <span>Thêm liên kết</span>
</button> </button>
@@ -212,7 +215,7 @@
class="input is-small" class="input is-small"
:value="getKeywordValue(keyword)" :value="getKeywordValue(keyword)"
:placeholder="`Nhập giá trị cho ${keyword}`" :placeholder="`Nhập giá trị cho ${keyword}`"
@input="handleKeywordValueChange(keyword, ($event.target as HTMLInputElement).value)" @input="handleKeywordValueChange(keyword, $event.target.value)"
/> />
</div> </div>
</div> </div>
@@ -221,12 +224,8 @@
<!-- Submit Button --> <!-- Submit Button -->
<div class="field"> <div class="field">
<div class="control"> <div class="control is-flex is-justify-content-flex-end">
<button <button :class="['button is-primary has-text-white', loading && 'is-loading']">
class="button is-primary has-text-white"
:class="{ 'is-loading': loading }"
:disabled="loading"
>
<span v-if="loading">Đang gửi</span> <span v-if="loading">Đang gửi</span>
<template v-else> <template v-else>
<span class="icon"> <span class="icon">
@@ -238,63 +237,58 @@
</div> </div>
</div> </div>
</form> </form>
</div>
<Modal <Modal
@dataevent="handleRowClick" @dataevent="handleRowClick"
@close="showmodal = undefined" @close="showmodal = undefined"
v-bind="showmodal" v-bind="showmodal"
v-if="showmodal" v-if="showmodal"
></Modal> />
</template> </template>
<script setup lang="ts"> <script setup>
import { render } from "@vue-email/render"; import { render } from "@vue-email/render";
import Modal from "~/components/Modal.vue";
import Template1 from "~/components/marketing/email/Template1.vue"; import Template1 from "~/components/marketing/email/Template1.vue";
import Editor from "~/components/common/Editor.vue"; import Editor from "~/components/common/Editor.vue";
const nuxtApp = useNuxtApp(); const { $getdata, $getEditRights, $snackbar } = useNuxtApp();
const $snackbar = nuxtApp.$snackbar as (message?: string) => void;
const $getpath = nuxtApp.$getpath as (message?: string) => void;
const $getEditRights = nuxtApp.$getEditRights as () => boolean;
const apiUrl = `${$getpath()}data`;
const showmodal = ref(); const showmodal = ref();
// Types // Types
interface KeywordItem { // interface KeywordItem {
keyword: string; // keyword: string;
value: string; // value: string;
} // }
interface FormContent { // interface FormContent {
receiver: string; // receiver: string;
subject: string; // subject: string;
content: string; // content: string;
imageUrl: string | null; // imageUrl: string | null;
linkUrl: string[]; // linkUrl: string[];
textLinkUrl: string[]; // textLinkUrl: string[];
keyword: KeywordItem[]; // keyword: KeywordItem[];
html: string; // html: string;
} // }
interface FormData { // interface FormData {
id?: number; // id?: number;
name: string; // name: string;
template: string; // template: string;
content: FormContent; // content: FormContent;
} // }
type ModalType = "none" | "save-list" | "open-list"; // type ModalType = "none" | "save-list" | "open-list";
interface Props { // interface Props {
onDataChange: (data: FormData) => void; // onDataChange: (data: FormData) => void;
initialData?: FormData; // initialData?: FormData;
} // }
// Props const props = defineProps({
const props = withDefaults(defineProps<Props>(), { onDataChange: Function,
initialData: () => ({ initialData: {
type: Object,
default: () => ({
id: undefined, id: undefined,
name: "", name: "",
template: "template1", template: "template1",
@@ -309,21 +303,20 @@ const props = withDefaults(defineProps<Props>(), {
html: "", html: "",
}, },
}), }),
},
}); });
const selectedName = ref(""); const selectedName = ref("");
const selectedId = ref(""); const selectedId = ref("");
// Refs const emailTextareaRef = ref(null);
const emailTextareaRef = ref<HTMLTextAreaElement | null>(null);
const loading = ref(false); const loading = ref(false);
const modalType = ref<ModalType>("none"); const modalType = ref("none");
const formData = ref<FormData>(props.initialData); const formData = ref(props.initialData);
const quillKey = ref(0); const quillKey = ref(0);
const dataEmails = ref([]); const dataEmails = ref([]);
const detectedKeywords = ref<string[]>([]); const detectedKeywords = ref([]);
const handleRowClick = (data: { email: string; name: string; id: string }) => { const handleRowClick = (data /* : { email: string; name: string; id: string } */) => {
formData.value = { formData.value = {
...formData.value, ...formData.value,
content: { content: {
@@ -341,12 +334,12 @@ const handleRowClick = (data: { email: string; name: string; id: string }) => {
}; };
// Methods // Methods
const extractKeywords = (content: string): string[] => { const extractKeywords = (content) => {
if (!content) return []; if (!content) return [];
const regex = /\{\{([^}]+)\}\}/g; const regex = /\{\{([^}]+)\}\}/g;
const matches: string[] = []; const matches = [];
let match: RegExpExecArray | null = null; let match = null;
while ((match = regex.exec(content)) !== null) { while ((match = regex.exec(content)) !== null) {
if (match[1]) { if (match[1]) {
@@ -357,14 +350,13 @@ const extractKeywords = (content: string): string[] => {
return [...new Set(matches)]; return [...new Set(matches)];
}; };
const getKeywordValue = (keyword: string): string => { const getKeywordValue = (keyword) => {
const found = formData.value.content.keyword.find((kw) => kw.keyword === keyword); const found = formData.value.content.keyword.find((kw) => kw.keyword === keyword);
return found ? found.value : ""; return found ? found.value : "";
}; };
const handleInputChange = (field: keyof FormContent | "name" | "template", eventOrValue: Event | string) => { const handleInputChange = (field /* : keyof FormContent | "name" | "template" */, eventOrValue) => {
const value = const value = typeof eventOrValue === "string" ? eventOrValue : (eventOrValue.target?.value ?? "");
typeof eventOrValue === "string" ? eventOrValue : ((eventOrValue.target as HTMLInputElement)?.value ?? "");
if (field === "receiver" && value.trim() === "") { if (field === "receiver" && value.trim() === "") {
selectedName.value = ""; selectedName.value = "";
} }
@@ -380,7 +372,7 @@ const handleInputChange = (field: keyof FormContent | "name" | "template", event
props.onDataChange(formData.value); props.onDataChange(formData.value);
}; };
const handleQuillChange = (content: string) => { const handleQuillChange = (content) => {
formData.value = { formData.value = {
...formData.value, ...formData.value,
content: { content: {
@@ -391,9 +383,8 @@ const handleQuillChange = (content: string) => {
props.onDataChange(formData.value); props.onDataChange(formData.value);
}; };
const handleLinkUrlChange = (index: number, eventOrValue: Event | string) => { const handleLinkUrlChange = (index, eventOrValue) => {
const value = const value = typeof eventOrValue === "string" ? eventOrValue : (eventOrValue.target?.value ?? "");
typeof eventOrValue === "string" ? eventOrValue : ((eventOrValue.target as HTMLInputElement)?.value ?? "");
const newLinkUrl = [...formData.value.content.linkUrl]; const newLinkUrl = [...formData.value.content.linkUrl];
newLinkUrl[index] = value; newLinkUrl[index] = value;
formData.value = { formData.value = {
@@ -403,9 +394,8 @@ const handleLinkUrlChange = (index: number, eventOrValue: Event | string) => {
props.onDataChange(formData.value); props.onDataChange(formData.value);
}; };
const handleTextLinkUrlChange = (index: number, eventOrValue: Event | string) => { const handleTextLinkUrlChange = (index, eventOrValue) => {
const value = const value = typeof eventOrValue === "string" ? eventOrValue : (eventOrValue.target?.value ?? "");
typeof eventOrValue === "string" ? eventOrValue : ((eventOrValue.target as HTMLInputElement)?.value ?? "");
const newTextLinkUrl = [...formData.value.content.textLinkUrl]; const newTextLinkUrl = [...formData.value.content.textLinkUrl];
newTextLinkUrl[index] = value; newTextLinkUrl[index] = value;
formData.value = { formData.value = {
@@ -415,9 +405,8 @@ const handleTextLinkUrlChange = (index: number, eventOrValue: Event | string) =>
props.onDataChange(formData.value); props.onDataChange(formData.value);
}; };
const handleKeywordValueChange = (keyword: string, eventOrValue: Event | string) => { const handleKeywordValueChange = (keyword, eventOrValue) => {
const value = const value = typeof eventOrValue === "string" ? eventOrValue : (eventOrValue.target?.value ?? "");
typeof eventOrValue === "string" ? eventOrValue : ((eventOrValue.target as HTMLInputElement)?.value ?? "");
const keywordIndex = formData.value.content.keyword.findIndex((kw) => kw.keyword === keyword); const keywordIndex = formData.value.content.keyword.findIndex((kw) => kw.keyword === keyword);
if (keywordIndex !== -1) { if (keywordIndex !== -1) {
const newKeywords = [...formData.value.content.keyword]; const newKeywords = [...formData.value.content.keyword];
@@ -445,7 +434,7 @@ const addLinkUrl = () => {
props.onDataChange(formData.value); props.onDataChange(formData.value);
}; };
const removeLinkUrl = (index: number) => { const removeLinkUrl = (index) => {
if (formData.value.content.linkUrl.length > 1) { if (formData.value.content.linkUrl.length > 1) {
const newLinkUrl = formData.value.content.linkUrl.filter((_, i) => i !== index); const newLinkUrl = formData.value.content.linkUrl.filter((_, i) => i !== index);
const newTextLinkUrl = formData.value.content.textLinkUrl.filter((_, i) => i !== index); const newTextLinkUrl = formData.value.content.textLinkUrl.filter((_, i) => i !== index);
@@ -563,10 +552,10 @@ const handleSendEmail = async () => {
} }
}; };
const handleOpenModal = async (type: ModalType) => { const handleOpenModal = async (type) => {
modalType.value = type; modalType.value = type;
await getData(); await getEmailList();
console.log(modalType.value);
if (type === "save-list") { if (type === "save-list") {
showmodal.value = { showmodal.value = {
component: "marketing/email/dataGmail/SaveListGmail", component: "marketing/email/dataGmail/SaveListGmail",
@@ -584,7 +573,7 @@ const handleOpenModal = async (type: ModalType) => {
showmodal.value = { showmodal.value = {
component: "marketing/email/dataGmail/OpenListGmail", component: "marketing/email/dataGmail/OpenListGmail",
title: "Danh sách email", title: "Danh sách email",
width: "95%", width: "min(700px, 75%)",
height: "auto", height: "auto",
vbind: { vbind: {
dataEmail: dataEmails.value, dataEmail: dataEmails.value,
@@ -600,24 +589,13 @@ const handleCloseModal = () => {
showmodal.value = undefined; showmodal.value = undefined;
}; };
const getData = async () => { async function getEmailList() {
loading.value = true; loading.value = true;
const emailListUrl = `${apiUrl}/Email_List/`; dataEmails.value = await $getdata("Email_List");
try {
const response = await $fetch(emailListUrl);
dataEmails.value = response.rows;
console.log(response);
console.log(dataEmails.value);
} catch (error) {
console.error("Error fetching email list:", error);
throw error;
} finally {
loading.value = false; loading.value = false;
} }
};
const handleEditList = (id: string, name: string, emails: string) => { const handleEditList = (id, name, emails) => {
modalType.value = "save-list"; modalType.value = "save-list";
}; };

6
app/components/media/FileUpload.vue
View File

@@ -116,8 +116,8 @@ function doChange() {
function getFiles(files) { function getFiles(files) {
emit("files", files); emit("files", files);
// setTimeout(() => { setTimeout(() => {
// showmodal.value = undefined; showmodal.value = undefined;
// }, 3000); }, 3000);
} }
</script> </script>

2
app/components/menu/MenuFile.vue
View File

@@ -42,8 +42,6 @@
</div> </div>
</template> </template>
<script setup> <script setup>
import Modal from "~/components/Modal.vue";
const { $getpath } = useNuxtApp(); const { $getpath } = useNuxtApp();
const showModal = ref(); const showModal = ref();

2
app/components/pos/ChooseIMEIButton.vue
View File

@@ -1,6 +1,4 @@
<script setup> <script setup>
import Modal from "~/components/Modal.vue";
const props = defineProps({ const props = defineProps({
variant: Object, variant: Object,
}); });

1
app/components/pos/POS.vue
View File

@@ -4,7 +4,6 @@ import CartItem from "~/components/pos/CartItem.vue";
import CartTabs from "~/components/pos/CartTabs.vue"; import CartTabs from "~/components/pos/CartTabs.vue";
import useActiveCart from "~/components/pos/composables/useActiveCart"; import useActiveCart from "~/components/pos/composables/useActiveCart";
import useOrderInfo from "~/components/pos/composables/useOrderInfo"; import useOrderInfo from "~/components/pos/composables/useOrderInfo";
import SearchBox from "~/components/SearchBox.vue";
const store = useStore(); const store = useStore();
const { $insertapi } = useNuxtApp(); const { $insertapi } = useNuxtApp();

3
app/layouts/default.vue
View File

@@ -20,11 +20,8 @@
</template> </template>
<script setup> <script setup>
import { onMounted } from "vue";
import { useRoute } from "vue-router";
import { throttle } from "es-toolkit"; import { throttle } from "es-toolkit";
import SnackBar from "~/components/snackbar/SnackBar.vue"; import SnackBar from "~/components/snackbar/SnackBar.vue";
import Modal from "~/components/Modal.vue";
const route = useRoute(); const route = useRoute();
const { $getdata, $requestLogin, $store } = useNuxtApp(); const { $getdata, $requestLogin, $store } = useNuxtApp();

12
app/utils/apis.js
View File

@@ -451,6 +451,18 @@ export default /** @type {const} */ ([
url_detail: "data-detail/Email_Template/", url_detail: "data-detail/Email_Template/",
params: {}, params: {},
}, },
{
name: "Email_List",
url: "data/Email_List/",
url_detail: "data-detail/Email_List/",
params: {},
},
{
name: "Email_Job",
url: "data/Email_Job/",
url_detail: "data-detail/Email_Job/",
params: {},
},
{ {
name: "issuedplace", name: "issuedplace",
url: "data/Issued_Place/", url: "data/Issued_Place/",