From 1f5b0d25454663222c2c7db4d5690d8839d4f2b8 Mon Sep 17 00:00:00 2001
From: Gilgard <Hjelljord.alida@gmail.com>
Date: Fri, 6 May 2022 10:32:45 +0200
Subject: [PATCH] fixed and linted
---
.../ItemComponents/EditItemForm.vue | 25 +++++++++++++------
1 file changed, 17 insertions(+), 8 deletions(-)
diff --git a/src/components/ItemComponents/EditItemForm.vue b/src/components/ItemComponents/EditItemForm.vue
index d14a3d0..0283428 100644
--- a/src/components/ItemComponents/EditItemForm.vue
+++ b/src/components/ItemComponents/EditItemForm.vue
@@ -213,8 +213,8 @@
<ColoredButton :text="'Velg bilde'" @click="$refs.file.click()" />
- <div v-for="image in images" :key="image.picture" class="m-2">
- <form-image-display :image="image.picture" @remove="removeImage(image)" />
+ <div v-for="image in updatedItem.images" :key="image" class="m-2">
+ <form-image-display :image="image" @remove="removeImage(image)" />
</div>
</div>
@@ -318,6 +318,7 @@ export default {
userId: -1,
selectedCommunityId: -1,
selectedCommunities: [],
+ images: [],
},
categories: [
"Antikviteter og kunst",
@@ -367,7 +368,10 @@ export default {
communityIDs: this.updatedItem.selectedCommunities,
};
await ListingService.putItem(itemInfo);
- await ImageService.putListingImages(this.images);
+ await ImageService.putListingImages(
+ this.initialItem.listingID,
+ this.updatedItem.images
+ );
this.$router.push("/itempage/" + this.initialItem.listingID);
}
},
@@ -381,7 +385,7 @@ export default {
const id = await ImageService.postNewImage(res);
const API_URL = process.env.VUE_APP_BASEURL;
- that.images.push(API_URL + "images/" + id);
+ that.updatedItem.images.push(API_URL + "images/" + id);
};
fileReader.readAsArrayBuffer(image);
},
@@ -428,12 +432,12 @@ export default {
},
async removeImage(image) {
let newImages = [];
- for (let i in this.images) {
- if (this.images[i] != image) {
+ for (let i in this.updatedItem.images) {
+ if (this.updatedItem.images[i] != image) {
newImages.push(this.images[i]);
}
}
- this.images = newImages;
+ this.updatedItem.images = newImages;
},
},
@@ -449,7 +453,12 @@ export default {
this.initialItem = item;
this.communities = await CommunityService.getUserCommunities();
+
this.images = await ListingService.getItemPictures(itemID);
+ let imageURLS = [];
+ for (let i in this.images) {
+ imageURLS.push(this.images[i].picture);
+ }
let initialCategories = [];
for (let i in this.initialItem.categoryNames) {
@@ -470,7 +479,7 @@ export default {
price: this.initialItem.pricePerDay,
selectedCategories: initialCategories,
selectedCategory: selectedCategory,
- images: this.images,
+ images: imageURLS,
userId: this.initialItem.userID,
selectedCommunityId: 0,
selectedCommunities: initialCommunities,
--
GitLab