Move the worker edit button to the worker details page

src/components/Process/Workers/EditForm.vue

@@ -148,7 +148,7 @@ export default defineComponent({
     }
   },
   methods: {
-    ...mapActions(useWorkerStore, ['updateWorker']),
+    ...mapActions(useWorkerStore, ['updateWorker', 'listWorkerTypes']),
     ...mapActions(useNotificationStore, ['notify']),
     async update () {
       if (this.loading) return

src/views/Process/Workers/List.vue

@@ -85,10 +85,6 @@
           <div>
             <h2 class="title is-3 mb-2">
               <div class="fields is-grouped is-pulled-right">
-                <EditForm
-                  :worker="selectedWorker"
-                  v-on:update:worker="updateWorkerInPage"
-                />
                 <router-link
                   v-if="$route.name !== 'worker-manage'"
                   class="button ml-1"
@@ -171,7 +167,6 @@ import Paginator from '@/components/Paginator.vue'
 import ListMembers from '@/components/Memberships/ListMembers.vue'
 import WorkerTag from '@/components/Process/Workers/WorkerRuns/WorkerTag'
 import CreateForm from '@/components/Process/Workers/CreateForm.vue'
-import EditForm from '@/components/Process/Workers/EditForm.vue'
 import ItemId from '@/components/ItemId.vue'
 import ArchivalModal from '@/components/ArchivalModal.vue'
 
@@ -182,7 +177,6 @@ export default {
     ListMembers,
     WorkerTag,
     CreateForm,
-    EditForm,
     ItemId,
     ArchivalModal
   },
@@ -267,12 +261,6 @@ export default {
         this.loading = false
       }
     },
-    updateWorkerInPage (worker) {
-      this.workersPage.results = this.workersPage.results.map(
-        result => result.id === worker.id ? worker : result
-      )
-      this.selectedWorker = worker
-    },
     filter () {
       // Update workers list. Reset page if required
       if (this.page === 1) return this.updateWorkersPage()

src/views/Process/Workers/Manage.vue

@@ -6,7 +6,8 @@
         Workers
       </router-link>
       <div class="title">
-        <span v-if="worker.archived" class="tag">Archived</span> {{ worker.name }}
+        <span v-if="worker.archived" class="tag">Archived</span>{{ worker.name }}
+        <EditForm class="ml-2 is-primary" :worker="worker" />
       </div>
       <div class="subtitle is-5">
         <p>Worker <ItemId :item-id="worker.id" /></p>
@@ -65,6 +66,7 @@ import { useNotificationStore, useWorkerStore } from '@/stores'
 import { isWorker } from '@/types/worker'
 import ItemId from '@/components/ItemId.vue'
 import ArchivalModal from '@/components/ArchivalModal.vue'
+import EditForm from '@/components/Process/Workers/EditForm.vue'
 
 export default defineComponent({
   props: {
@@ -77,7 +79,8 @@ export default defineComponent({
     VersionList,
     ListMembers,
     ItemId,
-    ArchivalModal
+    ArchivalModal,
+    EditForm
   },
   data: () => ({
     loading: false,