diff options
author | Azul <azul@riseup.net> | 2017-07-19 11:27:02 +0200 |
---|---|---|
committer | Varac <varac@leap.se> | 2017-10-16 13:20:43 +0200 |
commit | 742cc0787663280fc917bb0435e078c2c1aa376b (patch) | |
tree | ad6cbf66885bf0695fc0e7cc87ff9479bdd5c8cc /widgets | |
parent | 929138d1a99bac1ef12eea10425fbeb291535c2b (diff) |
gitlab: show running builds
Diffstat (limited to 'widgets')
-rw-r--r-- | widgets/gitlab_build_status/gitlab_build_status.coffee | 12 | ||||
-rw-r--r-- | widgets/gitlab_build_status/gitlab_build_status.html | 11 |
2 files changed, 21 insertions, 2 deletions
diff --git a/widgets/gitlab_build_status/gitlab_build_status.coffee b/widgets/gitlab_build_status/gitlab_build_status.coffee index e501aed..d2faf3e 100644 --- a/widgets/gitlab_build_status/gitlab_build_status.coffee +++ b/widgets/gitlab_build_status/gitlab_build_status.coffee @@ -1,11 +1,19 @@ class Dashing.GitlabBuildStatus extends Dashing.Widget onData: (data) -> + color = "#50BA5B" + if data.running + color = "#DA9A30" + $(@node).find('div.gitlab-build-running').show() + else + $(@node).find('div.gitlab-build-running').hide() + if data.failed + color = "red" $(@node).find('div.gitlab-build-failed').show() $(@node).find('div.gitlab-build-succeeded').hide() - $(@node).css("background-color", "red") else $(@node).find('div.gitlab-build-failed').hide() $(@node).find('div.gitlab-build-succeeded').show() - $(@node).css("background-color", "#50BA5B") + + $(@node).css("background-color", color) diff --git a/widgets/gitlab_build_status/gitlab_build_status.html b/widgets/gitlab_build_status/gitlab_build_status.html index ebac828..cb2f566 100644 --- a/widgets/gitlab_build_status/gitlab_build_status.html +++ b/widgets/gitlab_build_status/gitlab_build_status.html @@ -13,4 +13,15 @@ <h1 class="gitlab-status">All Gitlab builds are successful</h1> </div> +<div class="gitlab-build-running"> + <h1 class="gitlab-status"><span data-bind="title"></span> RUNNING</h1> + <ul class="list-nostyle list-running"> + <li data-foreach-item="running_builds"> + <!--<div class="label" data-bind="item.name"></div>--> + <div class="label"> <span class="aaa" data-bind="item.name"></span> - <span class="bbb" data-bind="item.ref"></span></div> + <div class="value">(<span class="aaa" data-bind="item.status"></span> <span class="bbb" data-bind="item.date"></span>)</div> + </li> + </ul> +</div> + <p class="updated-at" data-bind="updatedAtMessage"></p> |