Add basic bootstrap dashboard with sample data.
This commit is contained in:
@ -1,8 +1,73 @@
|
||||
<%~ E.includeFile("head.eta.html", {"title": "Bootstrap Demo Page"}) %>
|
||||
<%~ E.includeFile("partials/head.eta.html", {"title": "Bootstrap Demo Page"}) %>
|
||||
<%~ E.includeFile("partials/controls.eta.html", {"active": "Orders"}) %>
|
||||
|
||||
<div class="alert alert-primary" role="alert">
|
||||
A simple primary alert—check it out!
|
||||
|
||||
<h1>
|
||||
Good evening, ${user}
|
||||
</h1>
|
||||
<div class="container text-center">
|
||||
<div class="row">
|
||||
<div class="card col m-2">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">+10</h5>
|
||||
<p class="card-text">New Stock</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card col m-2">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">10</h5>
|
||||
<p class="card-text">Uncategorized items</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card col m-2">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Everything ok</h5>
|
||||
<p class="card-text">Instance Status</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alert alert-light" role="alert">
|
||||
A new version is available. <a href="#" class="alert-link">Click here to update</a>
|
||||
</div>
|
||||
|
||||
<h2>Recent items</h2>
|
||||
<div class="container">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">#</th>
|
||||
<th scope="col">Name</th>
|
||||
<th scope="col">Status</th>
|
||||
<th scope="col">SKU</th>
|
||||
<th scope="col">Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">1</th>
|
||||
<td>Samsung 65W USB-C Ladegerät</td>
|
||||
<td><span class="badge text-bg-success">Normal</span></td>
|
||||
<td>DB8031E8</td>
|
||||
<td><a href="#" class="btn btn-primary">Edit</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">2</th>
|
||||
<td>2.5mm Klinken Verlängerung 40mm</td>
|
||||
<td><span class="badge text-bg-success">Normal</span></td>
|
||||
<td>25A1E9DE</td>
|
||||
<td><a href="#" class="btn btn-primary">Edit</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">3</th>
|
||||
<td>Elgato Streamdeck XL</td>
|
||||
<td><span class="badge text-bg-danger">Stolen</span></td>
|
||||
<td>9AF2388E</td>
|
||||
<td><a href="#" class="btn btn-primary">Edit</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<%~ E.includeFile("foot.eta.html") %>
|
||||
<%~ E.includeFile("partials/controlsFoot.eta.html") %>
|
||||
<%~ E.includeFile("partials/foot.eta.html") %>
|
||||
|
Reference in New Issue
Block a user