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

UI - minor front update

Browse Source
This commit is contained in:
bunkerity
2020-12-18 17:23:23 +01:00
parent 03ce7a6483
commit c5f283b00e
20 changed files with 9589 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
ui/templates/head.html
View File

@@ -7,5 +7,6 @@
<title>bunkerized-nginx-ui - {{ title }}</title>
<!-- TODO : favicon -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/fa.min.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
</head>

4
ui/templates/home.html
View File

@@ -2,9 +2,9 @@
{% block content %}
<div class="text-center">
<div class="d-flex text-center justify-content-center">
<div class="card" style="width: 30rem;">
<div class="card border-0" style="width: 30rem;">
<img src="img/logo.png" class="card-img-top" />

22
ui/templates/instances.html
View File

@@ -2,6 +2,10 @@
{% block content %}
<div class="text-center">
<button class="btn btn-success btn-lg mb-5"><i class="fas fa-plus"></i> new</button>
</div>
<div class="row justify-content-center">
{% for instance in instances %}
@@ -14,9 +18,23 @@
{% set color = "danger" %}
{% endif %}
<div class="col col-1 row-col-md-3 mx-auto">
<div class="col col-6">
<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-header border-{{ color }} bg-{{ color }}">
{{ instance["name"] }}
<div class="btn-group mx-2 float-end" role="group">
<button id="btnGroupDrop1" class="btn btn-sm dropdown-toggle btn-light" data-bs-toggle="dropdown" aria-expanded="false">
<i class="fas fa-cogs"> manage container</i>
</button>
<ul class="dropdown-menu" aria-labelledby="btnGroupDrop1">
<li><a class="dropdown-item" href="instance/start/{{ instance["id"] }}">Start</a></li>
<li><a class="dropdown-item" href="instance/stop/{{ instance["id"] }}">Stop</a></li>
<li><a class="dropdown-item" href="instance/restart/{{ instance["id"] }}">Restart</a></li>
<li><a class="dropdown-item" href="#">Remove</a></li>
</ul>
</div>
<button class="btn btn-sm mx-2 float-end btn-light"><i class="fas fa-redo-alt"></i> reload nginx</button>
</div>
<div class="card-body text-dark">
<h5 class="card-title">Status : {{ instance["status"] }}</h5>
<span class="card-text">

17
ui/templates/services.html
View File

@@ -14,9 +14,22 @@
{% set color = "danger" %}
{% endif %}
<div class="col row-cols-1 row-cols-md-3">
<div class="col col-6">
<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-header border-{{ color }} bg-{{ color }}">
{{ service["name"] }}
<div class="btn-group mx-2 float-end" role="group">
<button id="btnGroupDrop1" class="btn btn-sm dropdown-toggle btn-light" data-bs-toggle="dropdown" aria-expanded="false">
<i class="fas fa-cogs"> manage container</i>
</button>
<ul class="dropdown-menu" aria-labelledby="btnGroupDrop1">
<li><a class="dropdown-item" href="service/start/{{ service["id"] }}">Start</a></li>
<li><a class="dropdown-item" href="service/stop/{{ service["id"] }}">Stop</a></li>
<li><a class="dropdown-item" href="service/restart/{{ service["id"] }}">Restart</a></li>
<li><a class="dropdown-item" href="#">Remove</a></li>
</ul>
</div>
</div>
<div class="card-body text-dark">
<h5 class="card-title">Status : {{ service["status"] }}</h5>
<span class="card-text">