mirror of
https://github.com/ZorgCC/psina-avatar-server.git
synced 2024-12-27 06:05:28 +03:00
new pages
This commit is contained in:
parent
aeb61b12c1
commit
48655a255e
GPG Key ID:
7EAD86746D85C445
279
src/html/admin-dash.html
Normal file
279
src/html/admin-dash.html
Normal file
@ -0,0 +1,279 @@
|
|||||||
|
|
||||||
|
<!doctype html>
|
||||||
|
<html lang="en" class="h-100">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
|
||||||
|
<meta name="generator" content="Hugo 0.88.1">
|
||||||
|
<title>Zorg Avatar Server • Dashboard</title>
|
||||||
|
|
||||||
|
<link rel="canonical" href="https://getbootstrap.com/examples/sticky-footer-navbar/">
|
||||||
|
<!-- Bootstrap core CSS -->
|
||||||
|
<link href="/assets/css/vapor/bootstrap.css" rel="stylesheet">
|
||||||
|
<link href="/assets/font/bootstrap-icons.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- Favicons -->
|
||||||
|
<link rel="apple-touch-icon" href="/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
|
||||||
|
<link rel="icon" href="/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
|
||||||
|
<link rel="icon" href="/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
|
||||||
|
<link rel="manifest" href="/assets/img/favicons/manifest.json">
|
||||||
|
<link rel="mask-icon" href="/assets/img/favicons/safari-pinned-tab.svg" color="#7952b3">
|
||||||
|
<link rel="icon" href="/assets/img/favicons/favicon.ico">
|
||||||
|
<meta name="theme-color" content="#7952b3">
|
||||||
|
|
||||||
|
<!-- Custom styles for this template -->
|
||||||
|
<link href="/assets/css/engine.css" rel="stylesheet">
|
||||||
|
<link href="/assets/css/bs.sticky-footer-navbar.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body class="d-flex flex-column h-100">
|
||||||
|
|
||||||
|
<header>
|
||||||
|
<div class="bg-dark text-white">
|
||||||
|
<div class="container">
|
||||||
|
<div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
|
||||||
|
<a href="/" class="d-flex align-items-center my-2 my-lg-0 me-lg-auto text-white text-decoration-none">
|
||||||
|
<img class="fs-4" src="/assets/img/brand/zorg/zorg.logo.32.png" alt="" width="32" height="32" title="Zorg Avatar Server">
|
||||||
|
<span class="fs-4">Zorg Avatar Server</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<ul class="nav col-12 col-lg-auto my-2 justify-content-center my-md-0 text-small">
|
||||||
|
<li>
|
||||||
|
<a href="/admin-dash.html" class="nav-link text-secondary">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-speedometer d-block mx-auto mb-1" viewBox="0 0 16 16">
|
||||||
|
<path d="M8 2a.5.5 0 0 1 .5.5V4a.5.5 0 0 1-1 0V2.5A.5.5 0 0 1 8 2zM3.732 3.732a.5.5 0 0 1 .707 0l.915.914a.5.5 0 1 1-.708.708l-.914-.915a.5.5 0 0 1 0-.707zM2 8a.5.5 0 0 1 .5-.5h1.586a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 8zm9.5 0a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 1 0 1H12a.5.5 0 0 1-.5-.5zm.754-4.246a.389.389 0 0 0-.527-.02L7.547 7.31A.91.91 0 1 0 8.85 8.569l3.434-4.297a.389.389 0 0 0-.029-.518z"/>
|
||||||
|
<path fill-rule="evenodd" d="M6.664 15.889A8 8 0 1 1 9.336.11a8 8 0 0 1-2.672 15.78zm-4.665-4.283A11.945 11.945 0 0 1 8 10c2.186 0 4.236.585 6.001 1.606a7 7 0 1 0-12.002 0z"/>
|
||||||
|
</svg>
|
||||||
|
Dashboard
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="/admin-settings.html" class="nav-link text-white">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-gear-fill d-block mx-auto mb-1" viewBox="0 0 16 16">
|
||||||
|
<path d="M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872l-.1-.34zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z"/>
|
||||||
|
</svg>
|
||||||
|
Settings
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="/index.html" class="nav-link text-white">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-door-open-fill d-block mx-auto mb-1" viewBox="0 0 16 16">
|
||||||
|
<path d="M1.5 15a.5.5 0 0 0 0 1h13a.5.5 0 0 0 0-1H13V2.5A1.5 1.5 0 0 0 11.5 1H11V.5a.5.5 0 0 0-.57-.495l-7 1A.5.5 0 0 0 3 1.5V15H1.5zM11 2h.5a.5.5 0 0 1 .5.5V15h-1V2zm-2.5 8c-.276 0-.5-.448-.5-1s.224-1 .5-1 .5.448.5 1-.224 1-.5 1z"/>
|
||||||
|
</svg>
|
||||||
|
Logout
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<!-- Begin page content -->
|
||||||
|
<main class="flex-shrink-0">
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<h1 class="clearfix">
|
||||||
|
<span class="float-start"><i class="bi bi-speedometer"></i> Dashboard</span>
|
||||||
|
<button type="button" class="btn btn-secondary float-end" data-bs-toggle="modal" data-bs-target="#EditModal"><i class="bi bi-person-plus-fill"></i> Add new item</button>
|
||||||
|
</h1>
|
||||||
|
|
||||||
|
<div class="alert alert-warning alert-dismissible fade show" role="alert">
|
||||||
|
<strong>Holy guacamole!</strong> You should check in on some of those fields below.
|
||||||
|
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<table class="table table-striped table-hover caption-top">
|
||||||
|
<caption>List of users</caption>
|
||||||
|
<thead class="table-dark">
|
||||||
|
<tr>
|
||||||
|
<th scope="col">#</th>
|
||||||
|
<th scope="col">Username</th>
|
||||||
|
<th scope="col">E-Mail</th>
|
||||||
|
<th scope="col">Actions</th>
|
||||||
|
<th scope="col">
|
||||||
|
<div class="form-check">
|
||||||
|
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
|
||||||
|
<label class="form-check-label" for="flexCheckDefault">
|
||||||
|
Bulk
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<th scope="row">1</th>
|
||||||
|
<td>Mark</td>
|
||||||
|
<td>mark@example.com</td>
|
||||||
|
<td>
|
||||||
|
<a href="#" class="text-decoration-none text-secondary" data-bs-toggle="modal" data-bs-target="#EditModal">
|
||||||
|
<i class="bi bi-pencil"></i>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="text-decoration-none text-danger" data-bs-toggle="modal" data-bs-target="#DeleteModal">
|
||||||
|
<i class="bi bi-trash"></i>
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
<td scope="row">
|
||||||
|
<div class="form-check">
|
||||||
|
<input class="form-check-input" type="checkbox" value="">
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th scope="row">2</th>
|
||||||
|
<td>Jacob</td>
|
||||||
|
<td>jacob@example.com</td>
|
||||||
|
<td>
|
||||||
|
<a href="#" class="text-decoration-none text-secondary" data-bs-toggle="modal" data-bs-target="#EditModal">
|
||||||
|
<i class="bi bi-pencil"></i>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="text-decoration-none text-danger" data-bs-toggle="modal" data-bs-target="#DeleteModal">
|
||||||
|
<i class="bi bi-trash"></i>
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
<td scope="row">
|
||||||
|
<div class="form-check">
|
||||||
|
<input class="form-check-input" type="checkbox" value="">
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th scope="row">3</th>
|
||||||
|
<td>Larry the Bird</td>
|
||||||
|
<td>larry@example.com</td>
|
||||||
|
<td>
|
||||||
|
<a href="#" class="text-decoration-none text-secondary" data-bs-toggle="modal" data-bs-target="#EditModal">
|
||||||
|
<i class="bi bi-pencil"></i>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="text-decoration-none text-danger" data-bs-toggle="modal" data-bs-target="#DeleteModal">
|
||||||
|
<i class="bi bi-trash"></i>
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
<td scope="row">
|
||||||
|
<div class="form-check">
|
||||||
|
<input class="form-check-input" type="checkbox" value="">
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr class="table-active">
|
||||||
|
<td colspan="4"></td>
|
||||||
|
<td colspan="1">
|
||||||
|
<button class="btn btn-outline-secondary" type="button">Delete</button>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<nav aria-label="Page navigation example">
|
||||||
|
<ul class="pagination justify-content-center">
|
||||||
|
<li class="page-item disabled">
|
||||||
|
<a class="page-link">Previous</a>
|
||||||
|
</li>
|
||||||
|
<li class="page-item"><a class="page-link" href="#">1</a></li>
|
||||||
|
<li class="page-item"><a class="page-link" href="#">2</a></li>
|
||||||
|
<li class="page-item"><a class="page-link" href="#">3</a></li>
|
||||||
|
<li class="page-item">
|
||||||
|
<a class="page-link" href="#">Next</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Modal -->
|
||||||
|
<div class="modal fade" id="EditModal" tabindex="-1" aria-labelledby="EditModalLabel" aria-hidden="true">
|
||||||
|
<div class="modal-dialog modal-xl modal-fullscreen-xl-down modal-dialog-centered modal-dialog-scrollable">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title" id="EditModalLabel"><i class="bi bi-person-circle"></i> Edit %username%</h5>
|
||||||
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col">
|
||||||
|
<div class="mb-3">
|
||||||
|
<label for="exampleFormControlInput1" class="form-label">Username:</label>
|
||||||
|
<input type="text" class="form-control" id="exampleFormControlInput1" placeholder="JohnDoe">
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<label for="exampleFormControlInput2" class="form-label">E-Mail address:</label>
|
||||||
|
<input type="email" class="form-control" id="exampleFormControlInput2" placeholder="name@example.com">
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<label for="formFile" class="form-label">Upload new avatar:</label>
|
||||||
|
<input class="form-control" type="file" id="formFile">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col">
|
||||||
|
<div class="card">
|
||||||
|
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="card-subtitle">Current avatar:</h5>
|
||||||
|
<figure class="figure">
|
||||||
|
<img src="/assets/img/favicons/apple-touch-icon.png" class="figure-img img-fluid rounded" alt="...">
|
||||||
|
</figure>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Close</button>
|
||||||
|
<button type="button" class="btn btn-outline-success">Apply</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Modal -->
|
||||||
|
<div class="modal fade" id="DeleteModal" tabindex="-1" aria-labelledby="DeleteModalLabel" aria-hidden="true">
|
||||||
|
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title" id="DeleteModalLabel"><i class="bi bi-question-circle"></i> Delete Item</h5>
|
||||||
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
Do you want to delete %username%?
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">No</button>
|
||||||
|
<button type="button" class="btn btn-outline-success">Yes</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
|
||||||
|
|
||||||
|
<footer class="footer mt-auto">
|
||||||
|
<div class="container">
|
||||||
|
<p>
|
||||||
|
<span class="">
|
||||||
|
Zorg Avatar Server v0.1
|
||||||
|
</span>
|
||||||
|
<span class="float-end">
|
||||||
|
<i class="bi bi-github"></i> <a href="https://github.com/ZorgCC/avatar-server" class="text-white">Source code</a>
|
||||||
|
by <a href="https://zorg.cc" class="text-white">Zorg Software Team</a> © 2022
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<script src="/assets/js/jquery/jquery-3.6.0.min.js"></script>
|
||||||
|
<script src="/assets/js/popper/popper.min.js"></script>
|
||||||
|
<script src="/assets/js/bootstrap/bootstrap.min.js"></script>
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
155
src/html/admin-settings.html
Normal file
155
src/html/admin-settings.html
Normal file
@ -0,0 +1,155 @@
|
|||||||
|
|
||||||
|
<!doctype html>
|
||||||
|
<html lang="en" class="h-100">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
|
||||||
|
<meta name="generator" content="Hugo 0.88.1">
|
||||||
|
<title>Zorg Avatar Server • Settings</title>
|
||||||
|
|
||||||
|
<link rel="canonical" href="https://getbootstrap.com/examples/sticky-footer-navbar/">
|
||||||
|
<!-- Bootstrap core CSS -->
|
||||||
|
<link href="/assets/css/vapor/bootstrap.css" rel="stylesheet">
|
||||||
|
<link href="/assets/font/bootstrap-icons.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- Favicons -->
|
||||||
|
<link rel="apple-touch-icon" href="/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
|
||||||
|
<link rel="icon" href="/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
|
||||||
|
<link rel="icon" href="/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
|
||||||
|
<link rel="manifest" href="/assets/img/favicons/manifest.json">
|
||||||
|
<link rel="mask-icon" href="/assets/img/favicons/safari-pinned-tab.svg" color="#7952b3">
|
||||||
|
<link rel="icon" href="/assets/img/favicons/favicon.ico">
|
||||||
|
<meta name="theme-color" content="#7952b3">
|
||||||
|
|
||||||
|
<!-- Custom styles for this template -->
|
||||||
|
<link href="/assets/css/engine.css" rel="stylesheet">
|
||||||
|
<link href="/assets/css/bs.sticky-footer-navbar.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body class="d-flex flex-column h-100">
|
||||||
|
|
||||||
|
<header>
|
||||||
|
<div class="bg-dark text-white">
|
||||||
|
<div class="container">
|
||||||
|
<div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
|
||||||
|
<a href="/" class="d-flex align-items-center my-2 my-lg-0 me-lg-auto text-white text-decoration-none">
|
||||||
|
<img class="fs-4" src="/assets/img/brand/zorg/zorg.logo.32.png" alt="" width="32" height="32" title="Zorg Avatar Server">
|
||||||
|
<span class="fs-4">Zorg Avatar Server</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<ul class="nav col-12 col-lg-auto my-2 justify-content-center my-md-0 text-small">
|
||||||
|
<li>
|
||||||
|
<a href="/admin-dash.html" class="nav-link text-white">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-speedometer d-block mx-auto mb-1" viewBox="0 0 16 16">
|
||||||
|
<path d="M8 2a.5.5 0 0 1 .5.5V4a.5.5 0 0 1-1 0V2.5A.5.5 0 0 1 8 2zM3.732 3.732a.5.5 0 0 1 .707 0l.915.914a.5.5 0 1 1-.708.708l-.914-.915a.5.5 0 0 1 0-.707zM2 8a.5.5 0 0 1 .5-.5h1.586a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 8zm9.5 0a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 1 0 1H12a.5.5 0 0 1-.5-.5zm.754-4.246a.389.389 0 0 0-.527-.02L7.547 7.31A.91.91 0 1 0 8.85 8.569l3.434-4.297a.389.389 0 0 0-.029-.518z"/>
|
||||||
|
<path fill-rule="evenodd" d="M6.664 15.889A8 8 0 1 1 9.336.11a8 8 0 0 1-2.672 15.78zm-4.665-4.283A11.945 11.945 0 0 1 8 10c2.186 0 4.236.585 6.001 1.606a7 7 0 1 0-12.002 0z"/>
|
||||||
|
</svg>
|
||||||
|
Dashboard
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="/admin-settings.html" class="nav-link text-secondary">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-gear-fill d-block mx-auto mb-1" viewBox="0 0 16 16">
|
||||||
|
<path d="M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872l-.1-.34zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z"/>
|
||||||
|
</svg>
|
||||||
|
Settings
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="/index.html" class="nav-link text-white">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-door-open-fill d-block mx-auto mb-1" viewBox="0 0 16 16">
|
||||||
|
<path d="M1.5 15a.5.5 0 0 0 0 1h13a.5.5 0 0 0 0-1H13V2.5A1.5 1.5 0 0 0 11.5 1H11V.5a.5.5 0 0 0-.57-.495l-7 1A.5.5 0 0 0 3 1.5V15H1.5zM11 2h.5a.5.5 0 0 1 .5.5V15h-1V2zm-2.5 8c-.276 0-.5-.448-.5-1s.224-1 .5-1 .5.448.5 1-.224 1-.5 1z"/>
|
||||||
|
</svg>
|
||||||
|
Logout
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<!-- Begin page content -->
|
||||||
|
<main class="flex-shrink-0">
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<h1><i class="bi bi-gear-fill"></i> Settings</h1>
|
||||||
|
|
||||||
|
<div class="alert alert-warning alert-dismissible fade show" role="alert">
|
||||||
|
<strong>Holy guacamole!</strong> You should check in on some of those fields below.
|
||||||
|
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<form class="row g-3">
|
||||||
|
<div class="input-group">
|
||||||
|
<label class="input-group-text col-2" for="inputPass">
|
||||||
|
<i class="bi bi-key"></i> <span class="px-2">New Password</span>
|
||||||
|
</label>
|
||||||
|
<input type="password" class="form-control col" id="inputPass" placeholder="Old Password" aria-label="Old Password" aria-describedby="basic-addon1">
|
||||||
|
<input type="password" class="form-control col" id="inputPass2" placeholder="New Password" aria-label="New Password" aria-describedby="basic-addon1">
|
||||||
|
<button class="btn btn-outline-secondary col-2" type="button">
|
||||||
|
<i class="bi bi-check-lg"></i> Apply
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="input-group">
|
||||||
|
<label class="input-group-text col-2" for="inputLang">
|
||||||
|
<i class="bi bi-translate"></i> <span class="px-2">Language</span>
|
||||||
|
</label>
|
||||||
|
<select class="form-select col" id="inputLang" aria-label="Example select with button addon">
|
||||||
|
<option selected>Choose...</option>
|
||||||
|
<option value="1">One</option>
|
||||||
|
<option value="2">Two</option>
|
||||||
|
<option value="3">Three</option>
|
||||||
|
</select>
|
||||||
|
<button class="btn btn-outline-secondary col-2" type="button">
|
||||||
|
<i class="bi bi-check-lg"></i> Apply
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="input-group">
|
||||||
|
<label class="input-group-text col-2 for="inputTheme">
|
||||||
|
<i class="bi bi-person-circle"></i> <span class="px-2">Theme</span>
|
||||||
|
</label>
|
||||||
|
<select class="form-select col" id="inputTheme" aria-label="Example select with button addon">
|
||||||
|
<option selected>Choose...</option>
|
||||||
|
<option value="1">One</option>
|
||||||
|
<option value="2">Two</option>
|
||||||
|
<option value="3">Three</option>
|
||||||
|
</select>
|
||||||
|
<button class="btn btn-outline-secondary col-2" type="button">
|
||||||
|
<i class="bi bi-check-lg"></i> Apply
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
|
||||||
|
|
||||||
|
<footer class="footer mt-auto">
|
||||||
|
<div class="container">
|
||||||
|
<p>
|
||||||
|
<span class="">
|
||||||
|
Zorg Avatar Server v0.1
|
||||||
|
</span>
|
||||||
|
<span class="float-end">
|
||||||
|
<i class="bi bi-github"></i> <a href="https://github.com/ZorgCC/avatar-server" class="text-white">Source code</a>
|
||||||
|
by <a href="https://zorg.cc" class="text-white">Zorg Software Team</a> © 2022
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<script src="/assets/js/jquery/jquery-3.6.0.min.js"></script>
|
||||||
|
<script src="/assets/js/popper/popper.min.js"></script>
|
||||||
|
<script src="/assets/js/bootstrap/bootstrap.min.js"></script>
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -32,13 +32,17 @@ body {
|
|||||||
border-bottom-left-radius: 0;
|
border-bottom-left-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.login-input {
|
||||||
|
margin-bottom: -1px;
|
||||||
|
border-bottom-right-radius: 0;
|
||||||
|
border-bottom-left-radius: 0;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
.password-input {
|
.password-input {
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
border-top-left-radius: 0;
|
border-top-left-radius: 0;
|
||||||
border-top-right-radius: 0;
|
border-top-right-radius: 0;
|
||||||
border-bottom-right-radius: 0;
|
|
||||||
border-bottom-left-radius: 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.new-password-input {
|
.new-password-input {
|
||||||
|
|||||||
@ -39,6 +39,11 @@
|
|||||||
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="form-floating">
|
||||||
|
<input type="text" class="form-control login-input" id="floatingLogin" placeholder="Login">
|
||||||
|
<label for="floatingLogin">Login</label>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="form-floating">
|
<div class="form-floating">
|
||||||
<input type="password" class="form-control password-input" id="floatingPassword" placeholder="Password">
|
<input type="password" class="form-control password-input" id="floatingPassword" placeholder="Password">
|
||||||
<label for="floatingPassword">Password</label>
|
<label for="floatingPassword">Password</label>
|
||||||
@ -46,9 +51,9 @@
|
|||||||
|
|
||||||
<button class="w-100 btn btn-lg btn-primary" type="submit"><i class="bi bi-key"></i> Sign in</button>
|
<button class="w-100 btn btn-lg btn-primary" type="submit"><i class="bi bi-key"></i> Sign in</button>
|
||||||
|
|
||||||
<div class="mb-3">
|
<!--div class="mb-3">
|
||||||
<a href="/reset.html"><i class="bi bi-life-preserver"></i> Forgot your password?</a>
|
<a href="/reset.html"><i class="bi bi-life-preserver"></i> Forgot your password?</a>
|
||||||
</div>
|
</div-->
|
||||||
<p class="mt-5 mb-3 text-muted">Zorg Avatar Server v0.1, <br><i class="bi bi-github"></i> <a href="https://github.com/ZorgCC/avatar-server" class="text-white">Source code</a>,
|
<p class="mt-5 mb-3 text-muted">Zorg Avatar Server v0.1, <br><i class="bi bi-github"></i> <a href="https://github.com/ZorgCC/avatar-server" class="text-white">Source code</a>,
|
||||||
by <a href="https://zorg.cc" class="text-white">Zorg Software Team</a>.</p>
|
by <a href="https://zorg.cc" class="text-white">Zorg Software Team</a>.</p>
|
||||||
</form>
|
</form>
|
||||||
|
|||||||
71
src/html/todo/reset.html
Normal file
71
src/html/todo/reset.html
Normal file
@ -0,0 +1,71 @@
|
|||||||
|
|
||||||
|
<!doctype html>
|
||||||
|
<html lang="en" class="h-100">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
|
||||||
|
<meta name="generator" content="Hugo 0.88.1">
|
||||||
|
<title>Zorg Avatar Server • Reset password</title>
|
||||||
|
|
||||||
|
<link rel="canonical" href="https://getbootstrap.com/examples/sticky-footer-navbar/">
|
||||||
|
<!-- Bootstrap core CSS -->
|
||||||
|
<link href="/assets/css/vapor/bootstrap.css" rel="stylesheet">
|
||||||
|
<link href="/assets/font/bootstrap-icons.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- Favicons -->
|
||||||
|
<link rel="apple-touch-icon" href="/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
|
||||||
|
<link rel="icon" href="/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
|
||||||
|
<link rel="icon" href="/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
|
||||||
|
<link rel="manifest" href="/assets/img/favicons/manifest.json">
|
||||||
|
<link rel="mask-icon" href="/assets/img/favicons/safari-pinned-tab.svg" color="#7952b3">
|
||||||
|
<link rel="icon" href="/assets/img/favicons/favicon.ico">
|
||||||
|
<meta name="theme-color" content="#7952b3">
|
||||||
|
|
||||||
|
<!-- Custom styles for this template -->
|
||||||
|
<link href="/assets/css/engine.css" rel="stylesheet">
|
||||||
|
<link href="/assets/css/bs.signin.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body class="text-center">
|
||||||
|
|
||||||
|
<main class="form-signin">
|
||||||
|
|
||||||
|
<form>
|
||||||
|
<img class="mb-4" src="/assets/img/brand/zorg/zorg.logo.72.png" alt="" width="72" height="72" title="Zorg Avatar Server">
|
||||||
|
<h1 class="h3 mb-3 fw-normal position-relative">Reset password <span class="position-absolute top-0 start-100 translate-middle badge border border-light rounded-circle "><i class="bi bi-info-circle" data-bs-toggle="tooltip" data-bs-placement="right" title="To reset password, look at the service logs and find temporary token that been generated. Enter this token and your new password for setting up. After that you could to login again."></i></span></h1>
|
||||||
|
|
||||||
|
<div class="alert alert-warning alert-dismissible fade show" role="alert">
|
||||||
|
<strong>Holy guacamole!</strong> You should check in on some of those fields below.
|
||||||
|
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-floating">
|
||||||
|
<input type="password" class="form-control token" id="floatingToken" placeholder="Token">
|
||||||
|
<label for="floatingToken">Token</label>
|
||||||
|
</div>
|
||||||
|
<div class="form-floating">
|
||||||
|
<input type="password" class="form-control new-password-input" id="floatingPassword" placeholder="Password">
|
||||||
|
<label for="floatingPassword">New Password</label>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button class="w-100 btn btn-lg btn-primary" type="submit"><i class="bi bi-check2-all"></i> Apply</button>
|
||||||
|
|
||||||
|
<p class="mt-5 mb-3 text-muted">Zorg Avatar Server v0.1, <br><i class="bi bi-github"></i> <a href="https://github.com/ZorgCC/avatar-server" class="text-white">Source code</a>,
|
||||||
|
by <a href="https://zorg.cc" class="text-white">Zorg Software Team</a>.</p>
|
||||||
|
</form>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
|
||||||
|
<script src="/assets/js/jquery/jquery-3.6.0.min.js"></script>
|
||||||
|
<script src="/assets/js/popper/popper.min.js"></script>
|
||||||
|
<script src="/assets/js/bootstrap/bootstrap.min.js"></script>
|
||||||
|
<script>
|
||||||
|
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
|
||||||
|
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
|
||||||
|
return new bootstrap.Tooltip(tooltipTriggerEl)
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in New Issue
Block a user