Makussu/bunkerweb
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

UI - minor UI improvement

Browse Source
This commit is contained in:
bunkerity 2020-12-12 17:28:45 +01:00
parent 3a3d527907
commit 15a37a8682
No known key found for this signature in database
GPG Key ID: 654FFF51CEF7CC47
5 changed files with 66 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
ui/static/css/bootstrap.min.css vendored
View File

File diff suppressed because one or more lines are too long

BIN
ui/static/img/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 76 KiB

20
ui/templates/home.html
View File

@ -2,13 +2,23 @@
{% block content %} {% block content %}
<div class="row"> <div class="text-center">
<div class="col">
{{ instances_number }} bunkerized-nginx instances <div class="card" style="width: 30rem;">
<img src="img/logo.png" class="card-img-top" />
<div class="row row-cols-1 row-cols-md-2">
<div class="col pt-3">
<span class="badge bg-primary">{{ instances_number }}</span> bunkerized-nginx instances
</div> </div>
<div class="col"> <div class="col pt-3">
{{ services_number }} web services <span class="badge bg-primary">{{ services_number }}</span> web services
</div> </div>
</div>
</div>
</div> </div>
{% endblock %} {% endblock %}

29
ui/templates/instances.html
View File

@ -2,14 +2,35 @@
{% block content %} {% block content %}
<div class="row"> <div class="row justify-content-center">
{% for instance in instances %} {% for instance in instances %}
{% set color = "dark" %}
{% if instance["status"] == "running" %}
{% set color = "success" %}
{% elif instance["status"] == "created" or instance["status"] == "restarting" or instance["status"] == "paused" %}
{% set color = "warning" %}
{% elif instance["status"] == "exited" or instance["status"] == "dead" %}
{% set color = "danger" %}
{% endif %}
<div class="col row-cols-1 row-cols-md-3"> <div class="col row-cols-1 row-cols-md-3">
ID = {{ instance["id"] }}<br /> <div class="card border-{{ color }} mb-3" style="max-width: 80rem;">
Name = {{ instance["name"] }}<br /> <div class="card-header border-{{ color }} bg-{{ color }}">{{ instance["name"] }}</div>
Status = {{ instance["status"] }} <div class="card-body text-dark">
<h5 class="card-title">Status : {{ instance["status"] }}</h5>
<span class="card-text">
Web services : <span class="badge bg-primary">X</span><br />
Environment variables :<br />
{% for env in instance.attrs["Config"]["Env"] %}
{{ env }}<br />
{% endfor %}
</span>
</div>
</div>
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
{% endblock %} {% endblock %}

29
ui/templates/services.html
View File

@ -2,14 +2,35 @@
{% block content %} {% block content %}
<div class="row"> <div class="row justify-content-center">
{% for service in services %} {% for service in services %}
{% set color = "dark" %}
{% if service["status"] == "running" %}
{% set color = "success" %}
{% elif service["status"] == "created" or service["status"] == "restarting" or service["status"] == "paused" %}
{% set color = "warning" %}
{% elif service["status"] == "exited" or service["status"] == "dead" %}
{% set color = "danger" %}
{% endif %}
<div class="col row-cols-1 row-cols-md-3"> <div class="col row-cols-1 row-cols-md-3">
ID = {{ instance["id"] }}<br /> <div class="card border-{{ color }} mb-3" style="max-width: 80rem;">
Name = {{ instance["name"] }}<br /> <div class="card-header border-{{ color }} bg-{{ color }}">{{ service["name"] }}</div>
Status = {{ instance["status"] }} <div class="card-body text-dark">
<h5 class="card-title">Status : {{ service["status"] }}</h5>
<span class="card-text">
Web services : <span class="badge bg-primary">X</span><br />
Environment variables :<br />
{% for env in service.attrs["Config"]["Env"] %}
{{ env }}<br />
{% endfor %}
</span>
</div>
</div>
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
{% endblock %} {% endblock %}