pas fini

frontend/src/components/Home.vue

@@ -12,6 +12,9 @@ export default defineComponent({
 	emits: {
 		delete(id: number) {
 			return id >= 0;
+		},
+		updateImageList() {
+			return true;
 		}
 	},
 	props: {
@@ -48,7 +51,12 @@ export default defineComponent({
 				this.imageSelectedId = this.images.keys().next().value;
 		},
 		async applyFilter(filter: Filter) {
+			if (filter === undefined || filter === null) {
+				return;
+			}
+			console.log(filter);
 			const newImage = await api.applyAlgorithm(this.imageSelectedId, filter)
+			this.$emit("updateImageList")
 			this.imageSelectedId = parseInt(newImage);
 		}
 	}

frontend/src/http-api.ts

@@ -61,7 +61,7 @@ export const api = {
 	getImageList: (): Promise<ImageType[]> => requests.get('images', {}),
 	getAlgorithmList: (): Promise<Filter[]> => requests.get('algorithms', {}),
 	getImage: (id: number): Promise<Blob> => requests.get(`images/${id}`, { responseType: "blob" }),
-	applyAlgorithm: (id: number, filter: Filter): Promise<string> => requests.get(`images/${id}"?algorithm="${filter.path + getParameters(filter)}`, { params: getParameters(filter), responseType: "blob" }),
+	applyAlgorithm: (id: number, filter: Filter): Promise<string> => requests.get(`images/${id}?algorithm=${filter.path + getParameters(filter)}`, {}),
 	createImage: (form: FormData): Promise<HttpStatusCode> => requests.post('images', form),
 	deleteImage: (id: number): Promise<void> => requests.delete(`images/${id}`),
 	generateImage: (prompt: string, negativePrompt: string, height: number, width: number, steps: number, cfgScale: number): Promise<generateImageInterface> => stableDiffRequests.post('sdapi/v1/txt2img', {