Merge pull request #20 from xebialabs-community/ProjectStatusTileLegend

Adding a legend explaing the different build statuses
xebialabs-community · May 2, 2019 · 62ee13b · 62ee13b
2 parents 3270fdd + ee563a2
commit 62ee13b
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 3 deletions.
diff --git a/README.md b/README.md
@@ -86,7 +86,8 @@ Place the latest released version under the `plugins` dir.
 ## Tiles
 
 -   BuildConfigurationsStatusTile: Displays the build status for all Build Types within a certain project. Remark: The rendering of the status images is browser based.
-
+-   ProjectStatusTile: Display the status for a project.
+-   LongestBuildsTile: Display the longest builds for a project.
 
 [xlr-teamcity-plugin-travis-image]: https://travis-ci.org/xebialabs-community/xlr-teamcity-plugin.svg?branch=master
 

diff --git a/src/main/resources/teamcity/BuildConfigurationsStatusTile.py b/src/main/resources/teamcity/BuildConfigurationsStatusTile.py
@@ -17,7 +17,7 @@
 data = {}
 status_count = []
 status_options = []
-status_colors = {'SUCCESS':'green','UNKNOWN':'orange','FAILURE':'red','No Info':'gray'}
+status_colors = {'SUCCESS':'green','UNKNOWN':'orange','FAILURE':'red','ERROR':'yellow','No Info':'gray'}
 
 def increment_status_count(status):
     if status not in status_options:

diff --git a/src/main/resources/web/teamcity/ProjectStatusTile/project-status-tile-summary-view.html b/src/main/resources/web/teamcity/ProjectStatusTile/project-status-tile-summary-view.html
@@ -13,15 +13,33 @@
 <html>
 
 <head>
+    <style type="text/css">
+        .container {
+            display: grid;
+            grid-template-columns: auto 10px;
+        }
+
+        .ui-tooltip {
+            white-space: pre-line;
+        }
+    </style>
     <meta charset="utf-8">
     <title>ECharts</title>
     <!-- including ECharts file -->
     <script src="http://echarts.baidu.com/dist/echarts.min.js"></script>
+    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
+    <script src="https://code.jquery.com/jquery-3.3.1.min.js"
+        integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
+    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"
+        integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" crossorigin="anonymous"></script>
 </head>
 
 <body>
     <!-- prepare a DOM container with width and height -->
-    <div id="main" style="width: 600px;height:400px;"></div>
+    <div class="container">
+        <div id="main" style="width: 600px;height:400px;"></div>
+        <div class="ui-icon ui-icon-info" title=""></div>
+    </div>
     <script type="text/javascript">
         window.addEventListener("xlrelease.load", function () {
             window.xlrelease.queryTileData(function (response) {
@@ -66,6 +84,20 @@
 
                 // use configuration item and data specified to show chart
                 myChart.setOption(option);
+                $(function () {
+                    $(document).tooltip({
+                        content: function () {
+                            var element = $(this);
+                            if (element.is("[title]")) {
+                                return "SUCCESS: Successful Builds\n" +
+                                       "FAILURE: Failed Builds\n" +
+                                       "UNKNOWN: Cancelled Builds\n" +
+                                       "ERROR: Some error\n" +
+                                       "No Info: The builds have never been started"
+                            }
+                        }
+                    });
+                });
             });
         });
     </script>