Feature/#884 set formfields over query parameter (#1083)

* #884: implement variable merger

* #1061: add tests

* #1055: add type mapping for schema inputs

* #884: save json string to input parameter

* #884: add url query to formfields to start process

* #884: merged dev and updated package-lock.json

digiwf-apps/packages/apps/digiwf-tasklist/components.d.ts

@@ -82,7 +82,6 @@ declare module 'vue' {
     VListItemTitle: typeof import('vuetify/lib')['VListItemTitle']
     VMain: typeof import('vuetify/lib')['VMain']
     VMenu: typeof import('vuetify/lib')['VMenu']
-    VMessages: typeof import('vuetify/lib')['VMessages']
     VMultiUserInput: typeof import('./src/components/schema/VMultiUserInput.vue')['default']
     VNavigationDrawer: typeof import('vuetify/lib')['VNavigationDrawer']
     VProgressCircular: typeof import('vuetify/lib')['VProgressCircular']

digiwf-apps/packages/apps/digiwf-tasklist/package.json

@@ -17,9 +17,11 @@
     "@muenchen/digiwf-task-api-internal": "^1.6.0",
     "@muenchen/vjsf": "^2.21.9",
     "@tanstack/vue-query": "^4.19.1",
+    "ajv": "^8.12.0",
     "core-js": "^3.8.3",
     "debounce": "^1.2.1",
     "easymde": "^2.15.0",
+    "lodash": "^4.17.21",
     "luxon": "^1.25.0",
     "marked": "^4.1.1",
     "moment-timezone": "^0.5.43",
@@ -38,8 +40,10 @@
   },
   "devDependencies": {
     "@mdi/font": "^5.9.55",
+    "@types/axios": "^0.14.0",
     "@types/debounce": "^1.2.2",
     "@types/jest": "^27.5.2",
+    "@types/lodash": "^4.14.202",
     "@types/luxon": "^1.25.0",
     "@types/node": "^16.9.1",
     "@types/vue-markdown": "2.2.1",

digiwf-apps/packages/apps/digiwf-tasklist/src/api/processDefinitions/processDefinitionApiCalls.ts

@@ -2,14 +2,33 @@ import {ApiConfig} from "../ApiConfig";
 import {
   FetchUtils,
   PageServiceDefinitionTO,
-  ServiceDefinitionControllerApiFactory
+  ServiceDefinitionControllerApiFactory, ServiceDefinitionDetailTO
 } from "@muenchen/digiwf-engine-api-internal";
+import {AxiosError} from "axios";
 
 
 export const callGetProcessDefinitionsFromEngine = (page: number, size: number, query?: string): Promise<PageServiceDefinitionTO> => {
   const cfg = ApiConfig.getAxiosConfig(FetchUtils.getGETConfig());
 
   return ServiceDefinitionControllerApiFactory(cfg).getServiceDefinitions(page, size, query)
     .then(res => Promise.resolve(res.data))
-    .catch(_ => Promise.reject("Die Vorgänge konnten nicht geladen werden. Bitte versuchen Sie es erneut."))
+    .catch(() => Promise.reject("Die Vorgänge konnten nicht geladen werden. Bitte versuchen Sie es erneut."));
+};
+
+export const callGetProcessDefinition = (processKey: string): Promise<ServiceDefinitionDetailTO> => {
+  const cfg = ApiConfig.getAxiosConfig(FetchUtils.getGETConfig());
+  return ServiceDefinitionControllerApiFactory(cfg)
+    .getServiceDefinition(processKey)
+    .then(res => Promise.resolve<ServiceDefinitionDetailTO>(res.data))
+    .catch((e: AxiosError) => {
+      const status = e.response?.status;
+      if(!status) {
+        return Promise.reject("Der Vorgang konnte nicht geladen werden.");
+      }
+      if(status === 403) {
+        return Promise.reject("Es liegt keine Berechtigung zum Starten dieses Vorgangs vor. " +
+          "Weitere Infos finden Sie in unseren FAQs in Wilma.");
+      }
+      return Promise.reject("Der Vorgang konnte nicht geladen werden. Status Code: " + status);
+    });
 };

digiwf-apps/packages/apps/digiwf-tasklist/src/components/schema/AppJsonForm.vue

@@ -41,6 +41,7 @@
 
 <script lang="ts">
 import {Component, Emit, Prop, Vue} from "vue-property-decorator";
+import {filterInputsWithValue} from "../../utils/dataTransformations";
 
 @Component
 export default class AppJsonForm extends Vue {
@@ -62,6 +63,7 @@ export default class AppJsonForm extends Vue {
   @Prop()
   isCompleting: boolean | undefined;
 
+
   @Emit("complete-form")
   completeForm(value: any): any {
     return value;
@@ -70,6 +72,16 @@ export default class AppJsonForm extends Vue {
   @Emit("input")
   input(value: any): any {
     this.currentValue = value;
+
+    const filteredValues = filterInputsWithValue(value);
+    const newInputsString = JSON.stringify(filteredValues);
+    const newQuery =  {
+      ...this.$router.currentRoute.query,
+      inputs: newInputsString
+    };
+
+    this.$router.replace({query:newQuery});
+
     return value;
   }
 
@@ -82,7 +94,6 @@ export default class AppJsonForm extends Vue {
   created() {
     this.currentValue = this.value;
   }
-
 }
 </script>