This commit is contained in:
Viet An
2026-06-26 14:47:49 +07:00
parent 1262dc6d82
commit 6ff4112d66
96 changed files with 348 additions and 2936 deletions

View File

@@ -66,7 +66,11 @@
@click="handleOpenModal"
>
<span class="icon">
<SvgIcon v-bind="{ name: 'save.svg', type: 'primary', size: 18 }"></SvgIcon>
<Icon
name="material-symbols:save-outline-rounded"
:size="18"
class="has-text-primary"
/>
</span>
</button>
<button
@@ -76,7 +80,10 @@
:disabled="loading"
>
<span class="icon">
<SvgIcon v-bind="{ name: 'trash.svg', type: 'white', size: 18 }"></SvgIcon>
<Icon
name="material-symbols:delete-outline-rounded"
:size="18"
/>
</span>
</button>
</div>

View File

@@ -9,8 +9,13 @@
class="button is-primary"
@click="openNewJobForm"
>
<SvgIcon v-bind="{ name: 'add4.svg', type: 'white', size: 18 }" />
<span class="ml-2">Add New Job</span>
<span class="icon">
<Icon
name="material-symbols:add-rounded"
:size="18"
/>
</span>
<span>Add New Job</span>
</button>
</div>
</div>
@@ -71,7 +76,12 @@
class="button is-small"
@click="openEditJobForm(job)"
>
<SvgIcon v-bind="{ name: 'pen1.svg', type: 'primary', size: 18 }" />
<span class="icon">
<Icon
name="material-symbols:edit-outline-rounded"
:size="18"
/>
</span>
</button>
</div>
<div class="control">
@@ -79,7 +89,12 @@
class="button is-danger is-small"
@click="confirmDelete(job)"
>
<SvgIcon v-bind="{ name: 'trash.svg', type: 'white', size: 18 }" />
<span class="icon">
<Icon
name="material-symbols:delete-outline-rounded"
:size="18"
/>
</span>
</button>
</div>
</div>

View File

@@ -15,7 +15,7 @@
@click="removeMapping(mapIndex)"
>
<span class="icon is-small">
<SvgIcon v-bind="{ name: 'bin1.svg', type: 'white', size: 16 }"></SvgIcon>
<Icon name="material-symbols:delete-outline-rounded" />
</span>
</button>
</div>
@@ -140,7 +140,12 @@
class="button is-danger is-light"
@click="removeField(mapIndex, fieldIndex as number)"
>
<SvgIcon v-bind="{ name: 'bin1.svg', type: 'primary' }"></SvgIcon>
<span class="icon">
<Icon
name="material-symbols:delete-outline-rounded"
:size="20"
/>
</span>
</button>
</div>
</div>
@@ -157,11 +162,13 @@
class="button is-primary"
@click="addMapping"
>
<SvgIcon
class="mr-2"
v-bind="{ name: 'add4.svg', type: 'white', size: 18 }"
/>
Add Mapping
<span class="icon">
<Icon
name="material-symbols:add-rounded"
:size="18"
/>
</span>
<span>Add Mapping</span>
</button>
</div>
</template>

View File

@@ -75,12 +75,9 @@
opacity: 0.15,
}"
>
<SvgIcon
v-bind="{
name: 'image.svg',
type: 'black',
size: 180,
}"
<Icon
name="material-symbols:image-outline-rounded"
:size="100"
/>
</div>
</div>

View File

@@ -88,7 +88,7 @@
class="tag is-warning"
>
<span class="icon is-small">
<SvgIcon v-bind="{ name: 'loading.svg', type: 'white', size: 12 }" />
<Icon name="svg-spinners:180-ring-with-bg" />
</span>
<span>Pending</span>
</span>

View File

@@ -54,7 +54,7 @@
@click="handleCreateNew"
>
<span class="icon">
<SvgIcon v-bind="{ name: 'add4.svg', type: 'gray', size: 16 }"></SvgIcon>
<Icon name="material-symbols:add-rounded" />
</span>
<span>Create New</span>
</button>
@@ -69,13 +69,7 @@
class="icon"
v-else
>
<SvgIcon
v-bind="{
name: isEditMode ? 'save.svg' : 'add4.svg',
type: 'white',
size: 16,
}"
></SvgIcon>
<Icon :name="isEditMode ? 'material-symbols:edit-outline-rounded' : 'material-symbols:add-rounded'" />
</span>
<span>{{
loading

View File

@@ -33,19 +33,19 @@
class="icon"
v-if="loading"
>
<SvgIcon v-bind="{ name: 'loading.svg', type: 'white', size: 16 }"></SvgIcon>
<Icon name="svg-spinners:180-ring-with-bg" />
</span>
<span
class="icon"
v-else-if="isEditMode"
>
<SvgIcon v-bind="{ name: 'save.svg', type: 'white', size: 16 }"></SvgIcon>
<Icon name="material-symbols:save-outline-rounded" />
</span>
<span
class="icon"
v-else
>
<SvgIcon v-bind="{ name: 'add4.svg', type: 'white', size: 16 }"></SvgIcon>
<Icon name="material-symbols:add-rounded" />
</span>
<span>{{
loading ? (isEditMode ? "Updating..." : "Creating...") : isEditMode ? "Update Template" : "Create Template"
@@ -61,13 +61,13 @@
class="icon"
v-if="loadingCreate"
>
<SvgIcon v-bind="{ name: 'loading.svg', type: 'white', size: 16 }" />
<Icon name="svg-spinners:180-ring-with-bg" />
</span>
<span
class="icon"
v-else
>
<SvgIcon v-bind="{ name: 'add4.svg', type: 'white', size: 16 }"></SvgIcon>
<Icon name="material-symbols:add-rounded" />
</span>
<span>{{ loadingCreate ? "Creating..." : "Create" }}</span>
</button>

View File

@@ -131,7 +131,7 @@
class="button is-normal"
>
<span class="icon">
<SvgIcon v-bind="{ name: 'add4.svg', type: 'black', size: 16 }"></SvgIcon>
<Icon name="material-symbols:add-rounded" />
</span>
<span>Thêm liên kết</span>
</button>
@@ -176,7 +176,7 @@
style="border-radius: 8px"
>
<span class="icon">
<SvgIcon v-bind="{ name: 'trash.svg', type: 'white', size: 16 }"></SvgIcon>
<Icon name="material-symbols:delete-outline-rounded" />
</span>
</button>
</div>
@@ -230,7 +230,7 @@
<span v-if="loading">Đang gửi</span>
<template v-else>
<span class="icon">
<SvgIcon v-bind="{ name: 'send.svg', type: 'white', size: 18 }" />
<Icon name="material-symbols:send-rounded" />
</span>
<span>Gửi email</span>
</template>