Replace router links with disabled links in HeaderActions

src/components/HeaderActions.vue

@@ -127,7 +127,8 @@
               <i class="icon-add-square"></i>
               Add folder
             </a>
-            <router-link
+            <component
+              :is="hasContribPrivilege ? 'router-link' : 'a'"
               class="dropdown-item"
               :disabled="!hasContribPrivilege || !hasFolderTypes || null"
               :to="hasContribPrivilege ? { name: 'process-files', params: { corpusId, folderId: elementId } } : ''"
@@ -135,8 +136,9 @@
             >
               <i class="icon-doc"></i>
               Import files
-            </router-link>
-            <router-link
+            </component>
+            <component
+              :is="hasContribPrivilege ? 'router-link' : 'a'"
               class="dropdown-item"
               :disabled="!hasContribPrivilege || !hasFolderTypes || null"
               :to="hasContribPrivilege ? { name: 'process-buckets', params: { corpusId, folderId: elementId } } : ''"
@@ -144,7 +146,7 @@
             >
               <i class="icon-doc"></i>
               Import files from S3
-            </router-link>
+            </component>
           </template>
 
           <!-- Move button for elements with write rights -->
@@ -183,7 +185,8 @@
           </a>
 
           <!-- Train a machine learning process. A contributor right is required -->
-          <router-link
+          <component
+            :is="hasContribPrivilege ? 'router-link' : 'a'"
             v-if="!elementId"
             class="dropdown-item"
             :disabled="!hasContribPrivilege || null"
@@ -192,10 +195,11 @@
           >
             <i class="icon-cog-alt"></i>
             Train a model
-          </router-link>
+          </component>
 
           <!-- Edit button for writable corpora -->
-          <router-link
+          <component
+            :is="hasContribPrivilege ? 'router-link' : 'a'"
             v-if="!elementId"
             :disabled="!hasAdminPrivilege || null"
             class="dropdown-item"
@@ -204,7 +208,7 @@
           >
             <i class="icon-edit"></i>
             Project information
-          </router-link>
+          </component>
 
           <!-- Exports modal for verified users on all corpora -->
           <a v-if="!elementId && isVerified" class="dropdown-item" v-on:click="exportsModal = true">
@@ -221,7 +225,8 @@
           </router-link>
 
           <!-- Workers statistics for administrable corpora -->
-          <router-link
+          <component
+            :is="hasAdminPrivilege ? 'router-link' : 'a'"
             v-if="!elementId"
             :disabled="!hasAdminPrivilege || null"
             class="dropdown-item"
@@ -230,7 +235,7 @@
           >
             <i class="icon-chart"></i>
             Workers activity
-          </router-link>
+          </component>
 
           <template v-if="isVerified && hasFeature('selection')">
             <!-- Select/Unselect button for elements -->