fix

exoplatform · Oct 27, 2023 · e06daf3 · e06daf3
1 parent 7160576
commit e06daf3
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 40 deletions.
diff --git a/...main/webapp/javascript/automatic-translation/components/ActivityCommentTranslatedBody.vue b/...main/webapp/javascript/automatic-translation/components/ActivityCommentTranslatedBody.vue
@@ -15,23 +15,21 @@ You should have received a copy of the GNU Affero General Public License
 along with this program. If not, see <http://www.gnu.org/licenses/>.
 -->
 <template>
-  <div>
+  <div
+    v-if="isTranslatedBodyNotEmpty && !translationHidden">
+    <dynamic-html-element
+      v-sanitized-html="translatedBody"
+      :element="element"
+      class="reset-style-box text-break overflow-hidden font-italic text-light-color translationContent"
+      dir="auto" />
     <div
-      v-if="isTranslatedBodyNotEmpty && !translationHidden">
-      <dynamic-html-element
-        v-sanitized-html="translatedBody"
-        :element="element"
-        class="reset-style-box text-break overflow-hidden font-italic text-light-color translationContent"
-        dir="auto" />
-      <div
-        class="font-italic text-light-color clickable caption"
-        :class="$vuetify.rtl ? 'float-left' : 'float-right'"
-        @click="hideTranslation">
-        <v-icon size="12">mdi-translate</v-icon>
-        <span>
-          {{ $t('automaticTranslation.hideTranslation') }}
-        </span>
-      </div>
+      class="font-italic text-light-color clickable caption"
+      :class="$vuetify.rtl ? 'float-left' : 'float-right'"
+      @click="hideTranslation">
+      <v-icon size="12">mdi-translate</v-icon>
+      <span>
+        {{ $t('automaticTranslation.hideTranslation') }}
+      </span>
     </div>
   </div>
 </template>

diff --git a/...ps/src/main/webapp/javascript/automatic-translation/components/ActivityTranslatedBody.vue b/...ps/src/main/webapp/javascript/automatic-translation/components/ActivityTranslatedBody.vue
@@ -16,26 +16,24 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
 -->
 <template>
   <div
-    <div
-      v-if="isTranslatedBodyNotEmpty && !translationHidden">
-      <v-divider class="mb-2" />
-      <dynamic-html-element
-        v-sanitized-html="translatedBody"
-        :element="element"
-        class="reset-style-box text-break overflow-hidden font-italic text-light-color"
-        dir="auto" />
+    v-if="isTranslatedBodyNotEmpty && !translationHidden">
+    <v-divider class="mb-2" />
+    <dynamic-html-element
+      v-sanitized-html="translatedBody"
+      :element="element"
+      class="reset-style-box text-break overflow-hidden font-italic text-light-color"
+      dir="auto" />
 
-      <div
-        class="font-italic text-light-color clickable caption"
-        :class="$vuetify.rtl ? 'float-left' : 'float-right'"
-        @click="hideTranslation">
-        <v-icon size="12">mdi-translate</v-icon>
-        <span>
-          {{ $t('automaticTranslation.hideTranslation') }}
-        </span>
-      </div>
+    <div
+      class="font-italic text-light-color clickable caption"
+      :class="$vuetify.rtl ? 'float-left' : 'float-right'"
+      @click="hideTranslation">
+      <v-icon size="12">mdi-translate</v-icon>
+      <span>
+        {{ $t('automaticTranslation.hideTranslation') }}
+      </span>
+    </div>
     </div>
-  </div>
 </template>
 
 <script>

diff --git a/webapps/src/main/webapp/vue-apps/automatic-translation-administration/main.js b/webapps/src/main/webapp/vue-apps/automatic-translation-administration/main.js
@@ -35,14 +35,10 @@ export function init() {
     const appElement = document.createElement('div');
     appElement.id = appId;
 
-    // init Vue app when locale ressources are ready
-    new Vue({
-      mounted() {
-        document.dispatchEvent(new CustomEvent('hideTopBarLoading'));
-      },
+    Vue.createApp({
       template: `<automatic-translation-administration-app v-cacheable id="${appId}" />`,
       vuetify,
       i18n
-    }).$mount(appElement);
+    }, appElement, 'Automatic Translation Administration');
   });
 }