workflows table: add cylc version column (#2171)

* Add a version column to the workflow table.
* Fix a problem where the "workflow-table" was not registering its
  subscription properly so was relying on the "workflows view"
  subscription for the data it needed.
* Removed fields from the "workflows view" subscription that are not
  needed for the workflows view.

Author: oliver-sanders

src/views/Dashboard.vue

@@ -65,7 +65,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
               Workflows Table
             </v-list-item-title>
             <v-list-item-subtitle>
-              View name, host, port, etc. of your workflows
+              View name, host, version, etc. of your workflows
             </v-list-item-subtitle>
           </v-list-item>
           <v-list-item to="/user-profile" data-cy="user-settings-link">

src/views/Workflows.vue

@@ -60,9 +60,6 @@ fragment WorkflowData on Workflow {
   id
   status
   statusMsg
-  owner
-  host
-  port
   stateTotals
   latestStateTasks(states: [
     "failed",

src/views/WorkflowsTable.vue

@@ -54,6 +54,9 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
               <td>
                 {{ item.node.status }}
               </td>
+              <td>
+                {{ item.node.cylcVersion }}
+              </td>
               <td>
                 {{ item.node.owner }}
               </td>
@@ -75,8 +78,8 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 import { mapState, mapGetters } from 'vuex'
 import { i18n } from '@/i18n'
 import { mdiTable } from '@mdi/js'
-import subscriptionMixin from '@/mixins/subscription'
 import SubscriptionQuery from '@/model/SubscriptionQuery.model'
+import subscriptionComponentMixin from '@/mixins/subscriptionComponent'
 import WorkflowIcon from '@/components/cylc/gscan/WorkflowIcon.vue'
 import gql from 'graphql-tag'
 
@@ -103,6 +106,7 @@ subscription Workflow {
 fragment WorkflowData on Workflow {
   id
   status
+  cylcVersion
   owner
   host
   port
@@ -113,7 +117,7 @@ export default {
   name: 'WorkflowsTable',
 
   mixins: [
-    subscriptionMixin
+    subscriptionComponentMixin,
   ],
 
   components: {
@@ -164,6 +168,11 @@ export default {
       title: 'Status',
       key: 'node.status'
     },
+    {
+      sortable: true,
+      title: 'Cylc Version',
+      key: 'node.cylcVersion'
+    },
     {
       sortable: true,
       title: i18n.global.t('Workflows.tableColumnOwner'),