chamomind/jws-frontend
chamomind/jws-frontend
6
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

fix(04): icon outline

Browse source
This commit is contained in:
puriphatt 2024-08-20 10:57:28 +07:00
parent cc928f808c
commit 686ad6c070
1 changed files with 23 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

38
src/pages/04_product-service/MainPage.vue
View file

@ -113,28 +113,28 @@ const stat = ref<
}[] }[]
>([ >([
{ {
icon: 'mdi-folder', icon: 'mdi-folder-outline',
count: 0, count: 0,
label: 'productAndService', label: 'productAndService',
mode: 'group', mode: 'group',
color: 'pink', color: 'pink',
}, },
{ {
icon: 'mdi-folder-table', icon: 'mdi-folder-table-outline',
count: 0, count: 0,
label: 'productAndServiceType', label: 'productAndServiceType',
mode: 'type', mode: 'type',
color: 'purple', color: 'purple',
}, },
{ {
icon: 'mdi-server-network', icon: 'mdi-server-outline',
count: 0, count: 0,
label: 'productService.service.title', label: 'productService.service.title',
mode: 'service', mode: 'service',
color: 'orange', color: 'orange',
}, },
{ {
icon: 'mdi-shopping', icon: 'mdi-shopping-outline',
count: 0, count: 0,
label: 'product', label: 'product',
mode: 'product', mode: 'product',
@ -1392,7 +1392,7 @@ watch(
id="btn-add-product-group" id="btn-add-product-group"
style="color: white; background-color: hsla(var(--pink-6-hsl))" style="color: white; background-color: hsla(var(--pink-6-hsl))"
padding="xs" padding="xs"
icon="mdi-folder-multiple-plus" icon="mdi-folder-multiple-plus-outline"
:label="$t('productAndService')" :label="$t('productAndService')"
external-label external-label
label-position="left" label-position="left"
@ -1411,7 +1411,7 @@ watch(
label-position="left" label-position="left"
style="color: white; background-color: hsla(var(--purple-11-hsl))" style="color: white; background-color: hsla(var(--purple-11-hsl))"
padding="xs" padding="xs"
icon="mdi-folder-multiple-plus" icon="mdi-folder-multiple-plus-outline"
@click=" @click="
() => { () => {
clearFormGroup(); clearFormGroup();
@ -1426,7 +1426,7 @@ watch(
label-position="left" label-position="left"
style="color: white; background-color: hsla(var(--green-11-hsl))" style="color: white; background-color: hsla(var(--green-11-hsl))"
padding="xs" padding="xs"
icon="mdi-folder-multiple-plus" icon="mdi-folder-multiple-plus-outline"
@click=" @click="
async () => { async () => {
productTab = 1; productTab = 1;
@ -1443,7 +1443,7 @@ watch(
label-position="left" label-position="left"
style="color: white; background-color: hsla(var(--orange-6-hsl))" style="color: white; background-color: hsla(var(--orange-6-hsl))"
padding="xs" padding="xs"
icon="mdi-folder-multiple-plus" icon="mdi-server-plus-outline"
@click=" @click="
async () => { async () => {
serviceTab = 1; serviceTab = 1;
@ -2176,8 +2176,8 @@ watch(
style="scale: 0.8" style="scale: 0.8"
:name=" :name="
productMode === 'group' productMode === 'group'
? 'mdi-folder' ? 'mdi-folder-outline'
: 'mdi-folder-table' : 'mdi-folder-table-outline'
" "
/> />
</div> </div>
@ -2985,8 +2985,8 @@ watch(
size="sm" size="sm"
:name=" :name="
productAndServiceTab === 'product' productAndServiceTab === 'product'
? 'mdi-shopping' ? 'mdi-shopping-outline'
: 'mdi-server-network' : 'mdi-server-outline'
" "
style="top: 10%" style="top: 10%"
:style="`color: var(--${productAndServiceTab === 'product' ? 'teal-10' : 'orange-5'})`" :style="`color: var(--${productAndServiceTab === 'product' ? 'teal-10' : 'orange-5'})`"
@ -3473,7 +3473,11 @@ watch(
useToggle useToggle
:img="`/images/product-service-${productMode}-avatar-add${productMode === 'type' ? ($q.dark.isActive ? '-d' : '-l') : ''}.png`" :img="`/images/product-service-${productMode}-avatar-add${productMode === 'type' ? ($q.dark.isActive ? '-d' : '-l') : ''}.png`"
:toggleTitle="$t('formDialogTitleUseStatus')" :toggleTitle="$t('formDialogTitleUseStatus')"
:icon="productMode === 'group' ? 'mdi-folder-plus' : 'mdi-folder-table'" :icon="
productMode === 'group'
? 'mdi-folder-plus-outline'
: 'mdi-folder-table-outline'
"
:title="formDataGroup.name" :title="formDataGroup.name"
:caption="formDataGroup.code" :caption="formDataGroup.code"
:menu="[ :menu="[
@ -3603,7 +3607,11 @@ watch(
hideFade hideFade
:useToggle="actionDisplay" :useToggle="actionDisplay"
:readonly="!isEdit" :readonly="!isEdit"
:icon="editByTree === 'group' ? 'mdi-folder' : 'mdi-folder-table'" :icon="
editByTree === 'group'
? 'mdi-folder-outline'
: 'mdi-folder-table-outline'
"
:fallbackCover="`/images/product-service-${editByTree}-banner.png`" :fallbackCover="`/images/product-service-${editByTree}-banner.png`"
v-model:toggle-status="currentStatusGroupType" v-model:toggle-status="currentStatusGroupType"
:color="`hsla(var(${ :color="`hsla(var(${
@ -4020,7 +4028,7 @@ watch(
:active="formDataProduct.status !== 'INACTIVE'" :active="formDataProduct.status !== 'INACTIVE'"
:title="formDataProduct.name" :title="formDataProduct.name"
:caption="formDataProduct.code" :caption="formDataProduct.code"
icon="mdi-shopping" icon="mdi-shopping-outline"
fallbackImg="/images/product-avatar.png" fallbackImg="/images/product-avatar.png"
color="var(--teal-10)" color="var(--teal-10)"
:readonly="!infoProductEdit" :readonly="!infoProductEdit"