diff options
author | Filipa Lacerda <filipa@gitlab.com> | 2017-05-19 11:59:00 +0000 |
---|---|---|
committer | Filipa Lacerda <filipa@gitlab.com> | 2017-05-19 11:59:00 +0000 |
commit | 638fa19b14b2ebd87ada4bdcfb7a80fe294bb6b2 (patch) | |
tree | 6a57e3f360b3f6b0b4199dad3fe8c56b860c5c8e | |
parent | 0bce9872b4c82ed172e2d811ab951ab5b034901f (diff) | |
parent | 1514dd358120ca1da9f6902383e9a7fb76dc8651 (diff) | |
download | gitlab-ce-638fa19b14b2ebd87ada4bdcfb7a80fe294bb6b2.tar.gz |
Merge branch 'mr-widget-refresh-failed' into 'master'
Add refresh button into MR widget failed state.
Closes #32543
See merge request !11519
-rw-r--r-- | app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_auto_merge_failed.js | 28 |
1 files changed, 27 insertions, 1 deletions
diff --git a/app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_auto_merge_failed.js b/app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_auto_merge_failed.js index fcccb17f58d..4063859d5d0 100644 --- a/app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_auto_merge_failed.js +++ b/app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_auto_merge_failed.js @@ -1,8 +1,23 @@ +import eventHub from '../../event_hub'; + export default { name: 'MRWidgetAutoMergeFailed', props: { mr: { type: Object, required: true }, }, + data() { + return { + isRefreshing: false, + }; + }, + methods: { + refreshWidget() { + this.isRefreshing = true; + eventHub.$emit('MRWidgetUpdateRequested', () => { + this.isRefreshing = false; + }); + }, + }, template: ` <div class="mr-widget-body"> <button @@ -13,8 +28,19 @@ export default { </button> <span class="bold danger"> This merge request failed to be merged automatically. + <button + @click="refreshWidget" + :class="{ disabled: isRefreshing }" + type="button" + class="btn btn-xs btn-default"> + <i + v-if="isRefreshing" + class="fa fa-spinner fa-spin" + aria-hidden="true" /> + Refresh + </button> </span> - <div class="merge-error-text"> + <div class="merge-error-text danger bold"> {{mr.mergeError}} </div> </div> |