From 9e073281c1c87748204c1673155d965129df6a26 Mon Sep 17 00:00:00 2001 From: Robot8lover Date: Thu, 30 May 2024 10:53:17 -0700 Subject: [PATCH 1/4] Add event creation flow Make an event creation flow based on existing create flows. Has some unimplemented features (validation, tooltips) and components (organizer selection, roles, public/private, invitation). --- frontend/i18n/en-US.json | 29 ++ frontend/pages/events/create.vue | 395 +++++++++++++++++++++++- frontend/pages/organizations/create.vue | 11 +- 3 files changed, 425 insertions(+), 10 deletions(-) diff --git a/frontend/i18n/en-US.json b/frontend/i18n/en-US.json index 7876739b8..c3d63aee7 100644 --- a/frontend/i18n/en-US.json +++ b/frontend/i18n/en-US.json @@ -15,6 +15,7 @@ "_global.documentation": "Documentation", "_global.events": "Events", "_global.events_lower": "events", + "_global.events-name": "Event Name", "_global.faq": "FAQ", "_global.get-active": "Get active", "_global.get-organized": "Get organized", @@ -505,6 +506,34 @@ "pages.docs.index.subheader": "Learn more about activist", "pages.error.message": "Oops, something went wrong:", "pages.error.title": "Error \u2022 activist", + "pages.events.create.button-left": "Back", + "pages.events.create.button-left-aria-label": "Go to previous form page", + "pages.events.create.button-right": "Next", + "pages.events.create.button-right-aria-label": "Go to previous form page", + "pages.events.create.description": "Description", + "pages.events.create.description-placeholder": "Please provide a description of the event for the community so that we can learn more about it", + "pages.events.create.events-name-placeholder": "The name of the event", + "pages.events.create.event-type": "Type", + "pages.events.create.event-type-placeholder": "(e.g. Learn, Action)", + "pages.events.create.format": "Format", + "pages.events.create.format-placeholder": "The format of the event (e.g. Protest, Seminar)", + "pages.events.create.header-0": "Information", + "pages.events.create.header-1": "Event type and roles", + "pages.events.create.header-2": "Location and time", + "pages.events.create.link": "Link", + "pages.events.create.link-placeholder": "https://example.com", + "pages.events.create.location-placeholder": "Where the organization is based or active", + "pages.events.create.organizer": "Organizer", + "pages.events.create.organizer-instructions": "You can select from all organizations you're an admin of and invite others to join later in the process.", + "pages.events.create.organizer-placeholder": "The organizer of the event", + "pages.events.create.roles": "Roles", + "pages.events.create.setting": "Setting", + "pages.events.create.subtext-0": "Thanks for creating your event on activist! Please provide all information for the event below, and note that some fields are required (*). First add a name and choose an optional tagline to let people know what the main goal is efore selecting the host organization(s). Then add important social media accounts and provide a description to set the stage and tell people what to expect.", + "pages.events.create.subtext-1": "What kind of an event is this? Tell people if your event is for taking action or for learning what to do next, and add a format and topics to make it easy to find. Afterwards, tell people exactly what they'll be doing at your event by listing roles that will be available for potential joiners. Don't forget to add a description in the (i) field if it could be confusing!", + "pages.events.create.subtext-2": "In this section, you can define the time and place of your event. Is it in-person or online? Is this a regular meeting or a one time action? Set the time for your event so that joiners know when they can participate. Location type can be offline, online, or both. For location, let attendees know where to meet for the event.", + "pages.events.create.submit": "Submit", + "pages.events.create.submit-aria-label": "Submit your event to save and share it with others.", + "pages.events.create.tagline-placeholder": "A short tagline for the event (optional)", "pages.events.discussion.tagline": "Planning and review for this event", "pages.events.index.header-title": "Events home", "pages.events.index.subheader": "Upcoming events near you", diff --git a/frontend/pages/events/create.vue b/frontend/pages/events/create.vue index c8e8b1d82..d769fa318 100644 --- a/frontend/pages/events/create.vue +++ b/frontend/pages/events/create.vue @@ -2,20 +2,401 @@
-
+

- {{ $t("pages._global.information") }} + {{ $t("pages.events.create.header-0") }}

+

+ {{ $t("pages.events.create.subtext-0") }} +

-
- +
+

+ {{ $t("pages.events.create.header-1") }} +

+

+ {{ $t("pages.events.create.subtext-1") }} +

+
+
+

+ {{ $t("pages.events.create.header-2") }} +

+

+ {{ $t("pages.events.create.subtext-2") }} +

+
+
+
+
+ + +
+
+ + +
+
+
+ + {{ + $t("pages.events.create.organizer-instructions") + }} + +
+
+ +
+
+ + +
+
+
+
+
+ + +
+
+ + +
+
+ + +
+ +
+
+ + + +
+
+
+
+
+
+ + +
+
+ + +
+
+ + +
+
+
+
+ +
+
+
+
+ + +
+
+
+ + +
+ + + +
+
+ + diff --git a/frontend/pages/organizations/create.vue b/frontend/pages/organizations/create.vue index c1b4faeae..77f636b27 100644 --- a/frontend/pages/organizations/create.vue +++ b/frontend/pages/organizations/create.vue @@ -96,9 +96,12 @@
@@ -119,6 +122,8 @@