Commit fa293621 authored by Taurie Davis's avatar Taurie Davis Committed by Denys Mishunov

Migrate loading buttons on pipeline table row

parent 86bc0e2e
<script> <script>
import { GlButton } from '@gitlab/ui';
import eventHub from '../../event_hub'; import eventHub from '../../event_hub';
import PipelinesActionsComponent from './pipelines_actions.vue'; import PipelinesActionsComponent from './pipelines_actions.vue';
import PipelinesArtifactsComponent from './pipelines_artifacts.vue'; import PipelinesArtifactsComponent from './pipelines_artifacts.vue';
...@@ -8,8 +9,6 @@ import PipelineUrl from './pipeline_url.vue'; ...@@ -8,8 +9,6 @@ import PipelineUrl from './pipeline_url.vue';
import PipelineTriggerer from './pipeline_triggerer.vue'; import PipelineTriggerer from './pipeline_triggerer.vue';
import PipelinesTimeago from './time_ago.vue'; import PipelinesTimeago from './time_ago.vue';
import CommitComponent from '~/vue_shared/components/commit.vue'; import CommitComponent from '~/vue_shared/components/commit.vue';
import LoadingButton from '~/vue_shared/components/loading_button.vue';
import Icon from '~/vue_shared/components/icon.vue';
import { PIPELINES_TABLE } from '../../constants'; import { PIPELINES_TABLE } from '../../constants';
/** /**
...@@ -27,8 +26,7 @@ export default { ...@@ -27,8 +26,7 @@ export default {
PipelineTriggerer, PipelineTriggerer,
CiBadge, CiBadge,
PipelinesTimeago, PipelinesTimeago,
LoadingButton, GlButton,
Icon,
}, },
props: { props: {
pipeline: { pipeline: {
...@@ -337,28 +335,30 @@ export default { ...@@ -337,28 +335,30 @@ export default {
class="d-md-block" class="d-md-block"
/> />
<loading-button <gl-button
v-if="pipeline.flags.retryable" v-if="pipeline.flags.retryable"
:loading="isRetrying" :loading="isRetrying"
:disabled="isRetrying" :disabled="isRetrying"
container-class="js-pipelines-retry-button btn btn-default btn-retry" class="js-pipelines-retry-button btn-retry"
data-qa-selector="pipeline_retry_button" data-qa-selector="pipeline_retry_button"
icon="repeat"
variant="default"
category="secondary"
@click="handleRetryClick" @click="handleRetryClick"
> />
<icon name="repeat" />
</loading-button>
<loading-button <gl-button
v-if="pipeline.flags.cancelable" v-if="pipeline.flags.cancelable"
:loading="isCancelling" :loading="isCancelling"
:disabled="isCancelling" :disabled="isCancelling"
data-toggle="modal" data-toggle="modal"
data-target="#confirmation-modal" data-target="#confirmation-modal"
container-class="js-pipelines-cancel-button btn btn-remove" icon="close"
variant="danger"
category="primary"
class="js-pipelines-cancel-button"
@click="handleCancelClick" @click="handleCancelClick"
> />
<icon name="close" />
</loading-button>
</div> </div>
</div> </div>
</div> </div>
......
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