group search via query

Author: fiji-flo

src/components/access_group/AccessGroupList.vue

@@ -8,6 +8,7 @@
         :searchFormHandler="searchFormHandler"
         :searchFormLabel="fluent('access-group_list', 'search')"
         :searchFormKeyUpHandler="searchFormKeyUpHandler"
+        :initialQuery="$route.query.group"
       ></SearchForm>
       <Select
         class="options--chevron options--large group-select"
@@ -138,7 +139,10 @@ export default {
     return {
       nextClicked: false,
       groupList: [],
-      listOptions: defaultListOptions,
+      listOptions: {
+        search: this.$route.query.group || '',
+        ...defaultListOptions,
+      },
       selectedSort: defaultListOptions.sort,
       next: null,
       sortOptions: [

src/components/ui/SearchForm.vue

@@ -54,6 +54,7 @@ export default {
       type: Function,
       default: null,
     },
+    initialQuery: String,
   },
   components: {
     Icon,
@@ -109,7 +110,7 @@ export default {
   },
   data() {
     return {
-      searchQuery: this.$route.query.query || '',
+      searchQuery: this.initialQuery || '',
     };
   },
   mounted() {

src/components/ui/TopBar.vue

@@ -10,6 +10,7 @@
       <SearchForm
         :searchFormHandler="searchFormHandler"
         :searchFormLabel="fluent('search_input', 'placeholder')"
+        :initialQuery="$route.query.query"
         class="hide-mobile hl-search-form"
       >
       </SearchForm>
@@ -27,6 +28,7 @@
           <SearchForm
             :searchFormHandler="searchFormHandler"
             :searchFormLabel="fluent('search_input', 'placeholder')"
+            :initialQuery="$route.query.query"
             class="search-form--small hide-desktop"
             id="mobile-search"
             v-on:close-search-form="closeMobileSearchForm()"
@@ -99,6 +101,7 @@
       class="search-form--small hide-desktop"
       :searchFormLabel="fluent('search_input', 'placeholder')"
       :searchFormHandler="searchFormHandler"
+      :initialQuery="$route.query.query"
       v-if="showMobileSearch"
       id="mobile-search"
       v-on:close-search-form="closeMobileSearchForm()"