add a "get more workflows" button to the bottom of the workflow list

client/src/components/Workflow/Import/TrsSearch.vue

@@ -14,6 +14,13 @@ import TrsServerSelection from "./TrsServerSelection.vue";
 import TrsTool from "./TrsTool.vue";
 import LoadingSpan from "@/components/LoadingSpan.vue";
 
+const props = defineProps({
+    search: {
+        type: String,
+        default: null,
+    },
+});
+
 type TrsSearchData = {
     id: string;
     name: string;
@@ -27,7 +34,7 @@ const fields = [
     { key: "organization", label: "Organization" },
 ];
 
-const query = ref("");
+const query = ref(props.search ?? "");
 const results: Ref<TrsSearchData[]> = ref([]);
 const trsServer = ref("");
 const loading = ref(false);
@@ -49,29 +56,37 @@ const searchHelp = computed(() => {
 
 const services = new Services();
 
+const router = useRouter();
+
 watch(query, async () => {
     if (query.value == "") {
         results.value = [];
     } else {
-        loading.value = true;
-
-        try {
-            const response = await axios.get(
-                withPrefix(`/api/trs_search?query=${query.value}&trs_server=${trsServer.value}`)
-            );
-            results.value = response.data;
-        } catch (e) {
-            errorMessage.value = e as string;
-        }
-
-        loading.value = false;
+        await searchWorkflows();
     }
 });
 
-function onTrsSelection(selection: TrsSelection) {
+async function searchWorkflows() {
+    loading.value = true;
+
+    try {
+        const response = await axios.get(
+            withPrefix(`/api/trs_search?query=${query.value}&trs_server=${trsServer.value}`)
+        );
+        results.value = response.data;
+    } catch (e) {
+        errorMessage.value = e as string;
+    }
+
+    loading.value = false;
+}
+
+async function onTrsSelection(selection: TrsSelection) {
     trsSelection.value = selection;
     trsServer.value = selection.id;
-    query.value = "";
+    if (query.value) {
+        await searchWorkflows();
+    }
 }
 
 function onTrsSelectionError(message: string) {
@@ -96,8 +111,6 @@ function computeItems(items: TrsSearchData[]) {
     });
 }
 
-const router = useRouter();
-
 async function importVersion(trsId?: string, toolIdToImport?: string, version?: string, isRunFormRedirect = false) {
     if (!trsId || !toolIdToImport) {
         errorMessage.value = "Import Failed. Unknown Id";

client/src/components/Workflow/WorkflowList.vue

@@ -78,6 +78,17 @@
                 </b-card>
             </template>
         </b-table>
+        <b-alert class="search-more-workflows" variant="info" show>
+            <div>
+                <b-button
+                    class="px-1"
+                    title="Search workflows from other sources"
+                    variant="link"
+                    @click.prevent.stop="onSearchMore">
+                    Get more workflows
+                </b-button>
+            </div>
+        </b-alert>
         <b-pagination
             v-show="rows >= perPage"
             v-model="currentPage"
@@ -304,6 +315,12 @@ export default {
         normalizeTag: function (tag) {
             return tag.replace(/(tag:')#/g, "$1name:");
         },
+        onSearchMore: function () {
+            const query = this.filter;
+            const path = "/workflows/trs_search";
+            const routerParams = query ? { path, query: { query } } : { path };
+            this.$router.push(routerParams);
+        },
     },
 };
 </script>

client/src/entry/analysis/router.js

@@ -536,6 +536,9 @@ export function getRouter(Galaxy) {
                     {
                         path: "workflows/trs_search",
                         component: TrsSearch,
+                        props: (route) => ({
+                            search: route.query.query,
+                        }),
                     },
                     {
                         path: "workflows/:storedWorkflowId/invocations",