From aca8e4fbb26e74819b7b7962f7bb2beb71078f07 Mon Sep 17 00:00:00 2001
From: elweyn <heine.hannes@gmail.com>
Date: Tue, 6 Jun 2023 13:27:05 +0200
Subject: [PATCH] Create an input checkbox component.

---
 .../InputCheckbox/InputCheckbox.spec.js       |  0
 .../InputCheckbox/InputCheckbox.vue           | 47 +++++++++++++++++++
 2 files changed, 47 insertions(+)
 create mode 100644 webapp/components/InputCheckbox/InputCheckbox.spec.js
 create mode 100644 webapp/components/InputCheckbox/InputCheckbox.vue

diff --git a/webapp/components/InputCheckbox/InputCheckbox.spec.js b/webapp/components/InputCheckbox/InputCheckbox.spec.js
new file mode 100644
index 000000000..e69de29bb
diff --git a/webapp/components/InputCheckbox/InputCheckbox.vue b/webapp/components/InputCheckbox/InputCheckbox.vue
new file mode 100644
index 000000000..4ad8a3d42
--- /dev/null
+++ b/webapp/components/InputCheckbox/InputCheckbox.vue
@@ -0,0 +1,47 @@
+<template>
+  <div>
+    <input
+      type="checkbox"
+      v-model="currentValue"
+      :name="name"
+    />
+    {{ label }}
+  </div>
+</template>
+<script>
+export default {
+  inject: {
+    $parentForm: {
+      default: null,
+    },
+  },
+  props: {
+    value: {
+      type: Boolean,
+      required: true,
+      default: false,
+    },
+    label: {
+      type: String,
+      required: true,
+      default: '',
+    },
+    name: {
+      type: String,
+      required: false,
+      default: '',
+    },
+  },
+  data() {
+    return {
+      currentValue: this.value,
+    }
+  },
+  watch: {
+    currentValue() {
+    //   this.$emit('input', this.currentValue)
+      this.$parentForm.update('formData.isOnlineEvent', this.currentValue)
+    },
+  },
+}
+</script>
\ No newline at end of file