move workflow editor run activity to bottom fixed section of activity bar

Author: ahmedhamidawan

client/src/components/ActivityBar/ActivityBar.vue

@@ -40,6 +40,7 @@ const props = withDefaults(
         activityBarId?: string;
         specialActivities?: Activity[];
         exitActivity?: Activity;
+        runActivity?: Activity;
         showAdmin?: boolean;
         optionsTitle?: string;
         optionsTooltip?: string;
@@ -56,6 +57,7 @@ const props = withDefaults(
         activityBarId: "default",
         specialActivities: () => [],
         exitActivity: undefined,
+        runActivity: undefined,
         showAdmin: true,
         optionsTitle: "More",
         optionsHeading: "Additional Activities",
@@ -387,6 +389,17 @@ defineExpose({
                     tooltip="Administer this Galaxy"
                     variant="danger"
                     @click="toggleSidebar('admin')" />
+                <ActivityItem
+                    v-if="props.runActivity"
+                    :id="`${props.runActivity.id}`"
+                    :activity-bar-id="props.activityBarId"
+                    :icon="props.runActivity.icon"
+                    :indicator="props.runActivity.indicator"
+                    :indicator-variant="props.runActivity.indicatorVariant"
+                    :title="props.runActivity.title"
+                    :tooltip="props.runActivity.tooltip"
+                    :variant="props.runActivity.variant"
+                    @click="onActivityClicked(props.runActivity)" />
                 <ActivityItem
                     v-if="props.exitActivity"
                     :id="`${props.exitActivity.id}`"

client/src/components/Workflow/Editor/Index.vue

@@ -39,6 +39,7 @@
             :default-activities="workflowActivities"
             :special-activities="specialWorkflowActivities"
             :exit-activity="exitWorkflowActivity"
+            :run-activity="runWorkflowActivity"
             activity-bar-id="workflow-editor"
             :show-admin="false"
             options-title="Options"
@@ -621,7 +622,7 @@ export default {
         const isNewTempWorkflow = computed(() => !props.workflowId);
         const lintData = useLintData(id, steps, datatypesMapper, annotation, readme, license, creator);
 
-        const { specialWorkflowActivities, exitWorkflowActivity } = useSpecialWorkflowActivities(
+        const { specialWorkflowActivities, exitWorkflowActivity, runWorkflowActivity } = useSpecialWorkflowActivities(
             computed(() => ({
                 hasInvalidConnections: hasInvalidConnections.value,
                 lintData: lintData,
@@ -727,6 +728,7 @@ export default {
             insertMarkdown,
             specialWorkflowActivities,
             exitWorkflowActivity,
+            runWorkflowActivity,
             isNewTempWorkflow,
             saveWorkflowTitle,
             confirm,

client/src/components/Workflow/Editor/modules/activities.ts

@@ -123,16 +123,6 @@ export function useWorkflowActivities(
             indicator: undoStackLength.value,
             indicatorVariant: "primary",
         },
-        {
-            title: "Run",
-            id: "workflow-run",
-            description: "Run this workflow with specific parameters.",
-            tooltip: "Run workflow",
-            icon: faPlay,
-            visible: true,
-            click: true,
-            optional: true,
-        },
         {
             description: "Save this workflow.",
             icon: faSave,
@@ -281,6 +271,17 @@ export function useSpecialWorkflowActivities(options: Ref<SpecialActivityOptions
         },
     ]);
 
+    const runWorkflowActivity: Activity = {
+        title: "Run",
+        id: "workflow-run",
+        description: "Run this workflow with specific parameters.",
+        tooltip: "Run workflow",
+        icon: faPlay,
+        visible: true,
+        click: true,
+        optional: true,
+    };
+
     const exitWorkflowActivity = computed<Activity>(() => ({
         description: "",
         icon: faSave,
@@ -295,5 +296,6 @@ export function useSpecialWorkflowActivities(options: Ref<SpecialActivityOptions
     return {
         specialWorkflowActivities,
         exitWorkflowActivity,
+        runWorkflowActivity,
     };
 }