File size: 8,211 Bytes
62aa71b |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 |
<!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>
<!-- Include AdminLTE CSS -->
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/admin-lte@3.1/dist/css/adminlte.min.css">
<!-- Include DataTables 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' %}
<!-- Your page content goes here -->
<div class="wrapper" style="position: relative; top: 0;">
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<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>
<!-- Main content -->
<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>
<!-- Modal -->
<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>
<!-- Include DataTables JS and your custom script -->
<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() {
// Initialize DataTable
$('#knowledgeTable').DataTable();
// Show modal function
$('#add').on('click', function() {
$('#addModal').modal('show');
});
// Your save file function here
async function save_file() {
alert('Save button clicked');
// Your save file logic goes here
}
});
</script>
</body>
</html>
|