From 874f8d77ab0bc4703378a4aac166eb334ee8c880 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20P=C3=A9ters?= <fpeters@entrouvert.com>
Date: Sun, 30 Sep 2018 19:26:30 +0200
Subject: [PATCH] turn home page into a list of services + status (#26761)

---
 hobo/static/css/style.css     | 59 ++++++++++++++++++++++++
 hobo/templates/hobo/home.html | 84 +++++++++++++++++++++++++++++++----
 hobo/views.py                 |  8 +++-
 3 files changed, 142 insertions(+), 9 deletions(-)

diff --git a/hobo/static/css/style.css b/hobo/static/css/style.css
index 1bbc5d9..fb4c628 100644
--- a/hobo/static/css/style.css
+++ b/hobo/static/css/style.css
@@ -154,3 +154,62 @@ div.objects-list > div > label > input[type=radio] {
 div.buttons {
 	margin: 1em 0;
 }
+
+div#services > div {
+	box-sizing: border-box;
+	background: white;
+	border: 1px solid #ccc;
+	border-width: 1px 1px 1px 10px;
+	margin-bottom: 1rem;
+	width: 49%;
+	padding: 0 1ex;
+}
+
+div#services > div h3 {
+	margin-top: 0.5rem;
+}
+
+div#services > div h3 a {
+	font-size: 80%;
+	font-weight: normal;
+}
+
+div#services > div:nth-child(2n+1) {
+	float: left;
+}
+
+div#services > div:nth-child(2n) {
+	float: right;
+}
+
+div#services > div.op-ok {
+	border-color: #00b000;
+}
+
+div#services > div.op-nok {
+	border-color: #b00000;
+}
+
+div#services p {
+	margin-bottom: 0.5rem;
+}
+
+div#services span.op-ok::before {
+	font-family: FontAwesome;
+	content: "\f058";  /* check-circle */
+	display: inline-block;
+	width: 1.5rem;
+	color: #00b000;
+}
+
+div#services span.op-nok::before {
+	font-family: FontAwesome;
+	content: "\f057";  /* times-circle */
+	display: inline-block;
+	width: 1.5rem;
+	color: #b00000;
+}
+
+div#services span {
+	margin-right: 1rem;
+}
diff --git a/hobo/templates/hobo/home.html b/hobo/templates/hobo/home.html
index 49fd2c2..8a9b5d3 100644
--- a/hobo/templates/hobo/home.html
+++ b/hobo/templates/hobo/home.html
@@ -2,17 +2,85 @@
 {% load i18n %}
 
 {% block appbar %}
-  <h2>{% trans 'Welcome' %}</h2>
+  <h2>{% trans 'System' %}</h2>
+  <span class="actions">
+  <a class="extra-actions-menu-opener"></a>
+  <ul class="extra-actions-menu">
+    <li><a href="{% url 'profile-home' %}">{% trans 'User Profile' %}</a></li>
+    <li><a href="{% url 'theme-home' %}">{% trans 'Theme' %}</a></li>
+    <li><a href="{% url 'emails-home' %}">{% trans 'Emails' %}</a></li>
+    <li><a href="{% url 'environment-home' %}">{% trans 'Services' %}</a></li>
+    <li><a href="{% url 'environment-variables' %}">{% trans 'Variables' %}</a></li>
+  </ul>
+  </span>
 {% endblock %}
 
 {% block content %}
 
-<ul class="apps">
-  <li class="icon-users"><a href="{% url 'profile-home' %}">{% trans 'User Profile' %}</a></li>
-  <li class="icon-theme"><a href="{% url 'theme-home' %}">{% trans 'Theme' %}</a></li>
-  <li class="icon-mail"><a href="{% url 'emails-home' %}">{% trans 'Emails' %}</a></li>
-  <li class="icon-portal"><a href="{% url 'environment-home' %}">{% trans 'Sites' %}</a></li>
-  <li class="icon-settings"><a href="{% url 'environment-variables' %}">{% trans 'Variables' %}</a></li>
-</ul>
+{% if services %}
+<div id="services">
+{% for service in services %}
+  <div class="service-{{ service.Extra.service_id }}"
+       data-service-slug="{{ service.slug }}">
+    <h3>{{ service.title }} <a href="{{ service.base_url }}">{{ service.base_url }}</a></h3>
+    <p>
+      <span class="checking">{% trans "checking..." %}</span>
+      <span style="display: none" class="dns">{% trans "DNS" %}</span>
+      <span style="display: none" class="certificate">{% trans "Certificate" %}</span>
+      <span style="display: none" class="web">{% trans "Web" %}</span>
+    </p>
+  </div>
+{% endfor %}
+</div>
+{% else %}
+  <div class="big-msg-info">
+  {% blocktrans %}
+  This deployment doesn't have any service deployed yet. Click on the
+  "Services" menu entry in the top right of the page to add a first one.
+  {% endblocktrans %}
+  </div>
+{% endif %}
+
+<script>
+$(function() {
+  $.ajax({
+    url: '/api/health/',
+    success: function(response, status) {
+      $('div[data-service-slug]').each(function(idx, service_block) {
+        var $service_block = $(service_block);
+        var service_slug = $service_block.data('service-slug');
+        var service = response.data[service_slug];
+        var ok = true;
+        if (service.is_resolvable) {
+          $service_block.find('.dns').addClass('op-ok');
+        } else {
+          $service_block.find('.dns').addClass('op-nok');
+          ok = false;
+        }
+        if (service.has_valid_certificate) {
+          $service_block.find('.certificate').addClass('op-ok');
+        } else {
+          $service_block.find('.certificate').addClass('op-nok');
+          ok = false;
+        }
+        if (service.is_running) {
+          $service_block.find('.web').addClass('op-ok');
+        } else {
+          $service_block.find('.web').addClass('op-nok');
+          ok = false;
+        }
+        var $service_p = $service_block.find('span.checking')
+        $service_block.find('span').show();
+        $service_p.hide();
+        if (ok) {
+          $service_block.addClass('op-ok');
+        } else {
+          $service_block.addClass('op-nok');
+        }
+      });
+    }
+  });
+});
+</script>
 
 {% endblock %}
diff --git a/hobo/views.py b/hobo/views.py
index e293165..882a263 100644
--- a/hobo/views.py
+++ b/hobo/views.py
@@ -15,7 +15,7 @@ from django.shortcuts import resolve_url
 from django.utils.encoding import force_text
 
 from .environment.models import Authentic
-from .environment.utils import Zone, get_operational_services
+from .environment.utils import Zone, get_installed_services
 from .forms import HoboForm, HoboUpdateForm, get_tenant_model
 
 def is_superuser(u):
@@ -30,6 +30,12 @@ admin_required = user_passes_test(is_superuser)
 class Home(TemplateView):
     template_name = 'hobo/home.html'
 
+    def get_context_data(self, **kwargs):
+        context = super(Home, self).get_context_data(**kwargs)
+        context['services'] = [x for x in get_installed_services() if not x.secondary]
+        context['services'] = []
+        return context
+
 home = admin_required(Home.as_view())
 
 class ManagerHome(edit.CreateView):
-- 
2.19.1