Update static/index.html

static/index.html

@@ -39,6 +39,9 @@
                 <li class="nav-item">
                     <a class="nav-link" data-toggle="tab" href="#admin" role="tab">Admin Tools</a>
                 </li>
+                <li class="nav-item">
+                    <a class="nav-link" data-toggle="tab" href="#api" role="tab">API Definitions</a>
+                </li>
             </ul>
 
             <div class="tab-content">
@@ -115,6 +118,28 @@
                     <button class="btn btn-danger mb-2" onclick="clearAllProjects()">Clear All Projects</button>
                     <div id="admin-result" class="mt-2"></div>
                 </div>
+
+                <!-- API Definitions Tab -->
+                <div class="tab-pane fade" id="api" role="tabpanel">
+                    <button class="btn btn-info mb-2" onclick="listApis()">Refresh API List</button>
+                    <button class="btn btn-success mb-2" onclick="addApi()">+ Add API</button>
+                    <div id="api-table" class="table-responsive">
+                        <table class="table table-bordered">
+                            <thead>
+                                <tr>
+                                    <th>API Name</th>
+                                    <th>URL</th>
+                                    <th>Method</th>
+                                    <th>Actions</th>
+                                </tr>
+                            </thead>
+                            <tbody id="api-body">
+                                <!-- API rows here -->
+                            </tbody>
+                        </table>
+                    </div>
+                    <div id="api-result" class="mt-2"></div>
+                </div>
             </div>
         </div>
     </div>
@@ -127,7 +152,9 @@
     <script src="js/spark.js"></script>
     <script src="js/test.js"></script>
     <script src="js/admin.js"></script>
+    <script src="js/api.js"></script>
     <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
 </body>
 </html>
+