You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

154 lines
8.0 KiB

<div class="content m-3">
<div class="p-2">
<div class="row">
<div class="col">
<h3>$HOME_TITLE$</h3>
<span class="small">Version: $VERSION$</span>
<div class="small">Local time: <span id="datetime"></span>
<script type="text/javascript">
var datetime = document.getElementById('datetime');
var d = new Date();
var formatted = d.getFullYear() + '-' +
('0' + (d.getMonth()+1)).slice(-2) + '-' +
('0' + d.getDate()).slice(-2) + ' ' +
('0' + d.getHours()).slice(-2) + ':' +
('0' + d.getMinutes()).slice(-2) + ':' +
('0' + d.getSeconds()).slice(-2);
datetime.innerHTML = formatted;
</script>
</div>
</div>
</div>
<div class="row mt-3">
<div class="col-md-12">
<h3 class="text-uppercase text-primary"><span class='fa fa-layer-group mr-1'></span> <strong>Category</strong></h3>
</div>
</div>
<div class="row mt-3">
<div class="col-md-12">
<div class="table-responsive">
<table class="table table-bordered rounded table-light small">
<thead class="bg-secondary text-white">
<th class="col-md-5 h6"><strong>Description</strong></th>
<th class="col-md-1 h6 text-center"><strong>Method</strong></th>
<th class="col-md-3 h6"><strong>Payload</strong></th>
<th class="col-md-3 h6"><strong>API Endpoint</strong></th>
</thead>
<tbody>
<tr>
<td>List all categories</td>
<td class="text-center text-success">GET</td>
<td></td>
<td><a href="$ROOT_URL$$ROOT_PATH$category" target="_blank">/category</a></td>
</tr>
<tr>
<td>Get a category by id</td>
<td class="text-center text-success">GET</td>
<td></td>
<td><a href="$ROOT_URL$$ROOT_PATH$category/2" target="_blank">/category/{cat_id}</a></td>
</tr>
<tr>
<td>Add a new category</td>
<td class="text-center text-warning">POST</td>
<td>{<br>
&nbsp; "name": "category_name"<br>
}</td>
<td>/category</td>
</tr>
<tr>
<td>Update existing category by id</td>
<td class="text-center text-primary">PUT</td>
<td>{<br>
&nbsp; "name": "category_name"<br>
}</td>
<td>/category/{cat_id}</td>
</tr>
<tr>
<td>Delete existing category by id</td>
<td class="text-center text-danger">DELETE</td>
<td></td>
<td>/category/{cat_id}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="row mt-3">
<div class="col-md-12">
<h3 class="text-uppercase text-primary"><span class='fa fa-cart-arrow-down mr-1'></span> <strong>Product</strong></h3>
</div>
</div>
<div class="row mt-3">
<div class="col-md-12">
<div class="table-responsive">
<table class="table table-bordered rounded table-light small">
<thead class="bg-secondary text-white">
<th class="col-md-5 h6"><strong>Description</strong></th>
<th class="col-md-1 h6 text-center"><strong>Method</strong></th>
<th class="col-md-3 h6"><strong>Payload</strong></th>
<th class="col-md-3 h6"><strong>API Endpoint</strong></th>
</thead>
<tbody>
<tr>
<td>List all products by category id</td>
<td class="text-center text-success">GET</td>
<td></td>
<td><a href="$ROOT_URL$$ROOT_PATH$category/2/product" target="_blank">/category/{cat_id}/product</a></td>
</tr>
<tr>
<td>Get a product by category and id</td>
<td class="text-center text-success">GET</td>
<td></td>
<td><a href="$ROOT_URL$$ROOT_PATH$category/2/product/3" target="_blank">/category/{cat_id}/product/{id}</a></td>
</tr>
<tr>
<td>Add a new product by category id</td>
<td class="text-center text-warning">POST</td>
<td>{<br>
&nbsp; "code": "product_code",<br>
&nbsp; "name": "product_name",<br>
&nbsp; "price": product_price<br>
}</td>
<td>/category/{cat_id}/product</td>
</tr>
<tr>
<td>Update existing product by category id and id</td>
<td class="text-center text-primary">PUT</td>
<td>{<br>
&nbsp; "code": "product_code",<br>
&nbsp; "name": "product_name",<br>
&nbsp; "price": product_price<br>
}</td>
<td>/category/{cat_id}/product/{id}</td>
</tr>
<tr>
<td>Delete existing product by category id and id</td>
<td class="text-center text-danger">DELETE</td>
<td></td>
<td>/category/{cat_id}/product/{id}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="row mt-3">
<div class="col-md-12">
<form class="form mb-3" action="">
<div class="input-group input-group-sm">
<div class="input-group-prepend">
<span class="input-group-text" id="inputGroup-sizing-sm">Keywords</span>
</div>
<input class="form-control col-md-3" type="text" id="keywords" name="keywords">
<button class="btn btn-danger btn-sm pl-3 pr-3 ml-3" type="hidden" id="btnsearch">Search</button>
</div>
</form>
<div id="results" class="table">
<table class="table table-bordered rounded small">
</table>
</div>
</div>
</div>
</div>
</div>