Spaces:
Runtime error
Runtime error
| <html> | |
| <head> | |
| <title>Prompt Template</title> | |
| <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script> | |
| <!-- Include AdminLTE CSS --> | |
| <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/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"> | |
| <style> | |
| .header-row { | |
| display: flex; | |
| justify-content: space-between; | |
| align-items: center; | |
| } | |
| h2 { | |
| text-align: center; | |
| } | |
| .table-container { | |
| width: 100%; | |
| overflow-x: auto; | |
| } | |
| .wrapper { | |
| display: flex; | |
| flex-direction: column; | |
| height: 100vh; | |
| } | |
| .content-wrapper { | |
| flex: 1; | |
| overflow-y: auto; | |
| } | |
| .content-header { | |
| padding: 1rem; | |
| } | |
| .footer { | |
| text-align: right; | |
| padding: 10px; | |
| } | |
| th, | |
| td { | |
| white-space: nowrap; | |
| } | |
| th:nth-child(1), | |
| td:nth-child(1) { | |
| /* Sno column */ | |
| width: 3%; | |
| } | |
| th:nth-child(2), | |
| td:nth-child(2) { | |
| /* API Name column */ | |
| width: 20%; | |
| } | |
| th:nth-child(3), | |
| td:nth-child(3) { | |
| /* API Endpoint column */ | |
| width: 40%; | |
| } | |
| th:nth-child(4), | |
| td:nth-child(4) { | |
| /* Auth/Bearer token column */ | |
| width: 20%; | |
| } | |
| th:nth-child(5), | |
| td:nth-child(5) { | |
| /* View column */ | |
| width: 15%; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| {% include 'sidepane.html' %} | |
| <div class="wrapper"> | |
| <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"> | |
| <div class="header-row"> | |
| <h2 class="m-0 text-center" style="flex-grow: 1;">Prompt Template</h2> | |
| <button class="btn btn-primary" id="add">Add</button> | |
| </div> | |
| </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-container"> | |
| <table id="knowledgeTable" class="table table-bordered table-striped"> | |
| <thead> | |
| <tr> | |
| <th>Sno</th> | |
| <th>Scenario</th> | |
| <th>Sample Prompt</th> | |
| <th>Comments</th> | |
| <th>View</th> | |
| </tr> | |
| </thead> | |
| <tbody> | |
| <tr> | |
| <td>1</td> | |
| <td>Creating new database in mysql</td> | |
| <td>Need DB step for mysql with DB name = wwp, table name = customer_master with column name = name as datatype = string. (sample prompt).</td> | |
| <td>It didn't create database instead its showed how to make connection to database and create table.</td> | |
| <td><button class="btn btn-primary viewButton">View</button></td> | |
| </tr> | |
| <tr> | |
| <td>2</td> | |
| <td>Creating data table with columns</td> | |
| <td>Since you are an EXPERT in PHP, i want a code for an entity/configuration of table name called customer_Master. this table should be created inside database wwp which is in file database_connection.php. now, in that table customer_master i want to add columns. the column names and datatypes are given below:</td> | |
| <td>Expected response but adminlte theme was missing.</td> | |
| <td><button class="btn btn-primary viewButton">View</button></td> | |
| </tr> | |
| <tr> | |
| <td>3</td> | |
| <td>Creating home page with adminlte theme.</td> | |
| <td>I have created a new file named admintle_theme.php. I want this file filled with "ADMINLTE" theme. it should have a login/signup functionality and home button along with dashboard. | |
| example: https://adminlte.io/themes/v3/index3.html | |
| use this example for theme/html page. recreate it exactly like that | |
| .image.png | |
| </td> | |
| <td>It created a html page but lacked side bar, nav bar present in url. | |
| </td> | |
| <td><button class="btn btn-primary viewButton">View</button></td> | |
| </tr> | |
| <tr> | |
| <td>4</td> | |
| <td>Including side bar menu in customer master</td> | |
| <td>I want the side bar menu from admintle_theme to be present in customer_configuration.php</td> | |
| <td>It gave expected results. | |
| </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 Prompt</h5> | |
| <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> | |
| </div> | |
| <div class="modal-body"> | |
| <form id="addPromptForm"> | |
| <div class="form-group"> | |
| <label for="APIName">Scenario <span class="text-danger">*</span></label> | |
| <input type="text" class="form-control" id="APIName" name="APIName" required> | |
| </div> | |
| <div class="form-group"> | |
| <label for="APIEndpoint">Sample Prompt <span class="text-danger">*</span></label> | |
| <input type="text" class="form-control" id="APIEndpoint" name="APIEndpoint" required> | |
| </div> | |
| <div class="form-group"> | |
| <label for="Auth_Bearer">Comments <span class="text-danger">*</span></label> | |
| <input type="text" class="form-control" id="Auth_Bearer" name="Auth_Bearer" required> | |
| </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 | |
| function save_file() { | |
| alert('Save button clicked'); | |
| // Your save file logic goes here | |
| } | |
| }); | |
| </script> | |
| </body> | |
| </html> | |