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

fix: 02 icon outline & toggle color

Browse source
This commit is contained in:
puriphatt 2024-08-08 06:41:15 +00:00
parent ee4c202088
commit 027fd151c7
6 changed files with 21 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/02_personnel-management/FormByType.vue
View file

@ -76,7 +76,7 @@ function deleteFile(name: string) {
size="xs" size="xs"
class="q-pa-sm rounded q-mr-xs" class="q-pa-sm rounded q-mr-xs"
color="info" color="info"
name="mdi-briefcase" name="mdi-briefcase-outline"
style="background-color: var(--surface-3)" style="background-color: var(--surface-3)"
/> />
{{ $t('formDialogTitleByType') }} {{ $t('formDialogTitleByType') }}

2
src/components/02_personnel-management/FormPerson.vue
View file

@ -99,7 +99,7 @@ watch(
size="xs" size="xs"
class="q-pa-sm rounded q-mr-xs" class="q-pa-sm rounded q-mr-xs"
color="info" color="info"
name="mdi-account" name="mdi-account-outline"
style="background-color: var(--surface-3)" style="background-color: var(--surface-3)"
/> />
{{ $t(`${title}`) }} {{ $t(`${title}`) }}

3
src/components/TreeCompoent.vue
View file

@ -101,7 +101,7 @@ withDefaults(
v-if="node.isHeadOffice && typeTree === 'branch'" v-if="node.isHeadOffice && typeTree === 'branch'"
:id="`create-sub-branch-btn-${node.name}`" :id="`create-sub-branch-btn-${node.name}`"
@click.stop="$emit('create', node)" @click.stop="$emit('create', node)"
icon="mdi-file-plus" icon="mdi-file-plus-outline"
class="app-text-muted-2" class="app-text-muted-2"
size="sm" size="sm"
dense dense
@ -191,6 +191,7 @@ withDefaults(
<div class="q-pa-sm surface-2 rounded"> <div class="q-pa-sm surface-2 rounded">
<q-toggle <q-toggle
:id="`view-detail-btn-${node.name}-status`" :id="`view-detail-btn-${node.name}-status`"
color="positive"
dense dense
size="sm" size="sm"
:label=" :label="

1
src/components/home/PersonCard.vue
View file

@ -146,6 +146,7 @@ defineEmits<{
<div class="q-pa-sm surface-2 rounded"> <div class="q-pa-sm surface-2 rounded">
<q-toggle <q-toggle
dense dense
color="positive"
size="sm" size="sm"
@click="$emit('toggleStatus', disabled === false)" @click="$emit('toggleStatus', disabled === false)"
:model-value="!disabled" :model-value="!disabled"

7
src/pages/01_branch-management/MainPage.vue
View file

@ -669,7 +669,7 @@ watch(currentHq, () => {
{{ $t('branchStatTitle') }} {{ $t('branchStatTitle') }}
<q-btn <q-btn
class="q-ml-xs" class="q-ml-xs"
icon="mdi-pin" icon="mdi-pin-outline"
color="primary" color="primary"
size="sm" size="sm"
flat flat
@ -1262,6 +1262,7 @@ watch(currentHq, () => {
<q-item-section class="q-py-sm"> <q-item-section class="q-py-sm">
<div class="q-pa-sm surface-2 rounded"> <div class="q-pa-sm surface-2 rounded">
<q-toggle <q-toggle
color="positive"
:id="`view-detail-btn-${props.row.name}-status`" :id="`view-detail-btn-${props.row.name}-status`"
dense dense
size="sm" size="sm"
@ -1470,6 +1471,7 @@ watch(currentHq, () => {
<div class="q-pa-sm surface-2 rounded"> <div class="q-pa-sm surface-2 rounded">
<q-toggle <q-toggle
:id="`view-detail-btn-${props.row.name}-status`" :id="`view-detail-btn-${props.row.name}-status`"
color="positive"
dense dense
size="sm" size="sm"
:label=" :label="
@ -1906,7 +1908,7 @@ watch(currentHq, () => {
" "
> >
<q-item-section avatar> <q-item-section avatar>
<q-icon name="mdi-file-plus" class="app-text-muted-2" /> <q-icon name="mdi-file-plus-outline" class="app-text-muted-2" />
</q-item-section> </q-item-section>
<q-item-section> <q-item-section>
{{ $t('formDialogTitleCreateSubBranch') }} {{ $t('formDialogTitleCreateSubBranch') }}
@ -1983,6 +1985,7 @@ watch(currentHq, () => {
<q-item-section avatar> <q-item-section avatar>
<q-toggle <q-toggle
dense dense
color="positive"
:id="`view-detail-btn-${currentNode.name}-status`" :id="`view-detail-btn-${currentNode.name}-status`"
size="sm" size="sm"
@click=" @click="

22
src/pages/02_personnel-management/MainPage.vue
View file

@ -120,18 +120,18 @@ const fieldSelectedOption = ref<{ label: string; value: string }[]>([
const formMenuIcon = ref<{ icon: string; color: string; bgColor: string }[]>([ const formMenuIcon = ref<{ icon: string; color: string; bgColor: string }[]>([
{ {
icon: 'mdi-account', icon: 'mdi-account-outline',
color: 'hsl(var(--info-bg))', color: 'hsl(var(--info-bg))',
bgColor: 'var(--surface-1)', bgColor: 'var(--surface-1)',
}, },
{ {
icon: 'mdi-map-marker-radius', icon: 'mdi-map-marker-radius-outline',
color: 'hsl(var(--info-bg))', color: 'hsl(var(--info-bg))',
bgColor: 'var(--surface-1)', bgColor: 'var(--surface-1)',
}, },
{ {
icon: 'mdi-briefcase', icon: 'mdi-briefcase-outline',
color: 'hsl(var(--info-bg))', color: 'hsl(var(--info-bg))',
bgColor: 'var(--surface-1)', bgColor: 'var(--surface-1)',
}, },
@ -773,7 +773,7 @@ watch(
@click="openDialog('FORM')" @click="openDialog('FORM')"
color="primary" color="primary"
padding="xs" padding="xs"
icon="mdi-account-plus" icon="mdi-account-plus-outline"
></q-fab-action> ></q-fab-action>
</ButtonAddComponent> </ButtonAddComponent>
@ -798,7 +798,7 @@ watch(
</q-badge> </q-badge>
<q-btn <q-btn
class="q-ml-sm" class="q-ml-sm"
icon="mdi-pin" icon="mdi-pin-outline"
color="primary" color="primary"
size="sm" size="sm"
flat flat
@ -821,7 +821,7 @@ watch(
? Object.entries(typeStats).map(([key, val]) => ({ ? Object.entries(typeStats).map(([key, val]) => ({
count: val, count: val,
label: key, label: key,
icon: 'mdi-account', icon: 'mdi-account-outline',
color: color:
( (
{ {
@ -836,7 +836,7 @@ watch(
{ {
label: selectorLabel, label: selectorLabel,
count: typeStats[selectorLabel], count: typeStats[selectorLabel],
icon: 'mdi-account', icon: 'mdi-account-outline',
color: color:
selectorLabel === 'USER' selectorLabel === 'USER'
? 'cyan' ? 'cyan'
@ -1167,7 +1167,6 @@ watch(
margin-bottom: var(--size-2); margin-bottom: var(--size-2);
" "
> >
{{ console.log(props.row) }}
<div class="branch-card__icon"> <div class="branch-card__icon">
<q-avatar size="md"> <q-avatar size="md">
<q-img <q-img
@ -1371,6 +1370,7 @@ watch(
<q-item-section class="q-py-sm"> <q-item-section class="q-py-sm">
<div class="q-pa-sm surface-2 rounded"> <div class="q-pa-sm surface-2 rounded">
<q-toggle <q-toggle
color="positive"
:id="`view-detail-btn-${props.row.username}-status`" :id="`view-detail-btn-${props.row.username}-status`"
dense dense
size="sm" size="sm"
@ -1421,7 +1421,7 @@ watch(
female: props.row.gender === 'female', female: props.row.gender === 'female',
detail: [ detail: [
{ {
icon: 'mdi-phone', icon: 'mdi-phone-outline',
value: props.row.telephoneNo, value: props.row.telephoneNo,
}, },
{ {
@ -1746,7 +1746,7 @@ watch(
active active
useToggle useToggle
color="white" color="white"
icon="mdi-account-plus" icon="mdi-account-plus-outline"
bgColor="linear-gradient(135deg, rgba(43,137,223,1) 0%, rgba(230,51,81,1) 100%)" bgColor="linear-gradient(135deg, rgba(43,137,223,1) 0%, rgba(230,51,81,1) 100%)"
v-model:toggle-status="formData.status" v-model:toggle-status="formData.status"
:menu="formMenuIcon" :menu="formMenuIcon"
@ -1901,7 +1901,7 @@ watch(
<q-icon <q-icon
v-else v-else
size="15rem" size="15rem"
name="mdi-account-plus" name="mdi-account-plus-outline"
style="color: white" style="color: white"
/> />
</div> </div>