added an EditRequestModal

webclient/src/components/feedback/EditRequestModal.vue

@@ -0,0 +1,34 @@
+<script setup lang="ts">
+import BasicFeedbackModal from "@/components/feedback/TokenBasedModal.vue";
+import { useGlobalStore } from "@/stores/global";
+const global = useGlobalStore();
+</script>
+
+<template>
+  <BasicFeedbackModal :data="global.propose_edits.data">
+    <template v-slot:modal>
+      <div class="form-group">
+        <label class="form-label" for="additional_context">{{ $t("feedback.message") }}</label>
+        <textarea
+          class="form-input"
+          id="additional_context"
+          :placeholder="$t('feedback.message')"
+          v-model="global.propose_edits.data.additional_context"
+          rows="6"
+        />
+      </div>
+      <h2>{{ $t("feedback.coordinates") }}</h2>
+      coordinates can be previewed here
+    </template>
+    <template v-slot:success> success </template>
+  </BasicFeedbackModal>
+</template>
+
+<style lang="scss" scoped>
+@import "@/assets/variables";
+.modal{
+  #additional_context {
+    min-width: 100%;
+  }
+}
+</style>

webclient/src/stores/global.ts

@@ -1,6 +1,7 @@
 import { defineStore } from "pinia";
 import type { components } from "@/api_types";
 type PostFeedbackRequest = components["schemas"]["PostFeedbackRequest"];
+type ProposeEditsRequest = components["schemas"]["ProposeEditsRequest"];
 
 export type Coord = {
   coords: {
@@ -22,6 +23,13 @@ export const useGlobalStore = defineStore({
         deletion_requested: false,
       } as Omit<PostFeedbackRequest, "privacy_checked" | "token">,
     },
+    propose_edits: {
+      open: false,
+      data: {
+        edits: {},
+        additional_context: "",
+      } as Omit<ProposeEditsRequest, "privacy_checked" | "token">,
+    },
   }),
   actions: {
     focusSearchBar(): void {