Add context menu with ‘Edit project settings’ option

lib/www/client/source/src/views/ProjectList.vue

@@ -6,6 +6,7 @@
     :items="displayItems"
     :options.sync="options"
     :loading="loading"
+    @contextmenu:row="contextMenu"
     >
 
       <template v-slot:item.pid="{item, value}">
@@ -54,6 +55,21 @@
 
     </v-data-table>
 
+    <v-menu v-if="adminaccess"
+      v-model="contextMenuShow"
+      :position-x="contextMenuX"
+      :position-y="contextMenuY"
+      absolute
+      offset-y
+    >
+      <v-list dense v-if="contextMenuItem">
+        <v-list-item :href="`${contextMenuItem.pid}/configuration`">
+          <v-list-item-icon><v-icon>mdi-file-document-edit-outline</v-icon></v-list-item-icon>
+          <v-list-item-title class="warning--text">Edit project settings</v-list-item-title>
+        </v-list-item>
+      </v-list>
+    </v-menu>
+
   </v-container>
 </template>
 
@@ -106,6 +122,11 @@ export default {
 
       showArchived: true,
 
+      // Context menu stuff
+      contextMenuShow: false,
+      contextMenuX: 0,
+      contextMenuY: 0,
+      contextMenuItem: null
     }
   },
 
@@ -156,6 +177,15 @@ export default {
       }
     },
 
+    contextMenu (e, {item}) {
+      e.preventDefault();
+      this.contextMenuShow = false;
+      this.contextMenuX = e.clientX;
+      this.contextMenuY = e.clientY;
+      this.contextMenuItem = item;
+      this.$nextTick( () => this.contextMenuShow = true );
+    },
+
     ...mapActions(["api"])
   },