Change merge request button color based on CI status
This commit is contained in:
parent
3a602c8432
commit
35ec08a6e2
|
@ -113,8 +113,14 @@ class @MergeRequest
|
||||||
allowed_states = ["failed", "canceled", "running", "pending", "success"]
|
allowed_states = ["failed", "canceled", "running", "pending", "success"]
|
||||||
if state in allowed_states
|
if state in allowed_states
|
||||||
$('.ci_widget.ci-' + state).show()
|
$('.ci_widget.ci-' + state).show()
|
||||||
|
switch state
|
||||||
|
when "failed", "canceled"
|
||||||
|
@setMergeButtonClass('btn-danger')
|
||||||
|
when "running", "pending"
|
||||||
|
@setMergeButtonClass('btn-warning')
|
||||||
else
|
else
|
||||||
$('.ci_widget.ci-error').show()
|
$('.ci_widget.ci-error').show()
|
||||||
|
@setMergeButtonClass('btn-danger')
|
||||||
|
|
||||||
showCiCoverage: (coverage) ->
|
showCiCoverage: (coverage) ->
|
||||||
cov_html = $('<span>')
|
cov_html = $('<span>')
|
||||||
|
@ -144,6 +150,9 @@ class @MergeRequest
|
||||||
this.$('.merge-in-progress').hide()
|
this.$('.merge-in-progress').hide()
|
||||||
this.$('.automerge_widget.already_cannot_be_merged').show()
|
this.$('.automerge_widget.already_cannot_be_merged').show()
|
||||||
|
|
||||||
|
setMergeButtonClass: (css_class) ->
|
||||||
|
$('.accept_merge_request').removeClass("btn-create").addClass(css_class)
|
||||||
|
|
||||||
mergeInProgress: ->
|
mergeInProgress: ->
|
||||||
$.ajax
|
$.ajax
|
||||||
type: 'GET'
|
type: 'GET'
|
||||||
|
|
|
@ -137,30 +137,15 @@
|
||||||
background-color: #F1FAF1;
|
background-color: #F1FAF1;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.ci-pending {
|
&.ci-pending,
|
||||||
color: #548;
|
|
||||||
border-color: #548;
|
|
||||||
background-color: #F4F1FA;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.ci-running {
|
&.ci-running {
|
||||||
color: $gl-warning;
|
color: $gl-warning;
|
||||||
border-color: $gl-warning;
|
border-color: $gl-warning;
|
||||||
background-color: #FAF5F1;
|
background-color: #FAF5F1;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.ci-failed {
|
&.ci-failed,
|
||||||
color: $gl-danger;
|
&.ci-canceled,
|
||||||
border-color: $gl-danger;
|
|
||||||
background-color: #FAF1F1;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.ci-canceled {
|
|
||||||
color: $gl-warning;
|
|
||||||
border-color: $gl-danger;
|
|
||||||
background-color: #FAF5F1;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.ci-error {
|
&.ci-error {
|
||||||
color: $gl-danger;
|
color: $gl-danger;
|
||||||
border-color: $gl-danger;
|
border-color: $gl-danger;
|
||||||
|
|
Loading…
Reference in New Issue