feat: update no-data view on sharable table

dfo-osdt · Dec 30, 2024 · ae6bfc3 · ae6bfc3
1 parent 39493e3
commit ae6bfc3
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 3 deletions.
diff --git a/public/assets/splash_images/undraw_shared-goals_jn0a.svg b/public/assets/splash_images/undraw_shared-goals_jn0a.svg
diff --git a/resources/src/locales/en.json b/resources/src/locales/en.json
@@ -708,7 +708,8 @@
     "can-delete": "Can Delete",
     "can-edit": "Can Edit",
     "edit-dialog-title": "Modify Sharing Permissions",
-    "expires-at": "Expires At"
+    "expires-at": "Expires At",
+    "not-shared-yet": "Not shared with anyone yet"
   },
   "shareable-dialog": {
     "abilities-text": "By default, the user has the ability to view the resource. You can also allow the user to edit and delete this resource.",

diff --git a/resources/src/locales/fr.json b/resources/src/locales/fr.json
@@ -707,7 +707,8 @@
     "can-delete": "Peut supprimer",
     "can-edit": "Peut éditer",
     "edit-dialog-title": "Modifier les autorisations de partage",
-    "expires-at": "Expire à"
+    "expires-at": "Expire à",
+    "not-shared-yet": "Pas encore partagé avec personne"
   },
   "shareable-dialog": {
     "abilities-text": "Par défaut, l'utilisateur a la possibilité de visualiser la ressource. \nVous pouvez également autoriser l'utilisateur à modifier et supprimer cette ressource.",

diff --git a/resources/src/models/Shareable/components/ShareableTable.vue b/resources/src/models/Shareable/components/ShareableTable.vue
@@ -28,7 +28,7 @@ const columns = computed<QTableColumnProps>(() => {
       label: t('common.user'),
       align: 'left',
       field: (row: ShareableResource) =>
-                `${row.data.user.data.first_name} ${row.data.user.data.last_name}`,
+        `${row.data.user.data.first_name} ${row.data.user.data.last_name}`,
     },
     {
       name: 'email',
@@ -131,6 +131,21 @@ function editShareable(shareable: ShareableResource) {
         />
       </q-td>
     </template>
+    <template #no-data>
+      <div class="col-12 flex row justify-center q-ma-lg">
+        <div class="flex column text-center">
+          <div>
+            <q-img
+              src="/assets/splash_images/undraw_shared-goals_jn0a.svg"
+              width="250px"
+            />
+          </div>
+          <div class="text-h5 text-weight-light text-primary q-mt-sm">
+            {{ $t('shareable.not-shared-yet') }}
+          </div>
+        </div>
+      </div>
+    </template>
   </q-table>
 </template>