Merge lp:~canonical-platform-qa/qakit/initial-dashboard into lp:qakit

[Sergio Cazzolato]

Dashboard including appstartup section

[lp:~canonical-platform-qa/qakit/initial-dashboard]

52. By Sergio Cazzolato on 2016-02-11

Adding missing files

53. By Sergio Cazzolato on 2016-02-12

Adding new info to the appstartup graph

54. By Sergio Cazzolato on 2016-02-12

Merge from trunk

Unmerged revisions

=== added directory 'qakit/dashboard'
=== added directory 'qakit/dashboard/css'
=== added file 'qakit/dashboard/css/demo.css'
--- qakit/dashboard/css/demo.css	1970-01-01 00:00:00 +0000
+++ qakit/dashboard/css/demo.css	2016-02-11 21:28:26 +0000
@@ -0,0 +1,136 @@
+@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,700');
+
+html{
+    background-color: #fff;
+}
+
+body{
+    font:14px/1.5 Arial, Helvetica, sans-serif;
+    padding:0;
+    margin:0;
+}
+
+.menu{
+    text-align: left;
+    padding-top: 25px;
+    margin-bottom:200px;
+}
+
+.menu .arrow{
+    opacity: 0.4;
+}
+
+.arrow.up,
+.arrow.down{
+    display: none;
+    margin: 20px 0;
+}
+
+.menu h1{
+    margin-top:0;
+    font: normal 32px/1.5 'Open Sans', sans-serif;
+    color: #3F71AE;
+    padding-bottom: 16px;
+}
+
+.menu h2{
+    color: #F05283;
+}
+
+.menu h2 a{
+    color:inherit;
+    text-decoration: none;
+    display: inline-block;
+    border: 1px solid #F05283;
+    padding: 10px 15px;
+    border-radius: 3px;
+    font: bold 14px/1 'Open Sans', sans-serif;
+    text-transform: uppercase;
+}
+
+.menu h2 a:hover{
+    background-color:#F05283;
+    transition:0.2s;
+    color:#fff;
+}
+
+.menu ul {
+    margin: 60px auto 0;
+}
+
+.menu ul a{
+    text-decoration: none;
+    color: #FFF;
+    text-align: left;
+    background-color: #B9C1CA;
+    padding: 10px 16px;
+    border-radius: 2px;
+    opacity: 0.8;
+    font-size: 16px;
+    display: inline-block;
+    margin: 4px;
+    line-height: 1;
+    outline: none;
+
+    transition: 0.2s ease;
+}
+
+.menu ul li a.active{
+    background-color: #66B650;
+    pointer-events: none;
+}
+
+.menu ul li a:hover {
+    opacity: 1;
+}
+
+.menu ul{
+    list-style: none;
+    padding: 0;
+}
+
+.menu ul li{
+    display: inline-block;
+}
+
+@media (max-height:800px){
+}
+
+@media (max-width: 900px) {
+
+    .menu {
+        padding-top:40px;
+        margin-bottom: 80px;
+    }
+
+    .arrow.left,
+    .arrow.right{
+        display: none;
+    }
+
+    .arrow.up,
+    .arrow.down{
+        display: inline-block;
+    }
+
+}
+
+
+
+/* -- Demo ads -- */
+
+@media (max-width: 1200px) {
+    #bsaHolder{ display:none;}
+}
+
+/* -- Link to Tutorialzine -- */
+
+.tz-link{
+    text-decoration: none;
+    color: #fff !important;
+    font: bold 36px Arial,Helvetica,sans-serif !important;
+}
+
+.tz-link span{
+    color: #da431c;
+}

=== added file 'qakit/dashboard/css/kpi.css'
--- qakit/dashboard/css/kpi.css	1970-01-01 00:00:00 +0000
+++ qakit/dashboard/css/kpi.css	2016-02-11 21:28:26 +0000
@@ -0,0 +1,32 @@
+
+.line-legend {
+    position: absolute;
+    width: 100%;
+}
+
+.line-legend ul {
+    padding-left: 20px;
+    list-style: none;
+    display: inline-block;
+    width: inherit;
+}
+
+.line-legend li {
+    display: inline-block;
+    font-size: 10px;
+    padding: 5px;
+}
+
+.line-legend li span {
+    float: left;
+    color: red !important;
+    display: block;
+    width: 8px;
+    height: 9px;
+    margin-right: 5px;
+    list-style-type: none !important;
+}
+
+.app-startup-elem {
+    text-align: center;
+}

=== added file 'qakit/dashboard/css/sidebar-advanced.css'
--- qakit/dashboard/css/sidebar-advanced.css	1970-01-01 00:00:00 +0000
+++ qakit/dashboard/css/sidebar-advanced.css	2016-02-11 21:28:26 +0000
@@ -0,0 +1,241 @@
+/* Giving the page a width */
+
+.page-layout {
+	max-width: 960px;
+	padding: 0 20px;
+	margin: 0 auto;
+	overflow: hidden;
+	box-sizing: border-box;
+
+	display: -webkit-flex;
+	display: flex;
+
+	justify-content: space-between;
+}
+
+/* The main content */
+
+.main-content {
+	font-family: Arial, Helvetica, sans-serif;
+	max-width: 500px;
+	padding-top: 40px;
+	margin-bottom: 40px;
+}
+
+/* The advanced sidebar */
+
+.sidebar-advanced {
+	font-family: Arial, Helvetica, sans-serif;
+	background-color: #292c2f;
+	width: 280px;
+}
+
+.sidebar-advanced .company-info {
+	background-color:  #292c2f;
+	padding: 35px 0;
+}
+
+.sidebar-advanced .company-info h2 {
+	color:  #ffffff;
+	font-size: 18px;
+	margin: 0 0 25px;
+	padding: 0 40px;
+}
+
+.sidebar-advanced .company-info p {
+	color:  #abb0b5;
+	font-size: 13px;
+	line-height: 1.3;
+	margin-bottom: 30px;
+	padding: 0 40px;
+}
+
+.sidebar-advanced .social-buttons {
+	padding: 0 40px;
+}
+
+.sidebar-advanced .social-buttons .fa {
+	border-radius: 2px;
+	font-size: 20px;
+	color: #ffffff;
+	text-align: center;
+	line-height: 1.7;
+	background-color: #33383b;
+	width: 34px;
+	height: 34px;
+}
+
+.sidebar-advanced .latest-blog-posts,
+.sidebar-advanced .our-newsletter,
+.sidebar-advanced .photo-stream {
+	background-color:  #292c2f;
+}
+
+.sidebar-advanced h3 {
+	background-color:  #2f5377;
+	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
+	padding: 20px 30px;
+	text-align: left;
+	color:  #ffffff;
+	font-size: 16px;
+	font-weight: bold;
+	margin: 0;
+}
+
+.sidebar-advanced h3 .fa {
+	margin-right: 15px;
+}
+
+/* Latest Blog Posts */
+
+.sidebar-advanced .latest-blog-posts ul {
+	list-style: none;
+	margin: 0;
+	text-align: left;
+	padding: 30px 40px;
+}
+
+.sidebar-advanced .latest-blog-posts ul li {
+	line-height: 1.2;
+	margin: 0 0 14px;
+}
+
+.sidebar-advanced .latest-blog-posts ul li a {
+	font-size: 13px;
+	text-decoration: none;
+	font-weight: bold;
+	color: #fff;
+}
+
+.sidebar-advanced .latest-blog-posts ul li span {
+	color: #92999F;
+	font-size: 11px;
+	display: block;
+	margin-top:4px;
+}
+
+/* Our newsletter */
+
+.sidebar-advanced .our-newsletter form {
+	padding: 30px 40px;
+}
+
+.sidebar-advanced .our-newsletter form p {
+	color:  #ffffff;
+	font-size: 13px;
+	font-weight: bold;
+	line-height: 19px;
+	margin:0 0 25px;
+}
+
+.sidebar-advanced .our-newsletter form input[type=email] {
+	border-radius: 2px;
+	background-color:  #3e4144;
+	width: 170px;
+	height: 39px;
+	margin-bottom: 15px;
+	margin-right: 8px;
+	color: #eee;
+	padding: 0 15px;
+	outline: 0;
+	border: none;
+}
+
+.sidebar-advanced .our-newsletter form button {
+	border-radius: 2px;
+	background-color: #2F7756;
+	padding: 13px 16px;
+	outline: 0;
+	border: none;
+	color: #FFF;
+	font-size: 13px;
+	font-weight: bold;
+	line-height: 1;
+	cursor: pointer;
+}
+
+/* Photo Stream */
+
+.sidebar-advanced .photo-stream .gallery {
+	padding: 35px 40px;
+	text-align: center;
+}
+
+.sidebar-advanced .photo-stream .gallery img {
+	width: 200px;
+	margin-bottom: 20px;
+}
+
+.sidebar-advanced .pagination {
+	text-align: right;
+	width: 200px;
+	margin: 0 auto;
+	white-space: nowrap;
+}
+
+.sidebar-advanced .pagination span {
+	float: left;
+	color: #FFE;
+	font-size: 13px;
+	font-weight: bold;
+	line-height: 36px;
+}
+
+.sidebar-advanced .pagination .previous,
+.sidebar-advanced .pagination .next {
+	display: inline-block;
+	position: relative;
+	border-radius: 2px;
+	background-color:  #33383b;
+	width: 34px;
+	height: 34px;
+}
+
+.sidebar-advanced .pagination .previous:after,
+.sidebar-advanced .pagination .next:after {
+	content: '';
+	position: absolute;
+	top: 12px;
+	left: 14px;
+	width: 0;
+	height: 0;
+	border-top: 5px solid transparent;
+	border-bottom: 5px solid transparent;
+}
+
+.sidebar-advanced .pagination .previous:after {
+	border-right: 7px solid #ffffff;
+}
+
+.sidebar-advanced .pagination .next:after {
+	border-left: 7px solid #ffffff;
+}
+
+/* Making the sidebar responsive */
+
+@media (max-width: 900px) {
+
+	.page-layout{
+		flex-flow:column;
+	}
+
+	.main-content{
+		max-width:none;
+	}
+
+	.sidebar-advanced {
+		width: auto;
+	}
+
+	.sidebar-advanced .photo-stream {
+		display: none;
+	}
+}
+
+/*	Removing margins and paddings from the body, so that
+    the sidebar takes the full height of the page */
+
+body{
+	margin: 0;
+	padding: 0;
+}
\ No newline at end of file

=== added file 'qakit/dashboard/css/sidebar-basic.css'
--- qakit/dashboard/css/sidebar-basic.css	1970-01-01 00:00:00 +0000
+++ qakit/dashboard/css/sidebar-basic.css	2016-02-11 21:28:26 +0000
@@ -0,0 +1,124 @@
+/* Giving the page a width */
+
+section {
+	max-width: 960px;
+	padding:0 20px;
+	margin: 0 auto;
+	overflow: hidden;
+	box-sizing: border-box;
+}
+
+/* The main content */
+
+.main-content {
+	font-family: Arial, Helvetica, sans-serif;
+	width: 520px;
+	float: left;
+}
+
+/* The sidebar */
+
+.sidebar-basic {
+	font-family: Arial, Helvetica, sans-serif;
+	float: right;
+	width: 280px;
+}
+
+.sidebar-basic .company-info {
+	background-color: #292c2f;
+	margin-bottom: 30px;
+	padding: 35px 0;
+}
+
+.sidebar-basic .company-info h3 {
+	color:  #ffffff;
+	font-size: 18px;
+	font-weight: bold;
+	margin: 0 0 25px;
+	padding: 0 40px;
+}
+
+.sidebar-basic .company-info p {
+	color: #ABB0B5;
+	font-size: 13px;
+	line-height: 19px;
+	margin: 0 0 30px;
+	padding: 0 40px;
+}
+
+.sidebar-basic .company-info .social-buttons {
+	padding: 0 40px;
+}
+
+.sidebar-basic .company-info .social-buttons .fa {
+	border-radius: 2px;
+	font-size: 20px;
+	color: #ffffff;
+	text-align: center;
+	line-height: 1.7;
+	background-color: #33383b;
+	width: 34px;
+	height: 34px;
+}
+
+.sidebar-basic .latest-blog-posts {
+	background-color: #292c2f;
+}
+
+.sidebar-basic .latest-blog-posts h3 {
+	background-color:  #2f5377;
+	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
+	padding: 20px 30px;
+	text-align: left;
+	color:  #ffffff;
+	font-size: 16px;
+	font-weight: bold;
+	margin: 0;
+}
+
+.sidebar-basic .latest-blog-posts .element-title .fa {
+	margin-right: 15px;
+}
+
+.sidebar-basic .latest-blog-posts ul {
+	list-style: none;
+	margin: 0;
+	text-align: left;
+	padding: 30px 40px;
+}
+
+.sidebar-basic .latest-blog-posts ul li {
+	line-height: 1.2;
+	margin: 0 0 14px;
+}
+
+.sidebar-basic .latest-blog-posts ul li a {
+	font-size: 13px;
+	text-decoration: none;
+	font-weight: bold;
+	color: #ffffff;
+}
+
+.sidebar-basic .latest-blog-posts ul li span {
+	color: #92999f;
+	font-size: 11px;
+	display: block;
+	margin-top:4px;
+}
+
+/* Making the sidebar responsive */
+
+@media (max-width: 900px) {
+
+	.main-content {
+		float:none;
+		width: auto;
+		margin-bottom: 40px;
+	}
+
+	.sidebar-basic {
+		float: none;
+		width: auto;
+	}
+
+}
\ No newline at end of file

=== added file 'qakit/dashboard/css/sidebar-collapse.css'
--- qakit/dashboard/css/sidebar-collapse.css	1970-01-01 00:00:00 +0000
+++ qakit/dashboard/css/sidebar-collapse.css	2016-02-11 21:28:26 +0000
@@ -0,0 +1,264 @@
+/* The main content */
+
+.main-content {
+    font-family: Ubuntu, Arial, Helvetica, sans-serif;
+    eadding-top: 40px;
+    max-width: 80%;
+    margin: 0 0 40px 260px;
+}
+
+
+/* The left-collapsing sidebar */
+
+.sidebar-left-collapse {
+    font-family: Ubuntu, Arial, Helvetica, sans-serif;
+    position: fixed;
+    top: 0;
+    left: 0;
+    /*background-color: #292c2f;*/
+    background-color: #2c001e;
+    width: 180px;
+    height: 100%;
+    padding: 20px 0;
+}
+
+.sidebar-left-collapse > a {
+    display: block;
+    text-decoration: none;
+    font-family: Ubuntu, cursive;
+    width: 122px;
+    height: 62px;
+    margin: 0 auto;
+    text-align: left;
+    color:  #ffffff;
+    font-size: 32px;
+    font-weight: normal;
+    line-height: 2.6;
+    background-image: url("../images/logo_ubuntu.svg");
+    background-size: 24px 24px;
+    background-repeat: no-repeat;
+    background-position: center right;
+}
+
+.sidebar-left-collapse .sidebar-links {
+    margin: 30px auto;
+}
+
+.sidebar-links div > a {
+    display: block;
+    text-decoration: none;
+    margin: 0 auto 5px auto;
+    padding: 10px 0 10px 5px;
+    /*background-color: #35393e;*/
+    background-color: #5e2750;
+    text-align: left;
+    color:  #b3bcc5;
+    font-size: 12px;
+    font-weight: bold;
+    line-height: 2;
+    border-left-width: 2px;
+    border-left-style: solid;
+}
+
+.sidebar-links div.selected > a{
+    background-color: #ffffff;
+    color: #565d63;
+    line-height: 2.3;
+    margin: 0;
+}
+
+.sidebar-links div > a i.fa {
+    position: relative;
+    font-size: 20px;
+    top: 3px;
+    width: 40px;
+    text-align: center;
+}
+
+.sidebar-links div ul.sub-links {
+    max-height: 0;
+    overflow: hidden;
+    list-style: none;
+    padding: 0 0 0 30px;
+    color:  #b3bcc5;
+    font-size: 12px;
+    font-weight: bold;
+    line-height: 24px;
+    margin: 0;
+    transition: 0.4s;
+}
+
+.sidebar-links div.selected ul.sub-links {
+    max-height: 500px;
+    padding: 12px 0 12px 30px;
+}
+
+.sidebar-links div .sub-links a {
+    text-decoration: none;
+    color: #b3bcc5;
+    display: block;
+    text-align: left;
+}
+
+/* Link Colors */
+
+.sidebar-links div.link-blue > a {
+    border-color: #487db2;
+}
+
+.sidebar-links div.link-blue > a i.fa {
+    color: #487db2;
+}
+
+.sidebar-links div.link-red > a {
+    border-color: #da4545;
+}
+
+.sidebar-links div.link-red > a i.fa {
+    color: #da4545;
+}
+
+.sidebar-links div.link-yellow > a {
+    border-color: #d0d237;
+}
+
+.sidebar-links div.link-yellow > a i.fa {
+    color: #d0d237;
+}
+
+.sidebar-links div.link-green > a {
+    border-color: #86be2e;
+}
+
+.sidebar-links div.link-green > a i.fa {
+    color: #86be2e;
+}
+
+.sidebar-links div.link-orange > a {
+    border-color: #dd4814;
+}
+
+.sidebar-links div.link-orange > a i.fa {
+    color: #dd4814;
+}
+
+/* Making the sidebar responsive */
+
+@media (max-width: 900px) {
+
+    .main-content{
+        max-width: none;
+        padding: 70px 20px;
+        margin: 0 0 40px;
+    }
+
+    .sidebar-left-collapse {
+        width: auto;
+        height: auto;
+        position: static;
+        padding: 20px 0 0;
+    }
+
+    .sidebar-left-collapse .sidebar-links {
+        text-align: center;
+        margin: 20px auto 0;
+    }
+
+    .sidebar-links div {
+        display: inline-block;
+        width: 100px;
+    }
+
+    .sidebar-links div > a {
+        text-align: center;
+        margin: 0;
+        padding: 10px 0;
+        border-left: none;
+        border-top-width: 2px;
+        border-top-style: solid;
+    }
+
+    .sidebar-links div > a i.fa {
+        display: block;
+        margin: 0 auto 5px;
+    }
+
+    .sidebar-links div ul.sub-links {
+        display: none;
+    }
+
+    .sidebar-links div.selected .sub-links {
+        display: block;
+        position: absolute;
+        text-align: center;
+        width: auto;
+        left: 0;
+        right: 0;
+    }
+
+    .sidebar-links div.selected .sub-links li {
+        display: inline-block;
+    }
+
+    .sidebar-links div.selected .sub-links a {
+        display: inline-block;
+        margin-right: 20px;
+        font-size: 13px;
+        color: #748290;
+    }
+
+}
+
+/* Smartphone version */
+
+@media (max-width: 450px) {
+
+    .main-content{
+        padding: 90px 20px;
+    }
+
+    .sidebar-left-collapse {
+        padding: 20px 0;
+    }
+
+    .sidebar-left-collapse .sidebar-links {
+        text-align: center;
+        margin: 20px auto 0;
+        position: relative;
+    }
+
+    .sidebar-links div {
+        display: block;
+        width: 240px;
+        margin: 0 auto 5px;
+    }
+
+    .sidebar-links div > a {
+        text-align: left;
+        padding: 10px 25px;
+        vertical-align: middle;
+        border-top: none;
+        border-left-width: 2px;
+        border-left-style: solid;
+    }
+
+    .sidebar-links div > a i.fa {
+        display: inline-block;
+        font-size: 20px;
+        width: 20px;
+        margin: 0 20px 0 0;
+    }
+
+    .sidebar-links div.selected .sub-links {
+        bottom: -90px;
+    }
+
+}
+
+/*    Removing margins and paddings from the body, so that
+    the sidebar takes the full height of the page */
+
+body {
+    margin: 0;
+    padding: 0;
+}

=== added file 'qakit/dashboard/css/sidebar-left.css'
--- qakit/dashboard/css/sidebar-left.css	1970-01-01 00:00:00 +0000
+++ qakit/dashboard/css/sidebar-left.css	2016-02-11 21:28:26 +0000
@@ -0,0 +1,179 @@
+/* The main content */
+
+.main-content {
+	font-family: Arial, Helvetica, sans-serif;
+	max-width: 600px;
+	padding-top: 40px;
+	margin: 0 0 40px 210px;
+}
+
+
+/* The left sidebar */
+
+.sidebar-left {
+	font-family: Arial, Helvetica, sans-serif;
+	position: fixed;
+	top: 0;
+	left: 0;
+	background-color: #292c2f;
+	width: 120px;
+	height: 100%;
+	padding: 20px 0;
+}
+
+.sidebar-left a.company-logo {
+	display: block;
+	text-decoration: none;
+	font-family: Cookie, cursive;
+	width: 76px;
+	height: 76px;
+	margin: 0 auto;
+	padding: 0;
+	text-align: center;
+	color:  #ffffff;
+	font-size: 28px;
+	font-weight: normal;
+	line-height: 2.6;
+	border-radius: 50%;
+	background-color:  #181a1b;
+}
+
+.sidebar-left .sidebar-links {
+	margin: 20px auto;
+}
+
+.sidebar-left .sidebar-links a {
+	display: block;
+	text-decoration: none;
+	margin: 0 auto 5px auto;
+	padding: 20px 0;
+	background-color: #35393e;
+	text-align: center;
+	color:  #b3bcc5;
+	font-size: 12px;
+	font-weight: bold;
+	border-left-width: 2px;
+	border-left-style: solid;
+}
+
+.sidebar-left .sidebar-links a i.fa {
+	display: block;
+	font-size: 35px;
+	margin-bottom: 5px;
+}
+
+.sidebar-left .sidebar-links a.selected{
+	background-color: #ffffff;
+	color:  #7c8085;
+	font-size: 12px;
+	font-weight: bold;
+	cursor: default;
+}
+
+/* Link Colors */
+
+.sidebar-left .sidebar-links a.link-blue {
+	border-color: #487db2;
+}
+.sidebar-left .sidebar-links a.link-blue i.fa {
+	color: #487db2;
+}
+
+.sidebar-left .sidebar-links a.link-red {
+	border-color: #da4545;
+}
+.sidebar-left .sidebar-links a.link-red i.fa {
+	color: #da4545;
+}
+
+.sidebar-left .sidebar-links a.link-yellow {
+	border-color: #d0d237;
+}
+.sidebar-left .sidebar-links a.link-yellow i.fa {
+	color: #d0d237;
+}
+
+.sidebar-left .sidebar-links a.link-green {
+	border-color: #86be2e;
+}
+.sidebar-left .sidebar-links a.link-green i.fa {
+	color: #86be2e;
+}
+
+/* Making the sidebar responsive */
+
+@media (max-width: 900px) {
+
+	.main-content{
+		max-width: none;
+		padding: 40px 20px;
+		margin: 0 0 40px;
+	}
+
+	.sidebar-left {
+		width: auto;
+		height: auto;
+		position: inherit;
+		padding: 20px 0 0;
+	}
+
+	.sidebar-left .sidebar-links {
+		text-align: center;
+		margin: 20px auto 0;
+	}
+
+	.sidebar-left .sidebar-links a {
+		display: inline-block;
+		width: 100px;
+		margin: 0;
+		padding: 14px 0;
+		border-left: none;
+		border-top-width: 2px;
+		border-top-style: solid;
+	}
+
+}
+
+/* Mobile phone layout */
+
+@media (max-width: 450px) {
+
+	.sidebar-left {
+		padding: 20px 0;
+	}
+
+	.sidebar-left .sidebar-links {
+		text-align: center;
+		margin: 20px auto 0;
+	}
+
+	.sidebar-left .sidebar-links a {
+		display: block;
+		max-width: 240px;
+		width: auto;
+		vertical-align: middle;
+		text-align: left;
+		margin: 0 auto 5px;
+		padding: 10px 25px;
+		border-top: none;
+		border-left-width: 2px;
+		border-left-style: solid;
+	}
+
+	.sidebar-left .sidebar-links a i.fa {
+		display: inline-block;
+		font-size: 20px;
+		width: 20px;
+		margin: 0 20px 0 0;
+		vertical-align: middle;
+	}
+
+}
+
+/*	Removing margins and paddings from the body, so that
+    the sidebar takes the full height of the page */
+
+body {
+	margin: 0;
+	padding: 0;
+}

=== added file 'qakit/dashboard/css/sidebar-light.css'
--- qakit/dashboard/css/sidebar-light.css	1970-01-01 00:00:00 +0000
+++ qakit/dashboard/css/sidebar-light.css	2016-02-11 21:28:26 +0000
@@ -0,0 +1,124 @@
+/* Giving the page a width */
+
+section {
+	max-width: 960px;
+	padding:0 20px;
+	margin: 0 auto;
+	overflow: hidden;
+	box-sizing: border-box;
+}
+
+/* The main content */
+
+.main-content {
+	font-family: Arial, Helvetica, sans-serif;
+	width: 520px;
+	float: left;
+}
+
+/* The sidebar */
+
+.sidebar-light {
+	font-family: Arial, Helvetica, sans-serif;
+	float: right;
+	width: 280px;
+}
+
+.sidebar-light .company-info {
+	background-color: #F1F4F6;
+	margin-bottom: 30px;
+	padding: 35px 0;
+}
+
+.sidebar-light .company-info h3 {
+	color:  #4E5255;
+	font-size: 18px;
+	font-weight: bold;
+	margin: 0 0 25px;
+	padding: 0 40px;
+}
+
+.sidebar-light .company-info p {
+	color: #636568;
+	font-size: 13px;
+	line-height: 19px;
+	margin: 0 0 30px;
+	padding: 0 40px;
+}
+
+.sidebar-light .company-info .social-buttons {
+	padding: 0 40px;
+}
+
+.sidebar-light .company-info .social-buttons .fa {
+	border-radius: 2px;
+	font-size: 20px;
+	color: #ffffff;
+	text-align: center;
+	line-height: 1.7;
+	background-color: #7B858F;
+	width: 34px;
+	height: 34px;
+}
+
+.sidebar-light .latest-blog-posts {
+	background-color: #F1F4F6;
+}
+
+.sidebar-light .latest-blog-posts h3 {
+	background-color: #7B858F;
+	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
+	padding: 20px 30px;
+	text-align: left;
+	color:  #ffffff;
+	font-size: 16px;
+	font-weight: bold;
+	margin: 0;
+}
+
+.sidebar-light .latest-blog-posts .element-title .fa {
+	margin-right: 15px;
+}
+
+.sidebar-light .latest-blog-posts ul {
+	list-style: none;
+	margin: 0;
+	text-align: left;
+	padding: 30px 40px;
+}
+
+.sidebar-light .latest-blog-posts ul li {
+	line-height: 1.2;
+	margin: 0 0 14px;
+}
+
+.sidebar-light .latest-blog-posts ul li a {
+	font-size: 13px;
+	text-decoration: none;
+	font-weight: bold;
+	color: #4F5255;
+}
+
+.sidebar-light .latest-blog-posts ul li span {
+	color: #92999F;
+	font-size: 11px;
+	display: block;
+	margin-top:4px;
+}
+
+/* Making the sidebar responsive */
+
+@media (max-width: 900px) {
+
+	.main-content {
+		float:none;
+		width: auto;
+		margin-bottom: 40px;
+	}
+
+	.sidebar-light {
+		float: none;
+		width: auto;
+	}
+
+}

=== added directory 'qakit/dashboard/images'
=== added file 'qakit/dashboard/images/demo-arrow-down.png'
Binary files qakit/dashboard/images/demo-arrow-down.png	1970-01-01 00:00:00 +0000 and qakit/dashboard/images/demo-arrow-down.png	2016-02-11 21:28:26 +0000 differ
=== added file 'qakit/dashboard/images/demo-arrow-left.png'
Binary files qakit/dashboard/images/demo-arrow-left.png	1970-01-01 00:00:00 +0000 and qakit/dashboard/images/demo-arrow-left.png	2016-02-11 21:28:26 +0000 differ
=== added file 'qakit/dashboard/images/demo-arrow-right.png'
Binary files qakit/dashboard/images/demo-arrow-right.png	1970-01-01 00:00:00 +0000 and qakit/dashboard/images/demo-arrow-right.png	2016-02-11 21:28:26 +0000 differ
=== added file 'qakit/dashboard/images/demo-arrow-up.png'
Binary files qakit/dashboard/images/demo-arrow-up.png	1970-01-01 00:00:00 +0000 and qakit/dashboard/images/demo-arrow-up.png	2016-02-11 21:28:26 +0000 differ
=== added file 'qakit/dashboard/images/logo_ubuntu.svg'
--- qakit/dashboard/images/logo_ubuntu.svg	1970-01-01 00:00:00 +0000
+++ qakit/dashboard/images/logo_ubuntu.svg	2016-02-11 21:28:26 +0000
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="285" height="285" viewBox="-142.5 -142.5 285 285" xmlns:xlink="http://www.w3.org/1999/xlink">
+<circle fill="#DD4814" r="141.732"/><g id="U" fill="#FFFFFF"><circle cx="-96.3772" r="18.9215"/>
+<path d="M-45.6059,68.395C-62.1655,57.3316-74.4844,40.4175-79.6011,20.6065-73.623,15.7354-69.8047,8.3164-69.8047,0-69.8047-8.3164-73.623-15.7354-79.6011-20.6065-74.4844-40.4175-62.1655-57.3316-45.6059-68.395L-31.7715-45.2212C-45.9824-35.2197-55.2754-18.7026-55.2754,0-55.2754,18.7026-45.9824,35.2197-31.7715,45.2212Z"/></g>
+<use xlink:href="#U" transform="rotate(120)"/><use xlink:href="#U" transform="rotate(240)"/></svg>
\ No newline at end of file

=== added file 'qakit/dashboard/images/sahale-wa.jpg'
Binary files qakit/dashboard/images/sahale-wa.jpg	1970-01-01 00:00:00 +0000 and qakit/dashboard/images/sahale-wa.jpg	2016-02-11 21:28:26 +0000 differ
=== added file 'qakit/dashboard/images/spice.jpg'
Binary files qakit/dashboard/images/spice.jpg	1970-01-01 00:00:00 +0000 and qakit/dashboard/images/spice.jpg	2016-02-11 21:28:26 +0000 differ
=== added file 'qakit/dashboard/index.html'
--- qakit/dashboard/index.html	1970-01-01 00:00:00 +0000
+++ qakit/dashboard/index.html	2016-02-11 21:28:26 +0000
@@ -0,0 +1,343 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <title>Platform QA - Dashboard</title>
+
+    <link rel="stylesheet" href="css/demo.css">
+    <link rel="stylesheet" href="css/kpi.css">
+    <link rel="stylesheet" href="css/sidebar-collapse.css">
+    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
+    <link href="http://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet" type="text/css">
+    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
+    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/s/bs/dt-1.10.10,b-1.1.0,fh-3.1.0,r-2.0.0/datatables.min.css"/>
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js"></script>
+    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+    <script type="text/javascript" src="https://cdn.datatables.net/s/bs/dt-1.10.10,b-1.1.0,fh-3.1.0,r-2.0.0/datatables.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/2.2.1/mustache.min.js"></script>
+    <script src="js/main.js"></script>
+	<script src="js/kpi.js"></script>
+	<script src="js/landings.js"></script>
+	<script src="js/landing-failures.js"></script>
+	<script src="js/test-execution.js"></script>
+	<script src="js/test-library.js"></script>
+	<script src="js/test-plans.js"></script>
+	<script src="js/appstartup.js"></script>
+
+<style type="text/css">
+    .bs-example{
+        margin: 20px;
+    }
+</style>
+</head>
+<body>
+  <aside class="sidebar-left-collapse">
+    <a href="#" class="company-logo">UES QA</a>
+    <div class="sidebar-links">
+      <div id="dashboard-link" class="link-orange selected">
+        <a href="#">
+          <i class="fa fa-tachometer"></i>Dashboard
+        </a>
+        <ul class="sub-links">
+          <li><a></a></li>
+        </ul>
+      </div>
+      <div id="test-metrics-link" class="link-blue">
+        <a>
+          <i class="fa fa-bar-chart"></i>Metrics
+        </a>
+        <ul class="sub-links">
+          <li id="test-library-link"><a href="#test-library-section">Test Library</a></li>
+          <li id="test-execution-link"><a href="#test-execution-section">Test Execution</a></li>
+          <li id="landings-link"><a href="#landings-section">Landings</a></li>
+          <li id="landing-failures-link"><a href="#landing-failures-section">Defects</a></li>
+        </ul>
+      </div>
+      <div class="link-red">
+        <a id="test-plans-link" href="#test-plans-section">
+          <i class="fa fa-list-ol"></i>Test Plans
+        </a>
+        <ul class="sub-links">
+        </ul>
+      </div>
+      <div id="tests-link" class="link-yellow">
+        <a>
+          <i class="fa fa-keyboard-o"></i>Tests
+        </a>
+        <ul class="sub-links">
+          <li id="applications-manual-link"><a href="#applications-manual-section">Manual by application</a></li>
+          <li id="applications-automated-link"><a href="#applications-automated-section">Automated by application</a></li>
+          <li id="domains-manual-link"><a href="#domains-manual-section">Manual by domain</a></li>
+          <li id="domains-automated-link"><a href="#domains-automated-section">Automated by domain</a></li>
+        </ul>
+      </div>
+      <div id="projects-link" class="link-yellow">
+        <a href="#">
+          <i class="fa fa-keyboard-o"></i>Projects
+        </a>
+        <ul class="sub-links">
+          <li><a href="#">Link 1</a></li>
+          <li><a href="#">Link 2</a></li>
+          <li><a href="#">Link 3</a></li>
+          <li><a href="#">Link 4</a></li>
+        </ul>
+      </div>
+      <div id="links-link" class="link-green">
+        <a href="#">
+          <i class="fa fa-book"></i>Links
+        </a>
+        <ul class="sub-links">
+          <li><a href="#" class="fa fa-lock">&nbsp;Link 1</a></li>
+          <li><a href="#">Link 2</a></li>
+          <li><a href="#">Link 3</a></li>
+          <li><a href="#">Link 4</a></li>
+        </ul>
+      </div>
+	  <div class="link-blue" id="app-startup-link">
+        <a href="#app-startup-section">
+          <i class="fa fa-tachometer"></i>App Startup
+        </a>
+        <ul id="app-startup-sublinks" class="sub-links">
+        </ul>
+      </div>
+    </div>
+  </aside>
+  <div id="main-content" class="main-content">
+
+    <div id="test-plan-modal" class="modal fade" role="dialog">
+      <div class="modal-dialog modal-lg">
+	<div class="modal-content">
+	  <ul id="test-plan-modal-anchor"></ul>
+	</div>
+      </div>
+    </div>
+    <script id="test-plan-template" type="text/template">
+      <div class="modal-header">
+	<button type="button" class="close" data-dismiss="modal">&times;</button>
+	<h4>{{id}}: {{name}}</h4>
+      </div>
+      <div class="modal-body">
+	<div class="well">
+	  <div class="row">
+	    <div class="col-md-4">
+	      <ul style="list-style-type:none">
+		<li>Status: {{Status}}</li>
+		<li>Test Level: {{Test Level}}</li>
+		<li>Test Priority: {{Test Priority}}</li>
+	      </ul>
+	    </div>
+	    <div class="col-md-4">
+	      <ul style="list-style-type:none">
+		<li>Author: {{Author}}</li>
+		<li>Created: {{Created}}</li>
+		<li>Last Modified: {{Last Modified}}</li>
+	      </ul>
+	    </div>
+	    <div class="col-md-4">
+	      <ul style="list-style-type:none">
+		<li>Application: {{Application}}</li>
+		<li>Domain: {{Test Domain}}</li>
+		<li>Devices: {{Devices}}</li>
+	      </ul> 
+	    </div>
+	  </div>
+	</div>
+	<div class="panel panel-default">
+	  <table class="table table-condensed table-striped">
+	    <thead>
+	      <tr>
+		<th>#</th>
+		<th>Description</th>
+		<th>Expected Result</th>
+	      </tr>
+	    </thead>
+	    <tbody>
+	      {{#steps}}
+	      <tr>
+		<td>{{Position}}</td>
+		<td>{{Description}}</td>
+		<td>{{Expected_results}}</td>
+	      </tr
+		 {{/steps}}
+	         </tbody>
+	  </table>
+	</div>
+      </div>
+    </script>
+    <div id="test-library-section" class="content-section">
+      <div class="panel panel-default">
+	<div class="panel-heading"><h1>Test Library</h1></div>
+	<div class="panel-body">
+	  <div class="well well-sm">
+	    <p>Tests are proposed, reviewed, and stored in a test-tracker (PractiTest, an external service)</p>
+	  </div>
+	  <div class="col-md-4">
+	    <div id="testsInLibraryChartCanvasLegend" class="line-legend"></div>
+	    <canvas id="testsInLibraryChartCanvas" height="600" width="800"></canvas>
+	  </div>
+	  <div class="col-md-4">
+	    <div id="automatedVsManualChartCanvasLegend" class="line-legend"></div>
+	    <canvas id="automatedVsManualChartCanvas" height="600" width="800"></canvas>
+	  </div>
+	  <div class="col-md-4">
+	    <div id="percentageAutomatedChartCanvasLegend" class="line-legend"></div>
+	    <canvas id="percentageAutomatedChartCanvas" height="600" width="800"></canvas>
+	  </div>
+	  <div class="col-md-12">
+	    <table id="testLibraryTable" class="table table-striped table-bordered"></table>
+	  </div>
+	</div>
+      </div>
+    </div> <!-- test-library-section -->
+
+    <div id="test-execution-section" class="content-section">
+      <div class="panel panel-default">
+	<div class="panel-heading"><h1>Test Execution</h1></div>
+	<div class="panel-body">
+	  <div class="well well-sm">
+	    <p>Manual and automated executions of regression and sanity suites on devices, by Beijing and Canonical teams</p>
+	  </div>
+	  <div class="col-md-4">
+	    <div id="manualTestsExecutedPerWeekChartCanvasLegend" class="line-legend"></div>
+            <canvas id="manualTestsExecutedPerWeekChartCanvas" height="600" width="800"></canvas>
+	  </div>
+	  <div class="col-md-4">
+	    <div id="automatedTestsExecutedPerWeekChartCanvasLegend" class="line-legend"></div>
+            <canvas id="automatedTestsExecutedPerWeekChartCanvas" height="600" width="800"></canvas>
+	  </div>
+	  <div class="col-md-4">
+	    <div id="manualVsAutomatedChartCanvasLegend" class="line-legend"></div>
+            <canvas id="manualVsAutomatedChartCanvas" height="600" width="800"></canvas>
+	  </div>
+	  <div class="col-md-12">
+	    <table id="testExecutionTable" class="table table-striped table-bordered"></table>
+	  </div>
+	</div>
+      </div>
+    </div> <!-- test-execution-section -->
+
+    <div id="landings-section" class="content-section">
+      <div class="panel panel-default">
+	<div class="panel-heading"><h1>Landings</h1></div>
+	<div class="panel-body">
+	  <div class="well well-sm">
+	    <p>Silo landings reviewed by the Ops Team</p>
+	  </div>
+	  <div class="col-md-6">
+	    <div id="siloLandingsPerWeekChartCanvasLegend" class="line-legend"></div>
+	    <canvas id="siloLandingsPerWeekChartCanvas" height="600" width="800"></canvas>
+	  </div>
+	  <div class="col-md-6">
+	    <div id="siloPassRatePerWeekChartCanvasLegend" class="line-legend"></div>
+	    <canvas id="siloPassRatePerWeekChartCanvas" height="600" width="800"></canvas>
+	  </div>
+	  <div class="col-md-12">a
+	    <table id="landingsTable" class="table table-striped table-bordered"></table>
+	  </div>
+	</div>
+      </div>
+    </div> <!-- landings-section -->
+
+    <div id="landing-failures-section" class="content-section">
+      <div class="panel panel-default">
+	<div class="panel-heading"><h1>Landing Failures</h1></div>
+	<div class="panel-body">
+	  <div class="well well-sm">
+	    <p>Defects found during silo reviews by the Ops Team</p>
+	  </div>
+	  <table id="landingFailuresTable" class="table table-striped table-bordered"></table>
+	</div>
+      </div>
+    </div> <!-- landing-failures-section -->
+
+    <div id="test-plans-section" class="content-section">
+      <div class="panel panel-default">
+	<div class="panel-heading"><h1>Test Plans</h1></div>
+	<div class="panel-body">
+	  <table id="testPlansTable" class="table table-striped table-bordered"></table>
+	</div>
+      </div>
+    </div>
+
+	<div id="app-startup-section" class="content-section">
+      <div class="panel panel-default">
+	     <div class="panel-heading"><h1>App Startup Report</h1></div>
+	     <div class="panel-body">
+			 <table id="AppStartUpTable" class="table table-striped table-bordered"></table>
+	     </div>
+      </div>
+    </div> <!-- app-startup-section -->
+
+    <div id="applications-manual-section" class="content-section">
+      <div class="panel panel-default">
+	<div class="panel-heading"><h1>Tests by Application Manual</h1></div>
+	<div class="panel-body">
+	  <div id="tests-by-application-manual" class="col-md-6">
+	    <canvas id="applicationsManualChartCanvas" height="400" width="400"></canvas>
+	  </div>
+	</div>
+      </div>
+    </div> <!-- applications-manual-section -->
+
+    <div id="applications-automated-section" class="content-section">
+      <div class="panel panel-default">
+	<div class="panel-heading"><h1>Tests by Application Automated</h1></div>
+	<div class="panel-body">
+	  <div id="tests-by-application-automated" class="col-md-6">
+	    <canvas id="applicationsAutomatedChartCanvas" height="400" width="400"></canvas>
+	  </div>
+	</div>
+      </div>
+    </div> <!-- applications-automated-section -->
+
+    <div id="domains-manual-section" class="content-section">
+      <div class="panel panel-default">
+	<div class="panel-heading"><h1>Tests by Domain Manual</h1></div>
+	<div class="panel-body">
+	  <div class="col-md-6">
+	    <canvas id="domainsManualChartCanvas" height="400" width="400"></canvas>
+	  </div>
+	</div>
+      </div>
+    </div> <!-- domains-section -->
+
+    <div id="domains-automated-section" class="content-section">
+      <div class="panel panel-default">
+	<div class="panel-heading"><h1>Tests by Domain Automated</h1></div>
+	<div class="panel-body">
+	  <div class="col-md-6">
+	    <canvas id="domainsAutomatedChartCanvas" height="400" width="400"></canvas>
+	  </div>
+	</div>
+      </div>
+    </div> <!-- domains-section -->
+
+    </div> <!-- main-content -->
+
+    <script>
+        $(function () {
+            var links = $('.sidebar-links > div');
+            links.on('click', function () {
+                links.removeClass('selected');
+                $(this).addClass('selected');
+            });
+        });
+    </script>
+    <script>
+
+// show only the content-section of id matching hash
+$(window).on("hashchange", function (e) {
+	moveToSection();
+
+});
+
+window.onload = function() {
+    drawSections(true);
+}
+    </script>
+</body>
+</html>

=== added directory 'qakit/dashboard/js'
=== added file 'qakit/dashboard/js/kpi.js'
--- qakit/dashboard/js/kpi.js	1970-01-01 00:00:00 +0000
+++ qakit/dashboard/js/kpi.js	2016-02-11 21:28:26 +0000
@@ -0,0 +1,76 @@
+
+
+var translucentGold = "rgba(255,215,0,0.2)"
+var translucentGray = "rgba(194,209,240,0.1)"
+var translucentLimeGreen = "rgba(50,205,50,0.1)"
+var translucentRed = "rgba(255, 0, 0, 0.1)"
+var translucentMediumBlue = "rgba(194,209,240,0.2)"
+var translucentYellow = "rgba(255,215,0,0.2)"
+
+var defaultChartConfig = {
+    responsive: true,
+    animation: false,
+    bezierCurve: false,
+    pointDotRadius: 2,
+    pointHitDetectionRadius: 3,
+    scaleFontSize: 8,
+    legendTemplate: "<ul class=\"<%=name.toLowerCase()%>-legend\"><%=title%>"
+        + "<% for (var i=0; i<datasets.length; i++) { %>"
+        + "<li>"
+        + "<span style=\"background-color:<%=datasets[i].pointColor%>\"></span>"
+        + "<% if (datasets[i].label) { %><%= datasets[i].label %><% } %>"
+        + "</li>"
+        + "<% } %>"
+        + "</ul>",
+}
+
+function randomColor() {
+    r = Math.floor(Math.random() * 200);
+    g = Math.floor(Math.random() * 200);
+    b = Math.floor(Math.random() * 200);
+    return 'rgb(' + r + ', ' + g + ', ' + b + ')';
+}
+
+function pieChart(data, canvasId) {
+    var chartData = data.map(function(pair) {
+	return {"label": pair.name, "value": pair.value, "color": randomColor()}});
+    var options = {
+	animateRotate: false
+    };
+    var ctx = document.getElementById(canvasId).getContext("2d");
+    var chart = new Chart(ctx).Pie(chartData, options);
+}
+
+function drawApplicationsSection() {
+    $.getJSON("./data/applications-manual.json", function(data) {
+        pieChart(data, "applicationsManualChartCanvas");
+    }).fail(function(data, status) {
+        console.log("Hiding Manual Tests by Application section");
+        $("#applications-manual-link").hide();
+        $("#applications-manual-section").hide();
+    });
+    $.getJSON("./data/applications-automated.json", function(data) {
+        pieChart(data, "applicationsAutomatedChartCanvas");
+    }).fail(function(data, status) {
+        console.log("Hiding Automated Tests by Application section");
+        $("#applications-automated-link").hide();
+        $("#applications-automated-section").hide();
+    });
+}
+
+function drawDomainsSection() {
+    $.getJSON("./data/domains-manual.json", function(data) {
+        pieChart(data, "domainsManualChartCanvas");
+    }).fail(function(data, status) {
+        console.log("Hiding Manual Tests by Domain section");
+        $("#domains-manual-link").hide();
+        $("#domains-manual-section").hide();
+    });
+    $.getJSON("./data/domains-automated.json", function(data) {
+        pieChart(data, "domainsAutomatedChartCanvas");
+    }).fail(function(data, status) {
+        console.log("Hiding Automated Tests by Domain section");
+        $("#domains-automated-link").hide();
+        $("#domains-automated-section").hide();
+    });
+}

=== added file 'qakit/dashboard/js/landing-failures.js'
--- qakit/dashboard/js/landing-failures.js	1970-01-01 00:00:00 +0000
+++ qakit/dashboard/js/landing-failures.js	2016-02-11 21:28:26 +0000
@@ -0,0 +1,30 @@
+
+
+function landingFailuresTable(data, selector) {
+    var tableData = data.map(function(obj) {
+        return [
+	    new Date(obj.result_datetime),
+	    "<a href=" + obj.url + ">" + obj.name + "</a>",
+        ];
+    });
+    $(selector).dataTable( {
+        data: tableData,
+        columns: [
+            { title: 'Date' },
+            { title: 'Silo' },
+        ],
+	searching: true,
+	order: [[0, 'dsc']],
+	bDestroy: true,
+    });
+}
+
+function drawLandingFailuresSection() {
+    $.getJSON("./data/landing-failures.json", function(data) {
+         landingFailuresTable(data, "#landingFailuresTable");
+    }).fail(function(data, status) {
+        console.log("Hiding Landing failures section");
+        $("#landing-failures-section").hide();
+        $("#landing-failures-link").hide();
+    });
+}

=== added file 'qakit/dashboard/js/landings.js'
--- qakit/dashboard/js/landings.js	1970-01-01 00:00:00 +0000
+++ qakit/dashboard/js/landings.js	2016-02-11 21:28:26 +0000
@@ -0,0 +1,113 @@
+
+
+function siloLandingsPerWeekChart(data, canvas) {
+    var chartData = {
+        labels: data.map(function(week) { return week.end }),
+        datasets: [
+            {
+                label: "Total",
+                fillColor: translucentGray,
+                strokeColor: "Gray",
+                pointColor: "Gray",
+                pointStrokeColor: "White",
+                pointHighlightFill: "White",
+                pointHighlightStroke: "Gainsboro",
+                data: data.map(function(week) { return week.total })
+            },
+            {
+                label: "Passed",
+                fillColor: translucentMediumBlue,
+                strokeColor: "MediumBlue",
+                pointColor: "MediumBlue",
+                pointStrokeColor: "White",
+                pointHighlightFill: "White",
+                pointHighlightStroke: "Gainsboro",
+                data: data.map(function(week) { return week.passed }),
+            },
+            {
+                label: "Failed",
+                fillColor: translucentRed,
+                strokeColor: "Red",
+                pointColor: "Red",
+                pointStrokeColor: "White",
+                pointHighlightFill: "White",
+                pointHighlightStroke: "Gainsboro",
+                data: data.map(function(week) { return week.failed }),
+            },
+        ]
+    }
+    var ctx = document.getElementById(canvas).getContext("2d");
+    var chart = new Chart(ctx).Line(chartData, defaultChartConfig);
+    chart.title = "Silo Landings per Week";
+    document.getElementById(canvas + "Legend").innerHTML = chart.generateLegend();
+}
+
+function siloPassRatePerWeekChart(data, canvas) {
+    var chartData = {
+        labels: data.map(function(week) { return week.end }),
+        datasets: [
+            {
+                label: "Pass Rate",
+                fillColor: translucentGray,
+                strokeColor: "Gray",
+                pointColor: "Gray",
+                pointStrokeColor: "White",
+                pointHighlightFill: "White",
+                pointHighlightStroke: "Gainsboro",
+                data: data.map(function(week) { return week.pass_rate.toFixed(1) })
+            },
+        ]
+    }
+    var ctx = document.getElementById(canvas).getContext("2d");
+    var chart = new Chart(ctx).Line(chartData, defaultChartConfig);
+    chart.title = "Silo Pass Rate per Week";
+    document.getElementById(canvas + "Legend").innerHTML = chart.generateLegend();
+}
+
+function landingsTable(data, selector) {
+    var tableData = data.map(function(obj) {
+        return [
+	    obj.end,
+            obj.week_number,
+            obj.total,
+            obj.passed,
+            obj.failed,
+            obj.pass_rate.toFixed(0) + '%',
+            (obj.average_time ? obj.average_time : 0).toFixed(1),
+            (obj.time_spent_on_failures ? obj.time_spent_on_failures : 0).toFixed(1),
+            (obj.cheapest ? obj.cheapest : 0).toFixed(1),
+            (obj.most_expensive ? obj.most_expensive : 0).toFixed(1),
+        ];
+    });
+    $(selector).dataTable( {
+        data: tableData,
+        columns: [
+	    { title: 'Ending' },
+            { title: 'Week Number' },
+            { title: 'Total' },
+            { title: 'Passed' },
+            { title: 'Failed' },
+            { title: 'Pass Rate' },
+            { title: 'Average Time' },
+            { title: 'Time Spent on Failures' },
+            { title: 'Cheapest' },
+            { title: 'Most Expensive' },
+        ],
+    searching: false,
+    order: [[0, 'dsc']],
+    bDestroy: true,
+    });
+}
+
+function drawLandingsSection() {
+    $.getJSON("./data/landings.json", function(data) {
+	    data = data.reverse()
+        siloLandingsPerWeekChart(data, "siloLandingsPerWeekChartCanvas");
+        siloPassRatePerWeekChart(data, "siloPassRatePerWeekChartCanvas");
+        landingsTable(data, "#landingsTable");
+    }).fail(function(data, status) {
+        console.log("Hiding Landings section");
+        $("#landings-section").hide();
+        $("#landings-link").hide();
+    });
+}

=== added file 'qakit/dashboard/js/test-execution.js'
--- qakit/dashboard/js/test-execution.js	1970-01-01 00:00:00 +0000
+++ qakit/dashboard/js/test-execution.js	2016-02-11 21:28:26 +0000
@@ -0,0 +1,195 @@
+
+
+function manualTestsExecutedPerWeekChart(data, canvas) {
+    var chartData = {
+        labels: data.map(function(week) { return week.end }),
+        datasets: [
+            {
+                label: "Not Completed",
+                fillColor: translucentLimeGreen,
+                strokeColor: "LimeGreen",
+                pointColor: "LimeGreen",
+                pointStrokeColor: "White",
+                pointHighlightFill: "White",
+                pointHighlightStroke: "Gainsboro",
+                data: data.map(function(week) { return week.manual_not_completed })
+            },
+            {
+                label: "Blocked",
+                fillColor: translucentGold,
+                strokeColor: "Gold",
+                pointColor: "Gold",
+                pointStrokeColor: "White",
+                pointHighlightFill: "White",
+                pointHighlightStroke: "Gainsboro",
+                data: data.map(function(week) { return week.manual_blocked })
+            },
+            {
+                label: "Failed",
+                fillColor: translucentRed,
+                strokeColor: "Red",
+                pointColor: "Red",
+                pointStrokeColor: "White",
+                pointHighlightFill: "White",
+                pointHighlightStroke: "Gainsboro",
+                data: data.map(function(week) { return week.manual_failed })
+            },
+            {
+                label: "Passed",
+                fillColor: translucentMediumBlue,
+                strokeColor: "MediumBlue",
+                pointColor: "MediumBlue",
+                pointStrokeColor: "White",
+                pointHighlightFill: "White",
+                pointHighlightStroke: "Gainsboro",
+                data: data.map(function(week) { return week.manual_passed })
+            },
+            {
+                label: "Total",
+                fillColor: translucentGray,
+                strokeColor: "Gray",
+                pointColor: "Gray",
+                pointStrokeColor: "White",
+                pointHighlightFill: "White",
+                pointHighlightStroke: "Gainsboro",
+                data: data.map(function(week) { return week.manual })
+            },
+        ]
+    }
+    var ctx = document.getElementById(canvas).getContext("2d");
+    var chart = new Chart(ctx).Line(chartData, defaultChartConfig);
+    chart.title = "Manual Tests Executed Per Week";
+    document.getElementById(canvas + "Legend").innerHTML = chart.generateLegend();
+}
+
+function automatedTestsExecutedPerWeekChartCanvas(data, canvas) {
+    var chartData = {
+        labels: data.map(function(week) { return week.end }),
+        datasets: [
+            {
+                label: "Failed",
+                fillColor: translucentRed,
+                strokeColor: "Red",
+                pointColor: "Red",
+                pointStrokeColor: "White",
+                pointHighlightFill: "White",
+                pointHighlightStroke: "Gainsboro",
+                data: data.map(function(week) { return week.automated_failed })
+            },
+            {
+                label: "Passed",
+                fillColor: translucentMediumBlue,
+                strokeColor: "MediumBlue",
+                pointColor: "MediumBlue",
+                pointStrokeColor: "White",
+                pointHighlightFill: "White",
+                pointHighlightStroke: "Gainsboro",
+                data: data.map(function(week) { return week.automated_passed })
+            },
+            {
+                label: "Total",
+                fillColor: translucentGray,
+                strokeColor: "Gray",
+                pointColor: "Gray",
+                pointStrokeColor: "White",
+                pointHighlightFill: "White",
+                pointHighlightStroke: "Gainsboro",
+                data: data.map(function(week) { return week.automated })
+            },
+        ]
+    }
+    var ctx = document.getElementById(canvas).getContext("2d");
+    var chart = new Chart(ctx).Line(chartData, defaultChartConfig);
+    chart.title = "Automated Tests Executed Per Week";
+    document.getElementById(canvas + "Legend").innerHTML = chart.generateLegend();
+}
+
+function manualVsAutomatedChart(data, canvas) {
+    var chartData = {
+        labels: data.map(function(week) { return week.end }),
+        datasets: [
+            {
+                label: "Automated",
+                fillColor: translucentRed,
+                strokeColor: "Red",
+                pointColor: "Red",
+                pointStrokeColor: "White",
+                pointHighlightFill: "White",
+                pointHighlightStroke: "Gainsboro",
+                data: data.map(function(week) { return week.automated })
+            },
+            {
+                label: "Manual",
+                fillColor: translucentMediumBlue,
+                strokeColor: "MediumBlue",
+                pointColor: "MediumBlue",
+                pointStrokeColor: "White",
+                pointHighlightFill: "White",
+                pointHighlightStroke: "Gainsboro",
+                data: data.map(function(week) { return week.manual }),
+            },
+        ]
+    }
+    var ctx = document.getElementById(canvas).getContext("2d");
+    var chart = new Chart(ctx).Line(chartData, defaultChartConfig);
+    chart.title = "Manual vs. Automated";
+    document.getElementById(canvas + "Legend").innerHTML = chart.generateLegend();
+}
+
+function testExecutionTable(data, selector) {
+    var tableData = data.map(function(obj) {
+        return [
+	    obj.end,
+            obj.week_number,
+            obj.total,
+            obj.manual,
+            obj.manual_passed,
+            obj.manual_failed,
+            obj.manual_blocked,
+            obj.manual_not_completed,
+            obj.automated,
+            obj.automated_passed,
+            obj.automated_failed,
+            obj.distinct_manual,
+            obj.distinct_automated,
+        ];
+    });
+    $(selector).dataTable( {
+        data: tableData,
+        columns: [
+	    { title: 'Ending' },
+            { title: 'Week Number' },
+            { title: 'Total' },
+            { title: 'Manual' },
+            { title: 'Manual Passed' },
+            { title: 'Manual Failed' },
+            { title: 'Manual Blocked' },
+            { title: 'Manual Not Completed' },
+            { title: 'Automated' },
+            { title: 'Automated Passed' },
+            { title: 'Automated Failed' },
+            { title: 'Distinct Manual' },
+            { title: 'Distinct Automated' },
+        ],
+        searching: false,
+        order: [[0, 'dsc']],
+        bDestroy: true,
+    });
+}
+
+function drawTestExecutionSection() {
+    $.getJSON("./data/test-execution.json", function(data) {
+        data = data.reverse()
+        manualTestsExecutedPerWeekChart(
+            data, "manualTestsExecutedPerWeekChartCanvas");
+        automatedTestsExecutedPerWeekChartCanvas(
+            data, "automatedTestsExecutedPerWeekChartCanvas");
+        manualVsAutomatedChart(
+            data, "manualVsAutomatedChartCanvas");
+        testExecutionTable(data, '#testExecutionTable');
+    }).fail(function(data, status) {
+        console.log("Hiding Test Execution section");
+        $("#test-execution-section").hide();
+        $("#test-execution-link").hide();
+    });
+}

=== added file 'qakit/dashboard/js/test-library.js'
--- qakit/dashboard/js/test-library.js	1970-01-01 00:00:00 +0000
+++ qakit/dashboard/js/test-library.js	2016-02-11 21:28:26 +0000
@@ -0,0 +1,144 @@
+
+
+function testsInLibraryChart(data, canvas) {
+    var chartData = {
+        labels: data.map(function(week) { return week.end }),
+        datasets: [
+            {
+                label: "Ready",
+                fillColor: translucentMediumBlue,
+                strokeColor: "MediumBlue",
+                pointColor: "MediumBlue",
+                pointStrokeColor: "White",
+                pointHighlightFill: "White",
+                pointHighlightStroke: "Gainsboro",
+                data: data.map(function(week) { return week.ready })
+            },
+            {
+                label: "To Review",
+                fillColor: translucentRed,
+                strokeColor: "Red",
+                pointColor: "Red",
+                pointStrokeColor: "White",
+                pointHighlightFill: "White",
+                pointHighlightStroke: "Gainsboro",
+                data: data.map(function(week) { return week.to_review }),
+            },
+            {
+                label: "Other",
+                fillColor: translucentYellow,
+                strokeColor: "Gold",
+                pointColor: "Gold",
+                pointStrokeColor: "White",
+                pointHighlightFill: "White",
+                pointHighlightStroke: "Gainsboro",
+                data: data.map(function(week) { return week.other_status }),
+            },
+        ]
+    }
+    var ctx = document.getElementById(canvas).getContext("2d");
+    var chart = new Chart(ctx).Line(chartData, defaultChartConfig);
+    chart.title = "Tests in Library";
+    document.getElementById(canvas + "Legend").innerHTML = chart.generateLegend();
+}
+
+function automatedVsManualChart(data, canvas) {
+    var chartData = {
+        labels: data.map(function(week) { return week.end }),
+        datasets: [
+            {
+                label: "Manual Ready",
+                fillColor: translucentMediumBlue,
+                strokeColor: "MediumBlue",
+                pointColor: "MediumBlue",
+                pointStrokeColor: "White",
+                pointHighlightFill: "White",
+                pointHighlightStroke: "Gainsboro",
+                data: data.map(function(week) { return week.manual_ready })
+            },
+            {
+                label: "Automated Ready",
+                fillColor: translucentRed,
+                strokeColor: "Red",
+                pointColor: "Red",
+                pointStrokeColor: "White",
+                pointHighlightFill: "White",
+                pointHighlightStroke: "Gainsboro",
+                data: data.map(function(week) { return week.automated_ready }),
+            },
+        ]
+    }
+    var ctx = document.getElementById(canvas).getContext("2d");
+    var chart = new Chart(ctx).Line(chartData, defaultChartConfig);
+    chart.title = "Automated vs. Manual";
+    document.getElementById(canvas + "Legend").innerHTML = chart.generateLegend();
+}
+
+function percentageAutomatedChart(data, canvas) {
+    var chartData = {
+        labels: data.map(function(week) { return week.end }),
+        datasets: [
+            {
+                label: "Percentage Automated",
+                fillColor: translucentMediumBlue,
+                strokeColor: "MediumBlue",
+                pointColor: "MediumBlue",
+                pointStrokeColor: "White",
+                pointHighlightFill: "White",
+                pointHighlightStroke: "Gainsboro",
+                data: data.map(function(week) { return (week.percent_automated * 100).toFixed(1) })
+            },
+        ]
+    }
+    var ctx = document.getElementById(canvas).getContext("2d");
+    var chart = new Chart(ctx).Line(chartData, defaultChartConfig);
+    chart.title = "Percent Automated";
+    document.getElementById(canvas + "Legend").innerHTML = chart.generateLegend();
+}
+
+function testLibraryTable(data, selector) {
+    var tableData = data.map(function(obj) {
+        return [
+	    obj.end,
+            obj.week_number,
+            obj.total,
+            obj.ready,
+            obj.to_review,
+            obj.other_status,
+            obj.manual_ready,
+            obj.automated_ready,
+            (obj.percent_automated * 100).toFixed(1) + "%",
+        ];
+    });
+    $(selector).dataTable( {
+        data: tableData,
+        columns: [
+	    { title: 'Ending' },
+            { title: 'Week Number' },
+            { title: 'Total' },
+            { title: 'Ready' },
+            { title: 'To Review' },
+            { title: 'Other' },
+            { title: 'Manual Ready' },
+            { title: 'Automated Ready' },
+            { title: '% Auto' },
+        ],
+        searching: false,
+        order: [[0, 'dsc']],
+        bDestroy: true,
+    });
+}
+
+function drawTestLibrarySection() {
+    $.getJSON("./data/test-library.json", function(data) {
+	    data = data.reverse()
+        testsInLibraryChart(data, "testsInLibraryChartCanvas");
+        automatedVsManualChart(data, "automatedVsManualChartCanvas");
+        percentageAutomatedChart(data, "percentageAutomatedChartCanvas");
+        testLibraryTable(data, "#testLibraryTable");
+    }).fail(function(data, status) {
+        console.log("Hiding Test Library section");
+        $("#test-library-section").hide();
+        $("#test-library-link").hide();
+    });
+}

=== added file 'qakit/dashboard/js/test-plans.js'
--- qakit/dashboard/js/test-plans.js	1970-01-01 00:00:00 +0000
+++ qakit/dashboard/js/test-plans.js	2016-02-11 21:28:26 +0000
@@ -0,0 +1,54 @@
+
+
+function testPlansTable(data, selector) {
+    var tableData = data.map(function(obj) {
+        return [
+	    obj.id,
+	    "<a href='#test-plan-modal-" + obj.id + "'>" + obj.name + "</a>",
+	    obj.Application,
+	    obj['Test Domain'],
+        ];
+    });
+    $(selector).dataTable( {
+        data: tableData,
+        columns: [
+	    { title: 'ID' },
+            { title: 'Name' },
+            { title: 'Application' },
+	    { title: 'Domain' },
+        ],
+	searching: true,
+	order: [[0, 'dsc']],
+	bDestroy: true,
+    });
+}
+
+function drawTestPlanModal(data, testPlanId) {
+    var template = $('#test-plan-template').html();
+    var testPlan = data.find(function(element, index, array) {
+        return (element.id == testPlanId);
+    });
+    testPlan.testPlanId = testPlan.id;
+    if (typeof testPlan['Test Domain'] === 'string') {
+	testPlan['Test Domain'] = JSON.parse(testPlan['Test Domain']);
+    }
+    if (typeof testPlan['Devices'] === 'string') {
+	testPlan['Devices'] = JSON.parse(testPlan['Devices']);
+    }
+    var html = Mustache.to_html(template, testPlan);
+    $('#test-plan-modal-anchor').html(html);
+}
+
+var testPlanData = null;
+
+function drawTestPlansSection() {
+    $.getJSON("./data/test-plans.json", function(data) {
+	    testPlanData = data;
+        testPlansTable(data, "#testPlansTable");
+    }).fail(function(data, status) {
+        console.log("Hiding Test Plan section");
+        $("#test-plans-section").hide();
+        $("#test-plans-link").removeAttr("href");
+    })
+    ;
+}

=== added file 'qakit/dashboard/tabs.html'
--- qakit/dashboard/tabs.html	1970-01-01 00:00:00 +0000
+++ qakit/dashboard/tabs.html	2016-02-11 21:28:26 +0000
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<title>Example of Bootstrap 3 Tabs Methods</title>
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
+<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+<script type="text/javascript">
+$(document).ready(function(){ 
+    $("#myTab li:eq(1) a").tab('show');
+});
+</script>
+<style type="text/css">
+	.bs-example{
+		margin: 20px;
+	}
+</style>
+</head>
+<body>
+<div class="bs-example">
+    <ul class="nav nav-tabs" id="myTab">
+        <li><a data-toggle="tab" href="#sectionA">Section A</a></li>
+        <li><a data-toggle="tab" href="#sectionB">Section B</a></li>
+        <li class="dropdown">
+            <a data-toggle="dropdown" class="dropdown-toggle" href="#">Dropdown <b class="caret"></b></a>
+            <ul class="dropdown-menu">
+                <li><a data-toggle="tab" href="#dropdown1">Dropdown1</a></li>
+                <li><a data-toggle="tab" href="#dropdown2">Dropdown2</a></li>
+            </ul>
+        </li>
+    </ul>
+    <div class="tab-content">
+        <div id="sectionA" class="tab-pane fade in active">
+            <h3>Section A</h3>
+            <p>Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui. Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth.</p>
+        </div>
+        <div id="sectionB" class="tab-pane fade">
+            <h3>Section B</h3>
+            <p>Vestibulum nec erat eu nulla rhoncus fringilla ut non neque. Vivamus nibh urna, ornare id gravida ut, mollis a magna. Aliquam porttitor condimentum nisi, eu viverra ipsum porta ut. Nam hendrerit bibendum turpis, sed molestie mi fermentum id. Aenean volutpat velit sem. Sed consequat ante in rutrum convallis. Nunc facilisis leo at faucibus adipiscing.</p>
+        </div>
+        <div id="dropdown1" class="tab-pane fade">
+            <h3>Dropdown 1</h3>
+            <p>WInteger convallis, nulla in sollicitudin placerat, ligula enim auctor lectus, in mollis diam dolor at lorem. Sed bibendum nibh sit amet dictum feugiat. Vivamus arcu sem, cursus a feugiat ut, iaculis at erat. Donec vehicula at ligula vitae venenatis. Sed nunc nulla, vehicula non porttitor in, pharetra et dolor. Fusce nec velit velit. Pellentesque consectetur eros.</p>
+        </div>
+        <div id="dropdown2" class="tab-pane fade">
+            <h3>Dropdown 2</h3>
+            <p>Donec vel placerat quam, ut euismod risus. Sed a mi suscipit, elementum sem a, hendrerit velit. Donec at erat magna. Sed dignissim orci nec eleifend egestas. Donec eget mi consequat massa vestibulum laoreet. Mauris et ultrices nulla, malesuada volutpat ante. Fusce ut orci lorem. Donec molestie libero in tempus imperdiet. Cum sociis natoque penatibus et magnis dis parturient.</p>
+        </div>
+    </div>
+</div>
+</body>
+</html>