More bidi improvements

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

js/src/views/About/AboutInstance.vue

@@ -3,8 +3,8 @@
     <section class="hero is-primary">
       <div class="hero-body">
         <div class="container">
-          <h1 class="title">{{ config.name }}</h1>
-          <p>{{ config.description }}</p>
+          <h1 class="title" dir="auto">{{ config.name }}</h1>
+          <p dir="auto">{{ config.description }}</p>
         </div>
       </div>
     </section>

js/src/views/Event/Edit.vue

@@ -28,6 +28,7 @@
             required
             v-model="event.title"
             id="title"
+            dir="auto"
           />
         </b-field>
 

js/src/views/Event/Event.vue

@@ -7,7 +7,7 @@
         <div class="date-calendar-icon-wrapper">
           <date-calendar-icon :date="event.beginsOn" />
         </div>
-        <section class="intro">
+        <section class="intro" dir="auto">
           <div class="columns">
             <div class="column">
               <h1 class="title" style="margin: 0" dir="auto">
@@ -19,57 +19,24 @@
                     :actor="event.organizerActor"
                     :inline="true"
                   >
-                    <span>
-                      {{
-                        $t("By @{username}", {
-                          username: usernameWithDomain(event.organizerActor),
-                        })
-                      }}
-                    </span>
+                    <i18n path="By {username}" dir="auto">
+                      <span dir="ltr" slot="username"
+                        >@{{ usernameWithDomain(event.organizerActor) }}</span
+                      >
+                    </i18n>
                   </popover-actor-card>
                 </div>
-                <span
-                  v-else-if="
-                    event.attributedTo &&
-                    event.options.hideOrganizerWhenGroupEvent
-                  "
-                >
+                <span v-else-if="event.attributedTo">
                   <popover-actor-card
                     :actor="event.attributedTo"
                     :inline="true"
                   >
-                    {{
-                      $t("By @{group}", {
-                        group: usernameWithDomain(event.attributedTo),
-                      })
-                    }}
-                  </popover-actor-card>
-                </span>
-                <span v-else-if="event.organizerActor && event.attributedTo">
-                  <i18n path="By {group}">
-                    <popover-actor-card
-                      :actor="event.attributedTo"
-                      slot="group"
-                      :inline="true"
-                    >
-                      <router-link
-                        :to="{
-                          name: RouteName.GROUP,
-                          params: {
-                            preferredUsername: usernameWithDomain(
-                              event.attributedTo
-                            ),
-                          },
-                        }"
+                    <i18n path="By {group}" dir="auto">
+                      <span dir="ltr" slot="group"
+                        >@{{ usernameWithDomain(event.attributedTo) }}</span
                       >
-                        {{
-                          $t("@{group}", {
-                            group: usernameWithDomain(event.attributedTo),
-                          })
-                        }}
-                      </router-link>
-                    </popover-actor-card>
-                  </i18n>
+                    </i18n>
+                  </popover-actor-card>
                 </span>
               </div>
               <p

js/src/views/Group/Group.vue

@@ -60,7 +60,10 @@
           <div class="title-container">
             <h1 v-if="group.name">{{ group.name }}</h1>
             <b-skeleton v-else :animated="true" />
-            <small class="has-text-grey-dark" v-if="group.preferredUsername"
+            <small
+              dir="ltr"
+              class="has-text-grey-dark"
+              v-if="group.preferredUsername"
               >@{{ usernameWithDomain(group) }}</small
             >
             <b-skeleton v-else :animated="true" />
@@ -503,7 +506,7 @@
               }}</span>
               <div class="address" v-if="physicalAddress">
                 <div>
-                  <address>
+                  <address dir="auto">
                     <p
                       class="addressDescription"
                       :title="physicalAddress.poiInfos.name"
@@ -533,6 +536,7 @@
         <section>
           <subtitle>{{ $t("About") }}</subtitle>
           <div
+            dir="auto"
             v-html="group.summary"
             v-if="group.summary && group.summary !== '<p></p>'"
           />

js/src/views/Posts/Edit.vue

@@ -64,6 +64,7 @@
             required
             v-model="editablePost.title"
             id="post-title"
+            dir="auto"
           />
         </b-field>
 

js/src/views/Search.vue

@@ -20,6 +20,7 @@
               id="search"
               :value="search"
               @input="debouncedUpdateSearchQuery"
+              dir="auto"
               :placeholder="
                 $t('For instance: London, Taekwondo, Architecture…')
               "