diff options
author | Simo Sorce <simo@redhat.com> | 2014-11-06 14:01:04 -0500 |
---|---|---|
committer | Patrick Uiterwijk <puiterwijk@redhat.com> | 2014-11-12 23:48:02 +0100 |
commit | dc9f4a30a47cdce1e0070c18398351ea6c307305 (patch) | |
tree | 19ddbaa13ca9903098e48a8b9a7157ba3e0497e3 /templates/admin/plugins.html | |
parent | 0034ad1215de99fc13e9dc57bc652cfb8eeb58ae (diff) | |
download | ipsilon-dc9f4a30a47cdce1e0070c18398351ea6c307305.tar.gz ipsilon-dc9f4a30a47cdce1e0070c18398351ea6c307305.tar.xz ipsilon-dc9f4a30a47cdce1e0070c18398351ea6c307305.zip |
Add visual cues to configuration panels
Make it easier to recognize which plugins are enabled and which are
disabled. Also make it easier to recognize when a plugin has just changed
state, by flashing its row (help also realize it may have moved up/down)
Based on concept work by Petr Vobornik
Signed-off-by: Simo Sorce <simo@redhat.com>
Reviewed-by: Patrick Uiterwijk <puiterwijk@redhat.com>
Diffstat (limited to 'templates/admin/plugins.html')
-rw-r--r-- | templates/admin/plugins.html | 33 |
1 files changed, 19 insertions, 14 deletions
diff --git a/templates/admin/plugins.html b/templates/admin/plugins.html index 7ef50a0..54462b7 100644 --- a/templates/admin/plugins.html +++ b/templates/admin/plugins.html @@ -15,21 +15,27 @@ </div> </div> - <table class="table"> {% for p in enabled %} - <tr><td> - <div class="row"> + {% set highlight = "hl-enabled" %} + {% if p in changed %} + {% if changed[p] == 'enabled' %} + {% set highlight = "hl-enabled-new" %} + {% elif changed[p] == 'reordered' %} + {% set highlight = "hl-enabled-flash" %} + {% endif %} + {% endif %} + <div class="row ipsilon-row {{ highlight }}"> <div class="col-md-3 col-sm-3 col-xs-5"> - <strong>{{ p }}</strong> + <p><strong>{{ p }}</strong></p> </div> <div class="col-md-7 col-sm-7 col-xs-5"> <div class="row"> <div class="col-md-6 col-sm-6 col-xs-12"> - <a class="text-info" href="{{ baseurl }}/disable/{{ p }}">Disable</a> + <p class="text-info"><a href="{{ baseurl }}/disable/{{ p }}">Disable</a></p> </div> <div class="col-md-6 col-sm-6 col-xs-12"> {%- if available[p].get_config_obj() %} - <a class="text-primary" href="{{ baseurl }}/{{ p }}">Configure</a> + <p class="text-primary"><a href="{{ baseurl }}/{{ p }}">Configure</a></p> {% endif %} </div> </div> @@ -73,12 +79,16 @@ {%- endif %} </div> </div> - </td></tr> {% endfor %} {% for p in available if not p in enabled %} - <tr><td> - <div class="row"> + {% set highlight = "hl-disabled" %} + {% if p in changed %} + {% if changed[p] == 'disabled' %} + {% set highlight = "hl-disabled-new" %} + {% endif %} + {% endif %} + <div class="row ipsilon-row {{ highlight }}"> <div class="col-md-3 col-sm-3 col-xs-5"> <strong>{{ p }}</strong> </div> @@ -97,12 +107,7 @@ <div class="col-md-2 col-sm-2 col-xs-1"> </div> </div> - </td></tr> {% endfor %} - <tr><td> - </td></tr> - </table> - {% endif %} {% endblock %} |