Skip to content

G
gitlab-ce
Commit 04baa855 authored by GitLab Bot's avatar GitLab Bot
Browse files
Options

Add latest changes from gitlab-org/gitlab@master

parent 42f41de4
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 1147 additions and 740 deletions
' deleted 100644 → 0
View file @ 42f41de4
import { shallowMount } from '@vue/test-utils';
import Popover from '~/blob/suggest_gitlab_ci_yml/components/popover.vue';
import { mockTracking, unmockTracking, triggerEvent } from 'helpers/tracking_helper';
import * as utils from '~/lib/utils/common_utils';
import { GlButton } from '@gitlab/ui';
jest.mock('~/lib/utils/common_utils', () => ({
...jest.requireActual('~/lib/utils/common_utils'),
scrollToElement: jest.fn(),
}));
const target = 'gitlab-ci-yml-selector';
const dismissKey = '99';
const defaultTrackLabel = 'suggest_gitlab_ci_yml';
const commitTrackLabel = 'suggest_commit_first_project_gitlab_ci_yml';
const dismissCookie = 'suggest_gitlab_ci_yml_99';
const humanAccess = 'owner';
describe('Suggest gitlab-ci.yml Popover', () => {
let wrapper;
function createWrapper(trackLabel) {
wrapper = shallowMount(Popover, {
propsData: {
target,
trackLabel,
dismissKey,
humanAccess,
},
stubs: {
GlButton,
GlIcon
}
slots: {
title: '<gl-button><gl-icon /> </gl-button>',
}
});
}
afterEach(() => {
wrapper.destroy();
wrapper = null;
});
describe('when no dismiss cookie is set', () => {
beforeEach(() => {
createWrapper(defaultTrackLabel);
});
it('sets popoverDismissed to false', () => {
expect(wrapper.vm.popoverDismissed).toEqual(false);
});
});
describe('when the dismiss cookie is set', () => {
beforeEach(() => {
utils.setCookie(dismissCookie, true);
createWrapper(defaultTrackLabel);
});
it('sets popoverDismissed to true', () => {
expect(wrapper.vm.popoverDismissed).toEqual(true);
});
afterEach(() => {
utils.removeCookie(dismissCookie);
});
});
describe('tracking', () => {
let trackingSpy;
beforeEach(() => {
createWrapper(commitTrackLabel);
trackingSpy = mockTracking('_category_', wrapper.element, jest.spyOn);
});
afterEach(() => {
unmockTracking();
});
it('sends a tracking event with the expected properties for the popover being viewed', () => {
const expectedCategory = undefined;
const expectedAction = undefined;
const expectedLabel = 'suggest_commit_first_project_gitlab_ci_yml';
const expectedProperty = 'owner';
document.body.dataset.page = 'projects:blob:new';
wrapper.vm.trackOnShow();
expect(trackingSpy).toHaveBeenCalledWith(expectedCategory, expectedAction, {
label: expectedLabel,
property: expectedProperty,
});
});
it('sends a tracking event when the popover is dismissed', () => {
const expectedLabel = commitTrackLabel;
const expectedProperty = 'owner';
const expectedValue = '10';
const dismissButton = wrapper.find(GlButton);
console.log(wrapper.html());
triggerEvent(dismissButton.element);
expect(trackingSpy).toHaveBeenCalledWith('_category_', 'click_button', {
label: expectedLabel,
property: expectedProperty,
value: expectedValue,
});
});
});
describe('when the popover is mounted with the trackLabel of the Confirm button popover at the bottom of the page', () => {
it('calls scrollToElement so that the Confirm button and popover will be in sight', () => {
const scrollToElementSpy = jest.spyOn(utils, 'scrollToElement');
createWrapper(commitTrackLabel);
expect(scrollToElementSpy).toHaveBeenCalled();
});
});
});
.rubocop.yml
View file @ 04baa855
...@@ -329,13 +329,6 @@ RSpec/LeakyConstantDeclaration: ...@@ -329,13 +329,6 @@ RSpec/LeakyConstantDeclaration:
Exclude: Exclude:
- 'spec/**/*.rb' - 'spec/**/*.rb'
- 'qa/spec/**/*.rb' - 'qa/spec/**/*.rb'
- 'ee/spec/presenters/security/vulnerable_project_presenter_spec.rb'
- 'ee/spec/serializers/vulnerable_project_entity_spec.rb'
- 'ee/spec/services/clusters/applications/check_upgrade_progress_service_spec.rb'
- 'ee/spec/services/dashboard/projects/list_service_spec.rb'
- 'ee/spec/services/metrics/dashboard/clone_dashboard_service_spec.rb'
- 'ee/spec/support/shared_contexts/epic_aggregate_constants.rb'
- 'ee/spec/workers/elastic_namespace_rollout_worker_spec.rb'
RSpec/EmptyLineAfterHook: RSpec/EmptyLineAfterHook:
Enabled: false Enabled: false
...@@ -387,6 +380,13 @@ Cop/BanCatchThrow: ...@@ -387,6 +380,13 @@ Cop/BanCatchThrow:
Performance/ReadlinesEach: Performance/ReadlinesEach:
Enabled: true Enabled: true
Performance/ChainArrayAllocation:
Enabled: true
Include:
- 'lib/gitlab/import_export/**/*'
- 'ee/lib/gitlab/import_export/**/*'
- 'ee/lib/ee/gitlab/import_export/**/*'
# https://gitlab.com/gitlab-org/gitlab/-/issues/212541 # https://gitlab.com/gitlab-org/gitlab/-/issues/212541
RSpec/RepeatedExample: RSpec/RepeatedExample:
Exclude: Exclude:
...@@ -400,7 +400,6 @@ RSpec/RepeatedExample: ...@@ -400,7 +400,6 @@ RSpec/RepeatedExample:
- 'spec/lib/gitlab/closing_issue_extractor_spec.rb' - 'spec/lib/gitlab/closing_issue_extractor_spec.rb'
- 'spec/lib/gitlab/danger/changelog_spec.rb' - 'spec/lib/gitlab/danger/changelog_spec.rb'
- 'spec/lib/gitlab/import_export/project/relation_factory_spec.rb' - 'spec/lib/gitlab/import_export/project/relation_factory_spec.rb'
- 'spec/models/project_services/chat_message/pipeline_message_spec.rb'
- 'spec/routing/admin_routing_spec.rb' - 'spec/routing/admin_routing_spec.rb'
- 'spec/rubocop/cop/migration/update_large_table_spec.rb' - 'spec/rubocop/cop/migration/update_large_table_spec.rb'
- 'spec/services/notification_service_spec.rb' - 'spec/services/notification_service_spec.rb'
......
app/assets/javascripts/alerts_service_settings/components/alerts_service_form.vue
View file @ 04baa855
<script> <script>
import { GlButton, GlFormGroup, GlFormInput, GlModal, GlModalDirective } from '@gitlab/ui'; import {
GlDeprecatedButton,
GlFormGroup,
GlFormInput,
GlModal,
GlModalDirective,
} from '@gitlab/ui';
import _ from 'underscore'; import _ from 'underscore';
import ClipboardButton from '~/vue_shared/components/clipboard_button.vue'; import ClipboardButton from '~/vue_shared/components/clipboard_button.vue';
import ToggleButton from '~/vue_shared/components/toggle_button.vue'; import ToggleButton from '~/vue_shared/components/toggle_button.vue';
...@@ -11,7 +17,7 @@ export default { ...@@ -11,7 +17,7 @@ export default {
COPY_TO_CLIPBOARD: __('Copy'), COPY_TO_CLIPBOARD: __('Copy'),
RESET_KEY: __('Reset key'), RESET_KEY: __('Reset key'),
components: { components: {
GlButton, GlDeprecatedButton,
GlFormGroup, GlFormGroup,
GlFormInput, GlFormInput,
GlModal, GlModal,
...@@ -149,7 +155,9 @@ export default { ...@@ -149,7 +155,9 @@ export default {
<clipboard-button :text="authorizationKey" :title="$options.COPY_TO_CLIPBOARD" /> <clipboard-button :text="authorizationKey" :title="$options.COPY_TO_CLIPBOARD" />
</span> </span>
</div> </div>
<gl-button v-gl-modal.authKeyModal class="mt-2">{{ $options.RESET_KEY }}</gl-button> <gl-deprecated-button v-gl-modal.authKeyModal class="mt-2">{{
$options.RESET_KEY
}}</gl-deprecated-button>
<gl-modal <gl-modal
modal-id="authKeyModal" modal-id="authKeyModal"
:title="$options.RESET_KEY" :title="$options.RESET_KEY"
......
app/assets/javascripts/blob/components/blob_edit_content.vue
View file @ 04baa855
...@@ -5,7 +5,8 @@ export default { ...@@ -5,7 +5,8 @@ export default {
props: { props: {
value: { value: {
type: String, type: String,
required: true, required: false,
default: '',
}, },
fileName: { fileName: {
type: String, type: String,
...@@ -15,7 +16,6 @@ export default { ...@@ -15,7 +16,6 @@ export default {
}, },
data() { data() {
return { return {
content: this.value,
editor: null, editor: null,
}; };
}, },
...@@ -28,14 +28,12 @@ export default { ...@@ -28,14 +28,12 @@ export default {
this.editor = initEditorLite({ this.editor = initEditorLite({
el: this.$refs.editor, el: this.$refs.editor,
blobPath: this.fileName, blobPath: this.fileName,
blobContent: this.content, blobContent: this.value,
}); });
}, },
methods: { methods: {
triggerFileChange() { triggerFileChange() {
const val = this.editor.getValue(); this.$emit('input', this.editor.getValue());
this.content = val;
this.$emit('input', val);
}, },
}, },
}; };
...@@ -43,7 +41,7 @@ export default { ...@@ -43,7 +41,7 @@ export default {
<template> <template>
<div class="file-content code"> <div class="file-content code">
<pre id="editor" ref="editor" data-editor-loading @focusout="triggerFileChange">{{ <pre id="editor" ref="editor" data-editor-loading @focusout="triggerFileChange">{{
content value
}}</pre> }}</pre>
</div> </div>
</template> </template>
app/assets/javascripts/blob/components/blob_embeddable.vue
View file @ 04baa855
<script> <script>
import { GlFormInputGroup, GlButton, GlIcon } from '@gitlab/ui'; import { GlFormInputGroup, GlDeprecatedButton, GlIcon } from '@gitlab/ui';
import { __ } from '~/locale'; import { __ } from '~/locale';
export default { export default {
components: { components: {
GlFormInputGroup, GlFormInputGroup,
GlButton, GlDeprecatedButton,
GlIcon, GlIcon,
}, },
props: { props: {
...@@ -33,9 +33,9 @@ export default { ...@@ -33,9 +33,9 @@ export default {
select-on-click select-on-click
> >
<template #append> <template #append>
<gl-button new-style data-clipboard-target="#embeddable-text"> <gl-deprecated-button new-style data-clipboard-target="#embeddable-text">
<gl-icon name="copy-to-clipboard" :title="__('Copy')" /> <gl-icon name="copy-to-clipboard" :title="__('Copy')" />
</gl-button> </gl-deprecated-button>
</template> </template>
</gl-form-input-group> </gl-form-input-group>
</template> </template>
app/assets/javascripts/blob/components/blob_header_default_actions.vue
View file @ 04baa855
<script> <script>
import { GlButton, GlButtonGroup, GlIcon, GlTooltipDirective } from '@gitlab/ui'; import { GlDeprecatedButton, GlButtonGroup, GlIcon, GlTooltipDirective } from '@gitlab/ui';
import { import {
BTN_COPY_CONTENTS_TITLE, BTN_COPY_CONTENTS_TITLE,
BTN_DOWNLOAD_TITLE, BTN_DOWNLOAD_TITLE,
...@@ -12,7 +12,7 @@ export default { ...@@ -12,7 +12,7 @@ export default {
components: { components: {
GlIcon, GlIcon,
GlButtonGroup, GlButtonGroup,
GlButton, GlDeprecatedButton,
}, },
directives: { directives: {
GlTooltip: GlTooltipDirective, GlTooltip: GlTooltipDirective,
...@@ -43,7 +43,7 @@ export default { ...@@ -43,7 +43,7 @@ export default {
</script> </script>
<template> <template>
<gl-button-group> <gl-button-group>
<gl-button <gl-deprecated-button
v-gl-tooltip.hover v-gl-tooltip.hover
:aria-label="$options.BTN_COPY_CONTENTS_TITLE" :aria-label="$options.BTN_COPY_CONTENTS_TITLE"
:title="$options.BTN_COPY_CONTENTS_TITLE" :title="$options.BTN_COPY_CONTENTS_TITLE"
...@@ -51,8 +51,8 @@ export default { ...@@ -51,8 +51,8 @@ export default {
data-clipboard-target="#blob-code-content" data-clipboard-target="#blob-code-content"
> >
<gl-icon name="copy-to-clipboard" :size="14" /> <gl-icon name="copy-to-clipboard" :size="14" />
</gl-button> </gl-deprecated-button>
<gl-button <gl-deprecated-button
v-gl-tooltip.hover v-gl-tooltip.hover
:aria-label="$options.BTN_RAW_TITLE" :aria-label="$options.BTN_RAW_TITLE"
:title="$options.BTN_RAW_TITLE" :title="$options.BTN_RAW_TITLE"
...@@ -60,8 +60,8 @@ export default { ...@@ -60,8 +60,8 @@ export default {
target="_blank" target="_blank"
> >
<gl-icon name="doc-code" :size="14" /> <gl-icon name="doc-code" :size="14" />
</gl-button> </gl-deprecated-button>
<gl-button <gl-deprecated-button
v-gl-tooltip.hover v-gl-tooltip.hover
:aria-label="$options.BTN_DOWNLOAD_TITLE" :aria-label="$options.BTN_DOWNLOAD_TITLE"
:title="$options.BTN_DOWNLOAD_TITLE" :title="$options.BTN_DOWNLOAD_TITLE"
...@@ -69,6 +69,6 @@ export default { ...@@ -69,6 +69,6 @@ export default {
target="_blank" target="_blank"
> >
<gl-icon name="download" :size="14" /> <gl-icon name="download" :size="14" />
</gl-button> </gl-deprecated-button>
</gl-button-group> </gl-button-group>
</template> </template>
app/assets/javascripts/blob/components/blob_header_viewer_switcher.vue
View file @ 04baa855
<script> <script>
import { GlButton, GlButtonGroup, GlIcon, GlTooltipDirective } from '@gitlab/ui'; import { GlDeprecatedButton, GlButtonGroup, GlIcon, GlTooltipDirective } from '@gitlab/ui';
import { import {
RICH_BLOB_VIEWER, RICH_BLOB_VIEWER,
RICH_BLOB_VIEWER_TITLE, RICH_BLOB_VIEWER_TITLE,
...@@ -11,7 +11,7 @@ export default { ...@@ -11,7 +11,7 @@ export default {
components: { components: {
GlIcon, GlIcon,
GlButtonGroup, GlButtonGroup,
GlButton, GlDeprecatedButton,
}, },
directives: { directives: {
GlTooltip: GlTooltipDirective, GlTooltip: GlTooltipDirective,
...@@ -46,7 +46,7 @@ export default { ...@@ -46,7 +46,7 @@ export default {
</script> </script>
<template> <template>
<gl-button-group class="js-blob-viewer-switcher ml-2"> <gl-button-group class="js-blob-viewer-switcher ml-2">
<gl-button <gl-deprecated-button
v-gl-tooltip.hover v-gl-tooltip.hover
:aria-label="$options.SIMPLE_BLOB_VIEWER_TITLE" :aria-label="$options.SIMPLE_BLOB_VIEWER_TITLE"
:title="$options.SIMPLE_BLOB_VIEWER_TITLE" :title="$options.SIMPLE_BLOB_VIEWER_TITLE"
...@@ -55,8 +55,8 @@ export default { ...@@ -55,8 +55,8 @@ export default {
@click="switchToViewer($options.SIMPLE_BLOB_VIEWER)" @click="switchToViewer($options.SIMPLE_BLOB_VIEWER)"
> >
<gl-icon name="code" :size="14" /> <gl-icon name="code" :size="14" />
</gl-button> </gl-deprecated-button>
<gl-button <gl-deprecated-button
v-gl-tooltip.hover v-gl-tooltip.hover
:aria-label="$options.RICH_BLOB_VIEWER_TITLE" :aria-label="$options.RICH_BLOB_VIEWER_TITLE"
:title="$options.RICH_BLOB_VIEWER_TITLE" :title="$options.RICH_BLOB_VIEWER_TITLE"
...@@ -65,6 +65,6 @@ export default { ...@@ -65,6 +65,6 @@ export default {
@click="switchToViewer($options.RICH_BLOB_VIEWER)" @click="switchToViewer($options.RICH_BLOB_VIEWER)"
> >
<gl-icon name="document" :size="14" /> <gl-icon name="document" :size="14" />
</gl-button> </gl-deprecated-button>
</gl-button-group> </gl-button-group>
</template> </template>
app/assets/javascripts/blob/suggest_gitlab_ci_yml/components/popover.vue
View file @ 04baa855
<script> <script>
import { GlPopover, GlSprintf, GlButton, GlIcon } from '@gitlab/ui'; import { GlPopover, GlSprintf, GlDeprecatedButton, GlIcon } from '@gitlab/ui';
import { parseBoolean, scrollToElement, setCookie, getCookie } from '~/lib/utils/common_utils'; import { parseBoolean, scrollToElement, setCookie, getCookie } from '~/lib/utils/common_utils';
import { s__ } from '~/locale'; import { s__ } from '~/locale';
import { glEmojiTag } from '~/emoji'; import { glEmojiTag } from '~/emoji';
...@@ -27,7 +27,7 @@ export default { ...@@ -27,7 +27,7 @@ export default {
GlPopover, GlPopover,
GlSprintf, GlSprintf,
GlIcon, GlIcon,
GlButton, GlDeprecatedButton,
}, },
mixins: [trackingMixin], mixins: [trackingMixin],
props: { props: {
...@@ -109,9 +109,9 @@ export default { ...@@ -109,9 +109,9 @@ export default {
<template #title> <template #title>
<span v-html="suggestTitle"></span> <span v-html="suggestTitle"></span>
<span class="ml-auto"> <span class="ml-auto">
<gl-button :aria-label="__('Close')" class="btn-blank" @click="onDismiss"> <gl-deprecated-button :aria-label="__('Close')" class="btn-blank" @click="onDismiss">
<gl-icon name="close" aria-hidden="true" /> <gl-icon name="close" aria-hidden="true" />
</gl-button> </gl-deprecated-button>
</span> </span>
</template> </template>
......
app/assets/javascripts/boards/components/board.js
View file @ 04baa855
import $ from 'jquery'; import $ from 'jquery';
import Sortable from 'sortablejs'; import Sortable from 'sortablejs';
import Vue from 'vue'; import Vue from 'vue';
import { GlButtonGroup, GlButton, GlLabel, GlTooltip } from '@gitlab/ui'; import { GlButtonGroup, GlDeprecatedButton, GlLabel, GlTooltip } from '@gitlab/ui';
import isWipLimitsOn from 'ee_else_ce/boards/mixins/is_wip_limits'; import isWipLimitsOn from 'ee_else_ce/boards/mixins/is_wip_limits';
import { s__, __, sprintf } from '~/locale'; import { s__, __, sprintf } from '~/locale';
import Icon from '~/vue_shared/components/icon.vue'; import Icon from '~/vue_shared/components/icon.vue';
...@@ -32,7 +32,7 @@ export default Vue.extend({ ...@@ -32,7 +32,7 @@ export default Vue.extend({
Icon, Icon,
GlButtonGroup, GlButtonGroup,
IssueCount, IssueCount,
GlButton, GlDeprecatedButton,
GlLabel, GlLabel,
GlTooltip, GlTooltip,
}, },
......
app/assets/javascripts/boards/components/board_column.vue
View file @ 04baa855
<script> <script>
import $ from 'jquery'; import $ from 'jquery';
import Sortable from 'sortablejs'; import Sortable from 'sortablejs';
import { GlButtonGroup, GlButton, GlLabel, GlTooltip, GlIcon } from '@gitlab/ui'; import { GlButtonGroup, GlDeprecatedButton, GlLabel, GlTooltip, GlIcon } from '@gitlab/ui';
import isWipLimitsOn from 'ee_else_ce/boards/mixins/is_wip_limits'; import isWipLimitsOn from 'ee_else_ce/boards/mixins/is_wip_limits';
import { s__, __, sprintf } from '~/locale'; import { s__, __, sprintf } from '~/locale';
import Tooltip from '~/vue_shared/directives/tooltip'; import Tooltip from '~/vue_shared/directives/tooltip';
...@@ -24,7 +24,7 @@ export default { ...@@ -24,7 +24,7 @@ export default {
BoardList, BoardList,
GlButtonGroup, GlButtonGroup,
IssueCount, IssueCount,
GlButton, GlDeprecatedButton,
GlLabel, GlLabel,
GlTooltip, GlTooltip,
GlIcon, GlIcon,
...@@ -333,7 +333,7 @@ export default { ...@@ -333,7 +333,7 @@ export default {
v-if="isNewIssueShown || isSettingsShown" v-if="isNewIssueShown || isSettingsShown"
class="board-list-button-group pl-2" class="board-list-button-group pl-2"
> >
<gl-button <gl-deprecated-button
v-if="isNewIssueShown" v-if="isNewIssueShown"
ref="newIssueBtn" ref="newIssueBtn"
:class="{ :class="{
...@@ -346,10 +346,10 @@ export default { ...@@ -346,10 +346,10 @@ export default {
@click="showNewIssueForm" @click="showNewIssueForm"
> >
<i aria-hidden="true" data-hidden="true" class="fa fa-plus"></i> <i aria-hidden="true" data-hidden="true" class="fa fa-plus"></i>
</gl-button> </gl-deprecated-button>
<gl-tooltip :target="() => $refs.newIssueBtn">{{ __('New Issue') }}</gl-tooltip> <gl-tooltip :target="() => $refs.newIssueBtn">{{ __('New Issue') }}</gl-tooltip>
<gl-button <gl-deprecated-button
v-if="isSettingsShown" v-if="isSettingsShown"
ref="settingsBtn" ref="settingsBtn"
:aria-label="__(`List settings`)" :aria-label="__(`List settings`)"
...@@ -359,7 +359,7 @@ export default { ...@@ -359,7 +359,7 @@ export default {
@click="openSidebarSettings" @click="openSidebarSettings"
> >
<gl-icon name="settings" /> <gl-icon name="settings" />
</gl-button> </gl-deprecated-button>
<gl-tooltip :target="() => $refs.settingsBtn">{{ __('List settings') }}</gl-tooltip> <gl-tooltip :target="() => $refs.settingsBtn">{{ __('List settings') }}</gl-tooltip>
</gl-button-group> </gl-button-group>
</h3> </h3>
......
app/assets/javascripts/boards/components/board_new_issue.vue
View file @ 04baa855
<script> <script>
import $ from 'jquery'; import $ from 'jquery';
import { GlButton } from '@gitlab/ui'; import { GlDeprecatedButton } from '@gitlab/ui';
import { getMilestone } from 'ee_else_ce/boards/boards_util'; import { getMilestone } from 'ee_else_ce/boards/boards_util';
import ListIssue from 'ee_else_ce/boards/models/issue'; import ListIssue from 'ee_else_ce/boards/models/issue';
import eventHub from '../eventhub'; import eventHub from '../eventhub';
...@@ -11,7 +11,7 @@ export default { ...@@ -11,7 +11,7 @@ export default {
name: 'BoardNewIssue', name: 'BoardNewIssue',
components: { components: {
ProjectSelect, ProjectSelect,
GlButton, GlDeprecatedButton,
}, },
props: { props: {
groupId: { groupId: {
...@@ -120,17 +120,21 @@ export default { ...@@ -120,17 +120,21 @@ export default {
/> />
<project-select v-if="groupId" :group-id="groupId" :list="list" /> <project-select v-if="groupId" :group-id="groupId" :list="list" />
<div class="clearfix prepend-top-10"> <div class="clearfix prepend-top-10">
<gl-button <gl-deprecated-button
ref="submit-button" ref="submit-button"
:disabled="disabled" :disabled="disabled"
class="float-left" class="float-left"
variant="success" variant="success"
type="submit" type="submit"
>{{ __('Submit issue') }}</gl-button >{{ __('Submit issue') }}</gl-deprecated-button
>
<gl-deprecated-button
class="float-right"
type="button"
variant="default"
@click="cancel"
>{{ __('Cancel') }}</gl-deprecated-button
> >
<gl-button class="float-right" type="button" variant="default" @click="cancel">{{
__('Cancel')
}}</gl-button>
</div> </div>
</form> </form>
</div> </div>
......
app/assets/javascripts/ci_variable_list/components/ci_variable_modal.vue
View file @ 04baa855
...@@ -4,7 +4,7 @@ import { mapActions, mapState } from 'vuex'; ...@@ -4,7 +4,7 @@ import { mapActions, mapState } from 'vuex';
import { ADD_CI_VARIABLE_MODAL_ID } from '../constants'; import { ADD_CI_VARIABLE_MODAL_ID } from '../constants';
import CiEnvironmentsDropdown from './ci_environments_dropdown.vue'; import CiEnvironmentsDropdown from './ci_environments_dropdown.vue';
import { import {
GlButton, GlDeprecatedButton,
GlModal, GlModal,
GlFormSelect, GlFormSelect,
GlFormGroup, GlFormGroup,
...@@ -19,7 +19,7 @@ export default { ...@@ -19,7 +19,7 @@ export default {
modalId: ADD_CI_VARIABLE_MODAL_ID, modalId: ADD_CI_VARIABLE_MODAL_ID,
components: { components: {
CiEnvironmentsDropdown, CiEnvironmentsDropdown,
GlButton, GlDeprecatedButton,
GlModal, GlModal,
GlFormSelect, GlFormSelect,
GlFormGroup, GlFormGroup,
...@@ -212,22 +212,22 @@ export default { ...@@ -212,22 +212,22 @@ export default {
</gl-form-group> </gl-form-group>
</form> </form>
<template #modal-footer> <template #modal-footer>
<gl-button @click="hideModal">{{ __('Cancel') }}</gl-button> <gl-deprecated-button @click="hideModal">{{ __('Cancel') }}</gl-deprecated-button>
<gl-button <gl-deprecated-button
v-if="variableBeingEdited" v-if="variableBeingEdited"
ref="deleteCiVariable" ref="deleteCiVariable"
category="secondary" category="secondary"
variant="danger" variant="danger"
@click="deleteVarAndClose" @click="deleteVarAndClose"
>{{ __('Delete variable') }}</gl-button >{{ __('Delete variable') }}</gl-deprecated-button
> >
<gl-button <gl-deprecated-button
ref="updateOrAddVariable" ref="updateOrAddVariable"
:disabled="!canSubmit" :disabled="!canSubmit"
variant="success" variant="success"
@click="updateOrAddVariable" @click="updateOrAddVariable"
>{{ modalActionText }} >{{ modalActionText }}
</gl-button> </gl-deprecated-button>
</template> </template>
</gl-modal> </gl-modal>
</template> </template>
app/assets/javascripts/ci_variable_list/components/ci_variable_popover.vue
View file @ 04baa855
<script> <script>
import { GlPopover, GlIcon, GlButton, GlTooltipDirective } from '@gitlab/ui'; import { GlPopover, GlIcon, GlDeprecatedButton, GlTooltipDirective } from '@gitlab/ui';
export default { export default {
maxTextLength: 95, maxTextLength: 95,
components: { components: {
GlPopover, GlPopover,
GlIcon, GlIcon,
GlButton, GlDeprecatedButton,
}, },
directives: { directives: {
GlTooltip: GlTooltipDirective, GlTooltip: GlTooltipDirective,
...@@ -41,14 +41,14 @@ export default { ...@@ -41,14 +41,14 @@ export default {
<gl-popover :target="target" triggers="hover" placement="top" container="popover-container"> <gl-popover :target="target" triggers="hover" placement="top" container="popover-container">
<div class="d-flex justify-content-between position-relative"> <div class="d-flex justify-content-between position-relative">
<div class="pr-5 w-100 ci-popover-value">{{ displayValue }}</div> <div class="pr-5 w-100 ci-popover-value">{{ displayValue }}</div>
<gl-button <gl-deprecated-button
v-gl-tooltip v-gl-tooltip
class="btn-transparent btn-clipboard position-absolute position-top-0 position-right-0" class="btn-transparent btn-clipboard position-absolute position-top-0 position-right-0"
:title="tooltipText" :title="tooltipText"
:data-clipboard-text="value" :data-clipboard-text="value"
> >
<gl-icon name="copy-to-clipboard" /> <gl-icon name="copy-to-clipboard" />
</gl-button> </gl-deprecated-button>
</div> </div>
</gl-popover> </gl-popover>
</div> </div>
......
app/assets/javascripts/ci_variable_list/components/ci_variable_table.vue
View file @ 04baa855
<script> <script>
import { GlTable, GlButton, GlModalDirective, GlIcon } from '@gitlab/ui'; import { GlTable, GlDeprecatedButton, GlModalDirective, GlIcon } from '@gitlab/ui';
import { s__, __ } from '~/locale'; import { s__, __ } from '~/locale';
import { mapState, mapActions } from 'vuex'; import { mapState, mapActions } from 'vuex';
import { ADD_CI_VARIABLE_MODAL_ID } from '../constants'; import { ADD_CI_VARIABLE_MODAL_ID } from '../constants';
...@@ -52,7 +52,7 @@ export default { ...@@ -52,7 +52,7 @@ export default {
], ],
components: { components: {
GlTable, GlTable,
GlButton, GlDeprecatedButton,
GlIcon, GlIcon,
CiVariablePopover, CiVariablePopover,
}, },
...@@ -147,13 +147,13 @@ export default { ...@@ -147,13 +147,13 @@ export default {
</div> </div>
</template> </template>
<template #cell(actions)="{ item }"> <template #cell(actions)="{ item }">
<gl-button <gl-deprecated-button
ref="edit-ci-variable" ref="edit-ci-variable"
v-gl-modal-directive="$options.modalId" v-gl-modal-directive="$options.modalId"
@click="editVariable(item)" @click="editVariable(item)"
> >
<gl-icon :size="$options.iconSize" name="pencil" /> <gl-icon :size="$options.iconSize" name="pencil" />
</gl-button> </gl-deprecated-button>
</template> </template>
<template #empty> <template #empty>
<p ref="empty-variables" class="text-center empty-variables text-plain"> <p ref="empty-variables" class="text-center empty-variables text-plain">
...@@ -165,20 +165,20 @@ export default { ...@@ -165,20 +165,20 @@ export default {
class="ci-variable-actions d-flex justify-content-end" class="ci-variable-actions d-flex justify-content-end"
:class="{ 'justify-content-center': !tableIsNotEmpty }" :class="{ 'justify-content-center': !tableIsNotEmpty }"
> >
<gl-button <gl-deprecated-button
v-if="tableIsNotEmpty" v-if="tableIsNotEmpty"
ref="secret-value-reveal-button" ref="secret-value-reveal-button"
data-qa-selector="reveal_ci_variable_value" data-qa-selector="reveal_ci_variable_value"
class="append-right-8" class="append-right-8"
@click="toggleValues(!valuesHidden)" @click="toggleValues(!valuesHidden)"
>{{ valuesButtonText }}</gl-button >{{ valuesButtonText }}</gl-deprecated-button
> >
<gl-button <gl-deprecated-button
ref="add-ci-variable" ref="add-ci-variable"
v-gl-modal-directive="$options.modalId" v-gl-modal-directive="$options.modalId"
data-qa-selector="add_ci_variable" data-qa-selector="add_ci_variable"
variant="success" variant="success"
>{{ __('Add Variable') }}</gl-button >{{ __('Add Variable') }}</gl-deprecated-button
> >
</div> </div>
</div> </div>
......
app/assets/javascripts/clusters/components/ingress_modsecurity_settings.vue
View file @ 04baa855
...@@ -7,7 +7,7 @@ import { ...@@ -7,7 +7,7 @@ import {
GlSprintf, GlSprintf,
GlLink, GlLink,
GlToggle, GlToggle,
GlButton, GlDeprecatedButton,
GlDropdown, GlDropdown,
GlDropdownItem, GlDropdownItem,
GlIcon, GlIcon,
...@@ -25,7 +25,7 @@ export default { ...@@ -25,7 +25,7 @@ export default {
GlSprintf, GlSprintf,
GlLink, GlLink,
GlToggle, GlToggle,
GlButton, GlDeprecatedButton,
GlDropdown, GlDropdown,
GlDropdownItem, GlDropdownItem,
GlIcon, GlIcon,
...@@ -235,17 +235,17 @@ export default { ...@@ -235,17 +235,17 @@ export default {
</div> </div>
</div> </div>
<div v-if="showButtons" class="mt-3"> <div v-if="showButtons" class="mt-3">
<gl-button <gl-deprecated-button
class="btn-success inline mr-1" class="btn-success inline mr-1"
:loading="saving" :loading="saving"
:disabled="saveButtonDisabled" :disabled="saveButtonDisabled"
@click="updateApplication" @click="updateApplication"
> >
{{ saveButtonLabel }} {{ saveButtonLabel }}
</gl-button> </gl-deprecated-button>
<gl-button :disabled="saveButtonDisabled" @click="resetStatus"> <gl-deprecated-button :disabled="saveButtonDisabled" @click="resetStatus">
{{ __('Cancel') }} {{ __('Cancel') }}
</gl-button> </gl-deprecated-button>
</div> </div>
</div> </div>
</div> </div>
......
app/assets/javascripts/clusters/components/remove_cluster_confirmation.vue
View file @ 04baa855
<script> <script>
import { escape as esc } from 'lodash'; import { escape as esc } from 'lodash';
import SplitButton from '~/vue_shared/components/split_button.vue'; import SplitButton from '~/vue_shared/components/split_button.vue';
import { GlModal, GlButton, GlFormInput } from '@gitlab/ui'; import { GlModal, GlDeprecatedButton, GlFormInput } from '@gitlab/ui';
import { s__, sprintf } from '~/locale'; import { s__, sprintf } from '~/locale';
import csrf from '~/lib/utils/csrf'; import csrf from '~/lib/utils/csrf';
...@@ -27,7 +27,7 @@ export default { ...@@ -27,7 +27,7 @@ export default {
components: { components: {
SplitButton, SplitButton,
GlModal, GlModal,
GlButton, GlDeprecatedButton,
GlFormInput, GlFormInput,
}, },
props: { props: {
...@@ -148,19 +148,24 @@ export default { ...@@ -148,19 +148,24 @@ export default {
}}</span> }}</span>
</template> </template>
<template slot="modal-footer"> <template slot="modal-footer">
<gl-button variant="secondary" @click="handleCancel">{{ s__('Cancel') }}</gl-button> <gl-deprecated-button variant="secondary" @click="handleCancel">{{
s__('Cancel')
}}</gl-deprecated-button>
<template v-if="confirmCleanup"> <template v-if="confirmCleanup">
<gl-button :disabled="!canSubmit" variant="warning" @click="handleSubmit">{{ <gl-deprecated-button :disabled="!canSubmit" variant="warning" @click="handleSubmit">{{
s__('ClusterIntegration|Remove integration') s__('ClusterIntegration|Remove integration')
}}</gl-button> }}</gl-deprecated-button>
<gl-button :disabled="!canSubmit" variant="danger" @click="handleSubmit(true)">{{ <gl-deprecated-button
s__('ClusterIntegration|Remove integration and resources') :disabled="!canSubmit"
}}</gl-button> variant="danger"
@click="handleSubmit(true)"
>{{ s__('ClusterIntegration|Remove integration and resources') }}</gl-deprecated-button
>
</template> </template>
<template v-else> <template v-else>
<gl-button :disabled="!canSubmit" variant="danger" @click="handleSubmit">{{ <gl-deprecated-button :disabled="!canSubmit" variant="danger" @click="handleSubmit">{{
s__('ClusterIntegration|Remove integration') s__('ClusterIntegration|Remove integration')
}}</gl-button> }}</gl-deprecated-button>
</template> </template>
</template> </template>
</gl-modal> </gl-modal>
......
app/assets/javascripts/code_navigation/components/popover.vue
View file @ 04baa855
<script> <script>
import { GlButton } from '@gitlab/ui'; import { GlDeprecatedButton } from '@gitlab/ui';
export default { export default {
components: { components: {
GlButton, GlDeprecatedButton,
}, },
props: { props: {
position: { position: {
...@@ -77,9 +77,9 @@ export default { ...@@ -77,9 +77,9 @@ export default {
</p> </p>
</div> </div>
<div v-if="definitionPath" class="popover-body"> <div v-if="definitionPath" class="popover-body">
<gl-button :href="definitionPath" target="_blank" class="w-100" variant="default"> <gl-deprecated-button :href="definitionPath" target="_blank" class="w-100" variant="default">
{{ __('Go to definition') }} {{ __('Go to definition') }}
</gl-button> </gl-deprecated-button>
</div> </div>
</div> </div>
</template> </template>
app/assets/javascripts/commit/pipelines/pipelines_table.vue
View file @ 04baa855
<script> <script>
import { GlButton, GlLoadingIcon } from '@gitlab/ui'; import { GlDeprecatedButton, GlLoadingIcon } from '@gitlab/ui';
import { GlBreakpointInstance as bp } from '@gitlab/ui/dist/utils'; import { GlBreakpointInstance as bp } from '@gitlab/ui/dist/utils';
import PipelinesService from '~/pipelines/services/pipelines_service'; import PipelinesService from '~/pipelines/services/pipelines_service';
import PipelineStore from '~/pipelines/stores/pipelines_store'; import PipelineStore from '~/pipelines/stores/pipelines_store';
...@@ -12,7 +12,7 @@ import CIPaginationMixin from '~/vue_shared/mixins/ci_pagination_api_mixin'; ...@@ -12,7 +12,7 @@ import CIPaginationMixin from '~/vue_shared/mixins/ci_pagination_api_mixin';
export default { export default {
components: { components: {
TablePagination, TablePagination,
GlButton, GlDeprecatedButton,
GlLoadingIcon, GlLoadingIcon,
}, },
mixins: [pipelinesMixin, CIPaginationMixin], mixins: [pipelinesMixin, CIPaginationMixin],
...@@ -171,7 +171,7 @@ export default { ...@@ -171,7 +171,7 @@ export default {
<div v-else-if="shouldRenderTable" class="table-holder"> <div v-else-if="shouldRenderTable" class="table-holder">
<div v-if="canRenderPipelineButton" class="nav justify-content-end"> <div v-if="canRenderPipelineButton" class="nav justify-content-end">
<gl-button <gl-deprecated-button
v-if="canRenderPipelineButton" v-if="canRenderPipelineButton"
variant="success" variant="success"
class="js-run-mr-pipeline prepend-top-10 btn-wide-on-xs" class="js-run-mr-pipeline prepend-top-10 btn-wide-on-xs"
...@@ -180,7 +180,7 @@ export default { ...@@ -180,7 +180,7 @@ export default {
> >
<gl-loading-icon v-if="state.isRunningMergeRequestPipeline" inline /> <gl-loading-icon v-if="state.isRunningMergeRequestPipeline" inline />
{{ s__('Pipelines|Run Pipeline') }} {{ s__('Pipelines|Run Pipeline') }}
</gl-button> </gl-deprecated-button>
</div> </div>
<pipelines-table-component <pipelines-table-component
......
app/assets/javascripts/diffs/components/compare_versions.vue
View file @ 04baa855
<script> <script>
import { mapActions, mapGetters, mapState } from 'vuex'; import { mapActions, mapGetters, mapState } from 'vuex';
import { GlTooltipDirective, GlLink, GlButton, GlSprintf } from '@gitlab/ui'; import { GlTooltipDirective, GlLink, GlDeprecatedButton, GlSprintf } from '@gitlab/ui';
import { __ } from '~/locale'; import { __ } from '~/locale';
import { polyfillSticky } from '~/lib/utils/sticky'; import { polyfillSticky } from '~/lib/utils/sticky';
import Icon from '~/vue_shared/components/icon.vue'; import Icon from '~/vue_shared/components/icon.vue';
...@@ -14,7 +14,7 @@ export default { ...@@ -14,7 +14,7 @@ export default {
CompareVersionsDropdown, CompareVersionsDropdown,
Icon, Icon,
GlLink, GlLink,
GlButton, GlDeprecatedButton,
GlSprintf, GlSprintf,
SettingsDropdown, SettingsDropdown,
DiffStats, DiffStats,
...@@ -140,16 +140,20 @@ export default { ...@@ -140,16 +140,20 @@ export default {
:added-lines="addedLines" :added-lines="addedLines"
:removed-lines="removedLines" :removed-lines="removedLines"
/> />
<gl-button <gl-deprecated-button
v-if="commit || startVersion" v-if="commit || startVersion"
:href="latestVersionPath" :href="latestVersionPath"
class="append-right-8 js-latest-version" class="append-right-8 js-latest-version"
> >
{{ __('Show latest version') }} {{ __('Show latest version') }}
</gl-button> </gl-deprecated-button>
<gl-button v-show="hasCollapsedFile" class="append-right-8" @click="expandAllFiles"> <gl-deprecated-button
v-show="hasCollapsedFile"
class="append-right-8"
@click="expandAllFiles"
>
{{ __('Expand all') }} {{ __('Expand all') }}
</gl-button> </gl-deprecated-button>
<settings-dropdown /> <settings-dropdown />
</div> </div>
</div> </div>
......
app/assets/javascripts/diffs/components/diff_file_header.vue
View file @ 04baa855
<script> <script>
import { escape as esc } from 'lodash'; import { escape as esc } from 'lodash';
import { mapActions, mapGetters } from 'vuex'; import { mapActions, mapGetters } from 'vuex';
import { GlButton, GlTooltipDirective, GlLoadingIcon } from '@gitlab/ui'; import { GlDeprecatedButton, GlTooltipDirective, GlLoadingIcon } from '@gitlab/ui';
import { polyfillSticky } from '~/lib/utils/sticky'; import { polyfillSticky } from '~/lib/utils/sticky';
import ClipboardButton from '~/vue_shared/components/clipboard_button.vue'; import ClipboardButton from '~/vue_shared/components/clipboard_button.vue';
import Icon from '~/vue_shared/components/icon.vue'; import Icon from '~/vue_shared/components/icon.vue';
...@@ -16,7 +16,7 @@ import { scrollToElement } from '~/lib/utils/common_utils'; ...@@ -16,7 +16,7 @@ import { scrollToElement } from '~/lib/utils/common_utils';
export default { export default {
components: { components: {
GlLoadingIcon, GlLoadingIcon,
GlButton, GlDeprecatedButton,
ClipboardButton, ClipboardButton,
EditButton, EditButton,
Icon, Icon,
...@@ -229,7 +229,7 @@ export default { ...@@ -229,7 +229,7 @@ export default {
<div class="btn-group" role="group"> <div class="btn-group" role="group">
<template v-if="diffFile.blob && diffFile.blob.readable_text"> <template v-if="diffFile.blob && diffFile.blob.readable_text">
<span v-gl-tooltip.hover :title="s__('MergeRequests|Toggle comments for this file')"> <span v-gl-tooltip.hover :title="s__('MergeRequests|Toggle comments for this file')">
<gl-button <gl-deprecated-button
ref="toggleDiscussionsButton" ref="toggleDiscussionsButton"
:disabled="!diffHasDiscussions(diffFile)" :disabled="!diffHasDiscussions(diffFile)"
:class="{ active: diffHasExpandedDiscussions(diffFile) }" :class="{ active: diffHasExpandedDiscussions(diffFile) }"
...@@ -242,7 +242,7 @@ export default { ...@@ -242,7 +242,7 @@ export default {
@click="toggleFileDiscussionWrappers(diffFile)" @click="toggleFileDiscussionWrappers(diffFile)"
> >
<icon name="comment" /> <icon name="comment" />
</gl-button> </gl-deprecated-button>
</span> </span>
<edit-button <edit-button
...@@ -265,7 +265,7 @@ export default { ...@@ -265,7 +265,7 @@ export default {
v-html="viewReplacedFileButtonText" v-html="viewReplacedFileButtonText"
> >
</a> </a>
<gl-button <gl-deprecated-button
v-if="!diffFile.is_fully_expanded" v-if="!diffFile.is_fully_expanded"
ref="expandDiffToFullFileButton" ref="expandDiffToFullFileButton"
v-gl-tooltip.hover v-gl-tooltip.hover
...@@ -279,8 +279,8 @@ export default { ...@@ -279,8 +279,8 @@ export default {
<gl-loading-icon v-if="diffFile.isLoadingFullFile" color="dark" inline /> <gl-loading-icon v-if="diffFile.isLoadingFullFile" color="dark" inline />
<icon v-else-if="diffFile.isShowingFullFile" name="doc-changes" /> <icon v-else-if="diffFile.isShowingFullFile" name="doc-changes" />
<icon v-else name="doc-expand" /> <icon v-else name="doc-expand" />
</gl-button> </gl-deprecated-button>
<gl-button <gl-deprecated-button
ref="viewButton" ref="viewButton"
v-gl-tooltip.hover v-gl-tooltip.hover
:href="diffFile.view_path" :href="diffFile.view_path"
...@@ -292,7 +292,7 @@ export default { ...@@ -292,7 +292,7 @@ export default {
:title="viewFileButtonText" :title="viewFileButtonText"
> >
<icon name="doc-text" /> <icon name="doc-text" />
</gl-button> </gl-deprecated-button>
<a <a
v-if="diffFile.external_url" v-if="diffFile.external_url"
......
app/assets/javascripts/diffs/components/edit_button.vue
View file @ 04baa855
<script> <script>
import { GlTooltipDirective, GlButton } from '@gitlab/ui'; import { GlTooltipDirective, GlDeprecatedButton } from '@gitlab/ui';
import Icon from '~/vue_shared/components/icon.vue'; import Icon from '~/vue_shared/components/icon.vue';
export default { export default {
components: { components: {
GlButton, GlDeprecatedButton,
Icon, Icon,
}, },
directives: { directives: {
...@@ -37,7 +37,7 @@ export default { ...@@ -37,7 +37,7 @@ export default {
</script> </script>
<template> <template>
<gl-button <gl-deprecated-button
v-gl-tooltip.top v-gl-tooltip.top
:href="editPath" :href="editPath"
:title="__('Edit file')" :title="__('Edit file')"
...@@ -45,5 +45,5 @@ export default { ...@@ -45,5 +45,5 @@ export default {
@click.native="handleEditClick" @click.native="handleEditClick"
> >
<icon name="pencil" /> <icon name="pencil" />
</gl-button> </gl-deprecated-button>
</template> </template>
app/assets/javascripts/diffs/components/no_changes.vue
View file @ 04baa855
<script> <script>
import { mapGetters } from 'vuex'; import { mapGetters } from 'vuex';
import { escape as esc } from 'lodash'; import { escape as esc } from 'lodash';
import { GlButton } from '@gitlab/ui'; import { GlDeprecatedButton } from '@gitlab/ui';
import { __, sprintf } from '~/locale'; import { __, sprintf } from '~/locale';
export default { export default {
components: { components: {
GlButton, GlDeprecatedButton,
}, },
props: { props: {
changesEmptyStateIllustration: { changesEmptyStateIllustration: {
...@@ -43,9 +43,9 @@ export default { ...@@ -43,9 +43,9 @@ export default {
<div class="text-content text-center"> <div class="text-content text-center">
<span v-html="emptyStateText"></span> <span v-html="emptyStateText"></span>
<div class="text-center"> <div class="text-center">
<gl-button :href="getNoteableData.new_blob_path" variant="success">{{ <gl-deprecated-button :href="getNoteableData.new_blob_path" variant="success">{{
__('Create commit') __('Create commit')
}}</gl-button> }}</gl-deprecated-button>
</div> </div>
</div> </div>
</div> </div>
......
app/assets/javascripts/diffs/components/settings_dropdown.vue
View file @ 04baa855
<script> <script>
import { mapActions, mapGetters, mapState } from 'vuex'; import { mapActions, mapGetters, mapState } from 'vuex';
import { GlButton } from '@gitlab/ui'; import { GlDeprecatedButton } from '@gitlab/ui';
import Icon from '~/vue_shared/components/icon.vue'; import Icon from '~/vue_shared/components/icon.vue';
export default { export default {
components: { components: {
GlButton, GlDeprecatedButton,
Icon, Icon,
}, },
computed: { computed: {
...@@ -37,26 +37,26 @@ export default { ...@@ -37,26 +37,26 @@ export default {
<div> <div>
<span class="bold d-block mb-1">{{ __('File browser') }}</span> <span class="bold d-block mb-1">{{ __('File browser') }}</span>
<div class="btn-group d-flex"> <div class="btn-group d-flex">
<gl-button <gl-deprecated-button
:class="{ active: !renderTreeList }" :class="{ active: !renderTreeList }"
class="w-100 js-list-view" class="w-100 js-list-view"
@click="setRenderTreeList(false)" @click="setRenderTreeList(false)"
> >
{{ __('List view') }} {{ __('List view') }}
</gl-button> </gl-deprecated-button>
<gl-button <gl-deprecated-button
:class="{ active: renderTreeList }" :class="{ active: renderTreeList }"
class="w-100 js-tree-view" class="w-100 js-tree-view"
@click="setRenderTreeList(true)" @click="setRenderTreeList(true)"
> >
{{ __('Tree view') }} {{ __('Tree view') }}
</gl-button> </gl-deprecated-button>
</div> </div>
</div> </div>
<div class="mt-2"> <div class="mt-2">
<span class="bold d-block mb-1">{{ __('Compare changes') }}</span> <span class="bold d-block mb-1">{{ __('Compare changes') }}</span>
<div class="btn-group d-flex js-diff-view-buttons"> <div class="btn-group d-flex js-diff-view-buttons">
<gl-button <gl-deprecated-button
id="inline-diff-btn" id="inline-diff-btn"
:class="{ active: isInlineView }" :class="{ active: isInlineView }"
class="w-100 js-inline-diff-button" class="w-100 js-inline-diff-button"
...@@ -64,8 +64,8 @@ export default { ...@@ -64,8 +64,8 @@ export default {
@click="setInlineDiffViewType" @click="setInlineDiffViewType"
> >
{{ __('Inline') }} {{ __('Inline') }}
</gl-button> </gl-deprecated-button>
<gl-button <gl-deprecated-button
id="parallel-diff-btn" id="parallel-diff-btn"
:class="{ active: isParallelView }" :class="{ active: isParallelView }"
class="w-100 js-parallel-diff-button" class="w-100 js-parallel-diff-button"
...@@ -73,7 +73,7 @@ export default { ...@@ -73,7 +73,7 @@ export default {
@click="setParallelDiffViewType" @click="setParallelDiffViewType"
> >
{{ __('Side-by-side') }} {{ __('Side-by-side') }}
</gl-button> </gl-deprecated-button>
</div> </div>
</div> </div>
<div class="mt-2"> <div class="mt-2">
......
app/assets/javascripts/environments/components/enable_review_app_button.vue
View file @ 04baa855
<script> <script>
import { GlButton, GlModal, GlModalDirective, GlLink, GlSprintf } from '@gitlab/ui'; import { GlDeprecatedButton, GlModal, GlModalDirective, GlLink, GlSprintf } from '@gitlab/ui';
import ModalCopyButton from '~/vue_shared/components/modal_copy_button.vue'; import ModalCopyButton from '~/vue_shared/components/modal_copy_button.vue';
import { s__ } from '~/locale'; import { s__ } from '~/locale';
export default { export default {
components: { components: {
GlButton, GlDeprecatedButton,
GlLink, GlLink,
GlModal, GlModal,
GlSprintf, GlSprintf,
...@@ -44,7 +44,7 @@ export default { ...@@ -44,7 +44,7 @@ export default {
</script> </script>
<template> <template>
<div> <div>
<gl-button <gl-deprecated-button
v-gl-modal="$options.modalInfo.id" v-gl-modal="$options.modalInfo.id"
variant="info" variant="info"
category="secondary" category="secondary"
...@@ -52,7 +52,7 @@ export default { ...@@ -52,7 +52,7 @@ export default {
class="js-enable-review-app-button" class="js-enable-review-app-button"
> >
{{ s__('Environments|Enable review app') }} {{ s__('Environments|Enable review app') }}
</gl-button> </gl-deprecated-button>
<gl-modal <gl-modal
:modal-id="$options.modalInfo.id" :modal-id="$options.modalInfo.id"
:title="$options.modalInfo.title" :title="$options.modalInfo.title"
......
app/assets/javascripts/environments/components/environment_monitoring.vue
View file @ 04baa855
<script> <script>
import { GlButton, GlTooltipDirective } from '@gitlab/ui'; import { GlDeprecatedButton, GlTooltipDirective } from '@gitlab/ui';
import { __ } from '~/locale'; import { __ } from '~/locale';
/** /**
* Renders the Monitoring (Metrics) link in environments table. * Renders the Monitoring (Metrics) link in environments table.
...@@ -9,7 +9,7 @@ import Icon from '~/vue_shared/components/icon.vue'; ...@@ -9,7 +9,7 @@ import Icon from '~/vue_shared/components/icon.vue';
export default { export default {
components: { components: {
Icon, Icon,
GlButton, GlDeprecatedButton,
}, },
directives: { directives: {
GlTooltip: GlTooltipDirective, GlTooltip: GlTooltipDirective,
...@@ -28,7 +28,7 @@ export default { ...@@ -28,7 +28,7 @@ export default {
}; };
</script> </script>
<template> <template>
<gl-button <gl-deprecated-button
v-gl-tooltip v-gl-tooltip
:href="monitoringUrl" :href="monitoringUrl"
:title="title" :title="title"
...@@ -38,5 +38,5 @@ export default { ...@@ -38,5 +38,5 @@ export default {
variant="default" variant="default"
> >
<icon name="chart" /> <icon name="chart" />
</gl-button> </gl-deprecated-button>
</template> </template>
app/assets/javascripts/environments/components/environment_pin.vue
View file @ 04baa855
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
* Renders a prevent auto-stop button. * Renders a prevent auto-stop button.
* Used in environments table. * Used in environments table.
*/ */
import { GlButton, GlTooltipDirective } from '@gitlab/ui'; import { GlDeprecatedButton, GlTooltipDirective } from '@gitlab/ui';
import Icon from '~/vue_shared/components/icon.vue'; import Icon from '~/vue_shared/components/icon.vue';
import { __ } from '~/locale'; import { __ } from '~/locale';
import eventHub from '../event_hub'; import eventHub from '../event_hub';
...@@ -11,7 +11,7 @@ import eventHub from '../event_hub'; ...@@ -11,7 +11,7 @@ import eventHub from '../event_hub';
export default { export default {
components: { components: {
Icon, Icon,
GlButton, GlDeprecatedButton,
}, },
directives: { directives: {
GlTooltip: GlTooltipDirective, GlTooltip: GlTooltipDirective,
...@@ -31,7 +31,12 @@ export default { ...@@ -31,7 +31,12 @@ export default {
}; };
</script> </script>
<template> <template>
<gl-button v-gl-tooltip :title="$options.title" :aria-label="$options.title" @click="onPinClick"> <gl-deprecated-button
v-gl-tooltip
:title="$options.title"
:aria-label="$options.title"
@click="onPinClick"
>
<icon name="thumbtack" /> <icon name="thumbtack" />
</gl-button> </gl-deprecated-button>
</template> </template>
app/assets/javascripts/environments/components/environment_rollback.vue
View file @ 04baa855
...@@ -5,7 +5,12 @@ ...@@ -5,7 +5,12 @@
* *
* Makes a post request when the button is clicked. * Makes a post request when the button is clicked.
*/ */
import { GlTooltipDirective, GlLoadingIcon, GlModalDirective, GlButton } from '@gitlab/ui'; import {
GlTooltipDirective,
GlLoadingIcon,
GlModalDirective,
GlDeprecatedButton,
} from '@gitlab/ui';
import { s__ } from '~/locale'; import { s__ } from '~/locale';
import Icon from '~/vue_shared/components/icon.vue'; import Icon from '~/vue_shared/components/icon.vue';
import eventHub from '../event_hub'; import eventHub from '../event_hub';
...@@ -14,7 +19,7 @@ export default { ...@@ -14,7 +19,7 @@ export default {
components: { components: {
Icon, Icon,
GlLoadingIcon, GlLoadingIcon,
GlButton, GlDeprecatedButton,
}, },
directives: { directives: {
GlTooltip: GlTooltipDirective, GlTooltip: GlTooltipDirective,
...@@ -68,7 +73,7 @@ export default { ...@@ -68,7 +73,7 @@ export default {
}; };
</script> </script>
<template> <template>
<gl-button <gl-deprecated-button
v-gl-tooltip v-gl-tooltip
v-gl-modal.confirm-rollback-modal v-gl-modal.confirm-rollback-modal
:disabled="isLoading" :disabled="isLoading"
...@@ -78,5 +83,5 @@ export default { ...@@ -78,5 +83,5 @@ export default {
> >
<icon v-if="isLastDeployment" name="repeat" /> <icon v-else name="redo" /> <icon v-if="isLastDeployment" name="repeat" /> <icon v-else name="redo" />
<gl-loading-icon v-if="isLoading" /> <gl-loading-icon v-if="isLoading" />
</gl-button> </gl-deprecated-button>
</template> </template>
app/assets/javascripts/environments/components/environments_app.vue
View file @ 04baa855
<script> <script>
import { GlButton } from '@gitlab/ui'; import { GlDeprecatedButton } from '@gitlab/ui';
import envrionmentsAppMixin from 'ee_else_ce/environments/mixins/environments_app_mixin'; import envrionmentsAppMixin from 'ee_else_ce/environments/mixins/environments_app_mixin';
import Flash from '~/flash'; import Flash from '~/flash';
import { s__ } from '~/locale'; import { s__ } from '~/locale';
...@@ -17,7 +17,7 @@ export default { ...@@ -17,7 +17,7 @@ export default {
ConfirmRollbackModal, ConfirmRollbackModal,
emptyState, emptyState,
EnableReviewAppButton, EnableReviewAppButton,
GlButton, GlDeprecatedButton,
StopEnvironmentModal, StopEnvironmentModal,
DeleteEnvironmentModal, DeleteEnvironmentModal,
}, },
...@@ -105,14 +105,14 @@ export default { ...@@ -105,14 +105,14 @@ export default {
<div class="nav-controls"> <div class="nav-controls">
<enable-review-app-button v-if="state.reviewAppDetails.can_setup_review_app" class="mr-2" /> <enable-review-app-button v-if="state.reviewAppDetails.can_setup_review_app" class="mr-2" />
<gl-button <gl-deprecated-button
v-if="canCreateEnvironment && !isLoading" v-if="canCreateEnvironment && !isLoading"
:href="newEnvironmentPath" :href="newEnvironmentPath"
category="primary" category="primary"
variant="success" variant="success"
> >
{{ s__('Environments|New environment') }} {{ s__('Environments|New environment') }}
</gl-button> </gl-deprecated-button>
</div> </div>
</div> </div>
......
app/assets/javascripts/error_tracking/components/error_details.vue
View file @ 04baa855
...@@ -3,7 +3,7 @@ import { mapActions, mapGetters, mapState } from 'vuex'; ...@@ -3,7 +3,7 @@ import { mapActions, mapGetters, mapState } from 'vuex';
import dateFormat from 'dateformat'; import dateFormat from 'dateformat';
import createFlash from '~/flash'; import createFlash from '~/flash';
import { import {
GlButton, GlDeprecatedButton,
GlFormInput, GlFormInput,
GlLink, GlLink,
GlLoadingIcon, GlLoadingIcon,
...@@ -29,7 +29,7 @@ const SENTRY_TIMEOUT = 10000; ...@@ -29,7 +29,7 @@ const SENTRY_TIMEOUT = 10000;
export default { export default {
components: { components: {
GlButton, GlDeprecatedButton,
GlFormInput, GlFormInput,
GlLink, GlLink,
GlLoadingIcon, GlLoadingIcon,
...@@ -257,22 +257,22 @@ export default { ...@@ -257,22 +257,22 @@ export default {
</div> </div>
<div class="error-details-actions"> <div class="error-details-actions">
<div class="d-inline-flex bv-d-sm-down-none"> <div class="d-inline-flex bv-d-sm-down-none">
<gl-button <gl-deprecated-button
:loading="updatingIgnoreStatus" :loading="updatingIgnoreStatus"
data-qa-selector="update_ignore_status_button" data-qa-selector="update_ignore_status_button"
@click="onIgnoreStatusUpdate" @click="onIgnoreStatusUpdate"
> >
{{ ignoreBtnLabel }} {{ ignoreBtnLabel }}
</gl-button> </gl-deprecated-button>
<gl-button <gl-deprecated-button
class="btn-outline-info ml-2" class="btn-outline-info ml-2"
:loading="updatingResolveStatus" :loading="updatingResolveStatus"
data-qa-selector="update_resolve_status_button" data-qa-selector="update_resolve_status_button"
@click="onResolveStatusUpdate" @click="onResolveStatusUpdate"
> >
{{ resolveBtnLabel }} {{ resolveBtnLabel }}
</gl-button> </gl-deprecated-button>
<gl-button <gl-deprecated-button
v-if="error.gitlabIssuePath" v-if="error.gitlabIssuePath"
class="ml-2" class="ml-2"
data-qa-selector="view_issue_button" data-qa-selector="view_issue_button"
...@@ -280,7 +280,7 @@ export default { ...@@ -280,7 +280,7 @@ export default {
variant="success" variant="success"
> >
{{ __('View issue') }} {{ __('View issue') }}
</gl-button> </gl-deprecated-button>
<form <form
ref="sentryIssueForm" ref="sentryIssueForm"
:action="projectIssuesPath" :action="projectIssuesPath"
...@@ -295,7 +295,7 @@ export default { ...@@ -295,7 +295,7 @@ export default {
name="issue[sentry_issue_attributes][sentry_issue_identifier]" name="issue[sentry_issue_attributes][sentry_issue_identifier]"
/> />
<gl-form-input :value="csrfToken" class="hidden" name="authenticity_token" /> <gl-form-input :value="csrfToken" class="hidden" name="authenticity_token" />
<gl-button <gl-deprecated-button
v-if="!error.gitlabIssuePath" v-if="!error.gitlabIssuePath"
class="btn-success" class="btn-success"
:loading="issueCreationInProgress" :loading="issueCreationInProgress"
...@@ -303,7 +303,7 @@ export default { ...@@ -303,7 +303,7 @@ export default {
@click="createIssue" @click="createIssue"
> >
{{ __('Create issue') }} {{ __('Create issue') }}
</gl-button> </gl-deprecated-button>
</form> </form>
</div> </div>
<gl-dropdown <gl-dropdown
......
app/assets/javascripts/error_tracking/components/error_tracking_actions.vue
View file @ 04baa855
<script> <script>
import { GlButton, GlIcon, GlButtonGroup, GlTooltipDirective } from '@gitlab/ui'; import { GlDeprecatedButton, GlIcon, GlButtonGroup, GlTooltipDirective } from '@gitlab/ui';
import { __ } from '~/locale'; import { __ } from '~/locale';
const IGNORED = 'ignored'; const IGNORED = 'ignored';
...@@ -10,7 +10,7 @@ const statusValidation = [IGNORED, RESOLVED, UNRESOLVED]; ...@@ -10,7 +10,7 @@ const statusValidation = [IGNORED, RESOLVED, UNRESOLVED];
export default { export default {
components: { components: {
GlButton, GlDeprecatedButton,
GlIcon, GlIcon,
GlButtonGroup, GlButtonGroup,
}, },
...@@ -45,7 +45,7 @@ export default { ...@@ -45,7 +45,7 @@ export default {
<template> <template>
<div> <div>
<gl-button-group class="flex-column flex-md-row ml-0 ml-md-n4"> <gl-button-group class="flex-column flex-md-row ml-0 ml-md-n4">
<gl-button <gl-deprecated-button
:key="ignoreBtn.status" :key="ignoreBtn.status"
:ref="`${ignoreBtn.title.toLowerCase()}Error`" :ref="`${ignoreBtn.title.toLowerCase()}Error`"
v-gl-tooltip.hover v-gl-tooltip.hover
...@@ -55,8 +55,8 @@ export default { ...@@ -55,8 +55,8 @@ export default {
> >
<gl-icon class="d-none d-md-inline m-0" :name="ignoreBtn.icon" :size="12" /> <gl-icon class="d-none d-md-inline m-0" :name="ignoreBtn.icon" :size="12" />
<span class="d-md-none">{{ ignoreBtn.title }}</span> <span class="d-md-none">{{ ignoreBtn.title }}</span>
</gl-button> </gl-deprecated-button>
<gl-button <gl-deprecated-button
:key="resolveBtn.status" :key="resolveBtn.status"
:ref="`${resolveBtn.title.toLowerCase()}Error`" :ref="`${resolveBtn.title.toLowerCase()}Error`"
v-gl-tooltip.hover v-gl-tooltip.hover
...@@ -66,15 +66,15 @@ export default { ...@@ -66,15 +66,15 @@ export default {
> >
<gl-icon class="d-none d-md-inline m-0" :name="resolveBtn.icon" :size="12" /> <gl-icon class="d-none d-md-inline m-0" :name="resolveBtn.icon" :size="12" />
<span class="d-md-none">{{ resolveBtn.title }}</span> <span class="d-md-none">{{ resolveBtn.title }}</span>
</gl-button> </gl-deprecated-button>
</gl-button-group> </gl-button-group>
<gl-button <gl-deprecated-button
:href="detailsLink" :href="detailsLink"
category="secondary" category="secondary"
variant="info" variant="info"
class="d-block d-md-none mb-2 mb-md-0" class="d-block d-md-none mb-2 mb-md-0"
> >
{{ __('More details') }} {{ __('More details') }}
</gl-button> </gl-deprecated-button>
</div> </div>
</template> </template>
app/assets/javascripts/error_tracking/components/error_tracking_list.vue
View file @ 04baa855
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
import { mapActions, mapState } from 'vuex'; import { mapActions, mapState } from 'vuex';
import { import {
GlEmptyState, GlEmptyState,
GlButton, GlDeprecatedButton,
GlIcon, GlIcon,
GlLink, GlLink,
GlLoadingIcon, GlLoadingIcon,
...@@ -69,7 +69,7 @@ export default { ...@@ -69,7 +69,7 @@ export default {
}, },
components: { components: {
GlEmptyState, GlEmptyState,
GlButton, GlDeprecatedButton,
GlDropdown, GlDropdown,
GlDropdownItem, GlDropdownItem,
GlDropdownDivider, GlDropdownDivider,
...@@ -250,7 +250,7 @@ export default { ...@@ -250,7 +250,7 @@ export default {
/> />
</div> </div>
<div class="gl-search-box-by-type-right-icons"> <div class="gl-search-box-by-type-right-icons">
<gl-button <gl-deprecated-button
v-if="errorSearchQuery.length > 0" v-if="errorSearchQuery.length > 0"
v-gl-tooltip.hover v-gl-tooltip.hover
:title="__('Clear')" :title="__('Clear')"
...@@ -259,7 +259,7 @@ export default { ...@@ -259,7 +259,7 @@ export default {
@click="errorSearchQuery = ''" @click="errorSearchQuery = ''"
> >
<gl-icon name="close" :size="12" /> <gl-icon name="close" :size="12" />
</gl-button> </gl-deprecated-button>
</div> </div>
</div> </div>
</div> </div>
......
app/assets/javascripts/error_tracking_settings/components/app.vue
View file @ 04baa855
<script> <script>
import { mapActions, mapGetters, mapState } from 'vuex'; import { mapActions, mapGetters, mapState } from 'vuex';
import { GlButton } from '@gitlab/ui'; import { GlDeprecatedButton } from '@gitlab/ui';
import ProjectDropdown from './project_dropdown.vue'; import ProjectDropdown from './project_dropdown.vue';
import ErrorTrackingForm from './error_tracking_form.vue'; import ErrorTrackingForm from './error_tracking_form.vue';
export default { export default {
components: { ProjectDropdown, ErrorTrackingForm, GlButton }, components: { ProjectDropdown, ErrorTrackingForm, GlDeprecatedButton },
props: { props: {
initialApiHost: { initialApiHost: {
type: String, type: String,
...@@ -92,13 +92,13 @@ export default { ...@@ -92,13 +92,13 @@ export default {
@select-project="updateSelectedProject" @select-project="updateSelectedProject"
/> />
</div> </div>
<gl-button <gl-deprecated-button
:disabled="settingsLoading" :disabled="settingsLoading"
class="js-error-tracking-button" class="js-error-tracking-button"
variant="success" variant="success"
@click="handleSubmit" @click="handleSubmit"
> >
{{ __('Save changes') }} {{ __('Save changes') }}
</gl-button> </gl-deprecated-button>
</div> </div>
</template> </template>
app/assets/javascripts/grafana_integration/components/grafana_integration.vue
View file @ 04baa855
<script> <script>
import { GlButton, GlFormGroup, GlFormInput, GlFormCheckbox } from '@gitlab/ui'; import { GlDeprecatedButton, GlFormGroup, GlFormInput, GlFormCheckbox } from '@gitlab/ui';
import { mapState, mapActions } from 'vuex'; import { mapState, mapActions } from 'vuex';
import Icon from '~/vue_shared/components/icon.vue'; import Icon from '~/vue_shared/components/icon.vue';
export default { export default {
components: { components: {
GlButton, GlDeprecatedButton,
GlFormCheckbox, GlFormCheckbox,
GlFormGroup, GlFormGroup,
GlFormInput, GlFormInput,
...@@ -58,7 +58,7 @@ export default { ...@@ -58,7 +58,7 @@ export default {
<h3 class="js-section-header h4"> <h3 class="js-section-header h4">
{{ s__('GrafanaIntegration|Grafana Authentication') }} {{ s__('GrafanaIntegration|Grafana Authentication') }}
</h3> </h3>
<gl-button class="js-settings-toggle">{{ __('Expand') }}</gl-button> <gl-deprecated-button class="js-settings-toggle">{{ __('Expand') }}</gl-deprecated-button>
<p class="js-section-sub-header"> <p class="js-section-sub-header">
{{ s__('GrafanaIntegration|Embed Grafana charts in GitLab issues.') }} {{ s__('GrafanaIntegration|Embed Grafana charts in GitLab issues.') }}
</p> </p>
...@@ -93,9 +93,9 @@ export default { ...@@ -93,9 +93,9 @@ export default {
</a> </a>
</p> </p>
</gl-form-group> </gl-form-group>
<gl-button variant="success" @click="updateGrafanaIntegration"> <gl-deprecated-button variant="success" @click="updateGrafanaIntegration">
{{ __('Save Changes') }} {{ __('Save Changes') }}
</gl-button> </gl-deprecated-button>
</form> </form>
</div> </div>
</section> </section>
......
app/assets/javascripts/ide/components/ide.vue
View file @ 04baa855
<script> <script>
import Vue from 'vue'; import Vue from 'vue';
import { mapActions, mapGetters, mapState } from 'vuex'; import { mapActions, mapGetters, mapState } from 'vuex';
import { GlButton, GlLoadingIcon } from '@gitlab/ui'; import { GlDeprecatedButton, GlLoadingIcon } from '@gitlab/ui';
import { __ } from '~/locale'; import { __ } from '~/locale';
import FindFile from '~/vue_shared/components/file_finder/index.vue'; import FindFile from '~/vue_shared/components/file_finder/index.vue';
import NewModal from './new_dropdown/modal.vue'; import NewModal from './new_dropdown/modal.vue';
...@@ -23,7 +23,7 @@ export default { ...@@ -23,7 +23,7 @@ export default {
FindFile, FindFile,
ErrorMessage, ErrorMessage,
CommitEditorHeader, CommitEditorHeader,
GlButton, GlDeprecatedButton,
GlLoadingIcon, GlLoadingIcon,
}, },
props: { props: {
...@@ -121,14 +121,14 @@ export default { ...@@ -121,14 +121,14 @@ export default {
) )
}} }}
</p> </p>
<gl-button <gl-deprecated-button
variant="success" variant="success"
:title="__('New file')" :title="__('New file')"
:aria-label="__('New file')" :aria-label="__('New file')"
@click="openNewEntryModal({ type: 'blob' })" @click="openNewEntryModal({ type: 'blob' })"
> >
{{ __('New file') }} {{ __('New file') }}
</gl-button> </gl-deprecated-button>
</template> </template>
<gl-loading-icon v-else-if="!currentTree || currentTree.loading" size="md" /> <gl-loading-icon v-else-if="!currentTree || currentTree.loading" size="md" />
<p v-else> <p v-else>
......
app/assets/javascripts/jobs/components/job_log_controllers.vue
View file @ 04baa855
<script> <script>
import { GlTooltipDirective, GlLink, GlButton } from '@gitlab/ui'; import { GlTooltipDirective, GlLink, GlDeprecatedButton } from '@gitlab/ui';
import { polyfillSticky } from '~/lib/utils/sticky'; import { polyfillSticky } from '~/lib/utils/sticky';
import Icon from '~/vue_shared/components/icon.vue'; import Icon from '~/vue_shared/components/icon.vue';
import { numberToHumanSize } from '~/lib/utils/number_utils'; import { numberToHumanSize } from '~/lib/utils/number_utils';
...@@ -10,7 +10,7 @@ export default { ...@@ -10,7 +10,7 @@ export default {
components: { components: {
Icon, Icon,
GlLink, GlLink,
GlButton, GlDeprecatedButton,
}, },
directives: { directives: {
GlTooltip: GlTooltipDirective, GlTooltip: GlTooltipDirective,
...@@ -111,18 +111,18 @@ export default { ...@@ -111,18 +111,18 @@ export default {
<!-- scroll buttons --> <!-- scroll buttons -->
<div v-gl-tooltip :title="s__('Job|Scroll to top')" class="controllers-buttons"> <div v-gl-tooltip :title="s__('Job|Scroll to top')" class="controllers-buttons">
<gl-button <gl-deprecated-button
:disabled="isScrollTopDisabled" :disabled="isScrollTopDisabled"
type="button" type="button"
class="js-scroll-top btn-scroll btn-transparent btn-blank" class="js-scroll-top btn-scroll btn-transparent btn-blank"
@click="handleScrollToTop" @click="handleScrollToTop"
> >
<icon name="scroll_up" /> <icon name="scroll_up" />
</gl-button> </gl-deprecated-button>
</div> </div>
<div v-gl-tooltip :title="s__('Job|Scroll to bottom')" class="controllers-buttons"> <div v-gl-tooltip :title="s__('Job|Scroll to bottom')" class="controllers-buttons">
<gl-button <gl-deprecated-button
:disabled="isScrollBottomDisabled" :disabled="isScrollBottomDisabled"
class="js-scroll-bottom btn-scroll btn-transparent btn-blank" class="js-scroll-bottom btn-scroll btn-transparent btn-blank"
:class="{ animate: isScrollingDown }" :class="{ animate: isScrollingDown }"
......
app/assets/javascripts/jobs/components/manual_variables_form.vue
View file @ 04baa855
<script> <script>
import { uniqueId } from 'lodash'; import { uniqueId } from 'lodash';
import { mapActions } from 'vuex'; import { mapActions } from 'vuex';
import { GlButton } from '@gitlab/ui'; import { GlDeprecatedButton } from '@gitlab/ui';
import { s__, sprintf } from '~/locale'; import { s__, sprintf } from '~/locale';
import Icon from '~/vue_shared/components/icon.vue'; import Icon from '~/vue_shared/components/icon.vue';
export default { export default {
name: 'ManualVariablesForm', name: 'ManualVariablesForm',
components: { components: {
GlButton, GlDeprecatedButton,
Icon, Icon,
}, },
props: { props: {
...@@ -137,9 +137,12 @@ export default { ...@@ -137,9 +137,12 @@ export default {
<div class="table-section section-10"> <div class="table-section section-10">
<div class="table-mobile-header" role="rowheader"></div> <div class="table-mobile-header" role="rowheader"></div>
<div class="table-mobile-content justify-content-end"> <div class="table-mobile-content justify-content-end">
<gl-button class="btn-transparent btn-blank w-25" @click="deleteVariable(variable.id)"> <gl-deprecated-button
class="btn-transparent btn-blank w-25"
@click="deleteVariable(variable.id)"
>
<icon name="clear" /> <icon name="clear" />
</gl-button> </gl-deprecated-button>
</div> </div>
</div> </div>
</div> </div>
...@@ -173,9 +176,9 @@ export default { ...@@ -173,9 +176,9 @@ export default {
<p class="text-muted" v-html="helpText"></p> <p class="text-muted" v-html="helpText"></p>
</div> </div>
<div class="d-flex justify-content-center"> <div class="d-flex justify-content-center">
<gl-button variant="primary" @click="triggerManualJob(variables)"> <gl-deprecated-button variant="primary" @click="triggerManualJob(variables)">
{{ action.button_title }} {{ action.button_title }}
</gl-button> </gl-deprecated-button>
</div> </div>
</div> </div>
</template> </template>
app/assets/javascripts/jobs/components/sidebar.vue
View file @ 04baa855
<script> <script>
import { isEmpty } from 'lodash'; import { isEmpty } from 'lodash';
import { mapActions, mapState } from 'vuex'; import { mapActions, mapState } from 'vuex';
import { GlLink, GlButton } from '@gitlab/ui'; import { GlLink, GlDeprecatedButton } from '@gitlab/ui';
import { __, sprintf } from '~/locale'; import { __, sprintf } from '~/locale';
import timeagoMixin from '~/vue_shared/mixins/timeago'; import timeagoMixin from '~/vue_shared/mixins/timeago';
import { timeIntervalInWords } from '~/lib/utils/datetime_utility'; import { timeIntervalInWords } from '~/lib/utils/datetime_utility';
...@@ -24,7 +24,7 @@ export default { ...@@ -24,7 +24,7 @@ export default {
StagesDropdown, StagesDropdown,
JobsContainer, JobsContainer,
GlLink, GlLink,
GlButton, GlDeprecatedButton,
}, },
mixins: [timeagoMixin], mixins: [timeagoMixin],
props: { props: {
...@@ -133,14 +133,14 @@ export default { ...@@ -133,14 +133,14 @@ export default {
> >
</div> </div>
<gl-button <gl-deprecated-button
:aria-label="__('Toggle Sidebar')" :aria-label="__('Toggle Sidebar')"
type="button" type="button"
class="btn btn-blank gutter-toggle float-right d-block d-md-none js-sidebar-build-toggle" class="btn btn-blank gutter-toggle float-right d-block d-md-none js-sidebar-build-toggle"
@click="toggleSidebar" @click="toggleSidebar"
> >
<i aria-hidden="true" data-hidden="true" class="fa fa-angle-double-right"></i> <i aria-hidden="true" data-hidden="true" class="fa fa-angle-double-right"></i>
</gl-button> </gl-deprecated-button>
</div> </div>
<div v-if="job.terminal_path || job.new_issue_path" class="block retry-link"> <div v-if="job.terminal_path || job.new_issue_path" class="block retry-link">
......
app/assets/javascripts/jobs/components/trigger_block.vue
View file @ 04baa855
<script> <script>
import { GlButton } from '@gitlab/ui'; import { GlDeprecatedButton } from '@gitlab/ui';
import { __ } from '~/locale'; import { __ } from '~/locale';
const HIDDEN_VALUE = '••••••'; const HIDDEN_VALUE = '••••••';
export default { export default {
components: { components: {
GlButton, GlDeprecatedButton,
}, },
props: { props: {
trigger: { trigger: {
...@@ -55,11 +55,11 @@ export default { ...@@ -55,11 +55,11 @@ export default {
<p class="trigger-variables-btn-container d-flex"> <p class="trigger-variables-btn-container d-flex">
<span class="font-weight-bold">{{ __('Trigger variables:') }}</span> <span class="font-weight-bold">{{ __('Trigger variables:') }}</span>
<gl-button <gl-deprecated-button
v-if="hasValues" v-if="hasValues"
class="btn-sm group js-reveal-variables trigger-variables-btn" class="btn-sm group js-reveal-variables trigger-variables-btn"
@click="toggleValues" @click="toggleValues"
>{{ getToggleButtonText }}</gl-button >{{ getToggleButtonText }}</gl-deprecated-button
> >
</p> </p>
......
app/assets/javascripts/logs/components/log_control_buttons.vue
View file @ 04baa855
<script> <script>
import { GlButton, GlTooltipDirective } from '@gitlab/ui'; import { GlDeprecatedButton, GlTooltipDirective } from '@gitlab/ui';
import Icon from '~/vue_shared/components/icon.vue'; import Icon from '~/vue_shared/components/icon.vue';
export default { export default {
components: { components: {
Icon, Icon,
GlButton, GlDeprecatedButton,
}, },
directives: { directives: {
GlTooltip: GlTooltipDirective, GlTooltip: GlTooltipDirective,
...@@ -51,14 +51,14 @@ export default { ...@@ -51,14 +51,14 @@ export default {
:title="__('Scroll to top')" :title="__('Scroll to top')"
aria-labelledby="scroll-to-top" aria-labelledby="scroll-to-top"
> >
<gl-button <gl-deprecated-button
id="scroll-to-top" id="scroll-to-top"
class="btn-blank js-scroll-to-top" class="btn-blank js-scroll-to-top"
:aria-label="__('Scroll to top')" :aria-label="__('Scroll to top')"
:disabled="scrollUpButtonDisabled" :disabled="scrollUpButtonDisabled"
@click="handleScrollUp()" @click="handleScrollUp()"
><icon name="scroll_up" ><icon name="scroll_up"
/></gl-button> /></gl-deprecated-button>
</div> </div>
<div <div
v-if="scrollDownAvailable" v-if="scrollDownAvailable"
...@@ -68,7 +68,7 @@ export default { ...@@ -68,7 +68,7 @@ export default {
:title="__('Scroll to bottom')" :title="__('Scroll to bottom')"
aria-labelledby="scroll-to-bottom" aria-labelledby="scroll-to-bottom"
> >
<gl-button <gl-deprecated-button
id="scroll-to-bottom" id="scroll-to-bottom"
class="btn-blank js-scroll-to-bottom" class="btn-blank js-scroll-to-bottom"
:aria-label="__('Scroll to bottom')" :aria-label="__('Scroll to bottom')"
...@@ -76,9 +76,9 @@ export default { ...@@ -76,9 +76,9 @@ export default {
:disabled="scrollDownButtonDisabled" :disabled="scrollDownButtonDisabled"
@click="handleScrollDown()" @click="handleScrollDown()"
><icon name="scroll_down" ><icon name="scroll_down"
/></gl-button> /></gl-deprecated-button>
</div> </div>
<gl-button <gl-deprecated-button
id="refresh-log" id="refresh-log"
v-gl-tooltip v-gl-tooltip
class="ml-1 px-2 js-refresh-log" class="ml-1 px-2 js-refresh-log"
...@@ -87,6 +87,6 @@ export default { ...@@ -87,6 +87,6 @@ export default {
@click="handleRefreshClick" @click="handleRefreshClick"
> >
<icon name="retry" /> <icon name="retry" />
</gl-button> </gl-deprecated-button>
</div> </div>
</template> </template>
app/assets/javascripts/maintenance_mode_settings/components/app.vue
View file @ 04baa855
<script> <script>
import { GlToggle, GlFormGroup, GlFormTextarea, GlButton } from '@gitlab/ui'; import { GlToggle, GlFormGroup, GlFormTextarea, GlDeprecatedButton } from '@gitlab/ui';
export default { export default {
name: 'MaintenanceModeSettingsApp', name: 'MaintenanceModeSettingsApp',
...@@ -7,7 +7,7 @@ export default { ...@@ -7,7 +7,7 @@ export default {
GlToggle, GlToggle,
GlFormGroup, GlFormGroup,
GlFormTextarea, GlFormTextarea,
GlButton, GlDeprecatedButton,
}, },
data() { data() {
return { return {
...@@ -38,7 +38,7 @@ export default { ...@@ -38,7 +38,7 @@ export default {
/> />
</gl-form-group> </gl-form-group>
<div class="mt-4"> <div class="mt-4">
<gl-button variant="success">{{ __('Save changes') }}</gl-button> <gl-deprecated-button variant="success">{{ __('Save changes') }}</gl-deprecated-button>
</div> </div>
</article> </article>
</template> </template>
app/assets/javascripts/monitoring/components/charts/time_series.vue
View file @ 04baa855
<script> <script>
import { omit, throttle } from 'lodash'; import { omit, throttle } from 'lodash';
import { GlLink, GlButton, GlTooltip, GlResizeObserverDirective } from '@gitlab/ui'; import { GlLink, GlDeprecatedButton, GlTooltip, GlResizeObserverDirective } from '@gitlab/ui';
import { GlAreaChart, GlLineChart, GlChartSeriesLabel } from '@gitlab/ui/dist/charts'; import { GlAreaChart, GlLineChart, GlChartSeriesLabel } from '@gitlab/ui/dist/charts';
import dateFormat from 'dateformat'; import dateFormat from 'dateformat';
import { s__, __ } from '~/locale'; import { s__, __ } from '~/locale';
...@@ -41,7 +41,7 @@ export default { ...@@ -41,7 +41,7 @@ export default {
GlAreaChart, GlAreaChart,
GlLineChart, GlLineChart,
GlTooltip, GlTooltip,
GlButton, GlDeprecatedButton,
GlChartSeriesLabel, GlChartSeriesLabel,
GlLink, GlLink,
Icon, Icon,
......
app/assets/javascripts/monitoring/components/dashboard.vue
View file @ 04baa855
...@@ -3,7 +3,7 @@ import { debounce, pickBy } from 'lodash'; ...@@ -3,7 +3,7 @@ import { debounce, pickBy } from 'lodash';
import { mapActions, mapState, mapGetters } from 'vuex'; import { mapActions, mapState, mapGetters } from 'vuex';
import VueDraggable from 'vuedraggable'; import VueDraggable from 'vuedraggable';
import { import {
GlButton, GlDeprecatedButton,
GlDropdown, GlDropdown,
GlDropdownItem, GlDropdownItem,
GlDropdownHeader, GlDropdownHeader,
...@@ -44,7 +44,7 @@ export default { ...@@ -44,7 +44,7 @@ export default {
VueDraggable, VueDraggable,
PanelType, PanelType,
Icon, Icon,
GlButton, GlDeprecatedButton,
GlDropdown, GlDropdown,
GlLoadingIcon, GlLoadingIcon,
GlDropdownItem, GlDropdownItem,
...@@ -471,7 +471,7 @@ export default { ...@@ -471,7 +471,7 @@ export default {
</gl-form-group> </gl-form-group>
<gl-form-group class="col-sm-2 col-md-2 col-lg-1 refresh-dashboard-button"> <gl-form-group class="col-sm-2 col-md-2 col-lg-1 refresh-dashboard-button">
<gl-button <gl-deprecated-button
ref="refreshDashboardBtn" ref="refreshDashboardBtn"
v-gl-tooltip v-gl-tooltip
variant="default" variant="default"
...@@ -479,7 +479,7 @@ export default { ...@@ -479,7 +479,7 @@ export default {
@click="refreshDashboard" @click="refreshDashboard"
> >
<icon name="repeat" /> <icon name="repeat" />
</gl-button> </gl-deprecated-button>
</gl-form-group> </gl-form-group>
<gl-form-group <gl-form-group
...@@ -488,22 +488,22 @@ export default { ...@@ -488,22 +488,22 @@ export default {
class="dropdown-buttons col-md d-md-flex col-lg d-lg-flex align-items-end" class="dropdown-buttons col-md d-md-flex col-lg d-lg-flex align-items-end"
> >
<div id="prometheus-graphs-dropdown-buttons"> <div id="prometheus-graphs-dropdown-buttons">
<gl-button <gl-deprecated-button
v-if="showRearrangePanelsBtn" v-if="showRearrangePanelsBtn"
:pressed="isRearrangingPanels" :pressed="isRearrangingPanels"
variant="default" variant="default"
class="mr-2 mt-1 js-rearrange-button" class="mr-2 mt-1 js-rearrange-button"
@click="toggleRearrangingPanels" @click="toggleRearrangingPanels"
>{{ __('Arrange charts') }}</gl-button >{{ __('Arrange charts') }}</gl-deprecated-button
> >
<gl-button <gl-deprecated-button
v-if="addingMetricsAvailable" v-if="addingMetricsAvailable"
ref="addMetricBtn" ref="addMetricBtn"
v-gl-modal="$options.addMetric.modalId" v-gl-modal="$options.addMetric.modalId"
variant="outline-success" variant="outline-success"
data-qa-selector="add_metric_button" data-qa-selector="add_metric_button"
class="mr-2 mt-1" class="mr-2 mt-1"
>{{ $options.addMetric.title }}</gl-button >{{ $options.addMetric.title }}</gl-deprecated-button
> >
<gl-modal <gl-modal
v-if="addingMetricsAvailable" v-if="addingMetricsAvailable"
...@@ -519,27 +519,29 @@ export default { ...@@ -519,27 +519,29 @@ export default {
/> />
</form> </form>
<div slot="modal-footer"> <div slot="modal-footer">
<gl-button @click="hideAddMetricModal">{{ __('Cancel') }}</gl-button> <gl-deprecated-button @click="hideAddMetricModal">{{
<gl-button __('Cancel')
}}</gl-deprecated-button>
<gl-deprecated-button
ref="submitCustomMetricsFormBtn" ref="submitCustomMetricsFormBtn"
v-track-event="getAddMetricTrackingOptions()" v-track-event="getAddMetricTrackingOptions()"
:disabled="!formIsValid" :disabled="!formIsValid"
variant="success" variant="success"
@click="submitCustomMetricsForm" @click="submitCustomMetricsForm"
>{{ __('Save changes') }}</gl-button >{{ __('Save changes') }}</gl-deprecated-button
> >
</div> </div>
</gl-modal> </gl-modal>
<gl-button <gl-deprecated-button
v-if="selectedDashboard.can_edit" v-if="selectedDashboard.can_edit"
class="mt-1 js-edit-link" class="mt-1 js-edit-link"
:href="selectedDashboard.project_blob_path" :href="selectedDashboard.project_blob_path"
data-qa-selector="edit_dashboard_button" data-qa-selector="edit_dashboard_button"
>{{ __('Edit dashboard') }}</gl-button >{{ __('Edit dashboard') }}</gl-deprecated-button
> >
<gl-button <gl-deprecated-button
v-if="externalDashboardUrl.length" v-if="externalDashboardUrl.length"
class="mt-1 js-external-dashboard-link" class="mt-1 js-external-dashboard-link"
variant="primary" variant="primary"
...@@ -549,7 +551,7 @@ export default { ...@@ -549,7 +551,7 @@ export default {
> >
{{ __('View full dashboard') }} {{ __('View full dashboard') }}
<icon name="external-link" /> <icon name="external-link" />
</gl-button> </gl-deprecated-button>
</div> </div>
</gl-form-group> </gl-form-group>
</div> </div>
......
app/assets/javascripts/monitoring/components/embeds/embed_group.vue
View file @ 04baa855
<script> <script>
import { mapState, mapActions, mapGetters } from 'vuex'; import { mapState, mapActions, mapGetters } from 'vuex';
import sum from 'lodash/sum'; import sum from 'lodash/sum';
import { GlButton, GlCard, GlIcon } from '@gitlab/ui'; import { GlDeprecatedButton, GlCard, GlIcon } from '@gitlab/ui';
import { n__ } from '~/locale'; import { n__ } from '~/locale';
import { monitoringDashboard } from '~/monitoring/stores'; import { monitoringDashboard } from '~/monitoring/stores';
import MetricEmbed from './metric_embed.vue'; import MetricEmbed from './metric_embed.vue';
export default { export default {
components: { components: {
GlButton, GlDeprecatedButton,
GlCard, GlCard,
GlIcon, GlIcon,
MetricEmbed, MetricEmbed,
...@@ -78,7 +78,7 @@ export default { ...@@ -78,7 +78,7 @@ export default {
:body-class="bodyClass" :body-class="bodyClass"
> >
<template #header> <template #header>
<gl-button <gl-deprecated-button
class="collapsible-card-btn d-flex text-decoration-none" class="collapsible-card-btn d-flex text-decoration-none"
:aria-label="buttonLabel" :aria-label="buttonLabel"
variant="link" variant="link"
...@@ -86,7 +86,7 @@ export default { ...@@ -86,7 +86,7 @@ export default {
> >
<gl-icon class="mr-1" :name="arrowIconName" /> <gl-icon class="mr-1" :name="arrowIconName" />
{{ buttonLabel }} {{ buttonLabel }}
</gl-button> </gl-deprecated-button>
</template> </template>
<div class="d-flex flex-wrap"> <div class="d-flex flex-wrap">
<metric-embed <metric-embed
......
app/assets/javascripts/mr_tabs_popover/components/popover.vue
View file @ 04baa855
<script> <script>
import { GlPopover, GlButton, GlLink } from '@gitlab/ui'; import { GlPopover, GlDeprecatedButton, GlLink } from '@gitlab/ui';
import Icon from '~/vue_shared/components/icon.vue'; import Icon from '~/vue_shared/components/icon.vue';
import axios from '~/lib/utils/axios_utils'; import axios from '~/lib/utils/axios_utils';
export default { export default {
components: { components: {
GlPopover, GlPopover,
GlButton, GlDeprecatedButton,
GlLink, GlLink,
Icon, Icon,
}, },
...@@ -57,13 +57,13 @@ export default { ...@@ -57,13 +57,13 @@ export default {
<icon name="external-link" :size="10" /> <icon name="external-link" :size="10" />
</gl-link> </gl-link>
</p> </p>
<gl-button <gl-deprecated-button
variant="primary" variant="primary"
size="sm" size="sm"
data-qa-selector="dismiss_popover_button" data-qa-selector="dismiss_popover_button"
@click="onDismiss" @click="onDismiss"
> >
{{ __('Got it') }} {{ __('Got it') }}
</gl-button> </gl-deprecated-button>
</gl-popover> </gl-popover>
</template> </template>
app/assets/javascripts/notes/components/discussion_filter_note.vue
View file @ 04baa855
<script> <script>
import { GlButton } from '@gitlab/ui'; import { GlDeprecatedButton } from '@gitlab/ui';
import Icon from '~/vue_shared/components/icon.vue'; import Icon from '~/vue_shared/components/icon.vue';
import { __, sprintf } from '~/locale'; import { __, sprintf } from '~/locale';
...@@ -7,7 +7,7 @@ import notesEventHub from '../event_hub'; ...@@ -7,7 +7,7 @@ import notesEventHub from '../event_hub';
export default { export default {
components: { components: {
GlButton, GlDeprecatedButton,
Icon, Icon,
}, },
computed: { computed: {
...@@ -40,12 +40,12 @@ export default { ...@@ -40,12 +40,12 @@ export default {
<div class="timeline-content"> <div class="timeline-content">
<div ref="timelineContent" v-html="timelineContent"></div> <div ref="timelineContent" v-html="timelineContent"></div>
<div class="discussion-filter-actions mt-2"> <div class="discussion-filter-actions mt-2">
<gl-button ref="showAllActivity" variant="default" @click="selectFilter(0)"> <gl-deprecated-button ref="showAllActivity" variant="default" @click="selectFilter(0)">
{{ __('Show all activity') }} {{ __('Show all activity') }}
</gl-button> </gl-deprecated-button>
<gl-button ref="showComments" variant="default" @click="selectFilter(1)"> <gl-deprecated-button ref="showComments" variant="default" @click="selectFilter(1)">
{{ __('Show comments only') }} {{ __('Show comments only') }}
</gl-button> </gl-deprecated-button>
</div> </div>
</div> </div>
</li> </li>
......
app/assets/javascripts/notes/components/discussion_resolve_with_issue_button.vue
View file @ 04baa855
<script> <script>
import { GlTooltipDirective, GlButton } from '@gitlab/ui'; import { GlTooltipDirective, GlDeprecatedButton } from '@gitlab/ui';
import Icon from '~/vue_shared/components/icon.vue'; import Icon from '~/vue_shared/components/icon.vue';
export default { export default {
name: 'ResolveWithIssueButton', name: 'ResolveWithIssueButton',
components: { components: {
Icon, Icon,
GlButton, GlDeprecatedButton,
}, },
directives: { directives: {
GlTooltip: GlTooltipDirective, GlTooltip: GlTooltipDirective,
...@@ -22,13 +22,13 @@ export default { ...@@ -22,13 +22,13 @@ export default {
<template> <template>
<div class="btn-group" role="group"> <div class="btn-group" role="group">
<gl-button <gl-deprecated-button
v-gl-tooltip v-gl-tooltip
:href="url" :href="url"
:title="s__('MergeRequests|Resolve this thread in a new issue')" :title="s__('MergeRequests|Resolve this thread in a new issue')"
class="new-issue-for-discussion discussion-create-issue-btn" class="new-issue-for-discussion discussion-create-issue-btn"
> >
<icon name="issue-new" /> <icon name="issue-new" />
</gl-button> </gl-deprecated-button>
</div> </div>
</template> </template>
app/assets/javascripts/notes/components/note_actions/reply_button.vue
View file @ 04baa855
<script> <script>
import { GlTooltipDirective, GlButton } from '@gitlab/ui'; import { GlTooltipDirective, GlDeprecatedButton } from '@gitlab/ui';
import Icon from '~/vue_shared/components/icon.vue'; import Icon from '~/vue_shared/components/icon.vue';
export default { export default {
name: 'ReplyButton', name: 'ReplyButton',
components: { components: {
Icon, Icon,
GlButton, GlDeprecatedButton,
}, },
directives: { directives: {
GlTooltip: GlTooltipDirective, GlTooltip: GlTooltipDirective,
...@@ -16,7 +16,7 @@ export default { ...@@ -16,7 +16,7 @@ export default {
<template> <template>
<div class="note-actions-item"> <div class="note-actions-item">
<gl-button <gl-deprecated-button
ref="button" ref="button"
v-gl-tooltip v-gl-tooltip
class="note-action-button" class="note-action-button"
...@@ -27,6 +27,6 @@ export default { ...@@ -27,6 +27,6 @@ export default {
@click="$emit('startReplying')" @click="$emit('startReplying')"
> >
<icon name="comment" class="link-highlight" /> <icon name="comment" class="link-highlight" />
</gl-button> </gl-deprecated-button>
</div> </div>
</template> </template>
app/assets/javascripts/operation_settings/components/external_dashboard.vue
View file @ 04baa855
<script> <script>
import { mapState, mapActions } from 'vuex'; import { mapState, mapActions } from 'vuex';
import { GlButton, GlFormGroup, GlFormInput, GlLink } from '@gitlab/ui'; import { GlDeprecatedButton, GlFormGroup, GlFormInput, GlLink } from '@gitlab/ui';
export default { export default {
components: { components: {
GlButton, GlDeprecatedButton,
GlFormGroup, GlFormGroup,
GlFormInput, GlFormInput,
GlLink, GlLink,
...@@ -36,7 +36,7 @@ export default { ...@@ -36,7 +36,7 @@ export default {
<h3 class="js-section-header h4"> <h3 class="js-section-header h4">
{{ s__('ExternalMetrics|External Dashboard') }} {{ s__('ExternalMetrics|External Dashboard') }}
</h3> </h3>
<gl-button class="js-settings-toggle">{{ __('Expand') }}</gl-button> <gl-deprecated-button class="js-settings-toggle">{{ __('Expand') }}</gl-deprecated-button>
<p class="js-section-sub-header"> <p class="js-section-sub-header">
{{ {{
s__( s__(
...@@ -63,9 +63,9 @@ export default { ...@@ -63,9 +63,9 @@ export default {
/> />
<!-- eslint-enable @gitlab/vue-require-i18n-attribute-strings --> <!-- eslint-enable @gitlab/vue-require-i18n-attribute-strings -->
</gl-form-group> </gl-form-group>
<gl-button variant="success" @click="updateExternalDashboardUrl"> <gl-deprecated-button variant="success" @click="updateExternalDashboardUrl">
{{ __('Save Changes') }} {{ __('Save Changes') }}
</gl-button> </gl-deprecated-button>
</form> </form>
</div> </div>
</section> </section>
......
app/assets/javascripts/pages/admin/users/components/delete_user_modal.vue
View file @ 04baa855
<script> <script>
import { escape as esc } from 'lodash'; import { escape as esc } from 'lodash';
import { GlModal, GlButton, GlFormInput } from '@gitlab/ui'; import { GlModal, GlDeprecatedButton, GlFormInput } from '@gitlab/ui';
import { s__, sprintf } from '~/locale'; import { s__, sprintf } from '~/locale';
export default { export default {
components: { components: {
GlModal, GlModal,
GlButton, GlDeprecatedButton,
GlFormInput, GlFormInput,
}, },
props: { props: {
...@@ -122,11 +122,15 @@ export default { ...@@ -122,11 +122,15 @@ export default {
</form> </form>
</template> </template>
<template slot="modal-footer"> <template slot="modal-footer">
<gl-button variant="secondary" @click="onCancel">{{ s__('Cancel') }}</gl-button> <gl-deprecated-button variant="secondary" @click="onCancel">{{
<gl-button :disabled="!canSubmit" variant="warning" @click="onSecondaryAction"> s__('Cancel')
}}</gl-deprecated-button>
<gl-deprecated-button :disabled="!canSubmit" variant="warning" @click="onSecondaryAction">
{{ secondaryAction }} {{ secondaryAction }}
</gl-button> </gl-deprecated-button>
<gl-button :disabled="!canSubmit" variant="danger" @click="onSubmit">{{ action }}</gl-button> <gl-deprecated-button :disabled="!canSubmit" variant="danger" @click="onSubmit">{{
action
}}</gl-deprecated-button>
</template> </template>
</gl-modal> </gl-modal>
</template> </template>
app/assets/javascripts/pipelines/components/empty_state.vue
View file @ 04baa855
<script> <script>
import { GlButton } from '@gitlab/ui'; import { GlDeprecatedButton } from '@gitlab/ui';
export default { export default {
name: 'PipelinesEmptyState', name: 'PipelinesEmptyState',
components: { components: {
GlButton, GlDeprecatedButton,
}, },
props: { props: {
helpPagePath: { helpPagePath: {
...@@ -43,9 +43,13 @@ export default { ...@@ -43,9 +43,13 @@ export default {
</p> </p>
<div class="text-center"> <div class="text-center">
<gl-button :href="helpPagePath" variant="primary" class="js-get-started-pipelines"> <gl-deprecated-button
:href="helpPagePath"
variant="primary"
class="js-get-started-pipelines"
>
{{ s__('Pipelines|Get started with Pipelines') }} {{ s__('Pipelines|Get started with Pipelines') }}
</gl-button> </gl-deprecated-button>
</div> </div>
</template> </template>
......
app/assets/javascripts/pipelines/components/graph/action_component.vue
View file @ 04baa855
<script> <script>
import { GlTooltipDirective, GlButton, GlLoadingIcon } from '@gitlab/ui'; import { GlTooltipDirective, GlDeprecatedButton, GlLoadingIcon } from '@gitlab/ui';
import axios from '~/lib/utils/axios_utils'; import axios from '~/lib/utils/axios_utils';
import { dasherize } from '~/lib/utils/text_utility'; import { dasherize } from '~/lib/utils/text_utility';
import { __ } from '~/locale'; import { __ } from '~/locale';
...@@ -19,7 +19,7 @@ import Icon from '~/vue_shared/components/icon.vue'; ...@@ -19,7 +19,7 @@ import Icon from '~/vue_shared/components/icon.vue';
export default { export default {
components: { components: {
Icon, Icon,
GlButton, GlDeprecatedButton,
GlLoadingIcon, GlLoadingIcon,
}, },
directives: { directives: {
...@@ -82,7 +82,7 @@ export default { ...@@ -82,7 +82,7 @@ export default {
}; };
</script> </script>
<template> <template>
<gl-button <gl-deprecated-button
:id="`js-ci-action-${link}`" :id="`js-ci-action-${link}`"
v-gl-tooltip="{ boundary: 'viewport' }" v-gl-tooltip="{ boundary: 'viewport' }"
:title="tooltipText" :title="tooltipText"
...@@ -93,5 +93,5 @@ export default { ...@@ -93,5 +93,5 @@ export default {
> >
<gl-loading-icon v-if="isLoading" class="js-action-icon-loading" /> <gl-loading-icon v-if="isLoading" class="js-action-icon-loading" />
<icon v-else :name="actionIcon" /> <icon v-else :name="actionIcon" />
</gl-button> </gl-deprecated-button>
</template> </template>
app/assets/javascripts/pipelines/components/graph/linked_pipeline.vue
View file @ 04baa855
<script> <script>
import { GlLoadingIcon, GlTooltipDirective, GlButton } from '@gitlab/ui'; import { GlLoadingIcon, GlTooltipDirective, GlDeprecatedButton } from '@gitlab/ui';
import CiStatus from '~/vue_shared/components/ci_icon.vue'; import CiStatus from '~/vue_shared/components/ci_icon.vue';
import { __ } from '~/locale'; import { __ } from '~/locale';
...@@ -10,7 +10,7 @@ export default { ...@@ -10,7 +10,7 @@ export default {
components: { components: {
CiStatus, CiStatus,
GlLoadingIcon, GlLoadingIcon,
GlButton, GlDeprecatedButton,
}, },
props: { props: {
pipeline: { pipeline: {
...@@ -78,7 +78,7 @@ export default { ...@@ -78,7 +78,7 @@ export default {
class="linked-pipeline build" class="linked-pipeline build"
:class="{ 'child-pipeline': childPipeline }" :class="{ 'child-pipeline': childPipeline }"
> >
<gl-button <gl-deprecated-button
:id="buttonId" :id="buttonId"
v-gl-tooltip v-gl-tooltip
:title="tooltipText" :title="tooltipText"
...@@ -104,6 +104,6 @@ export default { ...@@ -104,6 +104,6 @@ export default {
>{{ label }}</span >{{ label }}</span
> >
</div> </div>
</gl-button> </gl-deprecated-button>
</li> </li>
</template> </template>
app/assets/javascripts/pipelines/components/nav_controls.vue
View file @ 04baa855
<script> <script>
import { GlButton } from '@gitlab/ui'; import { GlDeprecatedButton } from '@gitlab/ui';
import LoadingButton from '../../vue_shared/components/loading_button.vue'; import LoadingButton from '../../vue_shared/components/loading_button.vue';
export default { export default {
name: 'PipelineNavControls', name: 'PipelineNavControls',
components: { components: {
LoadingButton, LoadingButton,
GlButton, GlDeprecatedButton,
}, },
props: { props: {
newPipelinePath: { newPipelinePath: {
...@@ -42,14 +42,14 @@ export default { ...@@ -42,14 +42,14 @@ export default {
</script> </script>
<template> <template>
<div class="nav-controls"> <div class="nav-controls">
<gl-button <gl-deprecated-button
v-if="newPipelinePath" v-if="newPipelinePath"
:href="newPipelinePath" :href="newPipelinePath"
variant="success" variant="success"
class="js-run-pipeline" class="js-run-pipeline"
> >
{{ s__('Pipelines|Run Pipeline') }} {{ s__('Pipelines|Run Pipeline') }}
</gl-button> </gl-deprecated-button>
<loading-button <loading-button
v-if="resetCachePath" v-if="resetCachePath"
...@@ -59,8 +59,8 @@ export default { ...@@ -59,8 +59,8 @@ export default {
@click="onClickResetCache" @click="onClickResetCache"
/> />
<gl-button v-if="ciLintPath" :href="ciLintPath" class="js-ci-lint"> <gl-deprecated-button v-if="ciLintPath" :href="ciLintPath" class="js-ci-lint">
{{ s__('Pipelines|CI Lint') }} {{ s__('Pipelines|CI Lint') }}
</gl-button> </gl-deprecated-button>
</div> </div>
</template> </template>
app/assets/javascripts/pipelines/components/pipelines_actions.vue
View file @ 04baa855
<script> <script>
import { GlButton, GlTooltipDirective, GlLoadingIcon } from '@gitlab/ui'; import { GlDeprecatedButton, GlTooltipDirective, GlLoadingIcon } from '@gitlab/ui';
import axios from '~/lib/utils/axios_utils'; import axios from '~/lib/utils/axios_utils';
import flash from '~/flash'; import flash from '~/flash';
import { s__, __, sprintf } from '~/locale'; import { s__, __, sprintf } from '~/locale';
...@@ -14,7 +14,7 @@ export default { ...@@ -14,7 +14,7 @@ export default {
components: { components: {
Icon, Icon,
GlCountdown, GlCountdown,
GlButton, GlDeprecatedButton,
GlLoadingIcon, GlLoadingIcon,
}, },
props: { props: {
...@@ -94,7 +94,7 @@ export default { ...@@ -94,7 +94,7 @@ export default {
<ul class="dropdown-menu dropdown-menu-right"> <ul class="dropdown-menu dropdown-menu-right">
<li v-for="action in actions" :key="action.path"> <li v-for="action in actions" :key="action.path">
<gl-button <gl-deprecated-button
:class="{ disabled: isActionDisabled(action) }" :class="{ disabled: isActionDisabled(action) }"
:disabled="isActionDisabled(action)" :disabled="isActionDisabled(action)"
class="js-pipeline-action-link no-btn btn d-flex align-items-center justify-content-between flex-wrap" class="js-pipeline-action-link no-btn btn d-flex align-items-center justify-content-between flex-wrap"
...@@ -105,7 +105,7 @@ export default { ...@@ -105,7 +105,7 @@ export default {
<icon name="clock" /> <icon name="clock" />
<gl-countdown :end-date-string="action.scheduled_at" /> <gl-countdown :end-date-string="action.scheduled_at" />
</span> </span>
</gl-button> </gl-deprecated-button>
</li> </li>
</ul> </ul>
</div> </div>
......
app/assets/javascripts/pipelines/components/test_reports/test_summary.vue
View file @ 04baa855
<script> <script>
import { GlButton, GlProgressBar } from '@gitlab/ui'; import { GlDeprecatedButton, GlProgressBar } from '@gitlab/ui';
import { __ } from '~/locale'; import { __ } from '~/locale';
import { formatTime, secondsToMilliseconds } from '~/lib/utils/datetime_utility'; import { formatTime, secondsToMilliseconds } from '~/lib/utils/datetime_utility';
import Icon from '~/vue_shared/components/icon.vue'; import Icon from '~/vue_shared/components/icon.vue';
...@@ -7,7 +7,7 @@ import Icon from '~/vue_shared/components/icon.vue'; ...@@ -7,7 +7,7 @@ import Icon from '~/vue_shared/components/icon.vue';
export default { export default {
name: 'TestSummary', name: 'TestSummary',
components: { components: {
GlButton, GlDeprecatedButton,
GlProgressBar, GlProgressBar,
Icon, Icon,
}, },
...@@ -62,14 +62,14 @@ export default { ...@@ -62,14 +62,14 @@ export default {
<div> <div>
<div class="row"> <div class="row">
<div class="col-12 d-flex prepend-top-8 align-items-center"> <div class="col-12 d-flex prepend-top-8 align-items-center">
<gl-button <gl-deprecated-button
v-if="showBack" v-if="showBack"
size="sm" size="sm"
class="append-right-default js-back-button" class="append-right-default js-back-button"
@click="onBackClick" @click="onBackClick"
> >
<icon name="angle-left" /> <icon name="angle-left" />
</gl-button> </gl-deprecated-button>
<h4>{{ heading }}</h4> <h4>{{ heading }}</h4>
</div> </div>
......
app/assets/javascripts/prometheus_alerts/components/reset_key.vue
View file @ 04baa855
<script> <script>
import { GlButton, GlFormGroup, GlFormInput, GlModal, GlModalDirective } from '@gitlab/ui'; import {
GlDeprecatedButton,
GlFormGroup,
GlFormInput,
GlModal,
GlModalDirective,
} from '@gitlab/ui';
import ClipboardButton from '~/vue_shared/components/clipboard_button.vue'; import ClipboardButton from '~/vue_shared/components/clipboard_button.vue';
import axios from '~/lib/utils/axios_utils'; import axios from '~/lib/utils/axios_utils';
import { __, sprintf } from '~/locale'; import { __, sprintf } from '~/locale';
...@@ -8,7 +14,7 @@ import createFlash from '~/flash'; ...@@ -8,7 +14,7 @@ import createFlash from '~/flash';
export default { export default {
copyToClipboard: __('Copy'), copyToClipboard: __('Copy'),
components: { components: {
GlButton, GlDeprecatedButton,
GlFormGroup, GlFormGroup,
GlFormInput, GlFormInput,
GlModal, GlModal,
...@@ -112,13 +118,13 @@ export default { ...@@ -112,13 +118,13 @@ export default {
) )
}} }}
</gl-modal> </gl-modal>
<gl-button v-gl-modal.authKeyModal class="js-reset-auth-key">{{ <gl-deprecated-button v-gl-modal.authKeyModal class="js-reset-auth-key">{{
__('Reset key') __('Reset key')
}}</gl-button> }}</gl-deprecated-button>
</template> </template>
<gl-button v-else class="js-reset-auth-key" @click="resetKey">{{ <gl-deprecated-button v-else class="js-reset-auth-key" @click="resetKey">{{
__('Generate key') __('Generate key')
}}</gl-button> }}</gl-deprecated-button>
</div> </div>
</div> </div>
</template> </template>
app/assets/javascripts/registry/explorer/pages/details.vue
View file @ 04baa855
...@@ -3,7 +3,7 @@ import { mapState, mapActions, mapGetters } from 'vuex'; ...@@ -3,7 +3,7 @@ import { mapState, mapActions, mapGetters } from 'vuex';
import { import {
GlTable, GlTable,
GlFormCheckbox, GlFormCheckbox,
GlButton, GlDeprecatedButton,
GlIcon, GlIcon,
GlTooltipDirective, GlTooltipDirective,
GlPagination, GlPagination,
...@@ -41,7 +41,7 @@ export default { ...@@ -41,7 +41,7 @@ export default {
components: { components: {
GlTable, GlTable,
GlFormCheckbox, GlFormCheckbox,
GlButton, GlDeprecatedButton,
GlIcon, GlIcon,
ClipboardButton, ClipboardButton,
GlPagination, GlPagination,
...@@ -250,7 +250,7 @@ export default { ...@@ -250,7 +250,7 @@ export default {
/> />
</template> </template>
<template #head(actions)> <template #head(actions)>
<gl-button <gl-deprecated-button
ref="bulkDeleteButton" ref="bulkDeleteButton"
v-gl-tooltip v-gl-tooltip
:disabled="!selectedItems || selectedItems.length === 0" :disabled="!selectedItems || selectedItems.length === 0"
...@@ -261,7 +261,7 @@ export default { ...@@ -261,7 +261,7 @@ export default {
@click="deleteMultipleItems()" @click="deleteMultipleItems()"
> >
<gl-icon name="remove" /> <gl-icon name="remove" />
</gl-button> </gl-deprecated-button>
</template> </template>
<template #cell(checkbox)="{index}"> <template #cell(checkbox)="{index}">
...@@ -304,7 +304,7 @@ export default { ...@@ -304,7 +304,7 @@ export default {
</span> </span>
</template> </template>
<template #cell(actions)="{index, item}"> <template #cell(actions)="{index, item}">
<gl-button <gl-deprecated-button
ref="singleDeleteButton" ref="singleDeleteButton"
:title="s__('ContainerRegistry|Remove tag')" :title="s__('ContainerRegistry|Remove tag')"
:aria-label="s__('ContainerRegistry|Remove tag')" :aria-label="s__('ContainerRegistry|Remove tag')"
...@@ -314,7 +314,7 @@ export default { ...@@ -314,7 +314,7 @@ export default {
@click="deleteSingleItem(index)" @click="deleteSingleItem(index)"
> >
<gl-icon name="remove" /> <gl-icon name="remove" />
</gl-button> </gl-deprecated-button>
</template> </template>
<template #empty> <template #empty>
......
app/assets/javascripts/registry/explorer/pages/list.vue
View file @ 04baa855
...@@ -4,7 +4,7 @@ import { ...@@ -4,7 +4,7 @@ import {
GlEmptyState, GlEmptyState,
GlPagination, GlPagination,
GlTooltipDirective, GlTooltipDirective,
GlButton, GlDeprecatedButton,
GlIcon, GlIcon,
GlModal, GlModal,
GlSprintf, GlSprintf,
...@@ -30,7 +30,7 @@ export default { ...@@ -30,7 +30,7 @@ export default {
ProjectPolicyAlert, ProjectPolicyAlert,
ClipboardButton, ClipboardButton,
QuickstartDropdown, QuickstartDropdown,
GlButton, GlDeprecatedButton,
GlIcon, GlIcon,
GlModal, GlModal,
GlSprintf, GlSprintf,
...@@ -201,7 +201,7 @@ export default { ...@@ -201,7 +201,7 @@ export default {
class="d-none d-sm-block" class="d-none d-sm-block"
:title="$options.i18n.deleteButtonDisabled" :title="$options.i18n.deleteButtonDisabled"
> >
<gl-button <gl-deprecated-button
ref="deleteImageButton" ref="deleteImageButton"
v-gl-tooltip v-gl-tooltip
:disabled="!listItem.destroy_path" :disabled="!listItem.destroy_path"
...@@ -212,7 +212,7 @@ export default { ...@@ -212,7 +212,7 @@ export default {
@click="deleteImage(listItem)" @click="deleteImage(listItem)"
> >
<gl-icon name="remove" /> <gl-icon name="remove" />
</gl-button> </gl-deprecated-button>
</div> </div>
</div> </div>
<gl-pagination <gl-pagination
......
app/assets/javascripts/registry/settings/components/settings_form.vue
View file @ 04baa855
<script> <script>
import { mapActions, mapState, mapGetters } from 'vuex'; import { mapActions, mapState, mapGetters } from 'vuex';
import { GlCard, GlButton, GlLoadingIcon } from '@gitlab/ui'; import { GlCard, GlDeprecatedButton, GlLoadingIcon } from '@gitlab/ui';
import Tracking from '~/tracking'; import Tracking from '~/tracking';
import { import {
UPDATE_SETTINGS_ERROR_MESSAGE, UPDATE_SETTINGS_ERROR_MESSAGE,
...@@ -12,7 +12,7 @@ import ExpirationPolicyFields from '../../shared/components/expiration_policy_fi ...@@ -12,7 +12,7 @@ import ExpirationPolicyFields from '../../shared/components/expiration_policy_fi
export default { export default {
components: { components: {
GlCard, GlCard,
GlButton, GlDeprecatedButton,
GlLoadingIcon, GlLoadingIcon,
ExpirationPolicyFields, ExpirationPolicyFields,
}, },
...@@ -73,15 +73,15 @@ export default { ...@@ -73,15 +73,15 @@ export default {
</template> </template>
<template #footer> <template #footer>
<div class="d-flex justify-content-end"> <div class="d-flex justify-content-end">
<gl-button <gl-deprecated-button
ref="cancel-button" ref="cancel-button"
type="reset" type="reset"
class="mr-2 d-block" class="mr-2 d-block"
:disabled="isCancelButtonDisabled" :disabled="isCancelButtonDisabled"
> >
{{ __('Cancel') }} {{ __('Cancel') }}
</gl-button> </gl-deprecated-button>
<gl-button <gl-deprecated-button
ref="save-button" ref="save-button"
type="submit" type="submit"
:disabled="isSubmitButtonDisabled" :disabled="isSubmitButtonDisabled"
...@@ -90,7 +90,7 @@ export default { ...@@ -90,7 +90,7 @@ export default {
> >
{{ __('Save expiration policy') }} {{ __('Save expiration policy') }}
<gl-loading-icon v-if="isLoading" class="ml-2" /> <gl-loading-icon v-if="isLoading" class="ml-2" />
</gl-button> </gl-deprecated-button>
</div> </div>
</template> </template>
</gl-card> </gl-card>
......
app/assets/javascripts/releases/components/app_edit.vue
View file @ 04baa855
<script> <script>
import { mapState, mapActions } from 'vuex'; import { mapState, mapActions } from 'vuex';
import { GlButton, GlLink, GlFormInput, GlFormGroup } from '@gitlab/ui'; import { GlDeprecatedButton, GlLink, GlFormInput, GlFormGroup } from '@gitlab/ui';
import { escape as esc } from 'lodash'; import { escape as esc } from 'lodash';
import { __, sprintf } from '~/locale'; import { __, sprintf } from '~/locale';
import MarkdownField from '~/vue_shared/components/markdown/field.vue'; import MarkdownField from '~/vue_shared/components/markdown/field.vue';
...@@ -15,7 +15,7 @@ export default { ...@@ -15,7 +15,7 @@ export default {
components: { components: {
GlFormInput, GlFormInput,
GlFormGroup, GlFormGroup,
GlButton, GlDeprecatedButton,
GlLink, GlLink,
MarkdownField, MarkdownField,
AssetLinksForm, AssetLinksForm,
...@@ -163,14 +163,14 @@ export default { ...@@ -163,14 +163,14 @@ export default {
<asset-links-form v-if="showAssetLinksForm" /> <asset-links-form v-if="showAssetLinksForm" />
<div class="d-flex pt-3"> <div class="d-flex pt-3">
<gl-button <gl-deprecated-button
class="mr-auto js-submit-button" class="mr-auto js-submit-button"
variant="success" variant="success"
type="submit" type="submit"
:aria-label="__('Save changes')" :aria-label="__('Save changes')"
> >
{{ __('Save changes') }} {{ __('Save changes') }}
</gl-button> </gl-deprecated-button>
<gl-link :href="cancelPath" class="js-cancel-button btn btn-default"> <gl-link :href="cancelPath" class="js-cancel-button btn btn-default">
{{ __('Cancel') }} {{ __('Cancel') }}
</gl-link> </gl-link>
......
app/assets/javascripts/releases/components/asset_links_form.vue
View file @ 04baa855
...@@ -4,7 +4,7 @@ import { ...@@ -4,7 +4,7 @@ import {
GlSprintf, GlSprintf,
GlLink, GlLink,
GlFormGroup, GlFormGroup,
GlButton, GlDeprecatedButton,
GlIcon, GlIcon,
GlTooltipDirective, GlTooltipDirective,
GlFormInput, GlFormInput,
...@@ -12,7 +12,7 @@ import { ...@@ -12,7 +12,7 @@ import {
export default { export default {
name: 'AssetLinksForm', name: 'AssetLinksForm',
components: { GlSprintf, GlLink, GlFormGroup, GlButton, GlIcon, GlFormInput }, components: { GlSprintf, GlLink, GlFormGroup, GlDeprecatedButton, GlIcon, GlFormInput },
directives: { GlTooltip: GlTooltipDirective }, directives: { GlTooltip: GlTooltipDirective },
computed: { computed: {
...mapState('detail', ['release', 'releaseAssetsDocsPath']), ...mapState('detail', ['release', 'releaseAssetsDocsPath']),
...@@ -106,7 +106,7 @@ export default { ...@@ -106,7 +106,7 @@ export default {
/> />
</gl-form-group> </gl-form-group>
<gl-button <gl-deprecated-button
v-gl-tooltip v-gl-tooltip
class="mb-5 mb-sm-3 flex-grow-0 flex-shrink-0 remove-button" class="mb-5 mb-sm-3 flex-grow-0 flex-shrink-0 remove-button"
:aria-label="__('Remove asset link')" :aria-label="__('Remove asset link')"
...@@ -115,10 +115,14 @@ export default { ...@@ -115,10 +115,14 @@ export default {
> >
<gl-icon class="m-0" name="remove" /> <gl-icon class="m-0" name="remove" />
<span class="d-inline d-sm-none">{{ __('Remove asset link') }}</span> <span class="d-inline d-sm-none">{{ __('Remove asset link') }}</span>
</gl-button> </gl-deprecated-button>
</div> </div>
<gl-button variant="link" class="align-self-end mb-5 mb-sm-0" @click="onAddAnotherClicked"> <gl-deprecated-button
variant="link"
class="align-self-end mb-5 mb-sm-0"
@click="onAddAnotherClicked"
>
{{ __('Add another link') }} {{ __('Add another link') }}
</gl-button> </gl-deprecated-button>
</div> </div>
</template> </template>
app/assets/javascripts/releases/components/release_block_milestone_info.vue
View file @ 04baa855
...@@ -3,7 +3,7 @@ import { ...@@ -3,7 +3,7 @@ import {
GlProgressBar, GlProgressBar,
GlLink, GlLink,
GlBadge, GlBadge,
GlButton, GlDeprecatedButton,
GlTooltipDirective, GlTooltipDirective,
GlSprintf, GlSprintf,
} from '@gitlab/ui'; } from '@gitlab/ui';
...@@ -17,7 +17,7 @@ export default { ...@@ -17,7 +17,7 @@ export default {
GlProgressBar, GlProgressBar,
GlLink, GlLink,
GlBadge, GlBadge,
GlButton, GlDeprecatedButton,
GlSprintf, GlSprintf,
}, },
directives: { directives: {
...@@ -134,9 +134,13 @@ export default { ...@@ -134,9 +134,13 @@ export default {
<span :key="'bullet-' + milestone.id" class="append-right-4">&bull;</span> <span :key="'bullet-' + milestone.id" class="append-right-4">&bull;</span>
</template> </template>
<template v-if="shouldRenderShowMoreLink(index)"> <template v-if="shouldRenderShowMoreLink(index)">
<gl-button :key="'more-button-' + milestone.id" variant="link" @click="toggleShowAll"> <gl-deprecated-button
:key="'more-button-' + milestone.id"
variant="link"
@click="toggleShowAll"
>
{{ moreText }} {{ moreText }}
</gl-button> </gl-deprecated-button>
</template> </template>
</template> </template>
</div> </div>
......
app/assets/javascripts/repository/components/last_commit.vue
View file @ 04baa855
<script> <script>
import { GlTooltipDirective, GlLink, GlButton, GlLoadingIcon } from '@gitlab/ui'; import { GlTooltipDirective, GlLink, GlDeprecatedButton, GlLoadingIcon } from '@gitlab/ui';
import defaultAvatarUrl from 'images/no_avatar.png'; import defaultAvatarUrl from 'images/no_avatar.png';
import { sprintf, s__ } from '~/locale'; import { sprintf, s__ } from '~/locale';
import Icon from '../../vue_shared/components/icon.vue'; import Icon from '../../vue_shared/components/icon.vue';
...@@ -19,7 +19,7 @@ export default { ...@@ -19,7 +19,7 @@ export default {
ClipboardButton, ClipboardButton,
CiIcon, CiIcon,
GlLink, GlLink,
GlButton, GlDeprecatedButton,
GlLoadingIcon, GlLoadingIcon,
}, },
directives: { directives: {
...@@ -124,7 +124,7 @@ export default { ...@@ -124,7 +124,7 @@ export default {
> >
{{ commit.title }} {{ commit.title }}
</gl-link> </gl-link>
<gl-button <gl-deprecated-button
v-if="commit.description" v-if="commit.description"
:class="{ open: showDescription }" :class="{ open: showDescription }"
:aria-label="__('Show commit description')" :aria-label="__('Show commit description')"
...@@ -132,7 +132,7 @@ export default { ...@@ -132,7 +132,7 @@ export default {
@click="toggleShowDescription" @click="toggleShowDescription"
> >
<icon name="ellipsis_h" :size="10" /> <icon name="ellipsis_h" :size="10" />
</gl-button> </gl-deprecated-button>
<div class="committer"> <div class="committer">
<gl-link <gl-link
v-if="commit.author" v-if="commit.author"
......
app/assets/javascripts/self_monitor/components/self_monitor_form.vue
View file @ 04baa855
<script> <script>
import Vue from 'vue'; import Vue from 'vue';
import { GlFormGroup, GlButton, GlModal, GlToast, GlToggle } from '@gitlab/ui'; import { GlFormGroup, GlDeprecatedButton, GlModal, GlToast, GlToggle } from '@gitlab/ui';
import { mapState, mapActions } from 'vuex'; import { mapState, mapActions } from 'vuex';
import { __, s__, sprintf } from '~/locale'; import { __, s__, sprintf } from '~/locale';
import { visitUrl, getBaseURL } from '~/lib/utils/url_utility'; import { visitUrl, getBaseURL } from '~/lib/utils/url_utility';
...@@ -10,7 +10,7 @@ Vue.use(GlToast); ...@@ -10,7 +10,7 @@ Vue.use(GlToast);
export default { export default {
components: { components: {
GlFormGroup, GlFormGroup,
GlButton, GlDeprecatedButton,
GlModal, GlModal,
GlToggle, GlToggle,
}, },
...@@ -122,7 +122,7 @@ export default { ...@@ -122,7 +122,7 @@ export default {
<h4 class="js-section-header"> <h4 class="js-section-header">
{{ s__('SelfMonitoring|Self monitoring') }} {{ s__('SelfMonitoring|Self monitoring') }}
</h4> </h4>
<gl-button class="js-settings-toggle">{{ __('Expand') }}</gl-button> <gl-deprecated-button class="js-settings-toggle">{{ __('Expand') }}</gl-deprecated-button>
<p class="js-section-sub-header"> <p class="js-section-sub-header">
{{ s__('SelfMonitoring|Enable or disable instance self monitoring') }} {{ s__('SelfMonitoring|Enable or disable instance self monitoring') }}
</p> </p>
......
app/assets/javascripts/serverless/components/missing_prometheus.vue
View file @ 04baa855
<script> <script>
import { GlButton, GlLink } from '@gitlab/ui'; import { GlDeprecatedButton, GlLink } from '@gitlab/ui';
import { s__ } from '../../locale'; import { s__ } from '../../locale';
export default { export default {
components: { components: {
GlButton, GlDeprecatedButton,
GlLink, GlLink,
}, },
props: { props: {
...@@ -53,9 +53,9 @@ export default { ...@@ -53,9 +53,9 @@ export default {
</p> </p>
<div v-if="!missingData" class="text-left"> <div v-if="!missingData" class="text-left">
<gl-button :href="clustersPath" variant="success"> <gl-deprecated-button :href="clustersPath" variant="success">
{{ s__('ServerlessDetails|Install Prometheus') }} {{ s__('ServerlessDetails|Install Prometheus') }}
</gl-button> </gl-deprecated-button>
</div> </div>
</div> </div>
</div> </div>
......
app/assets/javascripts/snippets/components/snippet_blob_edit.vue
View file @ 04baa855
<script> <script>
import BlobHeaderEdit from '~/blob/components/blob_edit_header.vue'; import BlobHeaderEdit from '~/blob/components/blob_edit_header.vue';
import BlobContentEdit from '~/blob/components/blob_edit_content.vue'; import BlobContentEdit from '~/blob/components/blob_edit_content.vue';
import { GlLoadingIcon } from '@gitlab/ui';
export default { export default {
components: { components: {
BlobHeaderEdit, BlobHeaderEdit,
BlobContentEdit, BlobContentEdit,
GlLoadingIcon,
}, },
inheritAttrs: false, inheritAttrs: false,
props: { props: {
value: {
type: String,
required: false,
default: '',
},
fileName: { fileName: {
type: String, type: String,
required: false, required: false,
default: '', default: '',
}, },
}, isLoading: {
methods: { type: Boolean,
emitFileNameChange(newFileName) { required: false,
this.$emit('name-change', newFileName); default: true,
}, },
}, },
}; };
...@@ -26,8 +33,19 @@ export default { ...@@ -26,8 +33,19 @@ export default {
<div class="form-group file-editor"> <div class="form-group file-editor">
<label>{{ s__('Snippets|File') }}</label> <label>{{ s__('Snippets|File') }}</label>
<div class="file-holder snippet"> <div class="file-holder snippet">
<blob-header-edit :value="fileName" @input="emitFileNameChange" /> <blob-header-edit :value="fileName" @input="$emit('name-change', $event)" />
<blob-content-edit v-bind="$attrs" :file-name="fileName" v-on="$listeners" /> <gl-loading-icon
v-if="isLoading"
:label="__('Loading snippet')"
:size="2"
class="loading-animation prepend-top-20 append-bottom-20"
/>
<blob-content-edit
v-else
:value="value"
:file-name="fileName"
@input="$emit('input', $event)"
/>
</div> </div>
</div> </div>
</template> </template>
app/assets/javascripts/snippets/components/snippet_header.vue
View file @ 04baa855
...@@ -4,7 +4,7 @@ import { ...@@ -4,7 +4,7 @@ import {
GlAvatar, GlAvatar,
GlIcon, GlIcon,
GlSprintf, GlSprintf,
GlButton, GlDeprecatedButton,
GlModal, GlModal,
GlAlert, GlAlert,
GlLoadingIcon, GlLoadingIcon,
...@@ -22,7 +22,7 @@ export default { ...@@ -22,7 +22,7 @@ export default {
GlAvatar, GlAvatar,
GlIcon, GlIcon,
GlSprintf, GlSprintf,
GlButton, GlDeprecatedButton,
GlModal, GlModal,
GlAlert, GlAlert,
GlLoadingIcon, GlLoadingIcon,
...@@ -189,7 +189,7 @@ export default { ...@@ -189,7 +189,7 @@ export default {
<div class="detail-page-header-actions"> <div class="detail-page-header-actions">
<div class="d-none d-sm-block"> <div class="d-none d-sm-block">
<template v-for="(action, index) in personalSnippetActions"> <template v-for="(action, index) in personalSnippetActions">
<gl-button <gl-deprecated-button
v-if="action.condition" v-if="action.condition"
:key="index" :key="index"
:variant="action.variant" :variant="action.variant"
...@@ -198,7 +198,7 @@ export default { ...@@ -198,7 +198,7 @@ export default {
@click="action.click ? action.click() : undefined" @click="action.click ? action.click() : undefined"
> >
{{ action.text }} {{ action.text }}
</gl-button> </gl-deprecated-button>
</template> </template>
</div> </div>
<div class="d-block d-sm-none dropdown"> <div class="d-block d-sm-none dropdown">
...@@ -228,8 +228,8 @@ export default { ...@@ -228,8 +228,8 @@ export default {
</gl-sprintf> </gl-sprintf>
<template #modal-footer> <template #modal-footer>
<gl-button @click="closeDeleteModal">{{ __('Cancel') }}</gl-button> <gl-deprecated-button @click="closeDeleteModal">{{ __('Cancel') }}</gl-deprecated-button>
<gl-button <gl-deprecated-button
variant="danger" variant="danger"
:disabled="isDeleting" :disabled="isDeleting"
data-qa-selector="delete_snippet_button" data-qa-selector="delete_snippet_button"
...@@ -237,7 +237,7 @@ export default { ...@@ -237,7 +237,7 @@ export default {
> >
<gl-loading-icon v-if="isDeleting" inline /> <gl-loading-icon v-if="isDeleting" inline />
{{ __('Delete snippet') }} {{ __('Delete snippet') }}
</gl-button> </gl-deprecated-button>
</template> </template>
</gl-modal> </gl-modal>
</div> </div>
......
app/assets/javascripts/static_site_editor/components/edit_area.vue 0 → 100644
View file @ 04baa855
<script>
import { GlFormTextarea } from '@gitlab/ui';
export default {
components: {
GlFormTextarea,
},
props: {
value: {
type: String,
required: true,
},
},
};
</script>
<template>
<gl-form-textarea :value="value" v-on="$listeners" />
</template>
app/assets/javascripts/static_site_editor/components/static_site_editor.vue
View file @ 04baa855
<script>
import { mapState, mapActions } from 'vuex';
import { GlSkeletonLoader } from '@gitlab/ui';
import EditArea from './edit_area.vue';
export default {
components: {
EditArea,
GlSkeletonLoader,
},
computed: {
...mapState(['content', 'isContentLoaded', 'isLoadingContent']),
},
mounted() {
this.loadContent();
},
methods: {
...mapActions(['loadContent']),
},
};
</script>
<template> <template>
<div></div> <div class="d-flex justify-content-center h-100">
<div v-if="isLoadingContent" class="w-50 h-50 mt-2">
<gl-skeleton-loader :width="500" :height="102">
<rect width="500" height="16" rx="4" />
<rect y="20" width="375" height="16" rx="4" />
<rect x="380" y="20" width="120" height="16" rx="4" />
<rect y="40" width="250" height="16" rx="4" />
<rect x="255" y="40" width="150" height="16" rx="4" />
<rect x="410" y="40" width="90" height="16" rx="4" />
</gl-skeleton-loader>
</div>
<edit-area v-if="isContentLoaded" class="w-75 h-100 shadow-none" :value="content" />
</div>
</template> </template>
app/assets/javascripts/static_site_editor/store/state.js
View file @ 04baa855
const createState = (initialState = {}) => ({ const createState = (initialState = {}) => ({
isLoadingContent: false,
isContentLoaded: false,
content: '', content: '',
...initialState, ...initialState,
}); });
......
app/assets/javascripts/vue_merge_request_widget/components/deployment/deployment_action_button.vue
View file @ 04baa855
<script> <script>
import { GlTooltipDirective, GlButton } from '@gitlab/ui'; import { GlTooltipDirective, GlDeprecatedButton } from '@gitlab/ui';
import { __ } from '~/locale'; import { __ } from '~/locale';
import { RUNNING } from './constants'; import { RUNNING } from './constants';
export default { export default {
name: 'DeploymentActionButton', name: 'DeploymentActionButton',
components: { components: {
GlButton, GlDeprecatedButton,
}, },
directives: { directives: {
GlTooltip: GlTooltipDirective, GlTooltip: GlTooltipDirective,
...@@ -59,7 +59,7 @@ export default { ...@@ -59,7 +59,7 @@ export default {
<template> <template>
<span v-gl-tooltip :title="actionInProgressTooltip" class="d-inline-block" tabindex="0"> <span v-gl-tooltip :title="actionInProgressTooltip" class="d-inline-block" tabindex="0">
<gl-button <gl-deprecated-button
v-gl-tooltip v-gl-tooltip
:title="buttonTitle" :title="buttonTitle"
:loading="isLoading" :loading="isLoading"
...@@ -70,6 +70,6 @@ export default { ...@@ -70,6 +70,6 @@ export default {
<span class="d-inline-flex align-items-baseline"> <span class="d-inline-flex align-items-baseline">
<slot> </slot> <slot> </slot>
</span> </span>
</gl-button> </gl-deprecated-button>
</span> </span>
</template> </template>
app/assets/javascripts/vue_merge_request_widget/components/mr_collapsible_extension.vue
View file @ 04baa855
<script> <script>
import { GlButton, GlLoadingIcon } from '@gitlab/ui'; import { GlDeprecatedButton, GlLoadingIcon } from '@gitlab/ui';
import { __ } from '~/locale'; import { __ } from '~/locale';
import Icon from '~/vue_shared/components/icon.vue'; import Icon from '~/vue_shared/components/icon.vue';
export default { export default {
components: { components: {
GlButton, GlDeprecatedButton,
GlLoadingIcon, GlLoadingIcon,
Icon, Icon,
}, },
...@@ -58,7 +58,7 @@ export default { ...@@ -58,7 +58,7 @@ export default {
</div> </div>
<template v-else> <template v-else>
<gl-button <gl-deprecated-button
class="btn-blank btn s32 square append-right-default" class="btn-blank btn s32 square append-right-default"
:aria-label="ariaLabel" :aria-label="ariaLabel"
:disabled="isLoading" :disabled="isLoading"
...@@ -66,8 +66,8 @@ export default { ...@@ -66,8 +66,8 @@ export default {
> >
<gl-loading-icon v-if="isLoading" /> <gl-loading-icon v-if="isLoading" />
<icon v-else :name="arrowIconName" class="js-icon" /> <icon v-else :name="arrowIconName" class="js-icon" />
</gl-button> </gl-deprecated-button>
<gl-button <gl-deprecated-button
variant="link" variant="link"
class="js-title" class="js-title"
:disabled="isLoading" :disabled="isLoading"
...@@ -76,7 +76,7 @@ export default { ...@@ -76,7 +76,7 @@ export default {
> >
<template v-if="isCollapsed">{{ title }}</template> <template v-if="isCollapsed">{{ title }}</template>
<template v-else>{{ __('Collapse') }}</template> <template v-else>{{ __('Collapse') }}</template>
</gl-button> </gl-deprecated-button>
</template> </template>
</div> </div>
......
app/assets/javascripts/vue_merge_request_widget/components/states/commits_header.vue
View file @ 04baa855
<script> <script>
import { GlButton } from '@gitlab/ui'; import { GlDeprecatedButton } from '@gitlab/ui';
import { escape as esc } from 'lodash'; import { escape as esc } from 'lodash';
import { __, n__, sprintf, s__ } from '~/locale'; import { __, n__, sprintf, s__ } from '~/locale';
import Icon from '~/vue_shared/components/icon.vue'; import Icon from '~/vue_shared/components/icon.vue';
...@@ -7,7 +7,7 @@ import Icon from '~/vue_shared/components/icon.vue'; ...@@ -7,7 +7,7 @@ import Icon from '~/vue_shared/components/icon.vue';
export default { export default {
components: { components: {
Icon, Icon,
GlButton, GlDeprecatedButton,
}, },
props: { props: {
isSquashEnabled: { isSquashEnabled: {
...@@ -80,20 +80,20 @@ export default { ...@@ -80,20 +80,20 @@ export default {
class="js-mr-widget-commits-count mr-widget-extension clickable d-flex align-items-center px-3 py-2" class="js-mr-widget-commits-count mr-widget-extension clickable d-flex align-items-center px-3 py-2"
@click="toggle()" @click="toggle()"
> >
<gl-button <gl-deprecated-button
:aria-label="ariaLabel" :aria-label="ariaLabel"
variant="blank" variant="blank"
class="commit-edit-toggle square s24 append-right-default" class="commit-edit-toggle square s24 append-right-default"
@click.stop="toggle()" @click.stop="toggle()"
> >
<icon :name="collapseIcon" :size="16" /> <icon :name="collapseIcon" :size="16" />
</gl-button> </gl-deprecated-button>
<span v-if="expanded">{{ __('Collapse') }}</span> <span v-if="expanded">{{ __('Collapse') }}</span>
<span v-else> <span v-else>
<span class="vertical-align-middle" v-html="message"></span> <span class="vertical-align-middle" v-html="message"></span>
<gl-button variant="link" class="modify-message-button"> <gl-deprecated-button variant="link" class="modify-message-button">
{{ modifyLinkMessage }} {{ modifyLinkMessage }}
</gl-button> </gl-deprecated-button>
</span> </span>
</div> </div>
<div v-show="expanded"><slot></slot></div> <div v-show="expanded"><slot></slot></div>
......
app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_pipeline_tour.vue
View file @ 04baa855
<script> <script>
import { s__, sprintf } from '~/locale'; import { s__, sprintf } from '~/locale';
import { GlPopover, GlButton } from '@gitlab/ui'; import { GlPopover, GlDeprecatedButton } from '@gitlab/ui';
import Icon from '~/vue_shared/components/icon.vue'; import Icon from '~/vue_shared/components/icon.vue';
import Cookies from 'js-cookie'; import Cookies from 'js-cookie';
import { parseBoolean } from '~/lib/utils/common_utils'; import { parseBoolean } from '~/lib/utils/common_utils';
...@@ -29,7 +29,7 @@ export default { ...@@ -29,7 +29,7 @@ export default {
), ),
components: { components: {
GlPopover, GlPopover,
GlButton, GlDeprecatedButton,
Icon, Icon,
}, },
mixins: [trackingMixin], mixins: [trackingMixin],
...@@ -111,7 +111,7 @@ export default { ...@@ -111,7 +111,7 @@ export default {
<img :src="pipelineSvgPath" /> <img :src="pipelineSvgPath" />
</div> </div>
<p v-html="$options.popoverContent"></p> <p v-html="$options.popoverContent"></p>
<gl-button <gl-deprecated-button
ref="ok" ref="ok"
category="primary" category="primary"
class="mt-2 mb-0" class="mt-2 mb-0"
...@@ -124,8 +124,8 @@ export default { ...@@ -124,8 +124,8 @@ export default {
:data-track-label="trackLabel" :data-track-label="trackLabel"
> >
{{ __('Show me how') }} {{ __('Show me how') }}
</gl-button> </gl-deprecated-button>
<gl-button <gl-deprecated-button
ref="no-thanks" ref="no-thanks"
category="secondary" category="secondary"
class="mt-2 mb-0" class="mt-2 mb-0"
...@@ -138,6 +138,6 @@ export default { ...@@ -138,6 +138,6 @@ export default {
@click="dismissPopover" @click="dismissPopover"
> >
{{ __("No thanks, don't show this again") }} {{ __("No thanks, don't show this again") }}
</gl-button> </gl-deprecated-button>
</gl-popover> </gl-popover>
</template> </template>
app/assets/javascripts/vue_merge_request_widget/components/states/ready_to_merge.vue
View file @ 04baa855
<script> <script>
import { isEmpty } from 'lodash'; import { isEmpty } from 'lodash';
import { GlIcon, GlButton } from '@gitlab/ui'; import { GlIcon, GlDeprecatedButton } from '@gitlab/ui';
import successSvg from 'icons/_icon_status_success.svg'; import successSvg from 'icons/_icon_status_success.svg';
import warningSvg from 'icons/_icon_status_warning.svg'; import warningSvg from 'icons/_icon_status_warning.svg';
import readyToMergeMixin from 'ee_else_ce/vue_merge_request_widget/mixins/ready_to_merge'; import readyToMergeMixin from 'ee_else_ce/vue_merge_request_widget/mixins/ready_to_merge';
...@@ -26,7 +26,7 @@ export default { ...@@ -26,7 +26,7 @@ export default {
CommitEdit, CommitEdit,
CommitMessageDropdown, CommitMessageDropdown,
GlIcon, GlIcon,
GlButton, GlDeprecatedButton,
MergeImmediatelyConfirmationDialog: () => MergeImmediatelyConfirmationDialog: () =>
import( import(
'ee_component/vue_merge_request_widget/components/merge_immediately_confirmation_dialog.vue' 'ee_component/vue_merge_request_widget/components/merge_immediately_confirmation_dialog.vue'
...@@ -263,7 +263,7 @@ export default { ...@@ -263,7 +263,7 @@ export default {
<div class="media-body"> <div class="media-body">
<div class="mr-widget-body-controls media space-children"> <div class="mr-widget-body-controls media space-children">
<span class="btn-group"> <span class="btn-group">
<gl-button <gl-deprecated-button
size="sm" size="sm"
class="qa-merge-button accept-merge-request" class="qa-merge-button accept-merge-request"
:variant="mergeButtonVariant" :variant="mergeButtonVariant"
...@@ -272,7 +272,7 @@ export default { ...@@ -272,7 +272,7 @@ export default {
@click="handleMergeButtonClick(isAutoMergeAvailable)" @click="handleMergeButtonClick(isAutoMergeAvailable)"
> >
{{ mergeButtonText }} {{ mergeButtonText }}
</gl-button> </gl-deprecated-button>
<button <button
v-if="shouldShowMergeImmediatelyDropdown" v-if="shouldShowMergeImmediatelyDropdown"
:disabled="isMergeButtonDisabled" :disabled="isMergeButtonDisabled"
......
app/assets/javascripts/vue_merge_request_widget/components/states/work_in_progress.vue
View file @ 04baa855
<script> <script>
import $ from 'jquery'; import $ from 'jquery';
import { GlButton } from '@gitlab/ui'; import { GlDeprecatedButton } from '@gitlab/ui';
import { __, s__ } from '~/locale'; import { __, s__ } from '~/locale';
import createFlash from '~/flash'; import createFlash from '~/flash';
import StatusIcon from '../mr_widget_status_icon.vue'; import StatusIcon from '../mr_widget_status_icon.vue';
...@@ -11,7 +11,7 @@ export default { ...@@ -11,7 +11,7 @@ export default {
name: 'WorkInProgress', name: 'WorkInProgress',
components: { components: {
StatusIcon, StatusIcon,
GlButton, GlDeprecatedButton,
}, },
directives: { directives: {
tooltip, tooltip,
...@@ -66,7 +66,7 @@ export default { ...@@ -66,7 +66,7 @@ export default {
> >
</i> </i>
</span> </span>
<gl-button <gl-deprecated-button
v-if="mr.removeWIPPath" v-if="mr.removeWIPPath"
size="sm" size="sm"
variant="default" variant="default"
...@@ -76,7 +76,7 @@ export default { ...@@ -76,7 +76,7 @@ export default {
@click="handleRemoveWIP" @click="handleRemoveWIP"
> >
{{ s__('mrWidget|Resolve WIP status') }} {{ s__('mrWidget|Resolve WIP status') }}
</gl-button> </gl-deprecated-button>
</div> </div>
</div> </div>
</template> </template>
app/assets/javascripts/vue_shared/components/clipboard_button.vue
View file @ 04baa855
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
* css-class="btn-transparent" * css-class="btn-transparent"
* /> * />
*/ */
import { GlButton, GlTooltipDirective, GlIcon } from '@gitlab/ui'; import { GlDeprecatedButton, GlTooltipDirective, GlIcon } from '@gitlab/ui';
export default { export default {
name: 'ClipboardButton', name: 'ClipboardButton',
...@@ -20,7 +20,7 @@ export default { ...@@ -20,7 +20,7 @@ export default {
GlTooltip: GlTooltipDirective, GlTooltip: GlTooltipDirective,
}, },
components: { components: {
GlButton, GlDeprecatedButton,
GlIcon, GlIcon,
}, },
props: { props: {
...@@ -65,12 +65,12 @@ export default { ...@@ -65,12 +65,12 @@ export default {
</script> </script>
<template> <template>
<gl-button <gl-deprecated-button
v-gl-tooltip="{ placement: tooltipPlacement, container: tooltipContainer }" v-gl-tooltip="{ placement: tooltipPlacement, container: tooltipContainer }"
:class="cssClass" :class="cssClass"
:title="title" :title="title"
:data-clipboard-text="clipboardText" :data-clipboard-text="clipboardText"
> >
<gl-icon name="copy-to-clipboard" /> <gl-icon name="copy-to-clipboard" />
</gl-button> </gl-deprecated-button>
</template> </template>
app/assets/javascripts/vue_shared/components/date_time_picker/date_time_picker.vue
View file @ 04baa855
<script> <script>
import { GlButton, GlDropdown, GlDropdownItem, GlFormGroup } from '@gitlab/ui'; import { GlDeprecatedButton, GlDropdown, GlDropdownItem, GlFormGroup } from '@gitlab/ui';
import { __, sprintf } from '~/locale'; import { __, sprintf } from '~/locale';
import { convertToFixedRange, isEqualTimeRanges, findTimeRange } from '~/lib/utils/datetime_range'; import { convertToFixedRange, isEqualTimeRanges, findTimeRange } from '~/lib/utils/datetime_range';
...@@ -28,7 +28,7 @@ export default { ...@@ -28,7 +28,7 @@ export default {
TooltipOnTruncate, TooltipOnTruncate,
DateTimePickerInput, DateTimePickerInput,
GlFormGroup, GlFormGroup,
GlButton, GlDeprecatedButton,
GlDropdown, GlDropdown,
GlDropdownItem, GlDropdownItem,
}, },
...@@ -192,10 +192,10 @@ export default { ...@@ -192,10 +192,10 @@ export default {
/> />
</div> </div>
<gl-form-group> <gl-form-group>
<gl-button @click="closeDropdown">{{ __('Cancel') }}</gl-button> <gl-deprecated-button @click="closeDropdown">{{ __('Cancel') }}</gl-deprecated-button>
<gl-button variant="success" :disabled="!isValid" @click="setFixedRange()"> <gl-deprecated-button variant="success" :disabled="!isValid" @click="setFixedRange()">
{{ __('Apply') }} {{ __('Apply') }}
</gl-button> </gl-deprecated-button>
</gl-form-group> </gl-form-group>
</gl-form-group> </gl-form-group>
<gl-form-group label-for="group-id-dropdown" class="col-md-5 gl-pl-1 gl-pr-1 m-0"> <gl-form-group label-for="group-id-dropdown" class="col-md-5 gl-pl-1 gl-pr-1 m-0">
......
app/assets/javascripts/vue_shared/components/droplab_dropdown_button.vue
View file @ 04baa855
<script> <script>
import { GlButton } from '@gitlab/ui'; import { GlDeprecatedButton } from '@gitlab/ui';
import Icon from './icon.vue'; import Icon from './icon.vue';
export default { export default {
components: { components: {
Icon, Icon,
GlButton, GlDeprecatedButton,
}, },
props: { props: {
size: { size: {
...@@ -59,9 +59,13 @@ export default { ...@@ -59,9 +59,13 @@ export default {
<template> <template>
<div class="btn-group droplab-dropdown comment-type-dropdown"> <div class="btn-group droplab-dropdown comment-type-dropdown">
<gl-button :class="primaryButtonClass" :size="size" @click.prevent="handlePrimaryActionClick"> <gl-deprecated-button
:class="primaryButtonClass"
:size="size"
@click.prevent="handlePrimaryActionClick"
>
{{ selectedActionTitle }} {{ selectedActionTitle }}
</gl-button> </gl-deprecated-button>
<button <button
:class="buttonSizeClass" :class="buttonSizeClass"
type="button" type="button"
...@@ -74,13 +78,13 @@ export default { ...@@ -74,13 +78,13 @@ export default {
<ul :class="dropdownClass" class="dropdown-menu dropdown-open-top"> <ul :class="dropdownClass" class="dropdown-menu dropdown-open-top">
<template v-for="(action, index) in actions"> <template v-for="(action, index) in actions">
<li :key="index" :class="{ 'droplab-item-selected': selectedAction === index }"> <li :key="index" :class="{ 'droplab-item-selected': selectedAction === index }">
<gl-button class="btn-transparent" @click.prevent="handleActionClick(index)"> <gl-deprecated-button class="btn-transparent" @click.prevent="handleActionClick(index)">
<i aria-hidden="true" class="fa fa-check icon"> </i> <i aria-hidden="true" class="fa fa-check icon"> </i>
<div class="description"> <div class="description">
<strong>{{ action.title }}</strong> <strong>{{ action.title }}</strong>
<p>{{ action.description }}</p> <p>{{ action.description }}</p>
</div> </div>
</gl-button> </gl-deprecated-button>
</li> </li>
<li v-if="index === 0" :key="`${index}-separator`" class="divider droplab-item-ignore"></li> <li v-if="index === 0" :key="`${index}-separator`" class="divider droplab-item-ignore"></li>
</template> </template>
......
app/assets/javascripts/vue_shared/components/expand_button.vue
View file @ 04baa855
<script> <script>
import { GlButton } from '@gitlab/ui'; import { GlDeprecatedButton } from '@gitlab/ui';
import { __ } from '~/locale'; import { __ } from '~/locale';
import Icon from '~/vue_shared/components/icon.vue'; import Icon from '~/vue_shared/components/icon.vue';
...@@ -16,7 +16,7 @@ import Icon from '~/vue_shared/components/icon.vue'; ...@@ -16,7 +16,7 @@ import Icon from '~/vue_shared/components/icon.vue';
export default { export default {
name: 'ExpandButton', name: 'ExpandButton',
components: { components: {
GlButton, GlDeprecatedButton,
Icon, Icon,
}, },
data() { data() {
...@@ -41,7 +41,7 @@ export default { ...@@ -41,7 +41,7 @@ export default {
</script> </script>
<template> <template>
<span> <span>
<gl-button <gl-deprecated-button
v-show="isCollapsed" v-show="isCollapsed"
:aria-label="ariaLabel" :aria-label="ariaLabel"
type="button" type="button"
...@@ -49,10 +49,10 @@ export default { ...@@ -49,10 +49,10 @@ export default {
@click="onClick" @click="onClick"
> >
<icon :size="12" name="ellipsis_h" /> <icon :size="12" name="ellipsis_h" />
</gl-button> </gl-deprecated-button>
<span v-if="isCollapsed"> <slot name="short"></slot> </span> <span v-if="isCollapsed"> <slot name="short"></slot> </span>
<span v-if="!isCollapsed"> <slot name="expanded"></slot> </span> <span v-if="!isCollapsed"> <slot name="expanded"></slot> </span>
<gl-button <gl-deprecated-button
v-show="!isCollapsed" v-show="!isCollapsed"
:aria-label="ariaLabel" :aria-label="ariaLabel"
type="button" type="button"
...@@ -60,6 +60,6 @@ export default { ...@@ -60,6 +60,6 @@ export default {
@click="onClick" @click="onClick"
> >
<icon :size="12" name="ellipsis_h" /> <icon :size="12" name="ellipsis_h" />
</gl-button> </gl-deprecated-button>
</span> </span>
</template> </template>
app/assets/javascripts/vue_shared/components/filtered_search_dropdown.vue
View file @ 04baa855
<script> <script>
import $ from 'jquery'; import $ from 'jquery';
import { GlButton } from '@gitlab/ui'; import { GlDeprecatedButton } from '@gitlab/ui';
import { __ } from '~/locale'; import { __ } from '~/locale';
import Icon from '~/vue_shared/components/icon.vue'; import Icon from '~/vue_shared/components/icon.vue';
/** /**
...@@ -15,7 +15,7 @@ export default { ...@@ -15,7 +15,7 @@ export default {
name: 'FilteredSearchDropdown', name: 'FilteredSearchDropdown',
components: { components: {
Icon, Icon,
GlButton, GlDeprecatedButton,
}, },
props: { props: {
title: { title: {
...@@ -141,10 +141,10 @@ export default { ...@@ -141,10 +141,10 @@ export default {
<div v-if="shouldRenderCreateButton" class="dropdown-footer"> <div v-if="shouldRenderCreateButton" class="dropdown-footer">
<slot name="footer" :filter="filter"> <slot name="footer" :filter="filter">
<gl-button <gl-deprecated-button
class="js-dropdown-create-button btn-transparent" class="js-dropdown-create-button btn-transparent"
@click="$emit('createItem', filter)" @click="$emit('createItem', filter)"
>{{ computedCreateButtonText }}</gl-button >{{ computedCreateButtonText }}</gl-deprecated-button
> >
</slot> </slot>
</div> </div>
......
app/assets/javascripts/vue_shared/components/header_ci_component.vue
View file @ 04baa855
<script> <script>
import { GlTooltipDirective, GlLink, GlButton } from '@gitlab/ui'; import { GlTooltipDirective, GlLink, GlDeprecatedButton } from '@gitlab/ui';
import { __, sprintf } from '~/locale'; import { __, sprintf } from '~/locale';
import CiIconBadge from './ci_badge_link.vue'; import CiIconBadge from './ci_badge_link.vue';
import TimeagoTooltip from './time_ago_tooltip.vue'; import TimeagoTooltip from './time_ago_tooltip.vue';
...@@ -18,7 +18,7 @@ export default { ...@@ -18,7 +18,7 @@ export default {
TimeagoTooltip, TimeagoTooltip,
UserAvatarImage, UserAvatarImage,
GlLink, GlLink,
GlButton, GlDeprecatedButton,
}, },
directives: { directives: {
GlTooltip: GlTooltipDirective, GlTooltip: GlTooltipDirective,
...@@ -108,7 +108,7 @@ export default { ...@@ -108,7 +108,7 @@ export default {
<section v-if="$slots.default" class="header-action-buttons"> <section v-if="$slots.default" class="header-action-buttons">
<slot></slot> <slot></slot>
</section> </section>
<gl-button <gl-deprecated-button
v-if="hasSidebarButton" v-if="hasSidebarButton"
id="toggleSidebar" id="toggleSidebar"
class="d-block d-sm-none class="d-block d-sm-none
...@@ -116,6 +116,6 @@ sidebar-toggle-btn js-sidebar-build-toggle js-sidebar-build-toggle-header" ...@@ -116,6 +116,6 @@ sidebar-toggle-btn js-sidebar-build-toggle js-sidebar-build-toggle-header"
@click="onClickSidebarButton" @click="onClickSidebarButton"
> >
<i class="fa fa-angle-double-left" aria-hidden="true" aria-labelledby="toggleSidebar"> </i> <i class="fa fa-angle-double-left" aria-hidden="true" aria-labelledby="toggleSidebar"> </i>
</gl-button> </gl-deprecated-button>
</header> </header>
</template> </template>
app/assets/javascripts/vue_shared/components/loading_button.vue
View file @ 04baa855
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
import { GlLoadingIcon } from '@gitlab/ui'; import { GlLoadingIcon } from '@gitlab/ui';
/* eslint-disable vue/require-default-prop */ /* eslint-disable vue/require-default-prop */
/* /*
This component will be deprecated in favor of gl-button. This component will be deprecated in favor of gl-deprecated-button.
https://gitlab-org.gitlab.io/gitlab-ui/?path=/story/base-button--loading-button https://gitlab-org.gitlab.io/gitlab-ui/?path=/story/base-button--loading-button
https://gitlab.com/gitlab-org/gitlab/issues/207412 https://gitlab.com/gitlab-org/gitlab/issues/207412
*/ */
......
app/assets/javascripts/vue_shared/components/markdown/header.vue
View file @ 04baa855
<script> <script>
import $ from 'jquery'; import $ from 'jquery';
import { GlPopover, GlButton, GlTooltipDirective } from '@gitlab/ui'; import { GlPopover, GlDeprecatedButton, GlTooltipDirective } from '@gitlab/ui';
import ToolbarButton from './toolbar_button.vue'; import ToolbarButton from './toolbar_button.vue';
import Icon from '../icon.vue'; import Icon from '../icon.vue';
...@@ -9,7 +9,7 @@ export default { ...@@ -9,7 +9,7 @@ export default {
ToolbarButton, ToolbarButton,
Icon, Icon,
GlPopover, GlPopover,
GlButton, GlDeprecatedButton,
}, },
directives: { directives: {
GlTooltip: GlTooltipDirective, GlTooltip: GlTooltipDirective,
...@@ -142,9 +142,9 @@ export default { ...@@ -142,9 +142,9 @@ export default {
) )
}} }}
</p> </p>
<gl-button variant="primary" size="sm" @click="handleSuggestDismissed"> <gl-deprecated-button variant="primary" size="sm" @click="handleSuggestDismissed">
{{ __('Got it') }} {{ __('Got it') }}
</gl-button> </gl-deprecated-button>
</gl-popover> </gl-popover>
</template> </template>
<toolbar-button tag="`" tag-block="```" :button-title="__('Insert code')" icon="code" /> <toolbar-button tag="`" tag-block="```" :button-title="__('Insert code')" icon="code" />
......
app/assets/javascripts/vue_shared/components/markdown/suggestion_diff_header.vue
View file @ 04baa855
<script> <script>
import { GlButton, GlLoadingIcon, GlTooltipDirective } from '@gitlab/ui'; import { GlDeprecatedButton, GlLoadingIcon, GlTooltipDirective } from '@gitlab/ui';
import Icon from '~/vue_shared/components/icon.vue'; import Icon from '~/vue_shared/components/icon.vue';
export default { export default {
components: { Icon, GlButton, GlLoadingIcon }, components: { Icon, GlDeprecatedButton, GlLoadingIcon },
directives: { 'gl-tooltip': GlTooltipDirective }, directives: { 'gl-tooltip': GlTooltipDirective },
props: { props: {
canApply: { canApply: {
...@@ -52,7 +52,7 @@ export default { ...@@ -52,7 +52,7 @@ export default {
<gl-loading-icon class="d-flex-center mr-2" /> <gl-loading-icon class="d-flex-center mr-2" />
<span>{{ __('Applying suggestion') }}</span> <span>{{ __('Applying suggestion') }}</span>
</div> </div>
<gl-button <gl-deprecated-button
v-else-if="canApply" v-else-if="canApply"
v-gl-tooltip.viewport="__('This also resolves the discussion')" v-gl-tooltip.viewport="__('This also resolves the discussion')"
class="btn-inverted js-apply-btn" class="btn-inverted js-apply-btn"
...@@ -61,6 +61,6 @@ export default { ...@@ -61,6 +61,6 @@ export default {
@click="applySuggestion" @click="applySuggestion"
> >
{{ __('Apply suggestion') }} {{ __('Apply suggestion') }}
</gl-button> </gl-deprecated-button>
</div> </div>
</template> </template>
app/assets/javascripts/vue_shared/components/modal_copy_button.vue
View file @ 04baa855
<script> <script>
import $ from 'jquery'; import $ from 'jquery';
import { GlButton, GlTooltipDirective } from '@gitlab/ui'; import { GlDeprecatedButton, GlTooltipDirective } from '@gitlab/ui';
import Clipboard from 'clipboard'; import Clipboard from 'clipboard';
import { __ } from '~/locale'; import { __ } from '~/locale';
import Icon from '~/vue_shared/components/icon.vue'; import Icon from '~/vue_shared/components/icon.vue';
export default { export default {
components: { components: {
GlButton, GlDeprecatedButton,
Icon, Icon,
}, },
...@@ -113,7 +113,7 @@ export default { ...@@ -113,7 +113,7 @@ export default {
}; };
</script> </script>
<template> <template>
<gl-button <gl-deprecated-button
v-gl-tooltip="{ placement: tooltipPlacement, container: tooltipContainer }" v-gl-tooltip="{ placement: tooltipPlacement, container: tooltipContainer }"
:class="cssClasses" :class="cssClasses"
:data-clipboard-target="target" :data-clipboard-target="target"
...@@ -123,5 +123,5 @@ export default { ...@@ -123,5 +123,5 @@ export default {
<slot> <slot>
<icon name="copy-to-clipboard" /> <icon name="copy-to-clipboard" />
</slot> </slot>
</gl-button> </gl-deprecated-button>
</template> </template>
app/assets/javascripts/vue_shared/components/notes/system_note.vue
View file @ 04baa855
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
*/ */
import $ from 'jquery'; import $ from 'jquery';
import { mapGetters, mapActions, mapState } from 'vuex'; import { mapGetters, mapActions, mapState } from 'vuex';
import { GlButton, GlSkeletonLoading, GlTooltipDirective } from '@gitlab/ui'; import { GlDeprecatedButton, GlSkeletonLoading, GlTooltipDirective } from '@gitlab/ui';
import descriptionVersionHistoryMixin from 'ee_else_ce/notes/mixins/description_version_history'; import descriptionVersionHistoryMixin from 'ee_else_ce/notes/mixins/description_version_history';
import noteHeader from '~/notes/components/note_header.vue'; import noteHeader from '~/notes/components/note_header.vue';
import Icon from '~/vue_shared/components/icon.vue'; import Icon from '~/vue_shared/components/icon.vue';
...@@ -35,7 +35,7 @@ export default { ...@@ -35,7 +35,7 @@ export default {
Icon, Icon,
noteHeader, noteHeader,
TimelineEntryItem, TimelineEntryItem,
GlButton, GlDeprecatedButton,
GlSkeletonLoading, GlSkeletonLoading,
}, },
directives: { directives: {
...@@ -131,7 +131,7 @@ export default { ...@@ -131,7 +131,7 @@ export default {
<gl-skeleton-loading /> <gl-skeleton-loading />
</pre> </pre>
<pre v-else class="wrapper mt-2" v-html="descriptionVersion"></pre> <pre v-else class="wrapper mt-2" v-html="descriptionVersion"></pre>
<gl-button <gl-deprecated-button
v-if="canDeleteDescriptionVersion" v-if="canDeleteDescriptionVersion"
ref="deleteDescriptionVersionButton" ref="deleteDescriptionVersionButton"
v-gl-tooltip v-gl-tooltip
...@@ -140,7 +140,7 @@ export default { ...@@ -140,7 +140,7 @@ export default {
@click="deleteDescriptionVersion" @click="deleteDescriptionVersion"
> >
<icon name="remove" /> <icon name="remove" />
</gl-button> </gl-deprecated-button>
</div> </div>
</div> </div>
</div> </div>
......
app/assets/javascripts/vue_shared/components/project_selector/project_list_item.vue
View file @ 04baa855
<script> <script>
import { GlButton } from '@gitlab/ui'; import { GlDeprecatedButton } from '@gitlab/ui';
import { isString } from 'lodash'; import { isString } from 'lodash';
import Icon from '~/vue_shared/components/icon.vue'; import Icon from '~/vue_shared/components/icon.vue';
import ProjectAvatar from '~/vue_shared/components/project_avatar/default.vue'; import ProjectAvatar from '~/vue_shared/components/project_avatar/default.vue';
...@@ -11,7 +11,7 @@ export default { ...@@ -11,7 +11,7 @@ export default {
components: { components: {
Icon, Icon,
ProjectAvatar, ProjectAvatar,
GlButton, GlDeprecatedButton,
}, },
props: { props: {
project: { project: {
...@@ -45,7 +45,7 @@ export default { ...@@ -45,7 +45,7 @@ export default {
}; };
</script> </script>
<template> <template>
<gl-button <gl-deprecated-button
class="d-flex align-items-center btn pt-1 pb-1 border-0 project-list-item" class="d-flex align-items-center btn pt-1 pb-1 border-0 project-list-item"
@click="onClick" @click="onClick"
> >
...@@ -70,5 +70,5 @@ export default { ...@@ -70,5 +70,5 @@ export default {
v-html="highlightedProjectName" v-html="highlightedProjectName"
></div> ></div>
</div> </div>
</gl-button> </gl-deprecated-button>
</template> </template>
app/assets/javascripts/vue_shared/components/sidebar/labels_select_vue/dropdown_button.vue
View file @ 04baa855
<script> <script>
import { mapGetters } from 'vuex'; import { mapGetters } from 'vuex';
import { GlButton, GlIcon } from '@gitlab/ui'; import { GlDeprecatedButton, GlIcon } from '@gitlab/ui';
export default { export default {
components: { components: {
GlButton, GlDeprecatedButton,
GlIcon, GlIcon,
}, },
computed: { computed: {
...@@ -14,8 +14,8 @@ export default { ...@@ -14,8 +14,8 @@ export default {
</script> </script>
<template> <template>
<gl-button class="labels-select-dropdown-button w-100 text-left"> <gl-deprecated-button class="labels-select-dropdown-button w-100 text-left">
<span class="dropdown-toggle-text">{{ dropdownButtonText }}</span> <span class="dropdown-toggle-text">{{ dropdownButtonText }}</span>
<gl-icon name="chevron-down" class="pull-right" /> <gl-icon name="chevron-down" class="pull-right" />
</gl-button> </gl-deprecated-button>
</template> </template>
app/assets/javascripts/vue_shared/components/sidebar/labels_select_vue/dropdown_contents_create_view.vue
View file @ 04baa855
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
import { mapState, mapActions } from 'vuex'; import { mapState, mapActions } from 'vuex';
import { import {
GlTooltipDirective, GlTooltipDirective,
GlButton, GlDeprecatedButton,
GlIcon, GlIcon,
GlFormInput, GlFormInput,
GlLink, GlLink,
...@@ -11,7 +11,7 @@ import { ...@@ -11,7 +11,7 @@ import {
export default { export default {
components: { components: {
GlButton, GlDeprecatedButton,
GlIcon, GlIcon,
GlFormInput, GlFormInput,
GlLink, GlLink,
...@@ -60,7 +60,7 @@ export default { ...@@ -60,7 +60,7 @@ export default {
<template> <template>
<div class="labels-select-contents-create js-labels-create"> <div class="labels-select-contents-create js-labels-create">
<div class="dropdown-title d-flex align-items-center pt-0 pb-2"> <div class="dropdown-title d-flex align-items-center pt-0 pb-2">
<gl-button <gl-deprecated-button
:aria-label="__('Go back')" :aria-label="__('Go back')"
variant="link" variant="link"
size="sm" size="sm"
...@@ -68,9 +68,9 @@ export default { ...@@ -68,9 +68,9 @@ export default {
@click="toggleDropdownContentsCreateView" @click="toggleDropdownContentsCreateView"
> >
<gl-icon name="arrow-left" /> <gl-icon name="arrow-left" />
</gl-button> </gl-deprecated-button>
<span class="flex-grow-1">{{ labelsCreateTitle }}</span> <span class="flex-grow-1">{{ labelsCreateTitle }}</span>
<gl-button <gl-deprecated-button
:aria-label="__('Close')" :aria-label="__('Close')"
variant="link" variant="link"
size="sm" size="sm"
...@@ -78,7 +78,7 @@ export default { ...@@ -78,7 +78,7 @@ export default {
@click="toggleDropdownContents" @click="toggleDropdownContents"
> >
<gl-icon name="close" /> <gl-icon name="close" />
</gl-button> </gl-deprecated-button>
</div> </div>
<div class="dropdown-input"> <div class="dropdown-input">
<gl-form-input <gl-form-input
...@@ -107,7 +107,7 @@ export default { ...@@ -107,7 +107,7 @@ export default {
</div> </div>
</div> </div>
<div class="dropdown-actions clearfix pt-2 px-2"> <div class="dropdown-actions clearfix pt-2 px-2">
<gl-button <gl-deprecated-button
:disabled="disableCreate" :disabled="disableCreate"
variant="primary" variant="primary"
class="pull-left d-flex align-items-center" class="pull-left d-flex align-items-center"
...@@ -115,10 +115,13 @@ export default { ...@@ -115,10 +115,13 @@ export default {
> >
<gl-loading-icon v-show="labelCreateInProgress" :inline="true" class="mr-1" /> <gl-loading-icon v-show="labelCreateInProgress" :inline="true" class="mr-1" />
{{ __('Create') }} {{ __('Create') }}
</gl-button> </gl-deprecated-button>
<gl-button class="pull-right js-btn-cancel-create" @click="toggleDropdownContentsCreateView"> <gl-deprecated-button
class="pull-right js-btn-cancel-create"
@click="toggleDropdownContentsCreateView"
>
{{ __('Cancel') }} {{ __('Cancel') }}
</gl-button> </gl-deprecated-button>
</div> </div>
</div> </div>
</template> </template>
app/assets/javascripts/vue_shared/components/sidebar/labels_select_vue/dropdown_contents_labels_view.vue
View file @ 04baa855
<script> <script>
import { mapState, mapGetters, mapActions } from 'vuex'; import { mapState, mapGetters, mapActions } from 'vuex';
import { GlLoadingIcon, GlButton, GlIcon, GlSearchBoxByType, GlLink } from '@gitlab/ui'; import { GlLoadingIcon, GlDeprecatedButton, GlIcon, GlSearchBoxByType, GlLink } from '@gitlab/ui';
import { UP_KEY_CODE, DOWN_KEY_CODE, ENTER_KEY_CODE, ESC_KEY_CODE } from '~/lib/utils/keycodes'; import { UP_KEY_CODE, DOWN_KEY_CODE, ENTER_KEY_CODE, ESC_KEY_CODE } from '~/lib/utils/keycodes';
export default { export default {
components: { components: {
GlLoadingIcon, GlLoadingIcon,
GlButton, GlDeprecatedButton,
GlIcon, GlIcon,
GlSearchBoxByType, GlSearchBoxByType,
GlLink, GlLink,
...@@ -125,7 +125,7 @@ export default { ...@@ -125,7 +125,7 @@ export default {
/> />
<div class="dropdown-title d-flex align-items-center pt-0 pb-2"> <div class="dropdown-title d-flex align-items-center pt-0 pb-2">
<span class="flex-grow-1">{{ labelsListTitle }}</span> <span class="flex-grow-1">{{ labelsListTitle }}</span>
<gl-button <gl-deprecated-button
:aria-label="__('Close')" :aria-label="__('Close')"
variant="link" variant="link"
size="sm" size="sm"
...@@ -133,7 +133,7 @@ export default { ...@@ -133,7 +133,7 @@ export default {
@click="toggleDropdownContents" @click="toggleDropdownContents"
> >
<gl-icon name="close" /> <gl-icon name="close" />
</gl-button> </gl-deprecated-button>
</div> </div>
<div class="dropdown-input"> <div class="dropdown-input">
<gl-search-box-by-type v-model="searchKey" :autofocus="true" /> <gl-search-box-by-type v-model="searchKey" :autofocus="true" />
...@@ -160,11 +160,11 @@ export default { ...@@ -160,11 +160,11 @@ export default {
<div class="dropdown-footer"> <div class="dropdown-footer">
<ul class="list-unstyled"> <ul class="list-unstyled">
<li> <li>
<gl-button <gl-deprecated-button
variant="link" variant="link"
class="d-flex w-100 flex-row text-break-word label-item" class="d-flex w-100 flex-row text-break-word label-item"
@click="toggleDropdownContentsCreateView" @click="toggleDropdownContentsCreateView"
>{{ footerCreateLabelTitle }}</gl-button >{{ footerCreateLabelTitle }}</gl-deprecated-button
> >
</li> </li>
<li> <li>
......
app/assets/javascripts/vue_shared/components/sidebar/labels_select_vue/dropdown_title.vue
View file @ 04baa855
<script> <script>
import { mapState, mapActions } from 'vuex'; import { mapState, mapActions } from 'vuex';
import { GlButton, GlLoadingIcon } from '@gitlab/ui'; import { GlDeprecatedButton, GlLoadingIcon } from '@gitlab/ui';
export default { export default {
components: { components: {
GlButton, GlDeprecatedButton,
GlLoadingIcon, GlLoadingIcon,
}, },
props: { props: {
...@@ -27,12 +27,12 @@ export default { ...@@ -27,12 +27,12 @@ export default {
{{ __('Labels') }} {{ __('Labels') }}
<template v-if="allowLabelEdit"> <template v-if="allowLabelEdit">
<gl-loading-icon v-show="labelsSelectInProgress" inline /> <gl-loading-icon v-show="labelsSelectInProgress" inline />
<gl-button <gl-deprecated-button
variant="link" variant="link"
class="pull-right js-sidebar-dropdown-toggle" class="pull-right js-sidebar-dropdown-toggle"
data-qa-selector="labels_edit_button" data-qa-selector="labels_edit_button"
@click="toggleDropdownContents" @click="toggleDropdownContents"
>{{ __('Edit') }}</gl-button >{{ __('Edit') }}</gl-deprecated-button
> >
</template> </template>
</div> </div>
......
app/assets/javascripts/vue_shared/components/user_avatar/user_avatar_list.vue
View file @ 04baa855
<script> <script>
import { GlButton } from '@gitlab/ui'; import { GlDeprecatedButton } from '@gitlab/ui';
import { sprintf, __ } from '~/locale'; import { sprintf, __ } from '~/locale';
import UserAvatarLink from './user_avatar_link.vue'; import UserAvatarLink from './user_avatar_link.vue';
export default { export default {
components: { components: {
UserAvatarLink, UserAvatarLink,
GlButton, GlDeprecatedButton,
}, },
props: { props: {
items: { items: {
...@@ -82,8 +82,12 @@ export default { ...@@ -82,8 +82,12 @@ export default {
:img-size="imgSize" :img-size="imgSize"
/> />
<template v-if="hasBreakpoint"> <template v-if="hasBreakpoint">
<gl-button v-if="hasHiddenItems" variant="link" @click="expand"> {{ expandText }} </gl-button> <gl-deprecated-button v-if="hasHiddenItems" variant="link" @click="expand">
<gl-button v-else variant="link" @click="collapse"> {{ __('show less') }} </gl-button> {{ expandText }}
</gl-deprecated-button>
<gl-deprecated-button v-else variant="link" @click="collapse">
{{ __('show less') }}
</gl-deprecated-button>
</template> </template>
</div> </div>
</template> </template>
app/assets/stylesheets/page_bundles/ide.scss
View file @ 04baa855
...@@ -967,7 +967,7 @@ $ide-commit-header-height: 48px; ...@@ -967,7 +967,7 @@ $ide-commit-header-height: 48px;
} }
.ide-nav-form { .ide-nav-form {
li { .nav-links li {
width: 50%; width: 50%;
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
......
app/controllers/projects/grafana_api_controller.rb
View file @ 04baa855
...@@ -9,7 +9,7 @@ class Projects::GrafanaApiController < Projects::ApplicationController ...@@ -9,7 +9,7 @@ class Projects::GrafanaApiController < Projects::ApplicationController
project, project,
params[:datasource_id], params[:datasource_id],
params[:proxy_path], params[:proxy_path],
query_params.to_h prometheus_params
).execute ).execute
return continue_polling_response if result.nil? return continue_polling_response if result.nil?
...@@ -25,6 +25,15 @@ class Projects::GrafanaApiController < Projects::ApplicationController ...@@ -25,6 +25,15 @@ class Projects::GrafanaApiController < Projects::ApplicationController
end end
def query_params def query_params
params.permit(:query, :start, :end, :step) params.permit(:query, :start_time, :end_time, :step)
end
def prometheus_params
query_params.to_h
.except(:start_time, :end_time)
.merge(
start: query_params[:start_time],
end: query_params[:end_time]
)
end end
end end
app/services/award_emojis/add_service.rb
View file @ 04baa855
...@@ -37,7 +37,8 @@ module AwardEmojis ...@@ -37,7 +37,8 @@ module AwardEmojis
awardable.noteable unless awardable.for_personal_snippet? awardable.noteable unless awardable.for_personal_snippet?
when MergeRequest, Issue when MergeRequest, Issue
awardable awardable
when Snippet else
# No todos for all other awardables
nil nil
end end
end end
......
app/views/shared/boards/components/_board.html.haml
View file @ 04baa855
...@@ -58,7 +58,7 @@ ...@@ -58,7 +58,7 @@
= render_if_exists "shared/boards/components/list_weight" = render_if_exists "shared/boards/components/list_weight"
%gl-button-group.board-list-button-group.pl-2{ "v-if" => "isNewIssueShown || isSettingsShown" } %gl-button-group.board-list-button-group.pl-2{ "v-if" => "isNewIssueShown || isSettingsShown" }
%gl-button.issue-count-badge-add-button.no-drag{ type: "button", %gl-deprecated-button.issue-count-badge-add-button.no-drag{ type: "button",
"@click" => "showNewIssueForm", "@click" => "showNewIssueForm",
"v-if" => "isNewIssueShown", "v-if" => "isNewIssueShown",
":class": "{ 'd-none': !list.isExpanded, 'rounded-right': isNewIssueShown && !isSettingsShown }", ":class": "{ 'd-none': !list.isExpanded, 'rounded-right': isNewIssueShown && !isSettingsShown }",
......
app/workers/gitlab/jira_import/stage/start_import_worker.rb
View file @ 04baa855
...@@ -16,7 +16,7 @@ module Gitlab ...@@ -16,7 +16,7 @@ module Gitlab
return unless start_import return unless start_import
Gitlab::Import::SetAsyncJid.set_jid(project) Gitlab::Import::SetAsyncJid.set_jid(project.import_state)
Gitlab::JiraImport::Stage::ImportLabelsWorker.perform_async(project.id) Gitlab::JiraImport::Stage::ImportLabelsWorker.perform_async(project.id)
end end
......
changelogs/unreleased/19128-add-system-note-metadata-for-import-export.yml 0 → 100644
View file @ 04baa855
---
title: "Add support for system note metadata in project Import/Export"
merge_request: 27853
author: Melvin Vermeeren
type: added
changelogs/unreleased/213307-fix-ide-scss-regression.yml 0 → 100644
View file @ 04baa855
---
title: Fix styling of MR dropdown in Web IDE
merge_request: 28746
author:
type: fixed
changelogs/unreleased/pipeline-message-spec.yml 0 → 100644
View file @ 04baa855
This diff is collapsed.
db/structure.sql
View file @ 04baa855
This diff is collapsed.
doc/api/api_resources.md
View file @ 04baa855
This diff is collapsed.
doc/api/group_activity_analytics.md
View file @ 04baa855
This diff is collapsed.
doc/development/database_review.md
View file @ 04baa855
This diff is collapsed.
doc/development/documentation/styleguide.md
View file @ 04baa855
This diff is collapsed.
lib/gitlab/import/set_async_jid.rb
View file @ 04baa855
This diff is collapsed.
lib/gitlab/phabricator_import/importer.rb
View file @ 04baa855
This diff is collapsed.
locale/gitlab.pot
View file @ 04baa855
This diff is collapsed.
package.json
View file @ 04baa855
This diff is collapsed.
spec/features/markdown/metrics_spec.rb
View file @ 04baa855
This diff is collapsed.
yarn.lock
View file @ 04baa855
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7