JonatanRek/PY_DOCKER_DASHBOARD
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Additional Work Done on requests

Browse Source
This commit is contained in:
Václav Španinger
2023-08-07 13:35:27 +02:00
parent ae3530f2dd
commit 6d5d037f44
3 changed files with 156 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
templates/index.html
View File

@@ -7,13 +7,20 @@
<title>{{title}}</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
<style>
</style>
</head>
<body data-bs-theme="dark">
<div class="container-fluid">
<h1>Containers</h1>
<a href="/" class="d-flex text-decoration-none text-primary">
<i style="font-size: 3rem;" class="bi bi-stack me-2"></i>
<div class="mb-2">
<h2 class="mb-0">Containers</h2>
<small>{{subtitle}}</small>
</div>
</a>
<div class="row row-cols-auto g-2">
{% for container in containers %}
<div class="col-6 col-sm-4 col-md-4 col-lg-3 col-xxl-2">
@@ -28,7 +35,8 @@
<input class="form-check-input" type="checkbox" id="flexSwitchCheckReverse"
onclick="toggleContainer('{{container.id}}', '{{container.status}}', this, event);" {% if
container.status=="running" %} checked {% endif %}>
<label class="form-check-label d-none d-md-block " for="flexSwitchCheckReverse">isRunning</label>
<label class="form-check-label d-none d-md-block "
for="flexSwitchCheckReverse">{{container.status}}</label>
</div>
</div>
<h4 class="text-truncate">{{container.attrs['Config']['Labels']['com.docker.compose.project']}}</h4>

72
templates/login.html Normal file
View File

@@ -0,0 +1,72 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Signin Template for Bootstrap</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
<style>
html,
body {
height: 100%;
}
body {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-ms-flex-pack: center;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
padding-top: 40px;
padding-bottom: 40px;
background-color: #f5f5f5;
}
.form-signin {
width: 100%;
max-width: 330px;
padding: 15px;
margin: 0 auto;
}
.form-signin .checkbox {
font-weight: 400;
}
.form-signin .form-control {
position: relative;
box-sizing: border-box;
height: auto;
padding: 10px;
font-size: 16px;
}
.form-signin .form-control:focus {
z-index: 2;
}
.form-signin input[type="email"] {
margin-bottom: -1px;
}
.form-signin input[type="password"] {
margin-bottom: 10px;
}
</style>
</head>
<body class="text-center">
<form class="form-signin" method="post">
<h1 class="h3 mb-3 font-weight-normal">Please sign in</h1>
<label for="inputEmail" class="">Email address</label>
<input type="email" id="inputEmail" name="email" class="form-control" placeholder="Email address" required autofocus>
<label for="inputPassword" class="">Password</label>
<input type="password" id="inputPassword" name="password" class="form-control" placeholder="Password" required>
<button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
</form>
</body>
</html>