changes
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user