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

feat: 09 => add label prop to CancelButton for customizable text

Browse source
This commit is contained in:
puriphatt 2025-01-24 13:41:09 +07:00
parent 37642160c4
commit 7834cc4395
2 changed files with 4 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/button/CancelButton.vue
View file

@ -5,6 +5,8 @@ defineEmits<{
(e: 'click', v: MouseEvent): void; (e: 'click', v: MouseEvent): void;
}>(); }>();
defineProps<{ defineProps<{
label?: string;
iconOnly?: boolean; iconOnly?: boolean;
solid?: boolean; solid?: boolean;
outlined?: boolean; outlined?: boolean;
@ -21,6 +23,6 @@ defineProps<{
color="var(--negative-bg)" color="var(--negative-bg)"
:title="iconOnly ? $t('general.cancel') : undefined" :title="iconOnly ? $t('general.cancel') : undefined"
> >
{{ $t('general.cancel') }} {{ label || $t('general.cancel') }}
</MainButton> </MainButton>
</template> </template>

1
src/pages/09_task-order/order_view/MainPage.vue
View file

@ -1198,6 +1198,7 @@ watch(
<UndoButton outlined @click="undo()" v-if="state.mode === 'edit'" /> <UndoButton outlined @click="undo()" v-if="state.mode === 'edit'" />
<CancelButton <CancelButton
@click="closeTab()" @click="closeTab()"
:label="$t('dialog.action.close')"
v-if="state.mode === 'info'" v-if="state.mode === 'info'"
outlined outlined
/> />