From 7082e1e3eadc3ec9e706946af154f3343d26faa7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sybren=20A=2E=20St=C3=BCvel?= <sybren@blender.org>
Date: Sat, 16 Dec 2023 23:05:39 +0100
Subject: [PATCH] Web: make 'last updated at' field in job details
 click-to-copy

This makes it easy to use when constructing 'mass delete jobs' API calls.
---
 web/app/src/components/jobs/JobDetails.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/web/app/src/components/jobs/JobDetails.vue b/web/app/src/components/jobs/JobDetails.vue
index ecf404a4..256c797d 100644
--- a/web/app/src/components/jobs/JobDetails.vue
+++ b/web/app/src/components/jobs/JobDetails.vue
@@ -69,7 +69,12 @@
           </template>
           <template v-else>
             <dt class="field-updated" title="Updated">Updated</dt>
-            <dd>{{ datetime.relativeTime(jobData.updated) }}</dd>
+            <dd
+              @click="copyElementData"
+              class="click-to-copy"
+              :data-clipboard="jobData.updated.toISOString()">
+              {{ datetime.relativeTime(jobData.updated) }}
+            </dd>
           </template>
 
           <dt class="field-activity" title="Activity">Activity</dt>