[GitHub] asfgit closed pull request #61: IGNITE-10169 Show tests and problems values on graphs

classic Classic list List threaded Threaded
1 message Options
Reply | Threaded
Open this post in threaded view
|

[GitHub] asfgit closed pull request #61: IGNITE-10169 Show tests and problems values on graphs

GitBox
asfgit closed pull request #61: IGNITE-10169 Show tests and problems values on graphs
URL: https://github.com/apache/ignite-teamcity-bot/pull/61
 
 
   

This is a PR merged from a forked repository.
As GitHub hides the original diff on merge, it is displayed below for
the sake of provenance:

As this is a foreign pull request (from a fork), the diff is supplied
below (as it won't show otherwise due to GitHub magic):

diff --git a/ignite-tc-helper-web/src/main/webapp/comparison.html b/ignite-tc-helper-web/src/main/webapp/comparison.html
index b8d5b70b..4a5c37c8 100644
--- a/ignite-tc-helper-web/src/main/webapp/comparison.html
+++ b/ignite-tc-helper-web/src/main/webapp/comparison.html
@@ -208,7 +208,6 @@
     }
 
     const parseTime = d3.timeParse("%d-%m-%YT%H:%M:%S"),
-        formatTime = d3.timeFormat("%d-%m-%Y %H:%M:%S"),
         formatMillisecond = d3.timeFormat(".%L"),
         formatSecond = d3.timeFormat(":%S"),
         formatMinute = d3.timeFormat("%H:%M"),
@@ -423,7 +422,7 @@
     }
 
     function getSuiteTestsHtml(results, suite, key) {
-        if (!results[key].hasOwnProperty(suite) || results[key][suite].length == 0)
+        if (!results[key].hasOwnProperty(suite) || results[key][suite].length === 0)
             return '';
 
         let res = '<body><div  id="' + suite + key + '"style="cursor: default; margin-left: 10px;">';
@@ -527,13 +526,13 @@
             $('#' + stat.name + stat.num).html(stat.min + " - " + stat.median +  " - " + stat.max);
 
         compareAndHighlight(stat);
+    }
 
-        function time(s) {
-            let h = parseInt(s / 3600),
-                m = parseInt((s % 3600) / 60);
+    function time(s) {
+        let h = parseInt(s / 3600),
+            m = parseInt((s % 3600) / 60);
 
-            return h + ":" + ((m < 10) ? "0" : "") + m;
-        }
+        return h + ":" + ((m < 10) ? "0" : "") + m;
     }
 
     function fillNameForTotalColumn(num, title) {
@@ -682,7 +681,7 @@
             height = 200 - margin.top - margin.bottom,
             g = svg.append("g").attr("transform", "translate(" + margin.left + "," + margin.top + ")");
 
-        let buildDate = d3.select("body").append("div").attr("class", "tooltip buildDate").style("opacity", 0),
+        let value = d3.select("body").append("div").attr("class", "tooltip value").style("opacity", 0),
             condition = d3.select("body").append("div").attr("class", "tooltip condition").style("opacity", 0),
             mark = d3.select("body").append("div").attr("class", "tooltip mark").style("opacity", 0);
 
@@ -756,23 +755,26 @@
                 let graphTd = document.getElementById("graph" + fieldName + num).getBoundingClientRect(),
                     scrollTop = window.pageYOffset || document.documentElement.scrollTop,
                     top = scrollTop + graphTd.top + y(d.stat[fieldName + F]) - 10,
-                    partLeft = graphTd.left + x(d.date),
-                    buildDateNearTheBorder = x(d.date) > (440 - 140);
+                    partLeft = graphTd.left + x(d.date) + 44,
+                    minWidth = 18, interval = 8;
+
+                value.html('&nbsp;' + (isDuration ? time(d.stat[fieldName]) : d.stat[fieldName]) + '&nbsp;');
+
+                let valueWidth = parseInt(value.style("width"));
 
-                buildDate.html(formatTime(d.date))
-                    .style("left", partLeft + (buildDateNearTheBorder ? -99 : 49) + "px")
+                value.style("left", partLeft - valueWidth / 2 + "px")
                     .style("top", top + "px" ).transition()
                     .duration(200).style("opacity", .8).style("display", "block");
 
                 mark.html('<i class="fas fa-' + (markBuildId === d.buildId ? 'eraser' : 'highlighter') + '"></i>')
-                    .style("left", partLeft + (buildDateNearTheBorder ? 49 : 23) + "px")
+                    .style("left", partLeft + valueWidth / 2 + interval + "px")
                     .style("top", top + "px" )
                     .attr("onclick", "markBuild(" + d.buildId + "); return false;").transition()
                     .duration(200).style("opacity", .8).style("display", "block");
 
                 condition.html('<i class="' + (!d.isValid ? 'fas fa-undo' : 'far fa-trash')
                     + '-alt"></i>')
-                    .style("left", partLeft + (buildDateNearTheBorder ? 75 : -3) + "px")
+                    .style("left", partLeft - minWidth - interval - valueWidth / 2 + "px")
                     .style("top", top + "px" )
                     .attr("onclick", "setCondition(" + num + ", " + d.buildId + ", " +
                         (isDuration ? d.stat[fieldName + F].getTime() / 1000 : d.stat[fieldName + F]) +
@@ -785,8 +787,8 @@
                     .style("fill", null)
                     .attr("r", 3);
 
-                buildDate.transition().duration(2000)
-                    .style("opacity", 0).on("end", function() { buildDate.style("display", "none"); });
+                value.transition().duration(2000)
+                    .style("opacity", 0).on("end", function() { value.style("display", "none"); });
 
                 condition.transition().duration(2000)
                     .style("opacity", 0).on("end", function() { condition.style("display", "none"); });
diff --git a/ignite-tc-helper-web/src/main/webapp/css/style-1.5.css b/ignite-tc-helper-web/src/main/webapp/css/style-1.5.css
index 4bc1dfe5..77291923 100644
--- a/ignite-tc-helper-web/src/main/webapp/css/style-1.5.css
+++ b/ignite-tc-helper-web/src/main/webapp/css/style-1.5.css
@@ -410,8 +410,8 @@ div.tooltip {
  height: 15px;
 }
 
-.buildDate {
- width: 140px;
+.value {
+ min-width: 18px;
  background: #12AD5E;
 }
 


 

----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on GitHub and use the
URL above to go to the specific comment.
 
For queries about this service, please contact Infrastructure at:
[hidden email]


With regards,
Apache Git Services