Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 | 1x 49x 33x | <script> import { GlLoadingIcon } from '@gitlab/ui'; // eslint-disable-next-line no-restricted-imports import { mapActions, mapState } from 'vuex'; import GeoReplicable from './geo_replicable.vue'; import GeoReplicableEmptyState from './geo_replicable_empty_state.vue'; import GeoReplicableFilterBar from './geo_replicable_filter_bar.vue'; export default { name: 'GeoReplicableApp', components: { GlLoadingIcon, GeoReplicableFilterBar, GeoReplicable, GeoReplicableEmptyState, }, props: { geoReplicableEmptySvgPath: { type: String, required: true, }, }, computed: { ...mapState(['isLoading', 'replicableItems']), hasReplicableItems() { return this.replicableItems.length > 0; }, }, created() { this.fetchReplicableItems(); }, methods: { ...mapActions(['fetchReplicableItems']), }, }; </script> <template> <article class="geo-replicable-container"> <geo-replicable-filter-bar /> <gl-loading-icon v-if="isLoading" size="xl" /> <template v-else> <geo-replicable v-if="hasReplicableItems" /> <geo-replicable-empty-state v-else :geo-replicable-empty-svg-path="geoReplicableEmptySvgPath" /> </template> </article> </template> |