Qt Metrics 2 (v0.36): Dashboard

New page to show the success rate of the latest
Qt5 builds based on the configuration build
results and the test results in branches as
speedo charts using the d3.js library.

Change-Id: I8af65fe16eefd56f5f2883abaf2dfcf2d016563b
Reviewed-by: Tony Sarajärvi <tony.sarajarvi@theqtcompany.com>

2 files changed, 111 insertions, 1 deletions

diff --git a/non-puppet/qtmetrics2/styles/qtmetrics.css b/non-puppet/qtmetrics2/styles/qtmetrics.css
index 2154532..f27ea52 100644
--- a/non-puppet/qtmetrics2/styles/qtmetrics.css
+++ b/non-puppet/qtmetrics2/styles/qtmetrics.css
@@ -35,7 +35,7 @@
 
 /**
  * Qt Metrics style sheet
- * @since     22-09-2015
+ * @since     27-09-2015
  * @author    Juha Sippola
  */
 
@@ -208,3 +208,33 @@ thead {
 .hidden {
   visibility: hidden;
 }
+
+/*
+ * Speedo chart
+ * (Note: The SVG style definitions are in qtmetrics_svg.css)
+ */
+.chartSpeedo {
+  float: left;
+  margin: 2px 10px 2px 10px;
+  text-align: center;
+}
+.chartSpeedo p {
+  font-size: 1em;
+  float: left;
+  width: 100%;
+}
+.chartSpeedo p em {
+  font-size: 3em;
+  clear: both;
+  width: 100%;
+}
+
+.chartSpeedo .chartArea {
+  margin: 0px 0px -40px 0px;
+}
+
+.chartSpeedo .label {
+  color: #464A4F;
+  background-color: white;
+  border: 1px solid #464A4F;
+}
diff --git a/non-puppet/qtmetrics2/styles/qtmetrics_svg.css b/non-puppet/qtmetrics2/styles/qtmetrics_svg.css
new file mode 100644
index 0000000..be86a5d
--- /dev/null
+++ b/non-puppet/qtmetrics2/styles/qtmetrics_svg.css
@@ -0,0 +1,80 @@
+/*
+#############################################################################
+##
+## Copyright (C) 2015 The Qt Company Ltd.
+## Contact: http://www.qt.io/licensing/
+##
+## This file is part of the Quality Assurance module of the Qt Toolkit.
+##
+## $QT_BEGIN_LICENSE:LGPL21$
+## Commercial License Usage
+## Licensees holding valid commercial Qt licenses may use this file in
+## accordance with the commercial license agreement provided with the
+## Software or, alternatively, in accordance with the terms contained in
+## a written agreement between you and The Qt Company. For licensing terms
+## and conditions see http://www.qt.io/terms-conditions. For further
+## information use the contact form at http://www.qt.io/contact-us.
+##
+## GNU Lesser General Public License Usage
+## Alternatively, this file may be used under the terms of the GNU Lesser
+## General Public License version 2.1 or version 3 as published by the Free
+## Software Foundation and appearing in the file LICENSE.LGPLv21 and
+## LICENSE.LGPLv3 included in the packaging of this file. Please review the
+## following information to ensure the GNU Lesser General Public License
+## requirements will be met: https://www.gnu.org/licenses/lgpl.html and
+## http://www.gnu.org/licenses/old-licenses/lgpl-2.1.html.
+##
+## As a special exception, The Qt Company gives you certain additional
+## rights. These rights are described in The Qt Company LGPL Exception
+## version 1.1, included in the file LGPL_EXCEPTION.txt in this package.
+##
+## $QT_END_LICENSE$
+##
+#############################################################################
+*/
+
+/**
+ * Qt Metrics style definitions for SVG (scalable vector graphics)
+ * @since     27-09-2015
+ * @author    Juha Sippola
+ */
+
+/*
+ * Speedo chart
+ * (Note: The normal CSS style definitions are in qtmetrics.css)
+ */
+
+.chart-color1 {
+  fill: #FF0000;
+}
+.chart-color2 {
+  fill: #FF4D00;
+}
+.chart-color3 {
+  fill: #FF8200;
+}
+.chart-color4 {
+  fill: #FFA600;
+}
+.chart-color5 {
+  fill: #FFDC00;
+}
+.chart-color6 {
+  fill: #FFE600;
+}
+.chart-color7 {
+  fill: #FFF800;
+}
+.chart-color8 {
+  fill: #D5FF00;
+}
+.chart-color9 {
+  fill: #72F600;
+}
+.chart-color10 {
+  fill: #07FB00;
+}
+.needle,
+.needle-center {
+  fill: #464A4F;
+}