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

refactor: img dialog => remove img function

Browse source
This commit is contained in:
puriphatt 2024-09-12 16:41:09 +07:00
parent 42bb43f618
commit 7ab9f69ef8
6 changed files with 82 additions and 78 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/components/ImageUploadDialog.vue
View file

@ -61,6 +61,7 @@ const inputFile = (() => {
})();
const selectedImg = ref('');
const currentImag = ref('');
const tempImage = ref<string | null>('');
reader.addEventListener('load', () => {
@ -130,20 +131,17 @@ function selectImg(name: string) {
function closeCheckToDefault() {
let imgNameList: string[];
let currentSelected: string;
let inList: boolean;
if (props.onCreate) {
imgNameList = onCreateData.value.list.map((v) => v.url || '');
currentSelected = imageUrl.value;
} else {
imgNameList = dataList.value.list.map((v) => v.split('/').pop() || '');
currentSelected = dataList.value.selectedImage;
}
inList = imgNameList.includes(currentSelected);
inList = imgNameList.includes(currentImag.value);
if (!inList && currentSelected !== '') {
if (!inList && currentImag.value !== '') {
selectImg('');
emit('submit', selectedImg.value);
}
@ -159,6 +157,7 @@ watch(
} else {
tempImage.value = `${imageUrl.value}?ts=${Date.now()}`;
selectedImg.value = dataList.value.selectedImage;
currentImag.value = dataList.value.selectedImage;
}
} else {
tempImage.value = '';
@ -185,7 +184,7 @@ watch(
<div style="width: 38.61px" />
<div style="flex: 1"><slot name="title" /></div>
<div>
<CancelButton v-close-popup icon-only @click="closeCheckToDefault" />
<CancelButton icon-only v-close-popup @click="closeCheckToDefault" />
</div>
</div>
@ -378,7 +377,7 @@ watch(
<SaveButton
id="btn-save-img"
outlined
:disabled="dataList.selectedImage === selectedImg"
:disabled="currentImag === selectedImg"
:label="$t('general.apply')"
@click="$emit('submit', selectedImg)"
/>