removed the installed state

* The installed state was the same as "stopped" but with the additional
  information that the workflow had not yet been run.
* Added this information to the workflow status message in cylc-uiserver
  (as it is offline information).
* Improved the workflow status message provided by cylc-flow.
* Put the status message into the UI toolbar.

src/components/cylc/workflow/Toolbar.vue

@@ -70,8 +70,10 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
         {{ svgPaths.stop }}
       </v-icon>
 
-      <!-- TODO: add workflow latest message -->
-      <span></span>
+      <!-- workflow status message -->
+      <span style="padding-left: 1rem;">
+        {{ statusMsg }}
+      </span>
 
       <v-spacer />
 
@@ -181,6 +183,9 @@ export default {
         this.currentWorkflow.status === WorkflowState.STOPPED.name
       )
     },
+    statusMsg () {
+      return this.currentWorkflow.statusMsg || ''
+    },
     enabled () {
       // object holding the states of controls that are supposed to be enabled
       // NOTE: this is a temporary solution until we are able to subscribe to

src/graphql/queries.js

@@ -29,6 +29,7 @@ fragment WorkflowData on Workflow {
   id
   name
   status
+  statusMsg
   owner
   host
   port

src/model/WorkflowState.model.js

@@ -22,8 +22,7 @@ import {
   mdiPauseCircle,
   mdiPlayCircle,
   mdiSkipNextCircle,
-  mdiStopCircle,
-  mdiFolderPlus
+  mdiStopCircle
 } from '@mdi/js'
 
 /**
@@ -34,7 +33,6 @@ export class WorkflowState extends Enumify {
   static PAUSED = new WorkflowState('paused', mdiPauseCircle)
   static STOPPING = new WorkflowState('stopping', mdiSkipNextCircle)
   static STOPPED = new WorkflowState('stopped', mdiStopCircle)
-  static INSTALLED = new WorkflowState('installed', mdiFolderPlus)
   static ERROR = new WorkflowState('error', mdiHelpCircle)
   static _ = this.closeEnum()
 
@@ -60,7 +58,6 @@ export const WorkflowStateOrder = new Map([
   [WorkflowState.PAUSED.name, 0],
   [WorkflowState.STOPPING.name, 0],
   [WorkflowState.STOPPED.name, 1],
-  [WorkflowState.INSTALLED.name, 2],
   [WorkflowState.ERROR.name, 3]
 ])
 

src/styles/cylc/_toolbar.scss

@@ -45,8 +45,8 @@
     padding-right: 0.5rem;
   }
 
-  span {
-    color: $font-default-color;
+  .status-msg {
+    color: $font-dimished-color;
   }
 
   .add-view {

src/styles/cylc/_variables.scss

@@ -18,3 +18,4 @@
 $brand-success: #BDD5F7;
 
 $font-default-color: #448AFF;
+$font-dimished-color: #707070;