wbuezas
/
salix-front-mindshore-fork2
forked from verdnatura/salix-front
0
0
Fork 0
Code Pull Requests Activity

force item descriptor image upload

This commit is contained in:
William Buezas 2024-02-01 11:35:14 -03:00
parent 71e9740306
commit 68260c1383
2 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/EditPictureForm.vue
View File

@ -12,7 +12,7 @@ import 'croppie/croppie.css';
import useNotify from 'src/composables/useNotify.js'; import useNotify from 'src/composables/useNotify.js';
import axios from 'axios'; import axios from 'axios';
const emit = defineEmits(['closeForm']); const emit = defineEmits(['closeForm', 'onPhotoUploaded']);
const props = defineProps({ const props = defineProps({
id: { id: {
@ -175,8 +175,6 @@ const onUploadAccept = () => {
.then(() => makeRequest()); .then(() => makeRequest());
} catch (err) { } catch (err) {
console.error('Error uploading image'); console.error('Error uploading image');
} finally {
emit('closeForm');
} }
}; };
@ -194,6 +192,9 @@ const makeRequest = async () => {
}, },
}); });
emit('closeForm');
emit('onPhotoUploaded');
notify(t('globals.dataSaved'), 'positive'); notify(t('globals.dataSaved'), 'positive');
}; };
</script> </script>

16
src/pages/Item/Card/ItemDescriptor.vue
View File

@ -1,5 +1,5 @@
<script setup> <script setup>
import { computed, ref, onMounted } from 'vue'; import { computed, ref, onMounted, onUnmounted } from 'vue';
import { useRoute, useRouter } from 'vue-router'; import { useRoute, useRouter } from 'vue-router';
import { useI18n } from 'vue-i18n'; import { useI18n } from 'vue-i18n';
import { useQuasar } from 'quasar'; import { useQuasar } from 'quasar';
@ -43,6 +43,7 @@ const user = state.getUser();
const entityId = computed(() => { const entityId = computed(() => {
return $props.id || route.params.id; return $props.id || route.params.id;
}); });
const image = ref(null);
const regularizeStockFormDialog = ref(null); const regularizeStockFormDialog = ref(null);
const editPhotoFormDialog = ref(null); const editPhotoFormDialog = ref(null);
const item = ref(null); const item = ref(null);
@ -65,14 +66,16 @@ const warehouseFk = computed({
const showWarehouseIconTooltip = ref(true); const showWarehouseIconTooltip = ref(true);
const showEditPhotoForm = ref(false); const showEditPhotoForm = ref(false);
onMounted(() => { onMounted(async () => {
await getItemAvatar();
warehouseFk.value = user.value.warehouseFk; warehouseFk.value = user.value.warehouseFk;
}); });
function getItemAvatar() { const getItemAvatar = async () => {
const token = getToken(); const token = getToken();
return `/api/Images/catalog/200x200/${entityId.value}/download?access_token=${token}`; const timeStamp = `timestamp=${Date.now()}`;
} image.value = `/api/Images/catalog/200x200/${entityId.value}/download?access_token=${token}&${timeStamp}`;
};
const data = ref(useCardDescription()); const data = ref(useCardDescription());
const setData = (entity) => { const setData = (entity) => {
@ -189,7 +192,7 @@ const openCloneDialog = async () => {
</template> </template>
<template #before> <template #before>
<div class="relative-position"> <div class="relative-position">
<QImg :src="getItemAvatar()" class="photo" style="position: relative"> <QImg :src="image" spinner-color="primary">
<template #error> <template #error>
<div <div
class="absolute-full picture text-center q-pa-md flex flex-center" class="absolute-full picture text-center q-pa-md flex flex-center"
@ -221,6 +224,7 @@ const openCloneDialog = async () => {
collection="catalog" collection="catalog"
:id="entityId" :id="entityId"
@close-form="toggleEditPictureForm()" @close-form="toggleEditPictureForm()"
@on-photo-uploaded="getItemAvatar()"
/> />
</QDialog> </QDialog>
</QBtn> </QBtn>