From 372a144322de4102ce0cfd15106fcb38a21949a6 Mon Sep 17 00:00:00 2001
From: Kailash Nadh <kailash@nadh.in>
Date: Sat, 22 Oct 2022 17:29:31 +0530
Subject: [PATCH] Display template IDs on the list UI and popup editor. Closes
 #986.

---
 frontend/src/views/TemplateForm.vue | 7 ++++++-
 frontend/src/views/Templates.vue    | 4 ++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/TemplateForm.vue b/frontend/src/views/TemplateForm.vue
index 0cba0c7d..6320d529 100644
--- a/frontend/src/views/TemplateForm.vue
+++ b/frontend/src/views/TemplateForm.vue
@@ -7,7 +7,12 @@
               class="is-pulled-right" type="is-primary"
               icon-left="file-find-outline">{{ $t('templates.preview') }}</b-button>
 
-            <h4 v-if="isEditing">{{ data.name }}</h4>
+            <template v-if="isEditing">
+              <h4>{{ data.name }}</h4>
+              <p class="has-text-grey is-size-7">
+                {{ $t('globals.fields.id') }}: <span data-cy="id">{{ data.id }}</span>
+              </p>
+            </template>
             <h4 v-else>{{ $t('templates.newTemplate') }}</h4>
         </header>
         <section expanded class="modal-card-body">
diff --git a/frontend/src/views/Templates.vue b/frontend/src/views/Templates.vue
index b7e7697f..a3bd5791 100644
--- a/frontend/src/views/Templates.vue
+++ b/frontend/src/views/Templates.vue
@@ -41,6 +41,10 @@
         </b-tag>
       </b-table-column>
 
+      <b-table-column v-slot="props" field="id" :label="$t('globals.fields.id')" sortable>
+        {{ props.row.id }}
+      </b-table-column>
+
       <b-table-column v-slot="props" field="createdAt"
         :label="$t('globals.fields.createdAt')" sortable>
         {{ $utils.niceDate(props.row.createdAt) }}