different small ui fixes for the new interface

Arborator · Aug 22, 2024 · 61adacb · 61adacb
1 parent 80f0739
commit 61adacb
Show file tree

Hide file tree

Showing 7 changed files with 20 additions and 26 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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"