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.
2023-12-16 23:05:39 +01:00 · 2023-12-16 23:05:39 +01:00 · 7082e1e3ea
commit 7082e1e3ea
parent 246916475f
1 changed files with 6 additions and 1 deletions
--- 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>