From d78ce7f4ac1a5198f7393ef8a67ea261c9b383e3 Mon Sep 17 00:00:00 2001
From: Boubaker Khanfir <boubaker.khanfir@exoplatform.com>
Date: Mon, 20 May 2024 16:59:39 +0100
Subject: [PATCH] feat: Allow to access Page Template Preview from name -
 MEED-6889 - Meeds-io/MIPs#133 (#73)

---
 .../components/list/PageTemplateItem.vue         | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/layout-webapp/src/main/webapp/vue-app/page-templates-management/components/list/PageTemplateItem.vue b/layout-webapp/src/main/webapp/vue-app/page-templates-management/components/list/PageTemplateItem.vue
index f08ae6e8c..00a243c68 100644
--- a/layout-webapp/src/main/webapp/vue-app/page-templates-management/components/list/PageTemplateItem.vue
+++ b/layout-webapp/src/main/webapp/vue-app/page-templates-management/components/list/PageTemplateItem.vue
@@ -11,9 +11,13 @@
     <!-- name -->
     <td
       :width="$root.isMobile && '100%' || 'auto'"
-      align="left"
-      class="text-truncate"
-      v-sanitized-html="name"></td>
+      align="left">
+      <v-card
+        v-sanitized-html="name"
+        class="text-truncate transparent"
+        flat
+        @click="$root.$emit('page-templates-illustration-preview', illustrationSrc)" />
+    </td>
     <!-- description -->
     <td
       v-if="!$root.isMobile"
@@ -70,6 +74,12 @@ export default {
     description() {
       return this.$te(this.pageTemplate?.description) ? this.$t(this.pageTemplate?.description) : this.pageTemplate?.description;
     },
+    illustrationId() {
+      return this.pageTemplate?.illustrationId;
+    },
+    illustrationSrc() {
+      return this.illustrationId && `${eXo.env.portal.context}/${eXo.env.portal.rest}/v1/social/attachments/pageTemplate/${this.pageTemplateId}/${this.illustrationId}` || '/layout/images/page-templates/DefaultPreview.webp';
+    },
     category() {
       const i18nKey = `layout.pageTemplate.category.${this.pageTemplate?.category}`;
       return this.pageTemplate?.category