From 61adacb23d0922b0b9049c4472953254e92bfbb8 Mon Sep 17 00:00:00 2001
From: khansadaoudi <hk_daoudi@esi.dz>
Date: Thu, 22 Aug 2024 16:22:53 +0200
Subject: [PATCH] different small ui fixes for the new interface

---
 src/components/project/ProjectCard.vue       |  2 +-
 src/components/project/StatisticsProject.vue | 10 ++--------
 src/i18n/en-us/index.ts                      |  6 +++---
 src/i18n/fr-fra/index.ts                     |  4 ++--
 src/pages/MyProjects.vue                     |  2 +-
 src/pages/Project.vue                        |  5 ++---
 src/pages/ProjectsHub.vue                    | 17 +++++++++--------
 7 files changed, 20 insertions(+), 26 deletions(-)

diff --git a/src/components/project/ProjectCard.vue b/src/components/project/ProjectCard.vue
index eb98ee08..e7b4d917 100644
--- a/src/components/project/ProjectCard.vue
+++ b/src/components/project/ProjectCard.vue
@@ -17,7 +17,7 @@
     <q-separator />
     <q-card-section>
       <div class="row text-h6">
-        <div class="col">
+        <div style=" word-break: break-all;" class="col">
           {{ project.projectName }}
         </div>
         <div v-if="isProjectAdmin">
diff --git a/src/components/project/StatisticsProject.vue b/src/components/project/StatisticsProject.vue
index e5100f56..1ea00e16 100644
--- a/src/components/project/StatisticsProject.vue
+++ b/src/components/project/StatisticsProject.vue
@@ -1,9 +1,6 @@
 <template>
   <div class="row text-h6">
     {{ $t('projectView.projectOverview') }}
-    <span>
-      <q-icon name="trending_up"></q-icon>
-    </span>
   </div>
   <div class="row justify-between q-gutter-md">
     <q-card flat bordered class="col">
@@ -22,7 +19,7 @@
     <q-card flat bordered class="col">
       <q-item>
         <q-item-section avatar>
-          <q-avatar color="secondary" text-color="white" icon="subject" />
+          <q-avatar color="secondary" text-color="white" icon="article" />
         </q-item-section>
         <q-item-section>
           <q-item-label class="text-h6"> {{ projectStat.samplesNumber }}</q-item-label>
@@ -35,7 +32,7 @@
     <q-card flat bordered class="col">
       <q-item>
         <q-item-section avatar>
-          <q-avatar color="indigo-8" text-color="white" icon="account_tree" />
+          <q-avatar color="indigo-8" text-color="white" icon="forest" />
         </q-item-section>
         <q-item-section>
           <q-item-label class="text-h6">{{ projectStat.treesNumber }}</q-item-label>
@@ -61,9 +58,6 @@
   </div>
   <div class="row text-h6">
     {{ $t('projectStats.activityOverview') }}
-    <span>
-      <q-icon name="trending_up"></q-icon>
-    </span>
   </div>
   <div class="row justify-between q-gutter-md">
     <q-card v-if="projectStat.topUser" flat bordered class="col">
diff --git a/src/i18n/en-us/index.ts b/src/i18n/en-us/index.ts
index 5fcaba43..aa689f4c 100644
--- a/src/i18n/en-us/index.ts
+++ b/src/i18n/en-us/index.ts
@@ -35,7 +35,7 @@ export default {
 
   // first page (the index)
   homepage: {
-    title: 'A collaborative annotation tool for the treebank developpement.',
+    title: 'A collaborative annotation tool for treebank developpement.',
     subtitle: 'ArboratorGrew opens up new paths of collectively creating, updating, maintaining, and curating syntactic treebanks.',
     accessTreebankBtn: 'Access Treebanks',
     popularProjects: 'Popular projects',
@@ -81,7 +81,7 @@ export default {
         'For quick graphical modification of a CoNLL file',
       ],
     },
-    footertextmadewith: 'Made with',
+    footertextmadewith: 'Made in France with',
     textGetUserEmailDialog: [
       'For the proper management of the service, we may need to contact you, especially for the removal of unused projects. Your email will only be used for communications regarding ArboratorGrew and will not be shared with third parties.',
       'You may refuse to the communication of your email, but if you do, we reserve the right to delete your projects without notice.',
@@ -126,7 +126,7 @@ export default {
   // page when you enter a project ( samples info, etc)
   projectView: {
     project: 'Project',
-    createdBy: 'Created by',
+    createdBy: 'Project created by',
     settings: 'Settings',
     tooltipSettings: 'Modify project settings',
     newSample: 'New Sample',
diff --git a/src/i18n/fr-fra/index.ts b/src/i18n/fr-fra/index.ts
index d9ccd454..28d5cc55 100644
--- a/src/i18n/fr-fra/index.ts
+++ b/src/i18n/fr-fra/index.ts
@@ -78,7 +78,7 @@ export default {
         'Édition graphique rapide de fichiers CoNLL',
       ],
     },
-    footertextmadewith: "Créé avec beaucoup d'",
+    footertextmadewith: "Créé en France avec beaucoup d'",
     textGetUserEmailDialog: [
       'Pour la bonne gestion du service, nous pourrions avoir besoin de vous contacter, notamment pour la suppression de projects inutilisés. Votre email ne sera utilisé que pour des communications concernant ArboratorGrew et ne sera pas communiqué à des tiers.',
       'Vous pouvez vous opposer à la communication de votre mail mais, dans ce cas, nous nous réservons le droit de supprimer vos projets sans préavis.',
@@ -123,7 +123,7 @@ export default {
   // page when you enter a project ( samples info, etc)
   projectView: {
     project: 'Projet',
-    createdBy: 'Créé par',
+    createdBy: 'Projet créé par',
     settings: 'Paramètres',
     tooltipSettings: 'Modifier les paramètres du projet',
     newSample: 'Nouvel échantillon',
diff --git a/src/pages/MyProjects.vue b/src/pages/MyProjects.vue
index 358f5711..75c9681b 100644
--- a/src/pages/MyProjects.vue
+++ b/src/pages/MyProjects.vue
@@ -45,7 +45,7 @@
               </template>
             </q-input>
           </div>
-          <div class="q-pa-md row items-start q-gutter-md">
+          <div class="q-pa-md row q-gutter-md">
             <ProjectCard
               v-for="project in paginatedProjects"
               :key="project.id"
diff --git a/src/pages/Project.vue b/src/pages/Project.vue
index b2f6c71d..c1535ab4 100644
--- a/src/pages/Project.vue
+++ b/src/pages/Project.vue
@@ -6,7 +6,7 @@
           <div class="row q-pa-md justify-between flex flex-center">
             <div class="col-4 justify-center">
               <div class="text-h5 text-weight-bold">
-                {{ $t('projectView.project') }} "{{ name }}"
+                "{{ name }}"
                 <span>
                   <ProjectVisibility :visibility="visibility" :blindAnnotationMode="blindAnnotationMode"></ProjectVisibility>
                 </span>
@@ -18,8 +18,7 @@
                 {{ description }}
               </div>
               <div class="text-caption text-weight-medium" :class="$q.dark.isActive ? 'white' : 'grey-8'">
-                {{ $t('projectView.createdBy') }}
-                <span style="text-decoration: underline">{{ admins[0] }}</span>
+                {{ $t('projectView.createdBy') }} "{{ admins[0] }}"
               </div>
             </div>
             <div v-if="!$q.platform.is.mobile" class="col-4" style="display: flex; justify-content: flex-end">
diff --git a/src/pages/ProjectsHub.vue b/src/pages/ProjectsHub.vue
index e225e777..eb627eae 100644
--- a/src/pages/ProjectsHub.vue
+++ b/src/pages/ProjectsHub.vue
@@ -40,6 +40,9 @@
                   <LanguageSelect :multiple="true" :languages-list="projectsLanguages" @selected-value="getSelectedLanguages" />
                 </div>
               </q-menu>
+              <q-tooltip>
+                Filter projects by language
+              </q-tooltip>
             </q-btn>
           </template>
         </q-input>
@@ -54,15 +57,13 @@
             class="float-right"
             :label="$t('projectHub.projectCategory')"
           />
-          <q-btn :color="listMode ? 'primary' : ''" round flat icon="fas fa-list" @click="toggleProjectView()">
-            <q-tooltip>
-              {{ $t('projectHub.tooltipListView') }}
-            </q-tooltip>
-          </q-btn>
-          <q-btn :color="!listMode ? 'primary' : ''" round flat icon="grid_view" @click="toggleProjectView()">
-            <q-tooltip>
+          <q-btn round flat :icon="listMode ? 'grid_view' : 'fas fa-list'" @click="toggleProjectView()">
+            <q-tooltip v-if="listMode">
               {{ $t('projectHub.tooltipGridView') }}
             </q-tooltip>
+            <q-tooltip v-else>
+              {{ $t('projectHub.tooltipListView') }} 
+            </q-tooltip>
           </q-btn>
         </div>
       </q-card-section>
@@ -94,7 +95,7 @@
             <ProjectCard :key="item.id" style="max-width: 80vw" :project="item" :parent-delete-project="deleteProject"></ProjectCard>
           </template>
         </q-virtual-scroll>
-        <div v-if="!$q.platform.is.mobile" class="q-pa-md row items-start q-gutter-md">
+        <div v-if="!$q.platform.is.mobile" class="q-pa-md row q-gutter-md">
           <ProjectCard
             v-for="project in filteredProjects"
             :key="project.id"