From 7ecf2e1da07bb5094a7bfd0fc87b3988e27ea1fd Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Fri, 15 Oct 2021 15:59:49 +0200
Subject: [PATCH] Add isOnline event option to mark event as fully online

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 .../components/Event/EventMetadataSidebar.vue |  1 +
 .../Event/FullAddressAutoComplete.vue         |  2 ++
 js/src/graphql/event.ts                       |  1 +
 js/src/i18n/en_US.json                        |  5 +--
 js/src/i18n/fr_FR.json                        |  5 +--
 js/src/types/event-options.model.ts           |  3 ++
 js/src/views/Event/Edit.vue                   | 34 ++++++++++++++++---
 lib/graphql/schema/event.ex                   |  4 +++
 lib/mobilizon/events/event_options.ex         |  7 ++--
 9 files changed, 52 insertions(+), 10 deletions(-)

diff --git a/js/src/components/Event/EventMetadataSidebar.vue b/js/src/components/Event/EventMetadataSidebar.vue
index 1f94d5d05..19be9ab3a 100644
--- a/js/src/components/Event/EventMetadataSidebar.vue
+++ b/js/src/components/Event/EventMetadataSidebar.vue
@@ -1,6 +1,7 @@
 <template>
   <div>
     <event-metadata-block
+      v-if="!event.options.isOnline"
       :title="$t('Location')"
       :icon="physicalAddress ? physicalAddress.poiInfos.poiIcon.icon : 'earth'"
     >
diff --git a/js/src/components/Event/FullAddressAutoComplete.vue b/js/src/components/Event/FullAddressAutoComplete.vue
index 48f16eade..c1322a28c 100644
--- a/js/src/components/Event/FullAddressAutoComplete.vue
+++ b/js/src/components/Event/FullAddressAutoComplete.vue
@@ -34,6 +34,7 @@
           @select="updateSelected"
           v-bind="$attrs"
           :id="id"
+          :disabled="disabled"
         >
           <template #default="{ option }">
             <b-icon :icon="option.poiInfos.poiIcon.icon" />
@@ -156,6 +157,7 @@ export default class FullAddressAutoComplete extends Mixins(
 ) {
   @Prop({ required: false, default: "" }) label!: string;
   @Prop({ required: false }) userTimezone!: string;
+  @Prop({ required: false, default: false, type: Boolean }) disabled!: boolean;
 
   addressModalActive = false;
 
diff --git a/js/src/graphql/event.ts b/js/src/graphql/event.ts
index 8be02ff0c..7f3e52ad4 100644
--- a/js/src/graphql/event.ts
+++ b/js/src/graphql/event.ts
@@ -62,6 +62,7 @@ const EVENT_OPTIONS_FRAGMENT = gql`
     commentModeration
     showParticipationPrice
     hideOrganizerWhenGroupEvent
+    isOnline
   }
 `;
 
diff --git a/js/src/i18n/en_US.json b/js/src/i18n/en_US.json
index b8b631070..d7027ea80 100644
--- a/js/src/i18n/en_US.json
+++ b/js/src/i18n/en_US.json
@@ -1202,5 +1202,6 @@
   "{timezoneLongName} ({timezoneShortName})": "{timezoneLongName} ({timezoneShortName})",
   "Back to top": "Back to top",
   "Powered by Mobilizon": "Powered by Mobilizon",
-  "Instance follows": "Instance follows"
-}
\ No newline at end of file
+  "Instance follows": "Instance follows",
+  "The event is fully online": "The event is fully online"
+}
diff --git a/js/src/i18n/fr_FR.json b/js/src/i18n/fr_FR.json
index 100cc7706..d29910fc4 100644
--- a/js/src/i18n/fr_FR.json
+++ b/js/src/i18n/fr_FR.json
@@ -1308,5 +1308,6 @@
   "{timezoneLongName} ({timezoneShortName})": "{timezoneLongName} ({timezoneShortName})",
   "Back to top": "Retour en haut",
   "Powered by Mobilizon": "Propulsé par Mobilizon",
-  "Instance follows": "Abonnements de l'instance"
-}
\ No newline at end of file
+  "Instance follows": "Abonnements de l'instance",
+  "The event is fully online": "L'événement est entièrement en ligne"
+}
diff --git a/js/src/types/event-options.model.ts b/js/src/types/event-options.model.ts
index d33ab9459..420e21919 100644
--- a/js/src/types/event-options.model.ts
+++ b/js/src/types/event-options.model.ts
@@ -27,6 +27,7 @@ export interface IEventOptions {
   showStartTime: boolean;
   showEndTime: boolean;
   timezone: string | null;
+  isOnline: boolean;
 }
 
 export class EventOptions implements IEventOptions {
@@ -57,4 +58,6 @@ export class EventOptions implements IEventOptions {
   showEndTime = true;
 
   timezone = null;
+
+  isOnline = false;
 }
diff --git a/js/src/views/Event/Edit.vue b/js/src/views/Event/Edit.vue
index 1b6b78040..7662c41a6 100644
--- a/js/src/views/Event/Edit.vue
+++ b/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>
diff --git a/lib/graphql/schema/event.ex b/lib/graphql/schema/event.ex
index ba5159067..4f2599668 100644
--- a/lib/graphql/schema/event.ex
+++ b/lib/graphql/schema/event.ex
@@ -243,6 +243,8 @@ defmodule Mobilizon.GraphQL.Schema.EventType do
       description:
         "Whether to show or hide the person organizer when event is organized by a group"
     )
+
+    field(:is_online, :boolean, description: "Whether the event is fully online")
   end
 
   @desc """
@@ -294,6 +296,8 @@ defmodule Mobilizon.GraphQL.Schema.EventType do
       description:
         "Whether to show or hide the person organizer when event is organized by a group"
     )
+
+    field(:is_online, :boolean, description: "Whether the event is fully online")
   end
 
   enum :event_metadata_type do
diff --git a/lib/mobilizon/events/event_options.ex b/lib/mobilizon/events/event_options.ex
index b641b2010..3a2780b9b 100644
--- a/lib/mobilizon/events/event_options.ex
+++ b/lib/mobilizon/events/event_options.ex
@@ -28,7 +28,8 @@ defmodule Mobilizon.Events.EventOptions do
           show_start_time: boolean,
           show_end_time: boolean,
           timezone: String.t() | nil,
-          hide_organizer_when_group_event: boolean
+          hide_organizer_when_group_event: boolean,
+          is_online: boolean()
         }
 
   @attrs [
@@ -43,7 +44,8 @@ defmodule Mobilizon.Events.EventOptions do
     :show_start_time,
     :show_end_time,
     :timezone,
-    :hide_organizer_when_group_event
+    :hide_organizer_when_group_event,
+    :is_online
   ]
 
   @primary_key false
@@ -61,6 +63,7 @@ defmodule Mobilizon.Events.EventOptions do
     field(:show_end_time, :boolean, default: true)
     field(:timezone, :string)
     field(:hide_organizer_when_group_event, :boolean, default: false)
+    field(:is_online, :boolean, default: false)
 
     embeds_many(:offers, EventOffer)
     embeds_many(:participation_condition, EventParticipationCondition)