Add button for signing liability form

app/Http/Controllers/Visitors/API/VisitorController.php

@@ -122,6 +122,16 @@ public function checkin(Visitor $visitor, Request $request)
             ->json($this->getCheckedInData());
     }
 
+    public function signLiabilityForm(Visitor $visitor)
+    {
+        $this->authorize('update', $visitor);
+
+        $visitor->liability_form_signed = true;
+        $visitor->save();
+
+        return new VisitorResource($visitor);
+    }
+
     public function export()
     {
         $this->authorize('export-visitors');

resources/js/api/visitors.js

@@ -28,6 +28,10 @@ export default {
         const url = route('api.visitors.checkin', visitorId)
         return await api.post(url, data)
     },
+    async signLiabilityForm (visitorId) {
+        const url = route('api.visitors.signLiabilityForm', visitorId)
+        return await api.post(url, {})
+    },
     async dailyVisitors (params = {}) {
         const url = route('api.visitors.dailyVisitors', params)
         return await api.get(url)

resources/js/components/visitors/VisitorDetails.vue

@@ -54,13 +54,16 @@
             </dt>
             <dd class="col-sm-8">
                 <span class="text-danger"><font-awesome-icon icon="times"/> {{ $t('Not signed!') }}</span>
+                <b-button size="sm" @click="signLiabilityForm()" :disabled="isBusy">{{ $t('Mark as signed') }}</b-button>
             </dd>
         </template>
     </dl>
 </template>
 
 <script>
+import visitorsApi from "@/api/visitors";
 import moment from "moment";
+import { showSnackbar } from "@/utils";
 export default {
     props: {
         value: {
@@ -71,6 +74,7 @@ export default {
     data() {
         return {
             visitor: this.value,
+            isBusy: false,
         };
     },
     computed: {
@@ -97,5 +101,18 @@ export default {
             return null;
         },
     },
+    methods: {
+        async signLiabilityForm() {
+            this.isBusy = true;
+            try {
+                let data = await visitorsApi.signLiabilityForm(this.visitor.id);
+                this.visitor = data.data;
+                showSnackbar(this.$t("Visitor updated."));
+            } catch (err) {
+                alert(err);
+            }
+            this.isBusy = false;
+        }
+    }
 };
 </script>

resources/js/vue-i18n-locales.generated.js

@@ -809,6 +809,7 @@ export default {
         "Liability form": "Haftungsformular",
         "Liability form signed": "Haftungsformular unterschrieben",
         "Not signed!": "Nicht signiert!",
+        "Mark as signed": "Als signiert markieren",
         "pagination": {
             "previous": "« Zurück",
             "next": "Weiter »"

resources/lang/de.json

@@ -807,5 +807,6 @@
     "Edit metadata": "Metadaten bearbeiten",
     "Liability form": "Haftungsformular",
     "Liability form signed": "Haftungsformular unterschrieben",
-    "Not signed!": "Nicht signiert!"
+    "Not signed!": "Nicht signiert!",
+    "Mark as signed": "Als signiert markieren"
 }

routes/api.php

@@ -356,6 +356,9 @@
 
         Route::post('{visitor}/checkins', [VisitorController::class, 'checkin'])
             ->name('checkin');
+
+        Route::post('{visitor}/signLiabilityForm', [VisitorController::class, 'signLiabilityForm'])
+            ->name('signLiabilityForm');
     });
 
 //