+
{{ tooltip }}
diff --git a/app/assets/javascripts/ci/runner/components/runner_job_status_badge.vue b/app/assets/javascripts/ci/runner/components/runner_job_status_badge.vue
index fac31497552..e805c1a52b8 100644
--- a/app/assets/javascripts/ci/runner/components/runner_job_status_badge.vue
+++ b/app/assets/javascripts/ci/runner/components/runner_job_status_badge.vue
@@ -45,10 +45,12 @@ export default {
- {{ badge.label }}
+
+ {{ badge.label }}
+
diff --git a/app/assets/javascripts/ci/runner/components/runner_status_badge.vue b/app/assets/javascripts/ci/runner/components/runner_status_badge.vue
index 8b775197386..2272d4a757d 100644
--- a/app/assets/javascripts/ci/runner/components/runner_status_badge.vue
+++ b/app/assets/javascripts/ci/runner/components/runner_status_badge.vue
@@ -122,6 +122,8 @@ export default {
:icon="badge.icon"
v-bind="$attrs"
>
- {{ badge.label }}
+
+ {{ badge.label }}
+
diff --git a/app/assets/javascripts/ci/runner/components/runner_tag.vue b/app/assets/javascripts/ci/runner/components/runner_tag.vue
index 3fe09e03001..d7d7f703ee1 100644
--- a/app/assets/javascripts/ci/runner/components/runner_tag.vue
+++ b/app/assets/javascripts/ci/runner/components/runner_tag.vue
@@ -30,8 +30,8 @@ export default {
},
},
methods: {
- onResize() {
- const { scrollWidth, offsetWidth } = this.$el;
+ onResize({ target }) {
+ const { scrollWidth, offsetWidth } = target;
this.overflowing = scrollWidth > offsetWidth;
},
},
@@ -41,10 +41,11 @@ export default {
- {{ tag }}
+
+ {{ tag }}
+
diff --git a/app/assets/javascripts/ci/runner/components/runner_tags.vue b/app/assets/javascripts/ci/runner/components/runner_tags.vue
index 7d762d792a4..2b3070a1426 100644
--- a/app/assets/javascripts/ci/runner/components/runner_tags.vue
+++ b/app/assets/javascripts/ci/runner/components/runner_tags.vue
@@ -16,6 +16,6 @@ export default {
-
+
diff --git a/app/assets/javascripts/ci_secure_files/components/secure_files_list.vue b/app/assets/javascripts/ci_secure_files/components/secure_files_list.vue
index 874a339ae12..57a325d4546 100644
--- a/app/assets/javascripts/ci_secure_files/components/secure_files_list.vue
+++ b/app/assets/javascripts/ci_secure_files/components/secure_files_list.vue
@@ -49,10 +49,6 @@ export default {
uploadLabel: __('Upload File'),
uploadingLabel: __('Uploading...'),
noFilesMessage: __('There are no secure files yet.'),
- pagination: {
- next: __('Next'),
- prev: __('Prev'),
- },
uploadErrorMessages: {
duplicate: __('A file with this name already exists.'),
tooLarge: __('File too large. Secure Files must be less than %{limit} MB.'),
@@ -281,8 +277,6 @@ export default {
v-model="page"
:per-page="$options.DEFAULT_PER_PAGE"
:total-items="totalItems"
- :next-text="$options.i18n.pagination.next"
- :prev-text="$options.i18n.pagination.prev"
align="center"
class="gl-mt-5"
/>
diff --git a/app/assets/javascripts/clusters_list/components/clusters.vue b/app/assets/javascripts/clusters_list/components/clusters.vue
index 77c962e4056..e100d36fc80 100644
--- a/app/assets/javascripts/clusters_list/components/clusters.vue
+++ b/app/assets/javascripts/clusters_list/components/clusters.vue
@@ -334,8 +334,6 @@ export default {
v-model="currentPage"
:per-page="clustersPerPage"
:total-items="totalClusters"
- :prev-text="__('Prev')"
- :next-text="__('Next')"
align="center"
/>
diff --git a/app/assets/javascripts/commons/gitlab_ui.js b/app/assets/javascripts/commons/gitlab_ui.js
index e0637edd111..29218c6424d 100644
--- a/app/assets/javascripts/commons/gitlab_ui.js
+++ b/app/assets/javascripts/commons/gitlab_ui.js
@@ -1,6 +1,13 @@
import applyGitLabUIConfig from '@gitlab/ui/dist/config';
import { __, s__, n__ } from '~/locale';
-import { NEXT, PREV } from '~/vue_shared/components/pagination/constants';
+import {
+ PREV,
+ NEXT,
+ LABEL_FIRST_PAGE,
+ LABEL_PREV_PAGE,
+ LABEL_NEXT_PAGE,
+ LABEL_LAST_PAGE,
+} from '~/vue_shared/components/pagination/constants';
applyGitLabUIConfig({
translations: {
@@ -12,7 +19,15 @@ applyGitLabUIConfig({
'GlKeysetPagination.prevText': PREV,
'GlKeysetPagination.navigationLabel': s__('Pagination|Pagination'),
'GlKeysetPagination.nextText': NEXT,
+
+ 'GlPagination.labelFirstPage': LABEL_FIRST_PAGE,
+ 'GlPagination.labelLastPage': LABEL_LAST_PAGE,
+ 'GlPagination.labelNextPage': LABEL_NEXT_PAGE,
'GlPagination.labelPage': s__('Pagination|Go to page %{page}'),
+ 'GlPagination.labelPrevPage': LABEL_PREV_PAGE,
+ 'GlPagination.nextText': NEXT,
+ 'GlPagination.prevText': PREV,
+
'GlCollapsibleListbox.srOnlyResultsLabel': (count) => n__('%d result', '%d results', count),
},
});
diff --git a/app/assets/javascripts/deploy_keys/components/app.vue b/app/assets/javascripts/deploy_keys/components/app.vue
index 256fdedc7ab..93d7aed9289 100644
--- a/app/assets/javascripts/deploy_keys/components/app.vue
+++ b/app/assets/javascripts/deploy_keys/components/app.vue
@@ -1,7 +1,7 @@
@@ -71,13 +57,7 @@ export default {
:per-page="pageInfo.perPage"
:total-items="pageInfo.total"
:prev-page="pageInfo.previousPage"
- :prev-text="$options.prevText"
:next-page="pageInfo.nextPage"
- :next-text="$options.nextText"
- :label-first-page="$options.labelFirstPage"
- :label-prev-page="$options.labelPrevPage"
- :label-next-page="$options.labelNextPage"
- :label-last-page="$options.labelLastPage"
@input="change"
/>
diff --git a/app/assets/javascripts/vue_shared/components/pagination_links.vue b/app/assets/javascripts/vue_shared/components/pagination_links.vue
index 5cfaf95f300..e6bbd962945 100644
--- a/app/assets/javascripts/vue_shared/components/pagination_links.vue
+++ b/app/assets/javascripts/vue_shared/components/pagination_links.vue
@@ -1,13 +1,5 @@