From c2412621b3dd965ce69ead666c2db43d3c2420f7 Mon Sep 17 00:00:00 2001
From: Joseph Nuthalapati <njoseph@riseup.net>
Date: Wed, 20 Nov 2019 05:02:48 +0530
Subject: [PATCH] pagekite: Show existing services only if there are any

Reduces visual noise on the page.

Some formatting changes

Signed-off-by: Joseph Nuthalapati <njoseph@riseup.net>
---
 .../templates/pagekite_configure.html         | 22 +++++++++----------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/plinth/modules/pagekite/templates/pagekite_configure.html b/plinth/modules/pagekite/templates/pagekite_configure.html
index d9be91fef..9a8b4de51 100644
--- a/plinth/modules/pagekite/templates/pagekite_configure.html
+++ b/plinth/modules/pagekite/templates/pagekite_configure.html
@@ -40,23 +40,20 @@
 {% endblock %}
 
 {% block configuration %}
-{{ block.super }}
+  {{ block.super }}
 
-<h3>{% trans "Custom Services" %}</h3>
+  <h3>{% trans "Custom Services" %}</h3>
 
-    <a href="{% url 'pagekite:add-custom-service' %}" class="btn btn-primary"
-       role="button" title="{% trans 'Add Custom Service' %}">
-      <span class="fa fa-plus" aria-hidden="true"></span>
-      {% trans 'Add Custom Service' %}
-    </a>
+  <a href="{% url 'pagekite:add-custom-service' %}" class="btn btn-primary"
+     role="button" title="{% trans 'Add Custom Service' %}">
+    <span class="fa fa-plus" aria-hidden="true"></span>
+    {% trans 'Add Custom Service' %}
+  </a>
 
+  {% if custom_services %}
     <div>
       <h4>{% trans "Existing custom services" %}</h4>
 
-      {% if not custom_services %}
-        <i>{% trans "You don't have any Custom Services enabled" %}</i>
-      {% endif %}
-
       <div class="list-group">
         {% for service in custom_services %}
           {% create_pagekite_service_url service kite_name as service_url %}
@@ -84,11 +81,12 @@
                       title="{% trans "Delete this service" %}">
                 <span class="fa fa-trash-o" aria-hidden="true">
                 </span>
-              </button> 
+              </button>
             </form>
           </div>
         {% endfor %}
       </div>
     </div>
+  {% endif %}
 
 {% endblock %}