accessGate/views/keys.ejs

82 lines
4.6 KiB
Plaintext

<%- include('navbar', {active: "keys"}); %>
<div class="container-fluid">
<h3 class="text-dark mb-4">Keys management</h3>
<div class="row mb-3">
<div class="col-lg-8">
<div class="row mb-3 d-none">
<div class="col">
<div class="card text-white bg-primary shadow">
<div class="card-body">
<div class="row mb-2">
<div class="col">
<p class="m-0">Peformance</p>
<p class="m-0"><strong>65.2%</strong></p>
</div>
<div class="col-auto"><i class="fas fa-rocket fa-2x"></i></div>
</div>
<p class="text-white-50 small m-0"><i class="fas fa-arrow-up"></i>&nbsp;5% since last month</p>
</div>
</div>
</div>
<div class="col">
<div class="card text-white bg-success shadow">
<div class="card-body">
<div class="row mb-2">
<div class="col">
<p class="m-0">Peformance</p>
<p class="m-0"><strong>65.2%</strong></p>
</div>
<div class="col-auto"><i class="fas fa-rocket fa-2x"></i></div>
</div>
<p class="text-white-50 small m-0"><i class="fas fa-arrow-up"></i>&nbsp;5% since last month</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card shadow mb-5">
<div class="card-header py-3">
<p class="text-primary m-0 fw-bold">SSH Keys</p>
</div>
<div class="card-body">
<div class="row">
<div class="col">
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th>Name</th>
<th>Key</th>
<th></th>
</tr>
</thead>
<tbody>
<% keys.forEach(function (key) { %>
<tr>
<td><%= key.name %></td>
<td><%= key.content %></td>
<td style="text-align: right;"><a class="btn btn-sm btn-danger" href="/keys/delete/<%= key.idKey %>"><i class="far fa-trash-alt"></i></button></td>
</tr>
<% }) %>
</tbody>
</table>
</div>
</div>
<div class="col-md-6">
<form method="POST" action="/keys/add/">
<div class="mb-3"><label class="form-label"><strong>Name</strong></label><input class="form-control" type="text" name="key_name"></div>
<div class="mb-3"><label class="form-label"><strong>Key</strong></label><textarea class="form-control" name="key_content" rows="2"></textarea></div>
<div class="mb-3"></div>
<div class="mb-3"><button class="btn btn-primary btn-sm" type="submit">Add key</button></div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<%- include('footer'); %>