librewolf
/
bunkerized-nginx
mirror of https://github.com/bunkerity/bunkerized-nginx
4
0
Fork 1
Code Issues Projects Releases Wiki Activity

UI - minor UI improvement

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

22
ui/templates/home.html
View File

@ -2,13 +2,23 @@
{% block content %}
<div class="row">
<div class="col">
{{ instances_number }} bunkerized-nginx instances
</div>
<div class="col">
{{ services_number }} web services
<div class="text-center">
<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 class="col pt-3">
<span class="badge bg-primary">{{ services_number }}</span> web services
</div>
</div>
</div>
</div>
{% endblock %}

29
ui/templates/instances.html
View File

@ -2,14 +2,35 @@
{% block content %}
<div class="row">
<div class="row justify-content-center">
{% 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">
ID = {{ instance["id"] }}<br />
Name = {{ instance["name"] }}<br />
Status = {{ instance["status"] }}
<div class="card border-{{ color }} mb-3" style="max-width: 80rem;">
<div class="card-header border-{{ color }} bg-{{ color }}">{{ instance["name"] }}</div>
<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>
{% endfor %}
</div>
{% endblock %}

29
ui/templates/services.html
View File

@ -2,14 +2,35 @@
{% block content %}
<div class="row">
<div class="row justify-content-center">
{% 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">
ID = {{ instance["id"] }}<br />
Name = {{ instance["name"] }}<br />
Status = {{ instance["status"] }}
<div class="card border-{{ color }} mb-3" style="max-width: 80rem;">
<div class="card-header border-{{ color }} bg-{{ color }}">{{ service["name"] }}</div>
<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>
{% endfor %}
</div>
{% endblock %}