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

@@ -20,37 +20,37 @@
class="ml-5"
v-if="!$empty(v.match)"
>
<SvgIcon
v-bind="{
name: v.match ? 'check2.svg' : 'error.svg',
type: v.match ? 'blue' : 'danger',
size: 26,
}"
></SvgIcon>
<Icon
:name="
v.match ? 'material-symbols:check-rounded' : 'material-symbols:error-circle-rounded-outline-sharp'
"
:size="26"
:class="`has-text-${v.match ? 'primary' : 'danger'}`"
/>
</span>
<span
class="ml-5"
v-if="!$empty(v.auth)"
>
<SvgIcon
v-bind="{
name: v.auth ? 'check2.svg' : 'error.svg',
type: v.auth ? 'blue' : 'danger',
size: 26,
}"
></SvgIcon>
<Icon
:name="
v.auth ? 'material-symbols:check-rounded' : 'material-symbols:error-circle-rounded-outline-sharp'
"
:size="26"
:class="`has-text-${v.auth ? 'primary' : 'danger'}`"
/>
</span>
<span
class="ml-5"
v-if="!$empty(v.expiry)"
>
<SvgIcon
v-bind="{
name: v.expiry ? 'error.svg' : 'check2.svg',
type: v.expiry ? 'danger' : 'blue',
size: 26,
}"
></SvgIcon>
<Icon
:name="
v.expiry ? 'material-symbols:error-circle-rounded-outline-sharp' : 'material-symbols:check-rounded'
"
:size="26"
:class="`has-text-${v.expiry ? 'danger' : 'primary'}`"
/>
</span>
</span>
</td>

View File

@@ -22,13 +22,17 @@
:class="['button px-5', { 'is-primary': layout === layoutMode }]"
@click="layoutMode = layout"
>
<SvgIcon
v-bind="{
name: `${layout}.svg`,
type: layout === layoutMode ? 'white' : 'primary',
size: 20,
}"
/>
<span class="icon">
<Icon
:name="
layout === 'grid'
? 'material-symbols:grid-view-outline-rounded'
: 'material-symbols:format-list-bulleted-rounded'
"
:size="20"
:class="`has-text-${layout === layoutMode ? 'white' : 'primary'}`"
/>
</span>
</button>
</div>
<div
@@ -83,13 +87,19 @@
class="mr-3"
@click="excel()"
>
<SvgIcon v-bind="{ name: 'excel.png', type: 'black', size: 20 }"></SvgIcon>
<Icon
name="mdi:microsoft-excel"
:size="20"
/>
</a>
<a
v-if="$getEditRights()"
@click="importData()"
>
<SvgIcon v-bind="{ name: 'upload.svg', type: 'black', size: 20 }"></SvgIcon>
<Icon
name="material-symbols:upload-rounded"
:size="20"
/>
</a>
</span>
</th>
@@ -155,14 +165,20 @@
class="button is-rounded"
style="left: 24px"
>
<SvgIcon v-bind="{ name: 'left1.svg', type: 'black', size: 20 }" />
<Icon
name="material-symbols:arrow-back-ios-new-rounded"
:size="20"
/>
</button>
<button
@click="showNextImage()"
class="button is-rounded"
style="right: 24px"
>
<SvgIcon v-bind="{ name: 'right.svg', type: 'black', size: 20 }" />
<Icon
name="material-symbols:arrow-forward-ios-rounded"
:size="20"
/>
</button>
</div>
<div class="gallery-count">
@@ -201,6 +217,7 @@ const { dealer } = useStore();
const { $snackbar, $getdata, $insertapi, $deleteapi, $findapi, $getapi, $dayjs, $unique } = useNuxtApp();
const layoutModes = { GRID: "grid", LIST: "list" };
const layoutMode = ref(layoutModes.GRID);
const convertToWebp = ref(false);