|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>API Connectors</title>
|
|
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
|
|
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/admin-lte@3.1/dist/css/adminlte.min.css">
|
|
|
|
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/dataTables.bootstrap4.min.css">
|
|
</head>
|
|
<body>
|
|
{% include 'sidepane.html' %}
|
|
|
|
|
|
<div class="wrapper" style="position: relative; top: 0;">
|
|
<div class="content-wrapper">
|
|
|
|
<div class="content-header">
|
|
<div class="container-fluid">
|
|
<div class="row mb-2">
|
|
<div class="col-12 d-flex justify-content-between align-items-center">
|
|
<h1 class="m-0 text-center" style="flex-grow: 1;">API Connectors</h1>
|
|
<button class="btn btn-primary" id="add">Add</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<section class="content">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<table id="knowledgeTable" class="table table-bordered table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th>Sno</th>
|
|
<th>API Name</th>
|
|
<th>API Endpoint</th>
|
|
<th>Auth/Bearer token</th>
|
|
<th>View</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>1</td>
|
|
<td>Warehouse</td>
|
|
<td>http://193.203.162.39:9090/nxt-wms/userWarehouse/fetchWarehouseForUserId</td>
|
|
<td>Admin</td>
|
|
<td><button class="btn btn-primary viewButton">View</button></td>
|
|
</tr>
|
|
<tr>
|
|
<td>2</td>
|
|
<td>customer</td>
|
|
<td>http://193.203.162.39:9090/nxt-wms/userCustomer/fetchCustomerForUserId</td>
|
|
<td>Admin</td>
|
|
<td><button class="btn btn-primary viewButton">View</button></td>
|
|
</tr>
|
|
<tr>
|
|
<td>3</td>
|
|
<td>SKU</td>
|
|
<td>http://193.203.162.39:9090/nxt-wms/sku/autoComplete</td>
|
|
<td>Admin</td>
|
|
<td><button class="btn btn-primary viewButton">View</button></td>
|
|
</tr>
|
|
<tr>
|
|
<td>4</td>
|
|
<td>ASN</td>
|
|
<td>http://193.203.162.39:9090/nxt-wms/trnHeader</td>
|
|
<td>Admin</td>
|
|
<td><button class="btn btn-primary viewButton">View</button></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="addModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="addModalLabel">Add API details</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<form>
|
|
<div class="form-group">
|
|
<label for="APIName">API Name</label>
|
|
<input type="text" class="form-control" id="APIName" name="APIName" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="APIEndpoint">API Endpoint</label>
|
|
<input type="text"class="form-control" id="APIEndpoint" name="APIEndpoint" rows="3" required></textarea>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="Auth_Bearer">Auth/Bearer token</label>
|
|
<input type="text" class="form-control" id="Auth_Bearer" name="Auth_Bearer" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="Inputjson">Input Parameters</label>
|
|
<input type="text" class="form-control" id="Inputjson" name="Inputjson" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="OutputJson">Output Json</label>
|
|
<input type="text" class="form-control" id="OutputJson" name="OutputJson" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="Description">Description</label>
|
|
<textarea class="form-control" id="Description" name="Description" rows="3" required></textarea>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
|
|
<button type="button" id="save" onclick="save_file()" class="btn btn-primary">Save</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<script src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
|
|
<script src="https://cdn.datatables.net/1.10.25/js/dataTables.bootstrap4.min.js"></script>
|
|
<script>
|
|
$(document).ready(function() {
|
|
|
|
$('#knowledgeTable').DataTable();
|
|
|
|
|
|
$('#add').on('click', function() {
|
|
$('#addModal').modal('show');
|
|
});
|
|
|
|
|
|
async function save_file() {
|
|
alert('Save button clicked');
|
|
|
|
}
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|
|
|
