From c40994344d1ae381906ea3d24486d052104057a8 Mon Sep 17 00:00:00 2001
From: Michael Tremer <michael.tremer@ipfire.org>
Date: Tue, 30 Oct 2018 12:32:35 +0000
Subject: [PATCH] fireinfo: Show virtualization stats on index page

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
---
 src/scss/_variables.scss                |  5 +++
 src/scss/style.scss                     |  4 ---
 src/templates/fireinfo/index.html       | 41 ++++++++++++++++++++++++-
 src/templates/modules/progress-bar.html | 15 ++++++---
 src/web/fireinfo.py                     |  7 ++++-
 5 files changed, 62 insertions(+), 10 deletions(-)

diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index 8a1eabfc..fadbb150 100644
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -54,6 +54,8 @@ $font-size-base:			1.125rem;
 $lead-font-size:			1.5rem;
 $small-font-size:			87.5%;
 
+$line-height-base:			1.5;
+
 // Headings
 $headings-font-weight:		500;
 $headings-line-height:		1.15;
@@ -85,3 +87,6 @@ $input-btn-padding-y:		.5rem;
 
 // Buttons
 $btn-border-width:			3px;
+
+// Progress
+$progress-height:			1rem * $line-height-base;
diff --git a/src/scss/style.scss b/src/scss/style.scss
index 59380259..6dd93340 100644
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -237,10 +237,6 @@ hr.divider {
 	margin-bottom: 3rem;
 }
 
-.progress {
-	background-color: rgba(255, 255, 255, .2);
-}
-
 .circle {
 	position: relative;
 	p.fireinfo_per {
diff --git a/src/templates/fireinfo/index.html b/src/templates/fireinfo/index.html
index 86376d9a..45247aa6 100644
--- a/src/templates/fireinfo/index.html
+++ b/src/templates/fireinfo/index.html
@@ -19,7 +19,7 @@
 	</section>
 
 	<div class="container">
-		<div class="row justify-content-center">
+		<div class="row justify-content-center my-5">
 			<div class="col-12 col-sm-8 col-lg-6 col-xl-4">
 				<a class="btn btn-primary btn-lg btn-block" href="/profile/random">
 					{{ _("Show a Random Profile") }}
@@ -27,4 +27,43 @@
 			</div>
 		</div>
 	</div>
+
+	<section class="inverse">
+		<div class="container">
+			<div class="row">
+				<div class="col-12 col-md-6 flex-column align-items-center text-center text-md-right">
+					<h1 class="display-1 text-primary mb-0">
+						{{ "%.2f%%" % (virtual_ratio * 100) }}
+					</h1>
+
+					<h5>{{ _("of all IPFire systems are running in a virtual environment") }}</h5>
+				</div>
+
+				<div class="col-12 col-md-6">
+					<p>
+						{{ _("The top vendors of hypervisors are") }}
+					</p>
+
+					<dl class="row">
+						{% for name, percentage in hypervisors %}
+							{% if percentage >= 0.1 %}
+								<dt class="col-sm-3">
+									{% if name == "unknown" %}
+										<span class="text-muted">{{ _("Unknown") }}</span>
+									{% elif name == "VMWare" %}
+										VMware
+									{% else %}
+										{{ name }}
+									{% end %}
+								</dt>
+								<dd class="col-sm-9">
+									{% module ProgressBar(percentage, "primary") %}
+								</dd>
+							{% end %}
+						{% end %}
+					</dl>
+				</div>
+			</div>
+		</div>
+	</section>
 {% end block %}
diff --git a/src/templates/modules/progress-bar.html b/src/templates/modules/progress-bar.html
index cc121635..4be7f6dd 100644
--- a/src/templates/modules/progress-bar.html
+++ b/src/templates/modules/progress-bar.html
@@ -1,7 +1,14 @@
-<div class="progress">
-	<div class="progress-bar {% if colour %}{{ "progress-bar-%s" % colour }}{% end %}"
-			role="progressbar" aria-valuenow="{{ "%.0f" % value }}"
-			aria-valuemin="0" aria-valuemax="100" style="width: {{ "%.2f" % value }}%;">
+<div class="row">
+	<div class="col-4 col-sm-3 col-lg-2 text-right">
 		{{ "%.2f" % value }}%
 	</div>
+
+	<div class="col">
+		<div class="progress">
+			<div class="progress-bar {% if colour %}{{ "progress-bar-%s" % colour }}{% end %}"
+					role="progressbar" aria-valuenow="{{ "%.0f" % value }}"
+					aria-valuemin="0" aria-valuemax="100" style="width: {{ "%.2f" % value }}%;">
+			</div>
+		</div>
+	</div>
 </div>
diff --git a/src/web/fireinfo.py b/src/web/fireinfo.py
index 02156e42..03cc15ca 100644
--- a/src/web/fireinfo.py
+++ b/src/web/fireinfo.py
@@ -154,10 +154,15 @@ class ProfileSendHandler(BaseHandler):
 
 class IndexHandler(BaseHandler):
 	def get(self):
+		data = {
+			"hypervisors"   : self.fireinfo.get_hypervisor_map(when=self.when),
+			"virtual_ratio" : self.fireinfo.get_virtual_ratio(when=self.when),
+		}
+
 		# Cache for 1h
 		self.set_expires(3600)
 
-		self.render("fireinfo/index.html")
+		self.render("fireinfo/index.html", **data)
 
 
 class DriverDetail(BaseHandler):
-- 
2.47.3