Add visual cues to configuration panels

[cascardo/ipsilon.git] / templates / admin / providers.html

diff --git a/templates/admin/providers.html b/templates/admin/providers.html
index fbeb54d..a0ca765 100644 (file)
--- a/templates/admin/providers.html
+++ b/templates/admin/providers.html
@@ -1,23 +1,71 @@
 {% extends "master-admin.html" %}
 {% block main %}
 {% if user.is_admin %}
-    <h2>Provider plugins</h2>
+
+    <div class = "row">
+        <div class="col-md-6 col-sm-6 col-xs-6">
+            <h2>{{ title }}</h2>
+        </div>
+        <div class="col-md-6 col-sm-6 col-xs-6" role="alert">
+          {% if message %}
+            <div class="alert alert-{{message_type}}">
+                <p>{{ message }}</p>
+            </div>
+          {% endif %}
+        </div>
+    </div>
 
     {% for p in available %}
-        <div class="row">
-        <div class="col-md-3 col-sm-3 col-xs-6">{{ p }}</div>
+      {%- if p in enabled %}
+        {%- set highlight = "hl-enabled" %}
+        {%- set actpath = "disable" %}
+        {%- set actlabel = "Disable" %}
+        {%- if p in changed %}
+          {%- if changed[p] == 'enabled' %}
+          {%- set highlight = "hl-enabled-new" %}
+          {%- endif %}
+        {%- endif %}
+      {%- else %}
+        {%- set highlight = "hl-disabled" %}
+        {%- set actpath = "enable" %}
+        {%- set actlabel = "Enable" %}
+        {%- if p in changed %}
+          {%- if changed[p] == 'disabled' %}
+          {%- set highlight = "hl-disabled-new" %}
+          {%- endif %}
+        {%- endif %}
+      {%- endif %}
+      <div class="row ipsilon-row {{ highlight }}">
         <div class="col-md-3 col-sm-3 col-xs-6">
-        {% if available[p] in enabled %}
-            <a class="btn btn-default" href="{{ baseurl }}/disable/{{ p }}">Disable</a>
-            <a class="btn btn-default" href="{{ baseurl }}/{{ p }}">Configure</a>
-            {% if available[p].admin %}
-                <a class="btn btn-default" href="{{ baseurl }}/{{ p }}/admin">Administer</a>
-            {% endif %}
-        {% else %}
-            <a class="btn btn-default" href="{{ baseurl }}/enable/{{ p }}">Enable</a>
-        {% endif %}
+          <p><strong>{{ p }}</strong></p>
         </div>
+        <div class="col-md-9 col-sm-9 col-xs-6">
+          <div class="row">
+          <div class="col-md-4 col-sm-4 col-xs-12">
+              <p class="text-info"><a href="{{ baseurl }}/{{ actpath }}/{{ p }}">{{ actlabel }}</a></p>
+          </div>
+          <div class="col-md-4 col-sm-4 col-xs-12">
+            {%- if available[p].get_config_obj() %}
+              {%- if p in enabled %}
+              <p class="text-primary"><a href="{{ baseurl }}/{{ p }}">Configure</a></p>
+              {%- else %}
+              <p class="text-muted">Configure</p>
+              {%- endif %}
+            {%- endif %}
+          </div>
+          <div class="col-md-4 col-sm-4 col-xs-12">
+            {%- if available[p].admin %}
+              {%- if p in enabled %}
+              <p class="text-primary"><a href="{{ baseurl }}/{{ p }}/admin">Manage</a></p>
+              {%- else %}
+              <p class="text-muted">Manage</p>
+              {%- endif %}
+            {% endif %}
+          </div>
+          </div>
         </div>
+      </div>
     {% endfor %}
+
 {% endif %}
 {% endblock %}