53 lines
2.3 KiB
HTML
53 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Purchase Orders</title>
|
|
<meta charset="UTF-8">
|
|
<script src="https://unpkg.com/htmx.org@2.0.4"></script>
|
|
<script src="/js/main.js"></script>
|
|
<link rel="stylesheet" href="/css/main.css">
|
|
<link rel="icon" href="/images/favicon.ico" type="image/x-icon">
|
|
</head>
|
|
<body>
|
|
<header class="header">
|
|
<div id="logo">HHE - Purchase Orders</div>
|
|
<div class="sidepanel" id="sidepanel">
|
|
<a href="javascript:void(0)" class="closebtn" onclick="closeSidepanel()">x</a><a hx-get="/purchase-orders?page=1&limit=50" hx-target="body" hx-push-url="true">Purchase Orders</a><a hx-get="/users" hx-target="body" hx-push-url="true">Users</a><a hx-get="/employees" hx-target="body" hx-push-url="true">Employees</a><a hx-get="/vendors" hx-target="body" hx-push-url="true">Vendors</a>
|
|
<div style="border-bottom: 1px solid grey; margin-bottom: 5px;"></div>
|
|
Logout<a hx-post="/logout" hx-target="#content" hx-swap="outerHTML" hx-trigger="click"></a>
|
|
</div>
|
|
<button class="openbtn" onclick="openSidepanel()">
|
|
<img src="/images/menu.svg" style="width: 30px;, height: 30px;">
|
|
</button>
|
|
</header>
|
|
<div class="container" style="padding: 20px 20px;">
|
|
<h1>Vendors</h1>
|
|
<br>
|
|
<p class="secondary"><i>Vendors are where purchase orders can be issued to.</i></p>
|
|
<br>
|
|
</div>
|
|
<div class="container" id="content">
|
|
<div id="float" class="" style="display: hidden;"></div>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Name</th>
|
|
<th>Branches</th>
|
|
<th style="width: 100px;">
|
|
<button class="btn btn-add" style="padding: 0px 10px;" hx-get="/vendors/create" hx-target="#float" hx-swap="outerHTML">+</button>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="vendor-table">
|
|
<tr id="vendor-00000000-0000-0000-0000-000000000000">
|
|
<td>Test</td>
|
|
<td>(0) Branches</td>
|
|
<td>
|
|
<button class="btn-detail" style="padding-left: 15px;" hx-get="/vendors/00000000-0000-0000-0000-000000000000" hx-target="#float" hx-push-url="true" hx-swap="outerHTML">〉</button>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</body>
|
|
</html> |