Add a WorkerVersion ID column

src/components/Process/Workers/Versions/List.vue

@@ -22,6 +22,7 @@
     <table class="table is-fullwidth is-hoverable">
       <thead>
         <tr>
+          <th>Id</th>
           <th>Hash</th>
           <th>Message</th>
           <th>Author</th>

src/components/Process/Workers/Versions/Row.vue

 <template>
   <tr>
-    <td>
+    <td class="shrink">
+      <ItemId :item-id="version.id" />
+    </td>
+    <td class="shrink">
       <a :href="version.revision.commit_url" target="_blank">
         <samp>{{ version.revision.hash.substring(0,8) }}</samp>
       </a>
@@ -8,7 +11,7 @@
     <td>{{ version.revision.message }}</td>
     <td>{{ version.revision.author }}</td>
     <td>{{ created(version.revision.created) }}</td>
-    <td>
+    <td class="shrink">
       <span
         v-for="ref in version.revision.refs"
         :key="ref.name"
@@ -18,12 +21,12 @@
         {{ ref.name }}
       </span>
     </td>
-    <td>
+    <td class="shrink">
       <span class="tag" :class="stateClass(version.state)">
         {{ capitalize(version.state) }}
       </span>
     </td>
-    <td v-if="processId || selectable">
+    <td v-if="processId || selectable" class="shrink">
       <!-- Allows to select a worker version -->
       <div class="has-text-centered">
         <a
@@ -53,11 +56,16 @@
 
 <script>
 import { mapState, mapActions, mapMutations } from 'vuex'
-import { ago } from '@/helpers/text.js'
+import { ago } from '@/helpers/text'
 import { errorParser } from '@/helpers'
 import { GIT_REF_COLORS, REVISION_STATE_COLORS } from '@/config'
+import ItemId from '@/components/ItemId.vue'
+
 export default {
   emits: ['selected-version'],
+  components: {
+    ItemId
+  },
   props: {
     /*
      * Allow to select a worker version