#223 Transekt wird korrekt persistiert

app/src/components/CreateTransectItem.ts

 import {Component, Vue} from "vue-property-decorator";
+import { TransectService } from "@/helper/transect.service";
 
 @Component({
     components: {},
@@ -44,8 +45,20 @@ export default class CreateTransectItem extends Vue {
         return new Promise((resolve) => setTimeout(resolve, millis));
     }
 
+    private async createTransect() {
+        const response = await TransectService.getInstance().createNewTransect(
+            this.transectCode, this.transectName, this.transectComment, this.transectIcc2);
+        if (response.errors) {
+            this.showErrorAlert(response.errors[0]);
+            return response;
+        } else {
+            this.showSuccessAlert();
+            this.delay(2000).then(() => this.redirectToTransectManagement());
+        }
+    }
+
     private save() {
-        console.log("save transect");
+        this.createTransect();
     }
 
     private cancel() {

app/src/components/CreateTransectItem.vue

@@ -35,6 +35,17 @@
                             data-testid="saveTransect">{{$t("basic.save")}}</v-btn>
                     </v-row>
                 </v-container>
+                <v-container class="justify-center" fluid>
+                    <div class="text-center">
+                        <v-progress-circular v-show="showLoading" color="primary" indeterminate/>
+                    </div>
+                    <v-alert v-show="showConfirmationAlert" transition="fade-transition" type="success" dismissible>
+                        {{ $t("transectManagement.created") }}
+                    </v-alert>
+                    <v-alert v-show="showFailAlert" dismissible transition="fade-transition" type="error">
+                        {{ errorMessage }}
+                    </v-alert>
+                </v-container>
             </v-card-text>
         </v-card>
     </v-col>

app/src/helper/transect.service.ts

@@ -198,6 +198,30 @@ export class TransectService {
         return await ApiService.getInstance().postQuery(query);
     }
 
+    /**
+     * Creates a transect with the given params
+     *
+     * @param transectCode
+     * @param name
+     * @param comment
+     * @param icc2
+     */
+    public createNewTransect = async (transectCode: string, name: string, comment: string, icc2: string) => {
+        const query = `mutation {
+                createTransect(
+                    input: {
+                        transectCode: "${transectCode}",
+                        name: "${name}",
+                        comment: "${comment}",
+                        icc2: "${icc2}",
+                    }
+                ) {
+                transect {id}
+                }
+            }`;
+        return await ApiService.getInstance().postQuery(query);
+    }
+
     /**
      * Creates a transect with the given params
      *

app/src/i18n/deutsch.json

@@ -287,6 +287,7 @@
     "transectCompilation": "Transektzusammenstellung",
     "edit": "Editieren",
     "create": "Transekt erstellen",
+    "created": "Transekt erstellt",
     "transectProfile": "Transektsteckbrief",
     "inactivation": "Inaktivierung",
     "tableHeader": {

app/src/i18n/english.json

@@ -287,6 +287,7 @@
     "transectCompilation": "Transect compilation",
     "edit": "Edit",
     "create": "Create transect",
+    "created": "Transect created",
     "transectProfile": "Transect profile",
     "inactivation": "Inactivation",
     "tableHeader": {