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

feat: clear image

Browse source
This commit is contained in:
Methapon2001 2024-08-02 09:28:09 +07:00
parent a3493a2f46
commit bd0846b691
1 changed files with 25 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

27
src/components/ImageUploadDialog.vue
View file

@ -3,7 +3,10 @@ import { ref } from 'vue';
import AppBox from './app/AppBox.vue';
defineProps<{
clearButtonDisabled?: boolean;
clearButton?: boolean;
hiddenFooter?: boolean;
defaultUrl?: string;
}>();
const imageUrl = defineModel<string>('imageUrl', {
required: false,
@ -94,8 +97,28 @@ function change(e: Event) {
<q-btn
dense
unelevated
color="grey-4"
text-color="grey-10"
:color="$q.dark.isActive ? 'grey-9' : 'grey-4'"
:text-color="$q.dark.isActive ? 'grey-1' : 'grey-10'"
:label="$t('clear')"
@click="
inputFile && (inputFile.value = ''),
(imageUrl = defaultUrl || fallbackUrl || ''),
(file = null)
"
class="q-px-md q-mr-auto"
:disable="
clearButtonDisabled ||
imageUrl === fallbackUrl ||
imageUrl === defaultUrl ||
!imageUrl
"
v-if="clearButton"
/>
<q-btn
dense
unelevated
:color="$q.dark.isActive ? 'grey-9' : 'grey-4'"
:text-color="$q.dark.isActive ? 'grey-1' : 'grey-10'"
:label="$t('cancel')"
@click="inputFile && (inputFile.value = ''), (file = null)"
class="q-px-md q-mr-sm"