diff options
Diffstat (limited to 'app/assets/javascripts/error_tracking/components')
-rw-r--r-- | app/assets/javascripts/error_tracking/components/error_tracking_list.vue | 28 |
1 files changed, 15 insertions, 13 deletions
diff --git a/app/assets/javascripts/error_tracking/components/error_tracking_list.vue b/app/assets/javascripts/error_tracking/components/error_tracking_list.vue index 88139ce7403..a001b315d4f 100644 --- a/app/assets/javascripts/error_tracking/components/error_tracking_list.vue +++ b/app/assets/javascripts/error_tracking/components/error_tracking_list.vue @@ -1,12 +1,12 @@ <script> -import { mapActions, mapState, mapGetters } from 'vuex'; +import { mapActions, mapState } from 'vuex'; import { GlEmptyState, GlButton, GlLink, GlLoadingIcon, GlTable, - GlSearchBoxByType, + GlSearchBoxByClick, } from '@gitlab/ui'; import { visitUrl } from '~/lib/utils/url_utility'; import Icon from '~/vue_shared/components/icon.vue'; @@ -28,7 +28,7 @@ export default { GlLink, GlLoadingIcon, GlTable, - GlSearchBoxByType, + GlSearchBoxByClick, Icon, TimeAgo, }, @@ -64,10 +64,6 @@ export default { }, computed: { ...mapState('list', ['errors', 'externalUrl', 'loading']), - ...mapGetters('list', ['filterErrorsByTitle']), - filteredErrors() { - return this.errorSearchQuery ? this.filterErrorsByTitle(this.errorSearchQuery) : this.errors; - }, }, created() { if (this.errorTrackingEnabled) { @@ -76,6 +72,9 @@ export default { }, methods: { ...mapActions('list', ['startPolling', 'restartPolling']), + filterErrors() { + this.startPolling(`${this.indexPath}?search_term=${this.errorSearchQuery}`); + }, trackViewInSentryOptions, viewDetails(errorId) { visitUrl(`error_tracking/${errorId}/details`); @@ -87,17 +86,15 @@ export default { <template> <div> <div v-if="errorTrackingEnabled"> - <div v-if="loading" class="py-3"> - <gl-loading-icon :size="3" /> - </div> - <div v-else> + <div> <div class="d-flex flex-row justify-content-around bg-secondary border"> - <gl-search-box-by-type + <gl-search-box-by-click v-model="errorSearchQuery" class="col-lg-10 m-3 p-0" :placeholder="__('Search or filter results...')" type="search" autofocus + @submit="filterErrors" /> <gl-button v-track-event="trackViewInSentryOptions(externalUrl)" @@ -111,9 +108,14 @@ export default { </gl-button> </div> + <div v-if="loading" class="py-3"> + <gl-loading-icon size="md" /> + </div> + <gl-table + v-else class="mt-3" - :items="filteredErrors" + :items="errors" :fields="$options.fields" :show-empty="true" fixed |