Add simple check-in frontend

aleksis/apps/paweljong/frontend/components/event/Checkpoint.vue

@@ -8,6 +8,12 @@
       required
     ></v-text-field>
 
+    <v-text-field
+      v-model="personId"
+      label="Person ID"
+      type="number"
+    ></v-text-field>
+
     <v-btn
       color="success"
       class="mr-4"
@@ -19,9 +25,36 @@
 </template>
 
 <script>
+  import gql from "graphql-tag";
+
   export default {
+    data () {
+      return {
+        comment: "",
+        personId: null
+      }
+    },
+
     methods: {
       checkin () {
+        this.$apollo.mutate({
+          mutation: gql`mutation ($eventSlug:String!, $personId:Int!, $comment:String!, $lat:Int, $lon:Int) {
+            checkIn(eventSlug:$eventSlug, personId:$personId, comment:$comment, lat:$lat, lon:$lon){
+              checkpoint {
+                id
+              }
+            }
+          }`,
+          variables: {
+            "eventSlug": this.$route.params.slug,
+            "personId": parseInt(this.personId, 10),
+            "comment": this.comment
+	  }
+	}).then((data) => {
+          console.log(data)
+	}).catch((error) => {
+          console.error(error)
+	})
       },
     },
   }