From 2ae48a2ef2b87084a656149133be68f5e3543541 Mon Sep 17 00:00:00 2001
From: Nels885 <voirin.lionel@gmail.com>
Date: Thu, 5 Dec 2019 11:15:29 +0100
Subject: [PATCH] Changing the display style of the plugins page
---
pwnagotchi/ui/web/static/css/style.css | 14 ++++++++++++++
pwnagotchi/ui/web/templates/plugins.html | 20 +++++++++++---------
2 files changed, 25 insertions(+), 9 deletions(-)
diff --git a/pwnagotchi/ui/web/static/css/style.css b/pwnagotchi/ui/web/static/css/style.css
index a005a1d..dcf0e19 100644
--- a/pwnagotchi/ui/web/static/css/style.css
+++ b/pwnagotchi/ui/web/static/css/style.css
@@ -65,3 +65,17 @@ li.navitem {
width: 1.875em;
}
}
+
+#container {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-around;
+}
+
+.element {
+ margin: 0.5rem;
+ padding: 0.2rem;
+ border-style: groove;
+ border-radius: 0.5rem;
+ background-color: lightgrey;
+}
diff --git a/pwnagotchi/ui/web/templates/plugins.html b/pwnagotchi/ui/web/templates/plugins.html
index 82714d5..e7abaa7 100644
--- a/pwnagotchi/ui/web/templates/plugins.html
+++ b/pwnagotchi/ui/web/templates/plugins.html
@@ -26,16 +26,18 @@ $(function(){
});
{% endblock %}
{% block content %}
-<div style="padding: 1em">
+<div id="container">
{% for name in database.keys() %}
- <h4>
- <a {% if name in loaded and loaded[name].on_webhook is defined %} href="/plugins/{{name}}" {% endif %}>{{name}}</a>
- </h4>
- <form method="POST" action="/plugins/toggle">
- <input type="checkbox" data-role="flipswitch" name="enabled" id="flip-checkbox-{{name}}" data-on-text="Enabled" data-off-text="Disabled" data-wrapper-class="custom-size-flipswitch" {% if name in loaded %} checked {% endif %}>
- <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
- <input type="hidden" name="plugin" value="{{ name }}"/>
- </form>
+ <div class="element">
+ <h4>
+ <a {% if name in loaded and loaded[name].on_webhook is defined %} href="/plugins/{{name}}" {% endif %}>{{name}}</a>
+ </h4>
+ <form method="POST" action="/plugins/toggle">
+ <input type="checkbox" data-role="flipswitch" name="enabled" id="flip-checkbox-{{name}}" data-on-text="Enabled" data-off-text="Disabled" data-wrapper-class="custom-size-flipswitch" {% if name in loaded %} checked {% endif %}>
+ <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
+ <input type="hidden" name="plugin" value="{{ name }}"/>
+ </form>
+ </div>
{% endfor %}
</div>
{% endblock %}