Add isOnline event option to mark event as fully online

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/views/Event/Edit.vue

@@ -81,10 +81,16 @@
           {{ $t("Date parameters") }}
         </b-button>
 
-        <full-address-auto-complete
-          v-model="eventPhysicalAddress"
-          :user-timezone="userActualTimezone"
-        />
+        <div class="address">
+          <full-address-auto-complete
+            v-model="eventPhysicalAddress"
+            :user-timezone="userActualTimezone"
+            :disabled="isOnline"
+          />
+          <b-switch class="is-online" v-model="isOnline">{{
+            $t("The event is fully online")
+          }}</b-switch>
+        </div>
 
         <div class="field">
           <label class="label">{{ $t("Description") }}</label>
@@ -536,6 +542,15 @@ section {
     }
   }
 }
+
+.address {
+  ::v-deep .address-autocomplete {
+    margin-bottom: 0 !important;
+  }
+  .is-online {
+    margin-bottom: 10px;
+  }
+}
 </style>
 <style lang="scss">
 .dialog .modal-card {
@@ -1288,5 +1303,16 @@ export default class EditEvent extends Vue {
     }
     this.event.physicalAddress = address;
   }
+
+  get isOnline(): boolean {
+    return this.event.options.isOnline;
+  }
+
+  set isOnline(isOnline: boolean) {
+    this.event.options = {
+      ...this.event.options,
+      isOnline,
+    };
+  }
 }
 </script>