add username filter to published visualizations grid

Author: ahmedhamidawan

client/src/components/Grid/GridVisualization.vue

@@ -18,10 +18,12 @@ library.add(faPlus);
 
 interface Props {
     activeList?: "my" | "shared" | "published";
+    username?: string;
 }
 
-withDefaults(defineProps<Props>(), {
+const props = withDefaults(defineProps<Props>(), {
     activeList: "my",
+    username: undefined,
 });
 </script>
 
@@ -59,6 +61,6 @@ withDefaults(defineProps<Props>(), {
         </BNav>
         <GridList v-if="activeList === 'my'" :grid-config="visualizationsGridConfig" embedded />
         <GridList v-else-if="activeList === 'shared'" :grid-config="visualizationsSharedGridConfig" embedded />
-        <GridList v-else :grid-config="visualizationsPublishedGridConfig" embedded />
+        <GridList v-else :grid-config="visualizationsPublishedGridConfig" embedded :username-search="props.username" />
     </div>
 </template>

client/src/components/Grid/configs/visualizationsPublished.ts

@@ -103,6 +103,7 @@ const validFilters: Record<string, ValidFilter<string | boolean | undefined>> =
         handler: contains("tag", "tag", expandNameTag),
         menuItem: true,
     },
+    user: { placeholder: "user", type: String, handler: contains("username"), menuItem: true },
 };
 
 /**

client/src/entry/analysis/router.js

@@ -662,9 +662,10 @@ export function getRouter(Galaxy) {
                     {
                         path: "visualizations/list_published",
                         component: GridVisualization,
-                        props: {
+                        props: (route) => ({
                             activeList: "published",
-                        },
+                            username: route.query["f-username"],
+                        }),
                     },
                     {
                         path: "visualizations/list_shared",