From d504531df28b2c9a4d29e38afa0f43f413aa88d8 Mon Sep 17 00:00:00 2001
From: Azul <azul@riseup.net>
Date: Wed, 19 Jul 2017 11:27:02 +0200
Subject: gitlab: show running builds

---
 widgets/gitlab_build_status/gitlab_build_status.coffee | 12 ++++++++++--
 widgets/gitlab_build_status/gitlab_build_status.html   | 11 +++++++++++
 2 files changed, 21 insertions(+), 2 deletions(-)

(limited to 'widgets')

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>
-- 
cgit v1.2.3