i18n: Event Editor #75

components/MainNavigation.vue

@@ -12,7 +12,12 @@
 
     <template v-if="uid">
       <TButton to="/feed" icon="news" :label="$t('posts.title')" type="nav" />
-      <TButton to="/events" icon="calendar" label="Calendar" type="nav" />
+      <TButton
+        to="/events"
+        icon="calendar"
+        :label="$t('nav.events')"
+        type="nav"
+      />
       <TButton
         to="/community"
         icon="people"

components/TForm.vue

@@ -16,12 +16,11 @@
     <div
       class="flex justify-end space-x-2 bg-white py-4 border-t z-10 items-center bottom-0 sticky"
     >
-      <TButton v-if="showRemove" label="Delete" @click="remove" />
-      <TButton v-if="showCancel" label="Cancel" @click="cancel" />
-      <TButton v-if="showCopy" label="Copy" @click="copy" />
+      <TButton v-if="showRemove" :label="$t('form.delete')" @click="remove" />
+      <TButton v-if="showCancel" :label="$t('form.cancel')" @click="cancel" />
+      <TButton v-if="showCopy" :label="$t('form.copy')" @click="copy" />
       <slot name="buttons" />
       <TButton
-        v-if="submitLabel"
         :allow-guests="allowGuests"
         type="primary"
         :label="submitLabel"
@@ -58,7 +57,9 @@ export default {
     },
     submitLabel: {
       type: String,
-      default: 'Save',
+      default: () => {
+        this.$t('form.save')
+      },
     },
     showCancel: {
       type: Boolean,

components/TInput/TInputPhoto.vue

@@ -72,11 +72,15 @@ export default {
     },
     placeholder: {
       type: String,
-      default: 'Change photo',
+      default: () => {
+        this.$t('photo.placeholder')
+      },
     },
     selectLabel: {
       type: String,
-      default: 'Upload photo',
+      default: () => {
+        this.$t('photo.selectLabel')
+      },
     },
     item: {
       type: Object,

locales/en.yml

@@ -13,7 +13,23 @@ Sunday: Sunday
 report: Report
 cancel: Cancel
 delete: Delete
-visibilityOptions:
+nav:
+  events: Calendar
+form:
+  delete: Delete
+  cancel: Cancel
+  copy: Copy
+  save: Save
+photo:
+  placeholder: Change photo
+  selectLabel: Upload photo
+visibility:
+  label: Visibility
+  description: '- Public: searchable in Google and can be used in social media.
+
+    - Members: only visible for logged-in users.
+
+    - Unlisted: only possible to open with exact link, but not listed anywhere.'
   public: Public
   members: Members
   unlisted: Unlisted
@@ -188,13 +204,6 @@ profile:
   objective:
     placeholder: Objective
   meetingPlace: Where to meet?
-  visibility:
-    label: Visibility
-    description: '- Public profiles are searchable in Google and used in our social media to attract new members.
-
-    - Members profile are only visible for logged-in users.
-
-    - Unlisted profiles are possible to open with exact link, but they are not listed in members lists and search.'
   photo: Photo
   add: Add profile
   title: Community
@@ -324,7 +333,7 @@ chat:
   receiver:
     deleted: DELETED
 conversation:
-  userName: Chat with { username }
+  userName: Chat with {username}
   empty: Start conversation with something nice.
   lastSeen: opened chat last time
   unread: haven't opened this chat yet
@@ -494,6 +503,58 @@ event:
     photographer: Photographer
     musician: Musician
     organiser: Organiser
+  name:
+    placeholder: Event Name
+    label: Name
+  description:
+    label: Description
+    placeholder: placeholder: Text (markdown)
+    description: 'Use [widgets](https://wedance.vip/markdown), including images and videos'
+  startDate: When?
+  endDate: End Date
+  venue: Where?
+  cover: Cover
+  type: Event Type
+  duration:
+    label: How long?
+    thirtyMinutes: 30 minutes
+    oneHour: 60 minutes
+    ninetyMinutes: 1.5 hour
+    twoHours: 2 hours
+    threeHours: 3 hours
+    fourHours: 4 hours
+    fiveHours: 5 hours
+    custom: Custom
+  price:
+    label: Price
+    description: Please include currency, i.e. EUR, USD
+  styles: Dance styles
+  org:
+    label: Organiser
+  online:
+    label: Online?
+    description: Streaming via Zoom, Google Meet, Instagram Live, etc.?
+  international:
+    label: International
+    description: Is it a big event with >500 guests, like festival or congress?
+  place:
+    label: Community
+    description: Leave empty if you want your event to be shown in all cities
+  form:
+    label: External registration?
+    before: Do you use external platform to register for your event?
+  link:
+    label: Link
+    description: Direct booking link on ticket platform [ti.to](https://ti.to/home), Eventbrite, Google Form, etc.
+  facebook:
+    label: Facebook
+    description: Facebook event
+  promo:
+    label: Do you want free promo?
+    description: 'Send us link to your event on [Instagram](https://instagram.com/wedancevip) and we will promote it on our social media channels: Telegram, Instagram, Facebook and Twitter.'
+  confirmation:
+    label: Confirmation email for guests
+    placeholder: 'Example: Dear guest, you are confirmed to our event.'
 TInputProfile:
   changeRole: Change Role
   actions: Actions

pages/events/_id/edit.vue

@@ -30,7 +30,6 @@
         :fields="eventFields"
         show-cancel
         vertical
-        submit-label="Save"
         class="bg-white p-4 space-y-4"
         @save="saveItem"
         @cancel="view(item.id)"

use/common.js

@@ -14,7 +14,23 @@ export const useCommon = () => {
     },
   ]
 
+  const visibilityOptions = [
+    {
+      label: t('visibility.public'),
+      value: 'Public',
+    },
+    {
+      label: t('visibility.members'),
+      value: 'Members',
+    },
+    {
+      label: t('visibility.unlisted'),
+      value: 'Unlisted',
+    },
+  ]
+
   return {
     yesNoOptions,
+    visibilityOptions,
   }
 }