Implemented v1 admin dashboard
This commit is contained in:
29
Server/views/partials/connectioncard.ejs
Normal file
29
Server/views/partials/connectioncard.ejs
Normal file
@@ -0,0 +1,29 @@
|
||||
<div class="col-xl-3 col-sm-6">
|
||||
<div class="card node-card">
|
||||
<div class="card-body">
|
||||
<div class="dropdown float-end">
|
||||
<a class="text-muted dropdown-toggle font-size-16" href="#" role="button" data-bs-toggle="dropdown"
|
||||
aria-haspopup="true">
|
||||
<i class="bx bx-dots-horizontal-rounded"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-end">
|
||||
<a class="dropdown-item node-action">Edit</a>
|
||||
<a class="dropdown-item node-action" onclick="">Send Heartbeat</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="flex-1 ms-3">
|
||||
<h5 class="font-size-16 mb-1"><a class="text-dark">
|
||||
<%= connection.clientObject.name%>
|
||||
</a></h5>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-3 pt-1">
|
||||
<p class="text-muted mb-0">
|
||||
<i class="bi bi-cpu-fill font-size-15 align-middle pe-2 text-primary"></i>
|
||||
Node ID: <a href="/node/<%= connection.node.id %>"><%= connection.node.id %></a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
32
Server/views/partials/valueChip.ejs
Normal file
32
Server/views/partials/valueChip.ejs
Normal file
@@ -0,0 +1,32 @@
|
||||
<div class="col-xl-3 col-lg-6">
|
||||
<div class="info-card l-bg-<%=bgColor%>">
|
||||
<div class="card-statistic p-4">
|
||||
<div class="card-icon card-icon-large"><i class="bi bi-<%=icon%>"></i></div>
|
||||
<div class="mb-4">
|
||||
<h5 class="card-title mb-0">
|
||||
<%=title%>
|
||||
</h5>
|
||||
</div>
|
||||
<div class="row align-items-center mb-2 d-flex">
|
||||
<div class="col-8">
|
||||
<h2 class="d-flex align-items-center mb-0">
|
||||
<%=value%>
|
||||
</h2>
|
||||
</div>
|
||||
<% if (progressPercent) {%>
|
||||
<div class="col-4 text-right">
|
||||
<span>
|
||||
<%=progressPercent%>%<i class="fa fa-arrow-up"></i>
|
||||
</span>
|
||||
</div>
|
||||
<%}%>
|
||||
</div>
|
||||
<% if (progressPercent) {%>
|
||||
<div class="progress mt-1 " data-height="8" style="height: 8px;">
|
||||
<div class="progress-bar l-bg-cyan" role="progressbar" data-width="<%=progressPercent%>%" aria-valuenow="<%=progressPercent%>"
|
||||
aria-valuemin="0" aria-valuemax="100" style="width: <%=progressPercent%>%;"></div>
|
||||
</div>
|
||||
<%}%>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user