Spaces:

Redmind
/

RedMindGPT_UI_Dev

Sleeping

App Files Files Community

Redmind commited on Oct 25, 2024

Commit

711f349

verified ·

1 Parent(s): 65d6cb7

Delete templates

Browse files

Files changed (12) hide show

templates/API_connectors.html +0 -616
templates/chatbot.html +0 -81
templates/company_profile.html +0 -724
templates/dashboard.html +0 -360
templates/data_connectors.html +0 -624
templates/footer.html +0 -26
templates/index.html +0 -359
templates/knowledgebase.html +0 -710
templates/prompt_template.html +0 -643
templates/redmindlogo2.jpg +0 -0
templates/redmindlogo3.jpg +0 -0
templates/sidepane.html +0 -347

templates/API_connectors.html DELETED Viewed

@@ -1,616 +0,0 @@
-<!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">
-    <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>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" />
-    <style>
-        .form-group {
-            margin-top: -10px;
-        }
-        .card {
-            padding: 0;
-            margin-top: -15px;
-            margin-left: -40px;
-        }
-        .header-row {
-            display: flex;
-            justify-content: space-between;
-            align-items: 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: 5px;
-        }
-        th,
-        td {
-            white-space: nowrap;
-        }
-        th:nth-child(1),
-        td:nth-child(1) {
-            /* Sno column */
-            width: 5%;
-        }
-        div.dataTables_wrapper div.dataTables_length select {
-            width: 60px;
-            display: inline-block;
-        }
-        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: 5%;
-        }
-        th:nth-child(5),
-        td:nth-child(5) {
-            /* View column */
-            width: 5%;
-        }
-        th:nth-child(6),
-        td:nth-child(6) {
-            /* View column */
-            width: 5%;
-        }
-        .reduced-width {
-            width: 25%;
-        }
-        div.dataTables_wrapper div.dataTables_length select {
-            width: 60px;
-            display: inline-block;
-        }
-    </style>
-</head>
-<body>
-    {% include 'sidepane.html' %}
-    <div class="wrapper">
-        <div class="main-header" style="border-bottom: none;">
-            <!-- Content Header (Page header) -->
-            <div class="content-header">
-                <div class="container-fluid">
-                    <div class="container mt-2">
-                        <div class="form-group left-align"id="company-select">
-                            <h4 id="selectedCompany" style="margin-left: 300px;"></h4>
-                            <!-- <div class="col-12 d-flex justify-content-end mb-3">
-                                <button class="btn btn-primary"
-                                    style="margin-top: -40px;margin-right: -25px;position: fixed;" id="add">Add</button>
-                            </div> -->
-                        </div>
-                        <div class="row">
-                            <div id="message-container" style="margin-left: 200px; width:500px;"></div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <h3 id="company_name" style="margin-left: 400px;">{{company_name}}</h3>
-            <section class="content" id="contentSection" style="display: none;">
-                <div class="container-fluid">
-                    <div class="form-group">
-                        <!-- <label for="company_id">company_id</label>--->
-                        <input type="hidden" id="company_id" name="company_id" class="form-control" required>
-                    </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="apiTable" class="table table-bordered table-striped">
-                                            <thead>
-                                                <tr>
-                                                    <th>Sno</th>
-                                                    <th>API Name</th>
-                                                    <th>API Endpoint</th>
-                                                    <th>View</th>
-                                                    <th>Edit</th>
-                                                    <th>Delete</th>
-                                                </tr>
-                                            </thead>
-                                            <tbody>
-                                                <!-- <tr>
-                                                <td>1</td>
-                                                <td>Warehouse</td>
-                                                <td>http://193.203.162.39:9090/nxt-wms/userWarehouse/fetchWarehouseForUserId
-                                                </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><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><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><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" style="margin-top: -10px;" 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" data-backdrop="static" data-keyboard="false">&times;</span>
-                    </button>
-                </div>
-                <div class="modal-body">
-                    <div class="form-group">
-                        <!-- <label for="company_id">company_id</label>--->
-                        <input type="hidden" id="company_id" name="company_id" class="form-control" required>
-                    </div>
-                    <form id="documentForm">
-                        <div class="form-group">
-                            <label for="APIName">API Name <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">API Endpoint <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">Auth/Bearer token <span class="text-danger">*</span></label>
-                            <input type="text" class="form-control" id="Auth_Bearer" name="Auth_Bearer" required>
-                        </div>
-                        <div class="form-group">
-                            <label for="Inputjson">Input parameter <span class="text-danger">*</span></label>
-                            <input type="text" class="form-control" id="Inputjson" name="Inputjson" required>
-                        </div>
-                        <div class="form-group">
-                            <label for="OutputJson">Output Json <span class="text-danger">*</span></label>
-                            <input type="text" class="form-control" id="OutputJson" name="OutputJson" required>
-                        </div>
-                        <div class="form-group">
-                            <label for="Description">Description <span class="text-danger">*</span></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="saveupdate" class="btn btn-primary" style="display: none;">Update</button>
-                    <button type="button" id="save" onclick="save_file()" class="btn btn-primary">Save</button>
-                </div>
-            </div>
-        </div>
-    </div>
-    {%include 'footer.html'%}
-    <!-- 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 () {
-            // Show modal function
-            $('#add').on('click', function () {
-                const modalTitle = document.getElementById('addModalLabel');
-                modalTitle.textContent = 'Add API Details';
-                clearFormFields();
-                $('#save').show();
-                $('#saveupdate').hide();
-                $('#message-container').empty(); // Clear the message container
-                $('#addModal').modal('show');
-            });
-            $('.modal-footer .btn-secondary, .modal-header .close').on('click', function () {
-                $('#addModal').modal('hide');
-            });
-            // $('#apiTable').DataTable({
-            //     autoWidth: false
-            // });
-        });
-            var table = $('#apiTable').DataTable();
-            const role = sessionStorage.getItem('userRole');
-            console.log('Current role:', role); // Debug statement to check the role
-            const company_name=sessionStorage.getItem('company_name');
-            console.log("company_name",company_name);
-           // document.getElementById('company_name').textContent = company_name;
-           const passedCompanyName = sessionStorage.getItem('company_name')
-           document.getElementById('selectedCompany').innerText = `Company Name: ${passedCompanyName}`;
-            const company_id = sessionStorage.getItem('company_id');
-            document.getElementById("company_id").value = company_id;
-            data_get_from_db(company_id);
-            const companySelect = document.getElementById('company');
-            const documentForm = document.getElementById('documentForm');
-        function moveToNextInput(inputs, currentIndex) {
-            const nextInput = inputs[currentIndex + 1];
-            if (nextInput) {
-                nextInput.focus();
-            } else {
-                // Optionally, submit the form or trigger the save button
-                document.getElementById("save").focus();
-            }
-        }
-            function displayErrorMessage(message) {
-                const messageContainer = document.getElementById('message-container');
-                if (messageContainer) {
-                    messageContainer.innerHTML = `<div class='alert alert-danger'>${message}</div>`;
-                }
-            }
-        async function data_get_from_db(companyId) {
-            if (companyId) {
-                try {
-                    console.log('comp_id',companyId)
-                    const Response = await fetch(`/api/get_api_connectors?company_id=${companyId}`);
-                    console.log("responce from api :==> ", Response)
-                    const connectorsResponse = await Response.json();
-                    console.log("knowledge data table after connecting to table", connectorsResponse);
-                    console.log("api connector data table after connecting to table", connectorsResponse);
-                    const table = $('#apiTable').DataTable(); // Initialize DataTable at the start
-                    table.clear();
-                    if (!Array.isArray(connectorsResponse)) {
-                        throw new TypeError('Expected an array of companies');
-                        displayErrorMessage("Data  do not exist for this company. Please fill in the details by clicking add button.");
-                        contentSection.style.display = 'none';
-                    } else {
-                        connectorsResponse.forEach((company, index) => {
-                            table.row.add([
-                                index + 1,
-                                company.APIName,
-                                company.APIEndpoint,
-                                `<a href='#' class='btn btn-info btn-sm'data-kid-id='${company.row_id}' data-action="view" onclick='viewCompany(this)''><i class='fas fa-eye'></i></a>`,
-                                `<a href='#' class='btn btn-warning btn-sm'data-kid-id='${company.row_id}' data-action="edit" onclick='editCompany(this)'><i class='fas fa-edit'></i></a>`,
-                                `<a href='#' class='btn btn-danger btn-sm' data-kid-id='${company.row_id}' onclick='deleteCompany(this)'><i class='fas fa-trash'></i></a>`,
-                            ]).draw(false);
-                        });
-                        contentSection.style.display = 'block';
-                    }
-                } catch (error) {
-                    console.error('Error fetching company documents:', error);
-                    //displayEmptyTable();
-                    displayErrorMessage("Data do not exist for this company. Please fill in the details by clicking add button.");
-                    contentSection.style.display = 'none';
-                }
-            }
-            else {
-                // displayEmptyTable();
-                displayErrorMessage("Document details2 for knowledge do not exist for this company. Please fill in the details.");
-            }
-        }
-        function viewCompany(button) {
-            var companyId = $(button).data('kid-id');
-            const modalTitle = document.getElementById('addModalLabel');
-            modalTitle.textContent = 'View API Details';
-            if(companyId)
-        {
-            $.getJSON(`/api/viewapiconnectors/${companyId}`, function (company) {
-                $('#APIName').val(company.api_name).attr('readonly', 'readonly');
-                $('#APIEndpoint').val(company.api_endpoint).attr('readonly', 'readonly');
-                $('#Auth_Bearer').val(company.auth_token).attr('readonly', 'readonly');
-                $('#Inputjson').val(company.input_param).attr('readonly', 'readonly');
-                $('#OutputJson').val(company.output_json).attr('readonly', 'readonly');
-                $('#Description').val(company.description).attr('readonly', 'readonly');
-                $('#save').hide();
-                $('#saveupdate').hide();
-                $('#addModal').modal('show');
-            }).fail(function () {
-                alert("Error retrieving API details.");
-            });
-        }
-    }
-        // Edit knowledge base details
-        function editCompany(button) {
-            var companyId = $(button).data('kid-id');
-            const modalTitle = document.getElementById('addModalLabel');
-            modalTitle.textContent = 'Edit API Details';
-            if(companyId)
-        {
-            // Fetch company details by ID
-            $.getJSON(`/api/viewapiconnectors/${companyId}`, function (company) {
-                $('#APIName').val(company.api_name);
-                $('#APIEndpoint').val(company.api_endpoint);
-                $('#Auth_Bearer').val(company.auth_token);
-                $('#Inputjson').val(company.input_param);
-                $('#OutputJson').val(company.output_json);
-                $('#Description').val(company.description);
-                // Show/hide appropriate elements
-                $('#uploadFile').show(); // Hide the file upload field
-                $('#save').hide(); // Hide the default save button
-                $('#saveupdate').show(); // Show the update button
-                // Ensure fields are editable
-                $('#APIName').removeAttr('readonly');
-                $('#APIEndpoint').removeAttr('readonly');
-                $('#Auth_Bearer').removeAttr('readonly');
-                $('#Inputjson').removeAttr('readonly');
-                $('#OutputJson').removeAttr('readonly');
-                $('#Description').removeAttr('readonly');
-                // Show the modal
-                $('#addModal').modal('show');
-                // Set up the click event for the update button
-                $('#saveupdate').off('click').on('click', function () {
-                    saveupdate(companyId); // Pass the company ID for updating
-                });
-            }).fail(function () {
-                alert("Error in retrieving API details.");
-            });
-        }
-    }
-        function saveupdate(companyId, filename) {
-            const formData = new FormData();
-            const company_id = document.getElementById("company_id").value;
-            formData.append("company_id", $('#company_id').val());
-            formData.append("APIName", $('#APIName').val());
-            formData.append("APIEndpoint", $('#APIEndpoint').val());
-            formData.append("Auth_Bearer", $('#Auth_Bearer').val());
-            formData.append("Inputjson", $('#Inputjson').val());
-            formData.append("OutputJson", $('#OutputJson').val());
-            formData.append("Description", $('#Description').val());
-            console.log("company_id to table refresh", company_id)
-            const messageContainer = document.getElementById('message-container');
-            $.ajax({
-                url: `/api/editapiconnectors/${companyId}`,
-                type: 'PUT',
-                data: formData,
-                processData: false, // Required for FormData
-                contentType: false, // Required for FormData
-                success: function (response) {
-                    //  alert('Knowledgebase details updated successfully.');
-                    if (messageContainer)
-                        messageContainer.innerHTML = `
-                <div class='alert alert-success'>
-                   API  Data Updated successfully
-                    <button class='close' onclick='dismissMessage()'>OK</button>
-                </div>`;
-                    $('#addModal').modal('hide'); // Close the modal after saving
-                    fetchUpdatedDocuments(company_id);
-                },
-                error: function () {
-                    alert('Form has no changes to update knowledge base details.');
-                }
-            });
-        }
-        function dismissMessage() {
-            const messageContainer = document.getElementById('message-container');
-            if (messageContainer) {
-                messageContainer.innerHTML = '';
-            }
-        }
-        async function fetchUpdatedDocuments(company_id) {
-            console.log("company_id:", company_id);
-            var table = $('#apiTable').DataTable();
-            try {
-                const response = await fetch(`/api/api_updatetable?company_id=${company_id}`);
-                const connectorsResponse = await response.json();
-                console.log("Fetched connectorsResponse:", connectorsResponse);
-                table.clear(); // Clear existing data in the table
-                if (!Array.isArray(connectorsResponse) || connectorsResponse.length === 0) {
-                    displayErrorMessage("Knowledgebase  details do not exist for this company. Please fill in the details.");
-                    contentSection.style.display = 'none';
-                } else {
-                    connectorsResponse.forEach((company, index) => {
-                        table.row.add([
-                            index + 1,
-                            company.api_name,
-                            company.api_endpoint,
-                            `<a href='#' class='btn btn-info btn-sm' data-kid-id='${company.row_id}' data-action="view" onclick='viewCompany(this)'><i class='fas fa-eye'></i></a>`,
-                            `<a href='#' class='btn btn-warning btn-sm' data-kid-id='${company.row_id}' data-action="edit" onclick='editCompany(this)'><i class='fas fa-edit'></i></a>`,
-                            `<a href='#' class='btn btn-danger btn-sm' data-kid-id='${company.row_id}' onclick='deleteCompany(this)'><i class='fas fa-trash'></i></a>`,
-                            company.row_id
-                        ]);
-                    });
-                    table.draw(false); // Draw the table with the new data
-                    contentSection.style.display = 'block';
-                }
-            } catch (error) {
-                console.error("Error fetching updated documents:", error);
-                displayErrorMessage("There was an error fetching the updated documents.");
-            }
-        }
-        // Delete company
-        function deleteCompany(button) {
-            var companyId = $(button).data('kid-id');
-            console.log("k_id deleted", companyId);
-            $.ajax({
-                type: "DELETE",
-                url: `/api/deleteapi/${companyId}`,
-                success: function () {
-                    var table = $('#apiTable').DataTable();
-                    table.row($(button).closest('tr')).remove().draw();
-                    const messageContainer = document.getElementById('message-container');
-                    if (messageContainer)
-                        messageContainer.innerHTML = `
-                <div class='alert alert-danger'>
-                   API  Data Deleted successfully
-                    <button class='close' onclick='dismissMessage()'>OK</button>
-                </div>`;
-                    //alert("Company deleted successfully.");
-                    fetchCompanies(); // Refresh the table
-                },
-                error: function (xhr) {
-                    alert("Error deleting company: " + xhr.responseJSON.detail);
-                }
-            });
-        }
-        function save_file() {
-            const form = document.getElementById('documentForm');
-            const messageContainer = document.getElementById('message-container');
-            // Check if the form is valid
-            if (!form.checkValidity()) {
-                // If the form is invalid, show validation messages and stop the submission
-                form.reportValidity();
-                return;
-            }
-            const company_id = $('#company_id').val();
-            const APIName = $('#APIName').val();
-            const APIEndpoint = $('#APIEndpoint').val();
-            const Auth_Bearer = $('#Auth_Bearer').val();
-            const Inputjson = $('#Inputjson').val();
-            const OutputJson = $('#OutputJson').val();
-            const Description = $('#Description').val();
-            var formData = new FormData($('#documentForm')[0]);
-            formData.append("company_id", company_id),
-                formData.append("api_name", APIName),
-                formData.append("api_endpoint", APIEndpoint),
-                formData.append("auth_bearer", Auth_Bearer),
-                formData.append("input_json", Inputjson),
-                formData.append("output_json", OutputJson),
-                formData.append("description", Description)
-            //const formData = new FormData();
-            fetch('/api/save_api_details', {
-                method: 'POST',
-                body: formData
-            })
-                .then(response => {
-                    if (!response.ok) {
-                        throw new Error('Network response was not ok');
-                    }
-                    return response.json();
-                })
-                .then(data => {
-                    row_id = data.row_id;
-                    var table = $('#apiTable').DataTable();
-                    var rowCount = table.rows().count();
-                    const view = `<a href='#' class='btn btn-info btn-sm'data-kid-id='${row_id}' data-action="view" onclick='viewCompany(this)''><i class='fas fa-eye'></i></a>`;
-                    const edit = `<a href='#' class='btn btn-warning btn-sm'data-kid-id='${row_id}' data-action="edit" onclick='editCompany(this)'><i class='fas fa-edit'></i></a>`;
-                    const dele = `<a href='#' class='btn btn-danger btn-sm' data-kid-id='${row_id}' onclick='deleteCompany(this)'><i class='fas fa-trash'></i></a>`;
-                    table.row.add([
-                        rowCount + 1,
-                        APIName,
-                        APIEndpoint,
-                        view,
-                        edit,
-                        dele
-                    ]).draw(false);
-                    // alert('Document saved successfully');
-                    if (messageContainer)
-                        messageContainer.innerHTML = `
-                <div class='alert alert-success'>
-                   API  Data saved successfully
-                    <button class='close' onclick='dismissMessage()'>OK</button>
-                </div>`;
-                    $('#addModal').modal('hide');
-                    document.getElementById('contentSection').style.display = 'block'; // Show the table section
-                })
-                .catch(error => console.error('Error:', error));
-        }
-        function clearFormFields() {
-            document.getElementById('APIName').value = "";
-            document.getElementById('APIEndpoint').value = "";
-            document.getElementById('Auth_Bearer').value = "";
-            document.getElementById('Inputjson').value = "";
-            document.getElementById('OutputJson').value = "";
-            document.getElementById('Description').value = "";
-        }
-    </script>
-</body>
-</html>

templates/chatbot.html DELETED Viewed

@@ -1,81 +0,0 @@
-# jinja2 html page with chatbot functionality using adminlte3 theme
-<html>
-    <body>
-<form id="myform">
-<div class="content-wrapper">
-    <section class="content-header">
-        <div class="container-fluid">
-            <div class="row mb-2">
-                <div class="col-sm-6">
-                    <h1>Chatbot</h1>
-                </div>
-                <div class="col-sm-6">
-                    <ol class="breadcrumb float-sm-right">
-                        <li class="breadcrumb-item"><a href="#">Home</a></li>
-                        <li class="breadcrumb-item active">Chatbot</li>
-                    </ol>
-                </div>
-            </div>
-        </div>
-    </section>
-    <section class="content">
-        <div class="container-fluid">
-            <div class="row">
-                <div class="col-md-8 offset-md-2">
-                    <div class="card card-primary">
-                        <div class="card-header">
-                            <h3 class="card-title">Chat with our AI</h3>
-                        </div>
-                        <div class="card-body">
-                            <div id="chat-container">
-                                <div class="chat-messages">
-                                    <!-- Chat messages will be dynamically added here -->
-                                </div>
-                                <div class="chat-input">
-                                    <input type="text" id="user_question" placeholder="Type your message...">
-                                    <button id="send-button" onclick="clickform()">Send</button>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </section>
-</div>
-</form>
-<script>
-    const chatContainer = document.getElementById('chat-container');
-    const userInput = document.getElementById('user_question');
-    const sendButton = document.getElementById('send-button');
-    function clickform() {
-        alert('Please enter');
-        var formElement = document.getElementById('myForm');
-        var user_question = document.getElementById('user_question').value;
-        alert(user_question);
-             //var data = new FormData(formElement);
-             //alert(data);
-             fetch('/chat_with_agent', {
-                   method: 'POST',
-                   //body: data,
-                 })
-                 .then(resp => resp.text())  // or, resp.json(), etc.
-                 .then(data => {
-                   //document.getElementById("responseArea").innerHTML = data;
-                 alert(data);
-            const chatMessage = document.createElement('div');
-            chatMessage.classList.add('chat-message');
-            chatMessage.innerHTML = '<strong>You:</strong> ${user_question}<br><strong>AI:</strong> ${data}';
-            chatContainer.appendChild(chatMessage);
-            userInput.value = '';
-            userInput.focus();
-        })
-                 .catch(error => {
-                   console.error(error);
-                 });
-    }
-</script>
-</body></html>

templates/company_profile.html DELETED Viewed

@@ -1,724 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Company Profile</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">
-    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
-    <link href="https://cdn.jsdelivr.net/npm/@ttskch/select2-bootstrap4-theme@1.4.0/dist/select2-bootstrap4.min.css"
-        rel="stylesheet" />
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" />
-    <style>
-        #add {
-            display: inline-block ;
-        margin-right: 15px !important; /* Optional: Adjust margin if needed */
-    }
-        body {
-            background-color: transparent !important;
-        }
-        .card {
-            padding: 0;
-            margin-top: 10px;
-            margin-left: -50px;
-        }
-      /* Ensure the DataTable wrapper takes the full width */
-.dataTables_wrapper {
-    width: 100%;
-}
-/* Ensure the DataTable wrapper takes the full width */
-.dataTables_wrapper {
-    width: 100%;
-}
-/* Style for the custom dropdown */
-.custom-dropdown {
-    position: relative;
-    display: inline-block;
-    margin-left: 10px; /* Space between label and dropdown */
-}
-.dropdown-button {
-    background-color: white;
-    color: black;
-    padding: 5px;
-    border: 1px solid black;
-    border-radius: 4px;
-    cursor: pointer;
-    text-align: left;
-    width: 60px; /* Adjust width as needed */
-}
-.dropdown-content {
-    display: none;
-    position: absolute;
-    background-color: #f9f9f9;
-    min-width: 80px; /* Adjust width as needed */
-    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
-    z-index: 1;
-    border: 1px solid #ddd;
-    top: 100%; /* Position below the button */
-    left: 0;
-}
-.dropdown-content a {
-    padding: 10px;
-    text-decoration: none;
-    display: block;
-    color: #333;
-}
-.dropdown-content a:hover {
-    background-color: #ddd;
-}
-        .content-wrapper {
-            background-color: transparent !important;
-            text-align: center;
-        }
-        .wrapper {
-            background-color: transparent !important;
-        }
-        .modal-content {
-            background-color: #fff;
-        }
-        h1 {
-            text-align: center;
-            margin-bottom: 30px;
-        }
-        .table-responsive {
-            width: 95%;
-            overflow-x:none;
-        }
-        .table {
-            width: 100%;
-        }
-        .text-wrap {
-            white-space: normal !important;
-            word-break: break-word;
-        }
-        div.dataTables_wrapper div.dataTables_length select {
-            width: 60px;
-            display: inline-block;
-        }
-        .center-align {
-            padding-top: 20px;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            width: 100%;
-        }
-        .reduced-width {
-            width: 50%;
-        }
-        th,
-        td {
-            white-space: nowrap;
-        }
-        .select2-container--bootstrap4 {
-            z-index: 1050;
-            /* Higher than the modal's z-index */
-        }
-        .select2-container--open {
-            z-index: 1060;
-            /* Ensure the dropdown is above the modal */
-        }
-        th:nth-child(1),
-        td:nth-child(1) {
-            width: 5%;
-        }
-        th:nth-child(2),
-        td:nth-child(2) {
-            width: 20%;
-        }
-        th:nth-child(3),
-        td:nth-child(3) {
-            width: 20%;
-        }
-        th:nth-child(4),
-        td:nth-child(4) {
-            width: 20%;
-        }
-        th:nth-child(5),
-        td:nth-child(5) {
-            width: 10%;
-        }
-        th:nth-child(6),
-        td:nth-child(6) {
-            width: 10%;
-        }
-        th:nth-child(7),
-        td:nth-child(7) {
-            width: 10%;
-        }
-        th:nth-child(8),
-        td:nth-child(8) {
-            width: 10%;
-        }
-        .alert {
-            position: relative;
-            padding: 15px;
-            margin-bottom: 20px;
-            border: 1px solid transparent;
-            border-radius: 4px;
-        }
-        .alert-success {
-            color: #3c763d;
-            background-color: #dff0d8;
-            border-color: #d6e9c6;
-        }
-        .alert-danger {
-            color: #a94442;
-            background-color: #f2dede;
-            border-color: #ebccd1;
-        }
-        .close2 {
-            position: absolute;
-            bottom: 10px;
-            right: 10px;
-            border: none;
-            background: none;
-            font-size: 16px;
-            cursor: pointer;
-        }
-    </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="col-12 d-flex justify-content-end mb-3">
-                                <button class="btn btn-primary" style="margin-bottom:-30px;position:fixed"               id="add">Add</button>
-                            </div>
-                        </div> -->
-                        <input type="hidden" id="userRole" name="userRole" value={{role}}>
-                        <div class="row">
-                            <div id="message-container" style="margin-left: 200px;width:600px;"></div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <!-- Main content -->
-            <section class="content" id="startTable" style="display: none;">
-                    <div class="row">
-                        <div class="col-12">
-                            <div class="card">
-                                <div class="card-body table-container">
-                                 <div class="dataTables_wrapper">
-                                    <div class="row">
-                                    <div class="dataTables_length" >
-                                        <label style="display: inline-block;margin-right:800px; margin-bottom: -40px;" >Show entries:
-                                            <div class="custom-dropdown">
-                                                <button class="dropdown-button">5</button>
-                                                <div class="dropdown-content">
-                                                    <a href="#" data-length="5">5</a>
-                                                    <a href="#" data-length="10">10</a>
-                                                    <a href="#" data-length="50">50</a>
-                                                    <a href="#" data-length="100">100</a>
-                                                </div>
-                                            </div>
-                                        </label>
-                                    </div>
-                                    <table id="companyTable" class="table display mb-4 dataTablesCard dataTable table-responsive-xl card-table" >
-                                        <thead>
-                                            <tr>
-                                                <th>Sno</th>
-                                                <th>Company Name</th>
-                                                <th>Company code</th>
-                                                <th>Domain</th>
-                                                <th>LLM Tools</th>
-                                                <th>View</th>
-                                                <th>Edit</th>
-                                                <th>Delete</th>
-                                            </tr>
-                                        </thead>
-                                    </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 Company Profile</h5>
-                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                        <span aria-hidden="true" data-backdrop="static" data-keyboard="false">&times;</span>
-                    </button>
-                </div>
-                <div class="modal-body">
-                    <form id="companyForm">
-                        <div class="form-group">
-                            <label for="companyName">Company Name<span class="text-danger">*</span></label>
-                            <input type="text" class="form-control" id="company_name" name="company_name" required>
-                        </div>
-                        <div class="form-group">
-                            <label for="companyCode">Company Code<span class="text-danger">*</span></label>
-                            <input type="text" class="form-control" id="company_code" name="company_code" required>
-                        </div>
-                        <div class="form-group">
-                            <label for="domain">Domain<span class="text-danger">*</span></label>
-                            <input type="text" class="form-control" id="domain" name="domain" required>
-                        </div>
-                        <div class="form-group" >
-                            <label for="llm_tools">LLM Tools<span class="text-danger">*</span></label>
-                            <select class="form-select" id="llm_tools" name="llm_tools[]" multiple required>
-                                <option value="Database">Database</option>
-                                <option value="Static Documents">Static Documents</option>
-                                <option value="API">API</option>
-                            </select>
-                            <div class="invalid-feedback">
-                                Please select at least one LLM tool.
-                            </div>
-                        </div>
-                        <div class="form-group">
-                            <label for="domain">UserName<span class="text-danger">*</span></label>
-                            <input type="text" class="form-control" id="username" name="username" required>
-                        </div>
-                    </form>
-                </div>
-                <div class="modal-footer">
-                    <button type="button" id="saveupdate" class="btn btn-primary" style="display: none;">Update</button>
-                    <button type="button" id="save" onclick="saveProfile()" class="btn btn-primary">Save</button>
-                </div>
-            </div>
-        </div>
-    </div>
-    {%include 'footer.html'%}
-    <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 src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
-    <script>
-        document.addEventListener('DOMContentLoaded', function () {
-            const role = sessionStorage.getItem('userRole');
-            const company_id=sessionStorage.getItem('company_id');
-            console.log('Current role:', role); // Debug statement to check the role
-            document.getElementById('userRole').value = role;
-            const passedCompanyName = sessionStorage.getItem('company_name')
-            document.getElementById('selectedCompany').innerText = `Company Name: ${passedCompanyName}`;
-            $('#addModal').hide();  // Make sure this is called initially
-        function checkForAddButton() {
-            const addButton = document.getElementById('add');
-        if (addButton) {
-            // Stop checking once the element is found
-            clearInterval(checkInterval);
-            if (role === 'superadmin') {
-                console.log("insidse compamy profile super admin");
-                $('#startTable').show();
-                $('#addModal').hide();
-                $('#add').show();
-            } else {
-                console.log("insidse company profile admin");
-                $('#add').hide();
-                const modalTitle = document.getElementById('addModalLabel');
-                modalTitle.textContent = 'Company Details';
-               viewCompany(company_id);
-            }
-            }
-        }
-        const checkInterval = setInterval(checkForAddButton, 100); //
-            document.querySelector('.dropdown-button').addEventListener('click', function() {
-        const dropdownContent = document.querySelector('.dropdown-content');
-        dropdownContent.style.display = dropdownContent.style.display === 'block' ? 'none' : 'block';
-    });
-            fetchCompanies();
-        });
-        window.addEventListener('click', function(event) {
-        if (!event.target.matches('.dropdown-button')) {
-            const dropdownContents = document.querySelectorAll('.dropdown-content');
-            dropdownContents.forEach(function(content) {
-                content.style.display = 'none';
-            });
-        }
-    });
-        window.addEventListener('pageshow', function (event) {
-            if (event.persisted || (window.performance && window.performance.navigation.type === 2)) {
-                window.location.reload();
-            }
-        });
-        $(document).ready(function () {
-            // Initialize DataTable
-            //$('#companyTable').DataTable();
-            $('#companyTable').DataTable({
-    "paging": true,
-    "pageLength":5,
-    "lengthChange": false,
-    "searching": true,
-    "ordering": true,
-    "info": true,
-    "autoWidth": false,
-    "responsive": true
-});
-            // Initialize Select2
-            $('select').select2({
-                theme: 'bootstrap4',
-                placeholder: 'Select',
-                allowClear: true,
-                dropdownParent: $('#addModal')
-            });
-            // Show modal function
-            $('#add').on('click', function () {
-                const modalTitle = document.getElementById('addModalLabel');
-                modalTitle.textContent = 'Add Company Details';
-                console.log('Modal title after setting:', modalTitle.textContent); // This should log the new title
-                $('#company_name').removeAttr('readonly');
-                $('#company_code').removeAttr('readonly');
-                $('#domain').removeAttr('readonly');
-                $('select').prop('disabled', false);
-                $('#username').removeAttr('readonly');
-                $('#addModal').modal('show');
-                $('#save').show();
-                $('#saveupdate').hide();
-                clearmodal();
-                $('#save').prop('disabled', false); // Disable the "Save" button when the modal opens
-            });
-            $('.modal-footer .btn-secondary, .modal-header .close').on('click', function () {
-                $('#addModal').modal('hide');
-            });
- $('#addModal').on('shown.bs.modal', function() {
-     $('#companyTable').DataTable().columns.adjust().draw();
-    // Initialize Select2 only if not already initialized
-    if (!$('#llm_tools').hasClass('select2-hidden-accessible')) {
-        $('select').select2({
-            theme: 'bootstrap4',
-            placeholder: 'Select LLM Tools',
-            allowClear: true,
-            dropdownParent: $('#addModal')
-        });
-    }
-});
-            $(document).on('click', '.btn-view', function () {
-                const companyId = $(this).data('id');
-                console.log("company_id in view", companyId);
-                viewCompany(companyId);
-            });
-            // Edit company details
-            $(document).on('click', '.btn-edit', function () {
-                const companyId = $(this).data('id');
-                console.log("company_id in edit", companyId);
-                if (companyId)
-            {
-                const modalTitle = document.getElementById('addModalLabel');
-                modalTitle.textContent = 'Edit Company Details';
-                console.log('Modal title:', modalTitle.textContent);
-                Editcompany(companyId);
-            }
-            });
-            // Delete company
-            $(document).on('click', '.btn-delete', function () {
-                const companyId = $(this).data('id'); // Get the company ID from the da
-                console.log("company_id in delete", companyId);
-                if (confirm("Are you sure you want to delete this company?")) {
-                    deleteCompany(companyId); // Call the delete function with the company ID
-                }
-            });
-        });
-        // View company details
-function viewCompany(companyId) {
-    const username = sessionStorage.getItem('username');
-    const modalTitle = document.getElementById('addModalLabel');
-    modalTitle.textContent = 'View Company Details';
-    // Fetch company details by ID
-    $.getJSON(`/api/getcompanydetails/${companyId}`, function (company) {
-        console.log("Fetched company details:", company);
-        // Set the company fields to readonly
-        $('#company_name').val(company.company_name).attr('readonly', 'readonly');
-        $('#company_code').val(company.company_code).attr('readonly', 'readonly');
-        $('#domain').val(company.domain).attr('readonly', 'readonly');
-        $('select').val(company.llm_tools.split(',')).trigger('change');
-        $('select').prop('disabled', true);
-        $('#username').val(username).attr('readonly', 'readonly');
-        // Show the modal
-        $('#saveupdate').hide();
-        $('#save').hide();
-        $('#addModal').modal('show');
-    }).fail(function () {
-        console.error("Error retrieving company details.");
-    });
-}
-        // Edit company details
-        function Editcompany(companyId) {
-            const username=sessionStorage.getItem('username');
-            const modalTitle = document.getElementById('addModalLabel');
-            modalTitle.textContent = 'Edit Company Details';
-            console.log('Modal title after setting:', modalTitle.textContent); // Should log "Edit Company Details"
-            // Fetch company details by ID
-            $.getJSON(`/api/getcompanydetails/${companyId}`, function (company) {
-                $('#company_name').removeAttr('readonly');
-                $('#company_code').removeAttr('readonly');
-                $('#domain').removeAttr('readonly');
-                $('select').prop('disabled', false);
-                $('#save').hide();
-                $('#saveupdate').show();
-                // Populate the form with the company's details
-                $('#company_name').val(company.company_name);
-                $('#company_code').val(company.company_code);
-                $('#domain').val(company.domain);
-                $('select').val(company.llm_tools.split(',')).trigger('change');
-                $('#username').val(username).attr('readonly', 'readonly');// Disable the select input
-                //sessionStorage.setItem('llmTools', company.llm_tools); // Store as a string
-                $('#addModal').modal('show');
-                // Update the save button to save the edited company
-                $('#saveupdate').off('click').on('click', function () {
-                    saveupdate(companyId); // Pass the company ID for updating
-                });
-            }).fail(function () {
-                alert("Error retrieving company details.");
-            });
-        }
-        // Delete company
-        function deleteCompany(companyId) {
-            console.log("company_id deleted", companyId);
-            $.ajax({
-                type: "DELETE",
-                url: `/api/delcompanydetails/${companyId}`,
-                success: function () {
-                  //  alert("Company deleted successfully.");
-                    const messageContainer = document.getElementById('message-container');
-                    if (messageContainer)
-                        messageContainer.innerHTML = `
-                <div class='alert alert-danger'>
-                   Company details deleted successfully.
-                    <button class='close' style='font-size:medium;margin-top:6px;'  onclick='dismissMessage()'>OK</button>
-                </div>`;
-                    fetchCompanies(); // Refresh the table
-                },
-                error: function (xhr) {
-                    alert("Error deleting company: " + xhr.responseJSON.detail);
-                }
-            });
-        }
-        function saveupdate(companyId) {
-            console.log("company_id", companyId);
-          const llm_tools= $('#llm_tools').select2("val");
-            var formData = new FormData();
-    formData.append('company_name', $('#company_name').val());
-    formData.append('company_code', $('#company_code').val());
-    formData.append('domain', $('#domain').val());
-    formData.append('llm_tools',llm_tools); // Assuming llm_tools is a multi-select
-            console.log("company_data", formData);
-            $.ajax({
-                url: `/api/putcompanydetails/${companyId}`,
-                type: 'PUT',
-                data: formData,
-        processData: false,  // Important for FormData
-        contentType: false,
-                success: function (response) {
-                    // alert('Company details updated successfully.');
-                    const messageContainer = document.getElementById('message-container');
-                    if (messageContainer)
-                        messageContainer.innerHTML = `
-                <div class='alert alert-success'>
-                   Company  Data Updated successfully
-                    <button class='close' style='font-size:medium;margin-top:6px;' onclick='dismissMessage()'>OK</button>
-                </div>`;
-                    $('#addModal').modal('hide'); // Close the modal after saving
-                    fetchCompanies();
-                },
-                error: function () {
-                    const messageContainer = document.getElementById('message-container');
-                    if (messageContainer)
-                        messageContainer.innerHTML = `
-                <div class='alert alert-danger'>
-                  No changes have been made  to update company details.
-                    <button class='close' style='font-size:medium;margin-top:6px;' onclick='dismissMessage()'>OK</button>
-                </div>`;
-                    $('#addModal').modal('hide');
-                    //alert('No changes have been made  to update company details.');
-                }
-            });
-        }
-        function saveProfile() {
-            const form = document.getElementById('companyForm');
-            // Check if the form is valid
-            if (!form.checkValidity()) {
-                // If the form is invalid, show validation messages and stop the submission
-                form.reportValidity();
-                return;
-            }
-            // Gather form data
-            const company_name = document.getElementById('company_name').value;
-            const company_code = document.getElementById('company_code').value;
-            const domain = document.getElementById('domain').value;
-            const llm_tools = $('#llm_tools').select2("val");
-             console.log("Selected LLM Tools:", llm_tools);
-           // console.log("llm_tools element:", document.getElementById('llm_tools'));
-            const username=$('#username').val();
-            // Prepare FormData
-            let formData = new FormData();
-            const password="password";
-            const rolesave="admin";
-            formData.append("company_name", company_name);
-            formData.append("company_code", company_code);
-            formData.append("domain", domain);
-            formData.append("llm_tools", llm_tools);
-            formData.append("username",username);
-            formData.append("password",password);
-            formData.append("role",rolesave);
-            $.ajax({
-                type: "POST",
-                url: "/submit_company_profile",
-                data: formData,
-                processData: false,
-                contentType: false,
-                success: function (response) {
-                    // alert("Data saved successfully"); // Show success message
-                    const messageContainer = document.getElementById('message-container');
-                    if (messageContainer)
-                        messageContainer.innerHTML = `
-                <div class='alert alert-success'>
-                    Data saved successfully
-                    <button class='close' style='font-size:medium;margin-top:6px;' onclick='dismissMessage()'>OK</button>
-                </div>`;
-                    fetchCompanies(); // Refresh table data
-                    // Clear the form and close the modal
-                   // $('#companyForm')[0].reset();
-                    $('#addModal').modal('hide');
-                },
-                error: function (xhr) {
-                    alert("An error occurred: " + xhr.responseJSON.detail); // Show error message
-                }
-            });
-        }
-        function dismissMessage() {
-            const messageContainer = document.getElementById('message-container');
-            if (messageContainer) {
-                messageContainer.innerHTML = '';
-            }
-        }
-        async function fetchCompanies() {
-            try {
-                console.log("Fetching companies...");
-                const response = await fetch(`/api/companydetails`);
-                const companies = await response.json();
-                console.log(companies); // Inspect the data here
-                if (!Array.isArray(companies)) {
-                    throw new TypeError('Expected an array of companies');
-                }
-                const table = $('#companyTable').DataTable();
-                table.clear(); // Clear existing table data
-                companies.forEach((company, index) => {
-                    table.row.add([
-                        index + 1,
-                        company.company_name,
-                        company.company_code,
-                        company.domain,
-                        company.llm_tools, // Join array of tools into a string
-                        `<a href='#' class='btn btn-info btn-sm'onclick='viewCompany(${company.company_id})'><i class='fas fa-eye'></i></a>`,
-                        `<a href='#' class='btn btn-warning btn-sm'onclick='Editcompany(${company.company_id})'><i class='fas fa-edit'></i></a>`,
-                        `<a href='#' class='btn btn-danger btn-sm' onclick='deleteCompany(${company.company_id})'><i class='fas fa-trash'></i></a>`
-                    ])
-                });table.draw(false);
-            } catch (error) {
-                console.error('Error fetching companies:', error);
-            }
-        }
-        function clearmodal() {
-    $('#companyForm')[0].reset();  // Reset all form fields
-    $('#llm_tools').val(null).trigger('change');  // Clear and reset the Select2 field without reinitializing
-}
-document.querySelectorAll('.dropdown-content a').forEach(function(item) {
-        item.addEventListener('click', function() {
-            const length = item.getAttribute('data-length');
-            // Set the DataTable page length
-            $('#companyTable').DataTable().page.len(parseInt(length)).draw();
-            document.querySelector('.dropdown-button').textContent = length;
-        });
-    });
-    </script>
-</body>
-</html>

templates/dashboard.html DELETED Viewed

@@ -1,360 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Dashboard</title>
-    <!-- CSS -->
-   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" />
-    <link rel="stylesheet" type="text/css" href="../static/css/style.css" />
-    <link rel="stylesheet" type="text/css" href="../static/css/dashboard.css" />
-    <link rel="stylesheet" type="text/css" href="../static/css/perfect-scrollbar.css" />
-     <style>
-        .btn-primary {
-          background-color: #0d6efd;
-          border-radius:5px;
-          border-color: #0d6efd;
-        }
-       #sidebarToggle
-       {
-         border-radius:4px;
-         margin-left:250px;
-       }
-        .main-sidebar.toggled .menu-text {
-        display: none;
-    }
-  #selectedCompany.toggled .menu-text {
-        display: none;
-    }
-        .wrapper {
-            flex: 1;
-            padding: 10px;
-            margin-left: 300px; /* Default sidebar width */
-            transition: margin-left 0.3s ease;
-        }
-        .main-header {
-            border-bottom: none;
-            border-top: none;
-        }
-        .card {
-            margin-bottom: 15px;
-            border-radius: 8px;
-            overflow: hidden;
-            transition: background-color 0.3s ease;
-        }
-        .card-body {
-            padding: 15px;
-        }
-        .feature-icon {
-            display: inline-flex;
-            align-items: center;
-            justify-content: center;
-            width: 50px;
-            height: 50px;
-            background: rgba(255, 255, 255, 0.1);
-            border-radius: 50%;
-        }
-        .sidebarPanel
-       {
-         display:none;
-       }
-        .media-body {
-            text-align: right;
-        }
-        .fs-30 {
-            font-size: 1.875rem;
-        }
-        .fs-48 {
-            font-size: 3rem;
-        }
-        /* Responsive Styles */
-        @media (max-width: 992px) {
-            .wrapper {
-                margin-left: 200px;
-            }
-            .main-header {
-                padding: 15px;
-            }
-        }
-        @media (max-width: 768px) {
-          .feature-icon {
-                width: 40px;
-                height: 40px;
-            }
-            .fs-30 {
-                font-size: 1.5rem;
-            }
-            .fs-48 {
-                font-size: 2.5rem;
-            }
-        }
-    </style>
-</head>
-<body>
-    {% set company_name = company_name %}
-    {% include 'sidepane.html' %}
-    <div class="wrapper">
-        <section class="main-header">
-            <div class="container-fluid">
-                <div id="company-block" class="form-group left-align" style="display: none;">
-                    <label for="company" class="ml-3" style="display: inline-block; margin-right: 10px;">
-                        Select the Company Name to view the details <span class="text-danger">*</span>
-                    </label>
-                    <select type="text" id="company" name="company" class="ml-3 form-control"
-                        style="display: inline-block; width: 20%;" required>
-                        <option value="" selected>Select</option>
-                    </select>
-                </div>
-                <div class="row">
-                    <div class="col-md-6">
-                        <div class="card bg-primary">
-                            <div class="card-body">
-                                <div class="media align-items-center">
-                                    <span class="p-3 mr-3 feature-icon rounded">
-                                        <img src="../static/logos/calendar-silhouette.svg" />
-                                    </span>
-                                    <div class="media-body">
-                                        <p class="fs-30 text-white mb-2">KnowledgeBase</p>
-                                        <span id="knowledgeBaseCount" class="fs-48 text-white font-w600">{{table_count_of_each_table.knowledge_base}}</span>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col-md-6">
-                        <div class="card bg-info">
-                            <div class="card-body">
-                                <div class="media align-items-center">
-                                    <span class="p-3 mr-3 feature-icon rounded">
-                                        <img src="../static/logos/calendar-silhouette.svg" />
-                                    </span>
-                                    <div class="media-body">
-                                        <p class="fs-30 text-white mb-2">Data connectors</p>
-                                        <span id="dataConnectorsCount" class="fs-48 text-white font-w600">{{table_count_of_each_table.data_connectors}}</span>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    </div>
-                    <div class="row">
-                    <div class="col-md-6 ">
-                        <div class="card bg-success">
-                            <div class="card-body">
-                                <div class="media align-items-center">
-                                    <span class="p-3 mr-3 feature-icon rounded">
-                                        <img src="../static/logos/email.svg" />
-                                    </span>
-                                    <div class="media-body">
-                                        <p class="fs-30 text-white mb-2">API Connectors</p>
-                                        <span id="apiConnectorsCount" class="fs-48 text-white font-w600">{{table_count_of_each_table.api_connectors}}</span>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col-md-6 ">
-                        <div class="card bg-secondary">
-                            <div class="card-body">
-                                <div class="media align-items-center">
-                                    <span class="p-3 mr-3 feature-icon rounded">
-                                        <img src="../static/logos/dots.svg" />
-                                    </span>
-                                    <div class="media-body">
-                                        <p class="fs-30 text-white mb-2">Prompt_Templates</p>
-                                        <span  id="promptTemplatesCount" class="fs-48 text-white font-w600">{{table_count_of_each_table.prompt_templates}}</span>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </section>
-        <input type="hidden" id="userRole" name="userRole" value={{role}}>
-        <input type="hidden" id="company_id" name="company_id" value={{company_id}}>
-        <input type="hidden" id="username" name="username" value={{username}}>
-        <input type="hidden" id="company_name" name="company_name" value={{company_name}}>
-    </div>
- {% include 'footer.html' %}
-    <script src="https://cdn.jsdelivr.net/npm/admin-lte@3.1/dist/js/adminlte.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
-    <script>
-          document.getElementById("add").style.display = "none";
-// function updateCompanyName(newCompanyName) {
-//     sessionStorage.setItem('company_name', newCompanyName);
-//     document.getElementById('selectedCompany').innerText = `Company name: ${newCompanyName}`;
-//     const sidePaneCompanyName = document.querySelector('.sidebar .company-name');
-//     if (sidePaneCompanyName) {
-//         sidePaneCompanyName.innerText = newCompanyName;
-//     }
-// }
-function updateSidepane(companyName) {
-            const sidepaneCompanyElement = document.getElementById('selectedCompany');
-            if (sidepaneCompanyElement) {
-                sidepaneCompanyElement.innerText = `Company Name: ${companyName}`;
-            }
-        }
-window.addEventListener('pageshow', function (event) {
-            if (event.persisted || (window.performance && window.performance.navigation.type === 2)) {
-                window.location.reload();
-            }
-        });
-        document.addEventListener('DOMContentLoaded', function () {
-            var role1 = document.getElementById("userRole").value;
-            var company_id1 = document.getElementById("company_id").value;
-            var company_name1=document.getElementById("company_name").value;
-            var username1=document.getElementById("username").value;
-            console.log("companyid in dasshboard",username1);
-             sessionStorage.setItem('userRole', role1);
-            // sessionStorage.setItem('siderole',role1);
-            // sessionStorage.setItem('sidecompanyId',company_id1);
-            sessionStorage.setItem('company_id', company_id1);
-            sessionStorage.setItem('company_name',company_name1);
-            sessionStorage.setItem('username',username1);
-            const companyName = sessionStorage.getItem('company_name');
-            if (companyName) {
-                updateSidepane(companyName);
-            }
-                else{
-document.getElementById(selectedCompany).value="Select a company";
-                }
-            if (!role1) {
-                var roleFromInput = sessionStorage.getItem('userRole');
-                sessionStorage.setItem('userRole', roleFromInput);
-                console.log("Role set in sessionStorage:", roleFromInput);
-            } else {
-                sessionStorage.setItem('userRole', role1);
-                console.log("Retrieved user role from input:", role1); // Debugging
-            }
-            if (role1 === "superadmin") {
-                document.getElementById('company-block').style.display = 'block';
-                fetchCompanies();
-            }
-        });
-        document.getElementById('company').addEventListener('change', async function () {
-            const selectedCompany = this.value;
-            sessionStorage.setItem("company_name",selectedCompany);
-            // Update the sidepane immediately
-            updateSidepane(selectedCompany);
-            if (selectedCompany!== "Select") {
-                try {
-                    const response = await fetch(`/api/company_id?company_name=${encodeURIComponent(selectedCompany)}`);
-                    if (!response.ok) {
-                        contentSection.style.display = 'none';
-                        displayErrorMessage("Document details do not exist for this company. Please fill in the details.");
-                        throw new Error('Network response was not ok');
-                    }
-                    const data = await response.json();
-                    console.log('data returned', data);
-                    const companyId = data.company_id;
-                    sessionStorage.setItem("company_id",companyId);
-                    console.log("company id for superadmin", company_id);
-                     //document.getElementById('company_id').value = companyId;
-                if (companyId) {
-                    try {
-                        const countResponse = await fetch(`/api/company_record_count/${companyId}`);
-                        if (!countResponse.ok) {
-                            throw new Error('Network response was not ok');
-                        }
-                        const countData = await countResponse.json();
-                        console.log('Count data:', countData); // Log the response data
-                        updateRecordCounts(countData.table_counts);
-                    } catch (error) {
-                        console.error('Error fetching record counts:', error);
-                    }
-                } else {
-                    clearRecordCounts();
-                }
-            } catch (error) {
-                    console.error('No details for this company ID or data documents:', error);
-                    // displayEmptyTable();
-                    displayErrorMessage("company details do not exist for this company.");
-                }
-            }
-            });
-        function updateRecordCounts(counts) {
-            // Update the counts displayed in the dashboard
-            document.getElementById('knowledgeBaseCount').textContent = counts.knowledge_base || 0;
-            document.getElementById('dataConnectorsCount').textContent = counts.data_connectors || 0;
-            document.getElementById('apiConnectorsCount').textContent = counts.api_connectors || 0;
-            document.getElementById('promptTemplatesCount').textContent = counts.prompt_templates || 0;
-        }
-        function clearRecordCounts() {
-            document.getElementById('knowledgeBaseCount').textContent = 0;
-            document.getElementById('dataConnectorsCount').textContent = 0;
-            document.getElementById('apiConnectorsCount').textContent = 0;
-            document.getElementById('promptTemplatesCount').textContent = 0;
-        }
-        async function fetchCompanies() {
-            try {
-                const response = await fetch('/api/companies');
-                if (!response.ok) {
-                    throw new Error('Network response was not ok');
-                }
-                const data = await response.json();
-                displayCompanies(data.companies);
-            } catch (error) {
-                console.error('Error fetching companies:', error);
-            }
-        }
-        function displayCompanies(companies) {
-            const companySelect = document.getElementById('company');
-            companySelect.innerHTML = '<option value="" selected>Select</option>'; // Reset the dropdown
-            companies.forEach(company => {
-                const option = document.createElement('option');
-                option.value = company.name;
-                option.textContent = company.name;
-                companySelect.appendChild(option);
-            });
-        }
-        function clearFormFields() {
-            document.getElementById('APIName').value = "";
-            document.getElementById('APIEndpoint').value = "";
-            document.getElementById('Auth_Bearer').value = "";
-            document.getElementById('Inputjson').value = "";
-            document.getElementById('OutputJson').value = "";
-            document.getElementById('Description').value = "";
-        }
-    </script>
-</body>
-</html>

templates/data_connectors.html DELETED Viewed

@@ -1,624 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Data 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">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" />
-    <style>
-        #add{
-            display: none ;
-        }
-        html,
-        body {
-            height: 90%;
-            margin: 0;
-            display: flex;
-            flex-direction: column;
-        }
-        body {
-            display: inline-flex;
-            flex-direction: column;
-            min-height: 90%;
-        }
-        .main-content {
-            flex: 1;
-            display: inline-flex;
-            flex-direction: column;
-            align-items: center;
-            justify-content: flex-start;
-            padding: 30px;
-        }
-        /* .container {
-            margin-top: 50px;
-            margin-left: 320px;
-            max-width: 800px;
-            padding: 10px;
-            border: 1px solid #ccc;
-            border-radius: 5px;
-            background-color: #fff;
-            position: relative;
-            z-index: 1;
-        } */
-        .form-group {
-            margin-bottom: 20px;
-        }
-        .form-group label {
-            font-weight: bold;
-            margin-top: -10px;
-            margin-left:-22px;
-            display: block;
-        }
-        .form-group input,
-        .form-group select,
-        .form-group textarea {
-            width: 90%;
-            margin-left:-22px;
-            padding: 2px;
-            border: 1px solid #ccc;
-            border-radius: 4px;
-        }
-        .btn-primary {
-            margin-right: 10px;
-            color: white;
-            font-size: 16px;
-            font-weight: bold;
-        }
-        /* .btn-container {
-            text-align: center;
-            margin-top: 20px;
-            margin-bottom: 10px;
-        } */
-        .btn-primary {
-            margin-right: 10px;
-            color: white;
-            font-size: 16px;
-            font-weight: bold;
-        }
-        .btn-container {
-            text-align: center;
-            margin-top: 30px;
-            margin-left: 20px;
-            margin-right: 0px;
-            margin-bottom: 10px;
-            /* color: white; */
-        }
-        .btn-container1 {
-            text-align: center;
-            margin-top: 50px;
-            margin-left: 30px;
-            margin-right: 30px;
-            margin-bottom: 10px;
-            color: white;
-        }
-        /* #selectedTables,
-        #labelselected {
-            display: none;
-        } */
-        .btn-primary:focus,
-        .btn-primary:active {
-            color: white;
-            background-color: #007bff;
-            border-color: #007bff;
-            box-shadow: none;
-        }
-        #saveBtn1 {
-            margin: 0 auto;
-        }
-        /* footer {
-            position: relative;
-            margin-top: auto;
-            width: 100%;
-            color: black;
-            text-align: right;
-            padding-right: 245px;
-            padding-top: 20px;
-            background-color: #f8f9fa;
-            border: none !important;
-        }
-     */
-        .small-select {
-            margin-top: 5px;
-            width: 200px;
-            /* Adjust the width as needed */
-        }
-        .custom-dropdown {
-            width: 250px;
-            /* Adjust the width as needed */
-        }
-        /* Ensure the new row aligns with the previous row */
-#schema-table-section {
-    margin-left: -20px; /* Adjust this if you need spacing between rows */
-    padding-top: 5px; /* Adjust padding if needed */
-}
-.alert {
-    position: relative;
-    padding: 15px;
-    margin-bottom: 20px;
-    border: 1px solid transparent;
-    border-radius: 4px;
-}
-.alert-success {
-    color: #3c763d;
-    background-color: #dff0d8;
-    border-color: #d6e9c6;
-}
-.alert-danger {
-    color: #a94442;
-    background-color: #f2dede;
-    border-color: #ebccd1;
-}
-.close {
-    position: absolute;
-    bottom: 10px;
-    right: 10px;
-    border: none;
-    background: none;
-    font-size: 16px;
-    cursor: pointer;
-}
-    </style>
-</head>
-<body>
-    {% include 'sidepane.html' %}
-    <div class="wrapper">
-        <div class="main-header" style="border-bottom: none;">
-            <!-- Content Header (Page header) -->
-            <div class="content-header">
-                <div class="container-fluid">
-                    <div class="container mt-2">
-                        <!-- <div class="form-group left-align">
-                            <label for="company" class="mr-1" style="margin-left:-60px;margin-top:-1px;">Company Name <span class="text-danger">*</span></label>
-                            <select type="text" id="company" name="company" class="form-control "style="width: 20%;margin-left:-60px;margin-bottom:-35px" required>
-                                <option value="" selected>Select</option>
-                            </select>
-                        </div> -->
-                        <div class="row">
-                            <div id="message-container" style="padding:10px 10px;margin-left: 150px;width:500px;margin-bottom:-20px; margin-top: -30px;"></div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        <form id="databaseconnectorForm" class="needs-validation" novalidate action="/save_data_connectors"
-            method="post" >
-            <div class="form-group">
-                <!-- <label for="company_id">company_id</label>--->
-                <input type="hidden" id="company_id" name="company_id" class="form-control" required>
-            </div>
-            <h4 id="selectedCompany" style="margin-left: 300px;margin-bottom: 50px;margin-top: -50px;"></h4>
-            <div class="row">
-                <div class="col-md-3">
-                    <div class="form-group">
-                        <label for="database">Database Type<span class="text-danger">*</span></label>
-                        <select type="text" id="database" name="database" class="form-control" required>
-                            <option value="" selected>Select</option>
-                            <option value="Postgres">Postgres</option>
-                            <option value="mysql">mysql</option>
-                        </select>
-                    </div>
-                </div>
-                <div class="col-md-3">
-                    <div class="form-group">
-                        <label for="server">Server IP <span class="text-danger">*</span></label>
-                        <input type="text" id="server" name="server" class="form-control" required>
-                    </div>
-                </div>
-                <div class="col-md-3">
-                    <div class="form-group">
-                        <label for="port">Port <span class="text-danger">*</span></label>
-                        <input type="text" id="port" name="port" class="form-control" required>
-                    </div>
-                </div>
-                <div class="col-md-3">
-                    <div class="form-group">
-                        <label for="databaseName">Database Name <span class="text-danger">*</span></label>
-                        <input type="text" id="databaseName" name="databaseName" class="form-control" required>
-                    </div>
-                </div>
-            </div>
-            <div class="row">
-                <div class="col-md-3">
-                    <div class="form-group">
-                        <label for="userame">UserName <span class="text-danger">*</span></label>
-                        <input type="text" id="username" name="username" class="form-control" required>
-                    </div>
-                </div>
-                <div class="col-md-3">
-                    <div class="form-group">
-                        <label for="password">Password <span class="text-danger">*</span></label>
-                        <input type="password" id="password" name="password" class="form-control" required>
-                    </div>
-                </div>
-                <div class="col-md-6">
-                    <div class="form-group d-flex justify-content-between">
-                        <div class="form-group btn-container">
-                            <button type="button" id="connectBtn" class="btn btn-primary">Connect</button>
-                            <button type="reset" class="btn btn-primary">Clear</button>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div id="schema-table-section" style="display: none;">
-                <div class="row">
-                    <div class="col-md-3">
-                        <div class="form-group1">
-                            <label for="schemas">Select Schemas <span class="text-danger">*</span></label>
-                            <select type="text" id="schemas" name="schemas" class="form-control" required>
-                                <option value="" selected>Select</option>
-                                <option value="schema1">Lookup</option>
-                                <option value="schema2">Public</option>
-                                <option value="schema3" selected>tenant_default</option>
-                            </select>
-                        </div>
-                    </div>
-                    <div class="col-md-3">
-                        <div class="form-group1">
-                            <label for="tableschema" style="margin-left: 30px;margin-right: 30px;">Select Tables <span
-                                    class="text-danger">*</span></label>
-                            <div class="dropdown custom-dropdown">
-                                <button class="btn btn-secondary dropdown-toggle"
-                                    style="margin-left: 30px;margin-right: 0px;" type="button" id="tablesDropdown"
-                                    data-bs-toggle="dropdown" aria-expanded="false">
-                                    Select Tables
-                                </button>
-                                <ul class="dropdown-menu" aria-labelledby="tablesDropdown">
-                                    <li>
-                                        <select type="text" id="tableschema" name="tableschema" class="form-control"
-                                            multiple required>
-                                            <option value="customer_master">customer_master</option>
-                                            <option value="efs_company_master">efs_company_master</option>
-                                            <option value="efs_group_company_master">efs_group_company_master</option>
-                                            <option value="efs_region_master">efs_region_master</option>
-                                            <option value="party_address_detail">party_address_detail</option>
-                                            <option value="wms_warehouse_master">wms_warehouse_master</option>
-                                        </select>
-                                    </li>
-                                </ul>
-                            </div>
-                        </div>
-                    </div>
-                    <!-- <div class="col-md-3">
-                         <div class="btn-container1">
-                        <button type="button" id="saveBtn" class="btn btn-primary">Save</button>
-                    </div>
-                </div>
-            </div>
-            <div class="row">-->
-                    <div class="col-md-3">
-                        <div class="form-group1">
-                            <label for="selectedTables" id="labelselected">Selected Tables</label>
-                            <textarea type="text" id="selectedTables" name="selectedTables" class="form-control"
-                                rows="4" readonly></textarea>
-                        </div>
-                    </div>
-                    <div class="col-md-3">
-                        <div class="form-group">
-                            <div class="btn-container1">
-                                <button type="submit" id="saveBtn" class="btn btn-primary">Save</button>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </form>
-    </div>
-    </div>
-    </div>
-    <footer class="footer">
-        {%include 'footer.html'%}
-    </footer>
-    <script>
-        document.addEventListener('DOMContentLoaded', function () {
-            // fetchCompanies();
-            // const companySelect = document.getElementById('company');
-            // const databaseconnectorForm = document.getElementById('databaseconnectorForm');
-            // database.addEventListener('change', async function () {
-            //     $("#message-container").empty();
-            // });
-            // companySelect.addEventListener('change', async function () {
-            //     $("#message-container").empty();
-            //     const selectedCompanyName = companySelect.options[companySelect.selectedIndex].text;
-            //     console.log(`Selected Company Name: ${selectedCompanyName}`);
-            //     if (selectedCompanyName !== "Select") {
-            //         $("#schema-table-section").hide();
-            //         try {
-            //             const response = await fetch(`/api/company_id?company_name=${encodeURIComponent(selectedCompanyName)}`);
-            //             if (!response.ok) {
-            //                 throw new Error('Network response was not ok');
-            //             }
-            //             const data = await response.json();
-            //             console.log(`Company ID: ${data.company_id}`);
-            //             const companyId = data.company_id;
-            //             document.getElementById('company_id').value = companyId;
-            var table = $('#databaseconnecorsform').show();
-            const role = sessionStorage.getItem('userRole');
-            const passedCompanyName=sessionStorage.getItem('company_name')
-            document.getElementById('selectedCompany').innerText = `Company Name: ${passedCompanyName}`;
-            console.log('Current role:', role); // Debug statement to check the role
-            const storecompany_id=sessionStorage.getItem('company_id');
-            document.getElementById("company_id").value=storecompany_id;
-            data_get_from_db(storecompany_id,passedCompanyName);
-        });
-            async function data_get_from_db(storecompany_id,selectedCompanyName) {
-                        if (storecompany_id) {
-                            try {
-                                const connectorsResponse = await fetch(`/api/check_data_connectors?company_id=${storecompany_id}&company_name=${selectedCompanyName}`);
-                                if (!connectorsResponse.ok) {
-                                    throw new Error('data connector Network response was not ok');
-                                }
-                                const connectorsData = await connectorsResponse.json();
-                                //setMultiSelectValues(document.getElementById('database'), connectorsData.databasetype); // Ensure this is an array
-                                //setMultiSelectValues(document.getElementById('databaseName'), connectorsData.database_name); // Ensure this is an array
-                                document.getElementById('database').value = connectorsData.databasetype;
-                                document.getElementById('server').value=connectorsData.serverip;                   //         document.getElementById('server').value = connectorsData.serverip;
-                                document.getElementById('port').value = connectorsData.port;
-                                document.getElementById('databaseName').value = connectorsData.database_name;
-                                document.getElementById('username').value = connectorsData.username;
-                                document.getElementById('password').value = connectorsData.password;
-                                document.getElementById('selectedTables').value = connectorsData.dbtablename;
-                                databaseconnectorForm.style.display = 'block';
-                            } catch (error) {
-                                document.getElementById('database').value = " ";
-                                document.getElementById('server').value = " ";
-                                document.getElementById('port').value = "  ";
-                                document.getElementById('databaseName').value = " ";
-                                document.getElementById('username').value = " ";
-                                document.getElementById('password').value = "";
-                                document.getElementById('selectedTables').value = " ";
-                                console.error('Error fetching data from  data connectors:', error);
-                                ("Company name does not exist. Please fill in the details.");
-                                // Optionally, you can insert a message into the DOM
-                                const messageContainer = document.getElementById('message-container');
-                                if (messageContainer) {
-                                    messageContainer.innerHTML = "<div class='alert alert-danger'>Database details does not exist for this Company name.. Please fill in the details.</div>";
-                                }
-                                 databaseconnectorForm.style.display = 'block';
-                           }
-                         } else {
-                          console.log(`Company ID does not exist, you can create and save data: ${data.company_id}`);
-                            databaseconnectorForm.style.display = 'none';
-                        }
-                    }
-            //         } catch (error) {
-            //             console.error('Error fetching company ID or data connectors:', error);
-            //             databaseconnectorForm.style.display = 'none';
-            //         }
-            //     } else {
-            //         databaseconnectorForm.style.display = 'none';
-            //     }
-            // });
-            // document.getElementById("connectBtn").addEventListener("click", function (event) {
-            //     var database = document.getElementById("database").value;
-            //     var server = document.getElementById("server").value;
-            //     var port = document.getElementById("port").value;
-            //     var databaseName = document.getElementById("databaseName").value;
-            //     var username = document.getElementById("username").value;
-            //     var password = document.getElementById("password").value;
-            //     if (!database || !server || !port || !databaseName || !username || !password) {
-            //         alert("Please fill in all required fields.");
-            //         return;
-            //     }
-            //     document.getElementById("schema-table-section").style.display = "block";
-            // });
-            $("#tableschema").change(function () {
-                var selectedTables = $(this).val();
-                var currentText = $("#selectedTables").val();
-                selectedTables.forEach(function (table) {
-                    if (!currentText.includes(table)) {
-                        if (currentText.length > 1) {
-                            currentText += ", " + table;
-                        } else {
-                            currentText = table;
-                        }
-                    }
-                });
-                $("#selectedTables").val(currentText);
-            });
-    document.getElementById("connectBtn").addEventListener("click", function (event) {
-    var database = document.getElementById("database").value;
-    var server = document.getElementById("server").value;
-    var port = document.getElementById("port").value;
-    var databaseName = document.getElementById("databaseName").value;
-    var username = document.getElementById("username").value;
-    var password = document.getElementById("password").value || "";
-    if (!database || !server || !port || !databaseName || !username) {
-        alert("Please fill in all required fields.");
-        return;
-    }
-   // document.getElementById("schema-table-section").style.display = "block";
-    fetch("/api/connect", {
-        method: "POST",
-        headers: {
-            "Content-Type": "application/json"
-        },
-        body: JSON.stringify({
-            database_type: database,
-            server: server,
-            port: port,
-            databaseName: databaseName,
-            username: username,
-            password: password
-        })
-    })
-    .then(response => response.json())
-    .then(data => {
-        if (data.success) {
-            document.getElementById("schema-table-section").style.display = "block";
-            populateSchemaDropdown(data.schemas);
-            // Set default selection for tables
-            if (data.schemas.length > 0) {
-                updateTablesDropdown(data.schema_tables, data.schemas[0]);
-                schemas.addEventListener("change", function (event) {
-                 var selectedSchema = event.target.value;
-                 updateTablesDropdown(data.schema_tables, selectedSchema);
-    });
-            }
-        } else {
-            alert("Failed to connect to the database. Please check your credentials.");
-            document.getElementById("schema-table-section").style.display = "none";
-        }
-    })
-    .catch(error => {
-        console.error("Error:", error);
-        alert("An error occurred while connecting to the database.");
-    });
-});
-function populateSchemaDropdown(schemas) {
-    var schemaSelect = document.getElementById("schemas");
-    schemaSelect.innerHTML = "";  // Clear any existing options
-    schemas.forEach(function (schema) {
-        var option = document.createElement("option");
-        option.value = schema;
-        option.textContent = schema;
-        schemaSelect.appendChild(option);
-    });
-}
-function updateTablesDropdown(schemaTables, selectedSchema) {
-    var tableSchemaSelect = document.getElementById("tableschema");
-    tableSchemaSelect.innerHTML = "";  // Clear any existing options
-    if (schemaTables[selectedSchema]) {
-        schemaTables[selectedSchema].forEach(function (table) {
-            var option = document.createElement("option");
-            option.value = table;
-            option.textContent = table;
-            tableSchemaSelect.appendChild(option);
-        });
-    }
-}
- document.getElementById("saveBtn").addEventListener("click", async function (event) {
-    event.preventDefault();  // Prevent the default form submission
-    // Set the password value
-    //document.getElementById("password").value = "root";
-    const form = document.getElementById('databaseconnectorForm');
-    const formData = new FormData(form);
-    formData.append("company_id",  document.getElementById('company_id').value);
-    try {
-        console.log("inside save",formData);
-    console.log("comaonyid", document.getElementById('company_id').value);
-    for (const [key, value] of formData.entries()) {
-        console.log(`${key}: ${value}`);
-    }
-        const response = await fetch(form.action, {
-            method: "POST",
-            body: formData
-        });
-        if (!response.ok) {
-            throw new Error('Network response was not ok');
-        }
-        const data = await response.json();
-        console.log("result", response);
-        const messageContainer = document.getElementById('message-container');
-        if (data.created) {
-        if (messageContainer) {
-            const messageType = data.created ? 'alert-success' : 'alert-danger';
-            messageContainer.innerHTML = `
-                <div class='alert ${messageType}'>
-                    ${data.msg}
-                    <button class='close'style='font-size:medium;margin-top:6px;'onclick='dismissMessage()'>OK</button>
-                </div>`;
-        }
-    }
-    } catch (error) {
-        console.error('Error saving data:', error);
-        const messageContainer = document.getElementById('message-container');
-        if (messageContainer) {
-            messageContainer.innerHTML = `
-                <div class='alert alert-danger'>
-                    An error occurred while saving data in database.
-                    <button class='close' style='font-size:medium;margin-top:6px;' onclick='dismissMessage()'>OK</button>
-                </div>`;
-        }
-    }
-});
-        function dismissMessage() {
-    const messageContainer = document.getElementById('message-container');
-    if (messageContainer) {
-        messageContainer.innerHTML = '';
-    }
-}
-        function handleError() {
-                document.getElementById('database').value = " ";
-                document.getElementById('server').value = " ";
-                document.getElementById('port').value = " ";
-                document.getElementById('databaseName').value = " ";
-                document.getElementById('username').value = " ";
-                document.getElementById('password').value = " ";
-        }
-        function setMultiSelectValues(selectElement, values) {
-            // Ensure values is an array
-            if (!Array.isArray(values)) {
-                values = [values];
-            }
-            Array.from(selectElement.options).forEach(option => {
-                option.selected = values.includes(option.value);
-            });
-        }
-    </script>
-</body>
-</html>

templates/footer.html DELETED Viewed

@@ -1,26 +0,0 @@
-<!-- footer.html -->
-<!--
-    This is the HTML code for the footer section of a web page.
-    It displays the version number and copyright information.
-    HTML Structure:
-    - The footer element has a class of "main-footer".
-    - Inside the footer, there is a div element with classes "float-right" and "d-none d-sm-block".
-    - Inside the div, there is a bold tag (<b>) displaying the version number.
-    - After the div, there is a strong tag (<strong>) displaying the copyright information.
-    - The copyright information includes the year and a link to the company's website.
-    Example Usage:
-    <footer class="main-footer">
-        <div class="float-right d-none d-sm-block">
-            <b>Version</b> 3.0.5
-        </div>
-        <strong>&copy; 2023 <a href="https://yourcompany.com">Your Company</a>.</strong> All rights reserved.
-    </footer>
-<footer class="main-footer" style="position: absolute; bottom: 0; width: 100%; color: black; text-align: right; padding-right:245px ;">
-    <div class="container-fluid">
-        <a href="https://redmindtechnologies.com" target="_blank" style="color: black; text-decoration: none;">Visit Redmind Technologies at https://redmindtechnologies.com</a>
-    </div>
-</footer>-->

templates/index.html DELETED Viewed

@@ -1,359 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>Sign In/Up Form</title>
-    <!-- Google Font -->
-    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,800" rel="stylesheet">
-    <!-- Font Awesome -->
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
-    <style>
-        * {
-            box-sizing: border-box;
-        }
-        body {
-            background: #f6f5f7;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            flex-direction: column;
-            font-family: 'Montserrat', sans-serif;
-            height: 100vh;
-            margin: -20px 0 50px;
-        }
-        h1 {
-            font-weight: bold;
-            margin: 0;
-        }
-        h2 {
-            text-align: center;
-        }
-        p {
-            font-size: 14px;
-            font-weight: 100;
-            line-height: 20px;
-            letter-spacing: 0.5px;
-            margin: 20px 0 30px;
-        }
-        span {
-            font-size: 12px;
-        }
-        a {
-            color: #333;
-            font-size: 14px;
-            text-decoration: none;
-            margin: 15px 0;
-        }
-        button {
-            border-radius: 20px;
-            border: 1px solid #1c6bae;
-            background-color: #1c6bae;
-            color: #FFFFFF;
-            font-size: 12px;
-            font-weight: bold;
-            padding: 12px 45px;
-            margin-top: 30px;
-            letter-spacing: 1px;
-            text-transform: uppercase;
-            transition: transform 80ms ease-in;
-        }
-        button:active {
-            transform: scale(0.95);
-        }
-        button:focus {
-            outline: none;
-        }
-        button.ghost {
-            background-color: transparent;
-            border-color: #FFFFFF;
-        }
-        form {
-           /* background-color: #FFFFFF;*/
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            flex-direction: column;
-            padding: 0 50px;
-            height: 100%;
-            text-align: center;
-        }
-        input {
-            background-color: #eee;
-            border: none;
-            padding: 12px 15px;
-            margin: 8px 0;
-            width: 100%;
-        }
-        .container {
-            background-color: #fff;
-            border-radius: 10px;
-            box-shadow: 0 14px 28px rgba(0,0,0,0.25),
-                        0 10px 10px rgba(0,0,0,0.22);
-            position: relative;
-            overflow: hidden;
-            width: 528px;
-            max-width: 100%;
-            min-height: 400px;
-        }
-        .form-container {
-            position: absolute;
-            top: 0;
-            height: 100%;
-            transition: all 0.6s ease-in-out;
-        }
-        .sign-in-container {
-            left: 0;
-            width: 50%;
-            z-index: 2;
-        }
-        .container.right-panel-active .sign-in-container {
-            transform: translateX(100%);
-        }
-        .sign-up-container {
-            left: 0;
-            width: 50%;
-            opacity: 0;
-            z-index: 1;
-        }
-        .container.right-panel-active .sign-up-container {
-            transform: translateX(100%);
-            opacity: 1;
-            z-index: 5;
-            animation: show 0.6s;
-        }
-        @keyframes show {
-            0%, 49.99% {
-                opacity: 0;
-                z-index: 1;
-            }
-            50%, 100% {
-                opacity: 1;
-                z-index: 5;
-            }
-        }
-        .overlay-container {
-            position: absolute;
-            top: 0;
-            left: 50%;
-            width: 50%;
-            height: 100%;
-            overflow: hidden;
-            transition: transform 0.6s ease-in-out;
-            z-index: 100;
-        }
-        .container.right-panel-active .overlay-container {
-            transform: translateX(-100%);
-        }
-        .overlay {
-            background: #FF416C;
-            background: -webkit-linear-gradient(to right,#1c6bae, #1c6bae);
-            background: linear-gradient(to right, #1c6bae, #1c6bae);
-            background-repeat: no-repeat;
-            background-size: cover;
-            background-position: 0 0;
-            color: #FFFFFF;
-            position: relative;
-            left: -100%;
-            height: 100%;
-            width: 200%;
-            transform: translateX(0);
-            transition: transform 0.6s ease-in-out;
-        }
-        .container.right-panel-active .overlay {
-            transform: translateX(50%);
-        }
-        .overlay-panel {
-            position: absolute;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            flex-direction: column;
-            padding: 0 40px;
-            text-align: center;
-            top: 0;
-            height: 100%;
-            width: 50%;
-            transform: translateX(0);
-            transition: transform 0.6s ease-in-out;
-        }
-        .overlay-left {
-            transform: translateX(-20%);
-        }
-        .container.right-panel-active .overlay-left {
-            transform: translateX(0);
-        }
-        .overlay-right {
-            right: 0;
-            transform: translateX(0);
-        }
-        .container.right-panel-active .overlay-right {
-            transform: translateX(20%);
-        }
-        .social-container {
-            margin: 20px 0;
-        }
-        .social-container a {
-            border: 1px solid #DDDDDD;
-            border-radius: 50%;
-            display: inline-flex;
-            justify-content: center;
-            align-items: center;
-            margin: 0 5px;
-            height: 40px;
-            width: 40px;
-        }
-        /* Styling the logo inside a circle */
-.logo-container {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    margin-bottom: 20px; /* Add spacing between logo and text */
-}
-.logo {
-    border-radius: 50%; /* Make the image circular */
-    background-color: white; /* White background for the circle */
-    padding: 20px; /* Adjust the padding to create the circle effect */
-    width: 200px; /* Adjust size as needed */
-    height: 200px; /* Adjust size as needed */
-    object-fit: contain; /* Keep the image aspect ratio */
-}
-        footer {
-            background-color: #222;
-            color: #fff;
-            font-size: 14px;
-            bottom: 0;
-            position: fixed;
-            left: 0;
-            right: 0;
-            text-align: center;
-            z-index: 999;
-        }
-        footer p {
-            margin: 10px 0;
-        }
-        footer i {
-            color: red;
-        }
-        footer a {
-            color: #3c97bf;
-            text-decoration: none;
-        }
-    </style>
-</head>
-<body class="hold-transition login-page" style="background-image: url('static/img/AI.jpg'); background-size: cover;">
-    <!-- <h2>Weekly Coding Challenge #1: Sign in/up Form</h2> -->
-    <form action='/validate-user' name='loginForm' method="post" onsubmit="return validateForm()">
-    <div class="container" id="container">
-        <div class="form-container sign-up-container">
-                <h1>Create Account</h1>
-                <div class="social-container">
-                    <a href="#" class="social"><i class="fab fa-facebook-f"></i></a>
-                    <a href="#" class="social"><i class="fab fa-google-plus-g"></i></a>
-                    <a href="#" class="social"><i class="fab fa-linkedin-in"></i></a>
-                </div>
-                <span>or use your email for registration</span>
-                <input type="text" placeholder="Name" />
-                <input type="password" placeholder="Password" />
-                <button>Sign Up</button>
-            </form>
-        </div>
-        <div class="form-container sign-in-container">
-                <h1>Sign in</h1>
-                <div class="social-container">
-                    <a href="#" class="social"><i class="fab fa-facebook-f"></i></a>
-                    <a href="#" class="social"><i class="fab fa-google-plus-g"></i></a>
-                    <a href="#" class="social"><i class="fab fa-linkedin-in"></i></a>
-                </div>
-                <span>or use your account</span>
-                <input type="text" name="username" placeholder="Username" />
-             <input type="password" name="password" placeholder="Password" />
-                <a href="#">Forgot your password?</a>
-                <button type="submit">Sign In</button>
-            </form>
-        </div>
-        <div class="overlay-container">
-            <div class="overlay">
-                <div class="overlay-panel overlay-left">
-                    <h1>Welcome Back!</h1>
-                    <p>To keep connected with us please login with your personal info</p>
-                    <button type="submit" class="ghost" id="signIn">Sign In</button>
-                </div>
-                <div class="overlay-panel overlay-right">
-    <div class="logo-container">
-        <img src="/static/img/redmindlogo3.jpg" alt="Logo" class="logo">
-    </div>
-    <h1>RedMindGPT</h1>
-    <p> Start Journey With Us</p>
-    <button class="ghost" id="signUp">Sign Up</button>
-</div>
-            </div>
-        </div>
-    </div>
-    <footer>
-        <p>
-            Created with <i class="fa fa-heart"></i> by RedMind Technologies</p>
-        </footer>
-               <!-- jQuery -->
-   </form>
-   <script>
-   function validateForm() {
-    //alert("Validating form");
-    var username = document.forms["loginForm"]["username"].value;
-    var password = document.forms["loginForm"]["password"].value;
-    if (username == "" || password == "") {
-        alert("Username and Password must be filled out");
-        return false;
-    }
-}
-</script>
-</body>
-</html>

templates/knowledgebase.html DELETED Viewed

@@ -1,710 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <title>Knowledge Base</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">
-    <!-- Include AdminLTE JS -->
-    <script src="https://cdn.jsdelivr.net/npm/admin-lte@3.1/dist/js/adminlte.min.js"></script>
-    <!-- Include DataTables JS -->
-    <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>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" />
-    <style>
-        body {
-            background-color: transparent !important;
-        }
-        .content-wrapper {
-            flex: 1;
-            overflow-y: auto;
-        }
-        .wrapper {
-            display: flex;
-            flex-direction: column;
-            height: 100vh;
-        }
-        .modal-content {
-            background-color: #fff;
-        }
-        .content-header {
-            padding: 1rem;
-        }
-        h1 {
-            text-align: center;
-            margin-bottom: 30px;
-        }
-        .card {
-            padding: 0;
-            margin-top: -15px;
-            margin-left: -40px;
-        }
-        .table-responsive {
-            width: 100%;
-            overflow-x: auto;
-            /*overflow-y: scroll;*/
-            /* Allows horizontal scrolling if necessary */
-        }
-        .table,
-        .table-bordered {
-            width: 100%;
-            border-collapse: collapse;
-            margin-right: 7.5px;
-        }
-        .text-wrap {
-            white-space: normal !important;
-            word-break: break-word;
-        }
-        div.dataTables_wrapper div.dataTables_length select {
-            width: 60px;
-            display: inline-block;
-        }
-        th {
-            white-space: nowrap;
-        }
-        th:nth-child(1),
-        td:nth-child(1) {
-            /* Sno column */
-            width: 2%;
-        }
-        th:nth-child(2),
-        td:nth-child(2) {
-            /* Document Name column */
-            width: auto;
-        }
-        th:nth-child(3),
-        td:nth-child(3) {
-            /* Document Description column */
-            width: auto;
-        }
-        th:nth-child(4),
-        td:nth-child(4) {
-            /* Document Version column */
-            width: 20%;
-        }
-        th:nth-child(5),
-        td:nth-child(5) {
-            /* VectorDB Flag column */
-            width: auto;
-        }
-        th:nth-child(6),
-        td:nth-child(6) {
-            /* View column */
-            width: 10%;
-        }
-        th:nth-child(7),
-        td:nth-child(7) {
-            /* Edit column */
-            width: 10%;
-        }
-        th:nth-child(8),
-        td:nth-child(8) {
-            /* Delete column */
-            width: auto;
-        }
-        .alert {
-            position: relative;
-            padding: 15px;
-            margin-bottom: 20px;
-            border: 1px solid transparent;
-            border-radius: 4px;
-        }
-        .alert-success {
-            color: #3c763d;
-            background-color: #dff0d8;
-            border-color: #d6e9c6;
-        }
-        .alert-danger {
-            color: #a94442;
-            background-color: #f2dede;
-            border-color: #ebccd1;
-        }
-        /* .close {
-            position: absolute;
-            bottom: 10px;
-            right: 10px;
-            border: none;
-            background: none;
-            font-size: 16px;
-            cursor: pointer;
-        } */
-    </style>
-</head>
-<body>
-    {% include 'sidepane.html' %}
-    <div class="wrapper">
-        <div class="main-header" style="border-bottom: none;">
-            <div class="container mt-2">
-                <div id="company-select" class="form-group left-align">
-                    <!-- <label for="company" class="mr-1" style="margin-left:-40px; margin-top: 12px;">Company Name <span class="text-danger">*</span></label>
-                    <select type="text" id="company" name="company" class="form-control" style="width:20%;margin-left:-40px;"required>
-                        <option value="" selected>Select</option>
-                    </select> -->
-                    <!-- <div class="col-12 d-flex justify-content-end mb-3">
-                        <button class="btn btn-primary" style="margin-top:10px;margin-right: -10px;position: fixed;"
-                            id="add" data-action="add">Add</button>
-                    </div> -->
-                </div>
-            </div>
-            <div class="row">
-                <div id="message-container" style="margin-left: 200px;width:600px;"></div>
-            </div>
-            <h3 id="company_name" style="margin-left: 400px;">{{company_name}}</h3>
-            <section class="content" id="contentSection" style="display: none;">
-                <div class="container-fluid">
-                    <div>
-                        <div class="form-group">
-                            <!-- <label for="company_id">company_id</label>--->
-                            <input type="hidden" id="company_id" name="company_id" class="form-control" required>
-                        </div>
-                        <h4 id="selectedCompany" style="margin-left: 300px;"></h4>
-                        <div class="row" style="margin-top: 50px;">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div id="message-container">
-                                        <div class="card-body table-container">
-                                            <table id="knowledgeTable" class="table table-bordered table-striped">
-                                                <thead>
-                                                    <tr>
-                                                        <th>Sno</th>
-                                                        <th>Document Name</th>
-                                                        <th>Document Description</th>
-                                                        <th>Document Version</th>
-                                                        <th>VectorDB Flag</th>
-                                                        <th>View</th>
-                                                        <th>Edit</th>
-                                                        <th>Delete</th>
-                                                        <!-- <th style="display:none;">Company ID</th>  -->
-                                                    </tr>
-                                                </thead>
-                                                <tbody>
-                                                </tbody>
-                                            </table>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-            </section>
-        </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 Document Details</h5>
-                        <button type="button" class="btn-close" data-dismiss="modal">
-                            <span aria-hidden="true" data-backdrop="static" data-keyboard="false"></span>
-                        </button>
-                    </div>
-                    <div class="modal-body">
-                        <div class="form-group">
-                            <!-- <label for="company_id">company_id</label>--->
-                            <input type="hidden" id="company_id" name="company_id" class="form-control" required>
-                        </div>
-                        <form id="documentForm">
-                            <div class="form-group">
-                                <label for="uploadFile">Upload File<span class="text-danger">*</span></label>
-                                <span id="file-name"></span>
-                                <input type="hidden" id="file_name" name="file_name" class="form-control" required>
-                                <input type="file" class="form-control-file" id="uploadFile" name="uploadFile" required
-                                    accept=".pdf,.doc,.docx">
-                                <small class="form-text text-muted">Accepted formats: .pdf, .doc, .docx</small>
-                            </div>
-                            <div class="form-group">
-                                <label for="documentName">Document Name<span class="text-danger">*</span></label>
-                                <input type="text" class="form-control" id="documentName" name="documentName" required>
-                            </div>
-                            <div class="form-group">
-                                <label for="documentDescription">Document Description<span
-                                        class="text-danger">*</span></label>
-                                <textarea class="form-control" id="documentDescription" name="documentDescription"
-                                    rows="3" required></textarea>
-                            </div>
-                            <div class="form-group">
-                                <label for="department">Department<span class="text-danger">*</span></label>
-                                <input type="text" class="form-control" id="department" name="department" required>
-                            </div>
-                            <div class="form-group">
-                                <label for="version">Version<span class="text-danger">*</span></label>
-                                <input type="text" class="form-control" id="version" name="version" required>
-                            </div>
-                            <div class="form-group">
-                                <label for="lastUpdated">Last Updated<span class="text-danger">*</span></label>
-                                <input type="text" class="form-control" id="lastUpdated" name="lastUpdated" required>
-                            </div>
-                        </form>
-                    </div>
-                    <div class="modal-footer">
-                        <!-- <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> -->
-                        <button type="button" id="saveupdate" class="btn btn-primary"
-                            style="display: none;">Update</button>
-                        <button type="button" id="save" onclick="save_file()" class="btn btn-primary">Save</button>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    {%include 'footer.html'%}
-    <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>
-            var table = $('#knowledgeTable').DataTable();
-            const role = sessionStorage.getItem('userRole');
-            const company_name=sessionStorage.getItem('company_name');
-            console.log("company_name",company_name);
-           // document.getElementById('company_name').textContent = company_name;
-           document.addEventListener("DOMContentLoaded", function () {
-            now = new Date().toISOString().replace('T', ' ').substr(0, 19);
-            document.getElementById('lastUpdated').value = now;
-            const inputs = document.querySelectorAll("#documentForm input, textarea");
-            inputs.forEach((input, index) => {
-                input.addEventListener("keydown", function (event) {
-                    if (event.key === "Enter") {
-                        event.preventDefault();
-                        moveToNextInput(inputs, index);
-                    }
-                });
-            });
-            const passedCompanyName=sessionStorage.getItem('company_name')
-            document.getElementById('selectedCompany').innerText = `Company Name: ${passedCompanyName}`;
-            console.log('Current role:', role); // Debug statement to check the role
-            const company_id=sessionStorage.getItem('company_id');
-            document.getElementById("company_id").value=company_id;
-            console.log("inside knowledgebaae sessionstorage",company_id);
-            data_get_from_db(company_id);
-                        const companySelect = document.getElementById('company');
-                        const documentForm = document.getElementById('documentForm');
-    });
-    function moveToNextInput(inputs, currentIndex) {
-                            const nextInput = inputs[currentIndex + 1];
-                            if (nextInput) {
-                                nextInput.focus();
-                            } else {
-                                // Optionally, submit the form or trigger the save button
-                                document.getElementById("save").focus();
-                            }
-                        }
-            async function data_get_from_db(company_id) {
-            if (company_id) {
-                try {
-                    const Response = await fetch(`/api/document_upload?company_id=${company_id}`);
-                    console.log("responce from api :==> ", Response)
-                    const connectorsResponse = await Response.json();
-                    console.log("knowledge data table after connecting to table", connectorsResponse);
-                    const table = $('#knowledgeTable').DataTable(); // Initialize DataTable at the start
-                    table.clear();
-                    if (!Array.isArray(connectorsResponse) || connectorsResponse.length === 0) {
-                        // displayEmptyTable();
-                        displayErrorMessage("Document details do not exist for this company. Please fill in the details.");
-                        contentSection.style.display = 'none';
-                    } else {
-                        console.log('company data retrived succesfully ! .........')
-                        connectorsResponse.forEach((company, index) => {
-                            table.row.add([
-                                index + 1,
-                                company.document_name,
-                                company.document_desc,
-                                company.version,
-                                company.vectorDBflag,
-                                `<a href='#' class='btn btn-info btn-sm'data-kid-id='${company.row_id}' data-action="view" onclick='viewCompany(this)''><i class='fas fa-eye'></i></a>`,
-                                `<a href='#' class='btn btn-warning btn-sm'data-kid-id='${company.row_id}' data-action="edit" onclick='editCompany(this)'><i class='fas fa-edit'></i></a>`,
-                                `<a href='#' class='btn btn-danger btn-sm' data-kid-id='${company.row_id}' onclick='deleteCompany(this)'><i class='fas fa-trash'></i></a>`,
-                                company.row_id
-                                // "<a href='#' class='btn btn-info btn-sm'><i class='fas fa-eye'></i></a>",
-                                // "<a href='#' class='btn btn-warning btn-sm'><i class='fas fa-edit'></i></a>",
-                                // "<a href='#' class='btn btn-danger btn-sm'><i class='fas fa-trash'></i></button>"
-                            ]).draw(false);
-                        });
-                        contentSection.style.display = 'block';
-                    }
-                } catch (error) {
-                    console.error('Error fetching company documents:', error);
-                    //displayEmptyTable();
-                    displayErrorMessage("Document details1 do not exist for this company. Please fill in the details.");
-                    contentSection.style.display = 'none';
-                }
-            } else {
-                // displayEmptyTable();
-                displayErrorMessage("Details for knowledgebase do not exist for this company. Please fill in the details.");
-            }
-        }
-            function displayErrorMessage(message) {
-                const messageContainer = document.getElementById('message-container');
-                if (messageContainer) {
-                    messageContainer.innerHTML = `<div class='alert alert-danger'>${message}</div>`;
-                }
-            }
-        function clearFormFields() {
-            document.getElementById('file-name').textContent = ""
-            document.getElementById('uploadFile').value = "";
-            document.getElementById('documentName').value = "";
-            document.getElementById('documentDescription').value = "";
-            document.getElementById('department').value = "";
-            document.getElementById('version').value = "";
-           // document.getElementById('lastUpdated').value = "";
-        }
-        $(document).ready(function () {
-            // Show modal function
-            $('#add').on('click', function () {
-                $('#documentName').removeAttr('readonly');
-                $('#documentDescription').removeAttr('readonly');
-                $('#department').removeAttr('readonly');
-                $('#version').removeAttr('readonly');
-                $('#lastUpdated').removeAttr('readonly');
-                const modalTitle = document.getElementById('addModalLabel');
-                modalTitle.textContent = 'Add Document Details';
-                $('#save').show();
-                $('#uploadFile').show();
-                $('#saveupdate').hide();
-                clearFormFields();
-                $('#message-container').empty(); // Clear the message container
-                $('#addModal').modal('show');
-            });
-            $('.modal-footer .btn-secondary, .modal-header .btn-close').on('click', function () {
-                $('#addModal').modal('hide');
-            });
-            // $('#knowledgeTable').DataTable({
-            //     autoWidth: false
-            // });
-        });
-        function viewCompany(button) {
-            var companyId = $(button).data('kid-id');
-            const modalTitle = document.getElementById('addModalLabel');
-            modalTitle.textContent = 'View Document Details';
-            if(companyId)
-        {
-            $.getJSON(`/api/getknowledgebase/${companyId}`, function (company) {
-                $('#uploadFile').hide();
-                $('#file-name').text(company.file_path).attr('readonly', 'readonly');
-                $('#documentName').val(company.document_name).attr('readonly', 'readonly');
-                $('#documentDescription').val(company.document_desc).attr('readonly', 'readonly');
-                $('#department').val(company.department).attr('readonly', 'readonly');
-                $('#version').val(company.version).attr('readonly', 'readonly');
-                //$('#lastUpdated').val(company.last_updated).attr('readonly', 'readonly');
-                var lastUpdated = company.last_updated;
-                $('#lastUpdated').val(lastUpdated).attr('readonly', 'readonly');
-                $('#save').hide();// Disable the "Save" button when the modal opens
-                $('#addModal').modal('show');
-            }).fail(function () {
-                alert("Error retrieving knowledge base check the sidepane working.");
-            });
-        }
-    }
-        // Edit knowledge base details
-     function editCompany(button) {
-            var companyId = $(button).data('kid-id');
-            const modalTitle = document.getElementById('addModalLabel');
-            modalTitle.textContent = 'Edit Document Details';
-            // Fetch company details by ID
-            if(companyId)
-            {
-            $.getJSON(`/api/getknowledgebase/${companyId}`, function (company) {
-                const fileName = company.file_path.split('/').pop();
-                const fileContent = new Blob([""], { type: 'text/plain' });
-                const file = new File([fileContent], fileName, { type: fileContent.type });
-                const dataTransfer = new DataTransfer();
-                dataTransfer.items.add(file);
-                // Set the file input's files property to the created file
-                const fileInput = document.getElementById('uploadFile');
-                fileInput.files = dataTransfer.files;
-                // Check if the input element is of type 'file'
-                if (fileInput.type === 'file') {
-                    console.log("The input is of type 'file'.");
-                } else {
-                    console.log("The input is NOT of type 'file'.");
-                }
-                // Check if the value is of type 'File'
-                const files = fileInput.files;
-                if (files.length > 0 && files[0] instanceof File) {
-                    console.log("The value is of type 'File':", files[0].name);
-                } else {
-                    console.log("No file is selected or the value is not of type 'File'.");
-                }
-                $('#uploadFileLabel').text(files[0].name);
-                $('#uploadFile').text(files[0].name)
-                $('#documentName').val(company.document_name);
-                $('#documentDescription').val(company.document_desc);
-                $('#department').val(company.department);
-                $('#version').val(company.version);
-                $('#lastUpdated').val(company.last_updated).attr('readonly', 'readonly');
-                $('#company_id').val(company.company_id);
-                // Show/hide appropriate elements
-                $('#uploadFile').show(); // Hide the file upload field
-                $('#save').hide(); // Hide the default save button
-                $('#saveupdate').show(); // Show the update button
-                // Ensure fields are editable
-                $('#documentName').removeAttr('readonly');
-                $('#documentDescription').removeAttr('readonly');
-                $('#department').removeAttr('readonly');
-                $('#version').removeAttr('readonly');
-               // $('#lastUpdated').removeAttr('readonly');
-                $('#company_id').val(company.company_id); // Ensure company_id is included if necessary
-                // Show the modal
-                $('#addModal').modal('show');
-                // Set up the click event for the update button
-                $('#saveupdate').off('click').on('click', function () {
-                    saveupdate(companyId, files[0].name); // Pass the company ID for updating
-                });
-            }).fail(function () {
-                alert("Error retrieving knowledge base error 2 details.");
-            });
-        }
-    }
-        // Delete company
-        function deleteCompany(button) {
-            var companyId = $(button).data('kid-id');
-            console.log("k_id deleted", companyId);
-            $.ajax({
-                type: "DELETE",
-                url: `/api/delknowledgebase/${companyId}`,
-                success: function () {
-                    var table = $('#knowledgeTable').DataTable();
-                    table.row($(button).closest('tr')).remove().draw();
-                    //alert("Company deleted successfully.");
-                    const messageContainer = document.getElementById('message-container');
-                    if (messageContainer)
-                        messageContainer.innerHTML = `
-                <div class='alert alert-danger'>
-                    Prompt details deleted successfully
-                    <button class='close' onclick='dismissMessage()'>OK</button>
-                </div>`;
-                 //   fetchCompanies(); // Refresh the table
-                },
-                error: function (xhr) {
-                    alert("Error deleting company: " + xhr.responseJSON.detail);
-                }
-            });
-        }
-        function saveupdate(companyId, filename) {
-            const formData = new FormData();
-            const fileInput = document.getElementById("uploadFile");
-            const uploadFile = fileInput.files[0]; // Get the file object
-            const company_id = document.getElementById("company_id").value;
-            formData.append("company_id", $('#company_id').val());
-            formData.append("documentName", $('#documentName').val());
-            formData.append("documentDescription", $('#documentDescription').val());
-            formData.append("department", $('#department').val());
-            formData.append("version", $('#version').val());
-            formData.append("vectorDBFlag", 'NO');
-            formData.append("lastUpdated", $('#lastUpdated').val());
-            console.log("company_id to table refresh", company_id)
-            // Append the file only if it exists, otherwise, append the filename
-            if (uploadFile) {
-                formData.append("file_path", uploadFile); // Append the file object
-            } else {
-                formData.append("file_path", filename); // Append the existing filename
-            }
-            $.ajax({
-                url: `/api/putknowledgebase/${companyId}`,
-                type: 'PUT',
-                data: formData,
-                processData: false, // Required for FormData
-                contentType: false, // Required for FormData
-                success: function (response) {
-                    //  alert('Knowledgebase details updated successfully.');
-                    const messageContainer = document.getElementById('message-container');
-                    if (messageContainer)
-                        messageContainer.innerHTML = `
-                <div class='alert alert-success'>
-                    Data saved successfully
-                    <button class='close' onclick='dismissMessage()'>OK</button>
-                </div>`;
-                    $('#addModal').modal('hide'); // Close the modal after saving
-                    fetchUpdatedDocuments(company_id);
-                },
-                error: function () {
-                    alert('Form has no changes to update knowledge base details.');
-                }
-            });
-        }
-        async function fetchUpdatedDocuments(company_id) {
-            console.log("company_id", company_id);
-            var table = $('#knowledgeTable').DataTable();
-            const Response = await fetch(`/api/document_update?company_id=${company_id}`);
-            const connectorsResponse = await Response.json();
-            console.log("knowledge data table after connecting to table", connectorsResponse);
-            table.clear();
-            if (!Array.isArray(connectorsResponse) || connectorsResponse.length === 0) {
-                //displayEmptyTable();
-                displayErrorMessage("Document details do not exist for this company. Please fill in the details.");
-                contentSection.style.display = 'none';
-            } else {
-                connectorsResponse.forEach((company, index) => {
-                    table.row.add([
-                        index + 1,
-                        company.document_name,
-                        company.document_desc,
-                        company.version,
-                        company.vectorDBflag,
-                        `<a href='#' class='btn btn-info btn-sm'data-kid-id='${company.row_id}' data-action="view" onclick='viewCompany(this)''><i class='fas fa-eye'></i></a>`,
-                        `<a href='#' class='btn btn-warning btn-sm'data-kid-id='${company.row_id}' data-action="edit" onclick='editCompany(this)'><i class='fas fa-edit'></i></a>`,
-                        //`<a href='#' class='btn btn-danger btn-sm' onclick='deleteCompany(${company.company_id})'><i class='fas fa-trash'></i></a>`,
-                        `<a href='#' class='btn btn-danger btn-sm' data-kid-id='${company.row_id}' onclick='deleteCompany(this)'><i class='fas fa-trash'></i></a>`,
-                        company.row_id
-                        // "<a href='#' class='btn btn-info btn-sm'><i class='fas fa-eye'></i></a>",
-                        // "<a href='#' class='btn btn-warning btn-sm'><i class='fas fa-edit'></i></a>",
-                        // "<a href='#' class='btn btn-danger btn-sm'><i class='fas fa-trash'></i></button>"
-                    ]).draw(false);
-                });
-                contentSection.style.display = 'block';
-            }
-        }
-        function save_file() {
-            const form = document.getElementById('documentForm');
-            // Check if the form is valid
-            if (!form.checkValidity()) {
-                // If the form is invalid, show validation messages and stop the submission
-                form.reportValidity();
-                return;
-            }
-            const uploadFile = document.getElementById("uploadFile").files[0];
-            const documentName = document.getElementById("documentName").value;
-            const documentDescription = document.getElementById("documentDescription").value;
-            const department = document.getElementById("department").value;
-            const version = document.getElementById("version").value;
-            const lastUpdated = document.getElementById("lastUpdated").value;
-            const company_id = document.getElementById("company_id").value;
-            //const formData = new FormData();
-            var formData = new FormData($('#documentForm')[0]);
-            const vectorDBFlag = "NO"; // Example value
-            // const view = "<a href='#' class='btn btn-info btn-sm'><i class='fas fa-eye'></i></a>";
-            // const edit = "<a href='#' class='btn btn-warning btn-sm'><i class='fas fa-edit'></i></a>";
-            // const dele= "<a href='#' class='btn btn-danger btn-sm'><i class='fas fa-trash'></i></a>";
-            formData.append("uploadFile", uploadFile);
-            formData.append("documentName", documentName);
-            formData.append("documentDescription", documentDescription);
-            formData.append("department", department);
-            formData.append("version", version);
-            formData.append("lastUpdated", lastUpdated);
-            formData.append("vectorDBflag", vectorDBFlag);
-            formData.append("company_id", company_id);
-console.log("formdata",formData);
-            fetch('/upload_document', {
-                method: 'POST',
-                body: formData
-            })
-                .then(response => {
-                    if (!response.ok) {
-                        throw new Error('Network response was not ok');
-                    }
-                    return response.json();
-                })
-                .then(data => {
-                    const row_id=data.row_id;
-                    var table = $('#knowledgeTable').DataTable();
-                    var rowCount = table.rows().count();
-                    const view=`<a href='#' class='btn btn-info btn-sm'data-kid-id='${row_id}' data-action="view" onclick='viewCompany(this)''><i class='fas fa-eye'></i></a>`;
-                     const edit=`<a href='#' class='btn btn-warning btn-sm'data-kid-id='${row_id}' data-action="edit" onclick='editCompany(this)'><i class='fas fa-edit'></i></a>`;
-                     const dele= `<a href='#' class='btn btn-danger btn-sm' data-kid-id='${row_id}' onclick='deleteCompany(this)'><i class='fas fa-trash'></i></a>`;
-                    table.row.add([
-                        rowCount + 1,
-                        documentName,
-                        documentDescription,
-                        version,
-                        vectorDBFlag,
-                        view,
-                        edit,
-                        dele
-                    ]).draw(false);
-                    const messageContainer = document.getElementById('message-container');
-                        if(messageContainer)
-                        messageContainer.innerHTML = `
-                <div class='alert alert-success'>
-                   Knowledgebase  Data saved successfully
-                    <button class='close' style='font-size:medium;margin-top:6px;' onclick='dismissMessage()'>OK</button>
-                </div>`;
-                   // alert('Document saved successfully');
-                    $('#addModal').modal('hide');
-                    document.getElementById('contentSection').style.display = 'block'; // Show the table section
-                })
-                .catch(error => console.error('Error:', error));
-        }
-        function dismissMessage() {
-            const messageContainer = document.getElementById('message-container');
-            if (messageContainer) {
-                messageContainer.innerHTML = '';
-            }
-        }
-    </script>
-</body>
-</html>

templates/prompt_template.html DELETED Viewed

@@ -1,643 +0,0 @@
-<!DOCTYPE html>
-<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/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">
-    <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>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" />
-    <style>
-        .header-row {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-        }
-        .card {
-            padding: 0;
-            margin-top: -15px;
-            margin-left: -40px;
-        }
-        .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: 5px;
-        }
-        div.dataTables_wrapper div.dataTables_length select {
-            width: 60px;
-            display: inline-block;
-        }
-        th,
-        td {
-            white-space: nowrap;
-        }
-        th:nth-child(1),
-        td:nth-child(1) {
-            /* Sno column */
-            width: 1%;
-        }
-        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: 45%;
-        }
-        th:nth-child(4),
-        td:nth-child(4) {
-            /* view column*/
-            width: 5%;
-        }
-        th:nth-child(5),
-        td:nth-child(5) {
-            /* view column*/
-            width: 5%;
-        }
-        th:nth-child(6),
-        td:nth-child(6) {
-            /* view column*/
-            width: 5%;
-        }
-        .reduced-width {
-            width: 25%;
-        }
-        .viewButton {
-            size: 2px;
-        }
-        div.dataTables_wrapper div.dataTables_length select {
-            width: 60px;
-            display: inline-block;
-        }
-    </style>
-</head>
-<body>
-    {% include 'sidepane.html' %}
-    <div class="wrapper">
-        <div class="main-header" style="border-bottom: none;">
-            <!-- Content Header (Page header) -->
-            <div class="content-header">
-                <div class="container-fluid">
-                    <div class="container mt-2">
-                        <div class="form-group left-align" id="company-select">
-                            <!-- <label for="company" class="mr-1" style="margin-left:-60px;margin-top:-11px;">Company Name
-                                <span class="text-danger">*</span></label>
-                            <select type="text" id="company" name="company" class="form-control "
-                                style="width: 20%;margin-left:-60px;" required>
-                                <option value="" selected>Select</option>
-                            </select> -->
-                            <h4 id="selectedCompany" style="margin-left: 300px;"></h4>
-                            <!-- <div class="col-12 d-flex justify-content-end mb-2">
-                                <button class="btn btn-primary"
-                                    style="margin-top:-40px;margin-right: -25px;position: fixed;" id="add">Add</button>
-                            </div> -->
-                        </div>
-                        <div class="row">
-                            <div id="message-container" style="margin-left: 150px;width:500px;"></div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <section class="content" id="contentSection" style="display: none;">
-                <div class="container-fluid">
-                    <div class="form-group">
-                        <!-- <label for="company_id">company_id</label>--->
-                        <input type="hidden" id="company_id" name="company_id" class="form-control" required>
-                    </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="promptTable" class="table table-bordered table-striped">
-                                            <thead>
-                                                <tr>
-                                                    <th>Sno</th>
-                                                    <th>Datasource</th>
-                                                    <th>Sample Prompt</th>
-                                                    <th>View</th>
-                                                    <th>Edit</th>
-                                                    <th>Delete</th>
-                                                </tr>
-                                            </thead>
-                                            <tbody>
-                                                <!--    <tr>
-                                                <td>1</td>
-                                                <td>API</td>
-                                                <td>What are the details of ASN24080200002?</td>
-                                                <td><button class="btn btn-primary viewButton">View</button></td>
-                                            </tr>
-                                            <tr>
-                                                <td>2</td>
-                                                <td>API</td>
-                                                <td>What is the expected receiving date of ASN24080200002</td>
-                                                <td><button class="btn btn-primary viewButton">View</button></td>
-                                            </tr>
-                                            <tr>
-                                                <td>3</td>
-                                                <td>Document</td>
-                                                <td>Explain Pre-Receiving Yard Management</td>
-                                                <td><button class="btn btn-primary viewButton">View</button></td>
-                                            </tr>
-                                            <tr>
-                                                <td>4</td>
-                                                <td>Document</td>
-                                                <td>Can you explain the process of unloading a vehicle in more detail?</td>
-                                                 <td><button class="btn btn-primary viewButton">View</button></td>
-                                            </tr>
-                                            <tr>
-                                                <td>5</td>
-                                                <td>Visual Analysis</td>
-                                                <td>I want to analyze item name and quantity in a bar chart in warehouse Allcargo Logistics</td>
-                                                 <td><button class="btn btn-primary viewButton">View</button></td>
-                                            </tr>
-                                            <tr>
-                                                <td>6</td>
-                                                <td>Visual Analysis</td>
-                                                <td>Can you generate a pie chart with item names and quantities in warehouse Allcargo Logistics</td>
-                                                <td><button class="btn btn-primary viewButton">View</button></td>
-                                            </tr>
-                                                 <tr>
-                                                    <td>7</td>
-                                                    <td>Database</td>
-                                                    <td>What are the active warehouses available</td>
-                                                     <td><button class="btn btn-primary viewButton">View</button></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>8</td>
-                                                    <td>Database</td>
-                                                    <td>What are the warehouses available</td>
-                                                     <td><button class="btn btn-primary viewButton">View</button></td>
-                                                </tr>
-                                                -->
-                                            </tbody>
-                                        </table>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </section>
-            </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 templates</h5>
-                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"></button>
-                    <span aria-hidden="true" data-backdrop="static" data-keyboard="false">&times;</span>
-                </div>
-                <div class="modal-body">
-                    <div class="form-group">
-                        <!-- <label for="company_id">company_id</label>--->
-                        <input type="hidden" id="company_id" name="company_id" class="form-control" required>
-                    </div>
-                    <form id="addPromptForm">
-                        <div class="form-group">
-                            <label for="scenario">Scenario <span class="text-danger">*</span></label>
-                            <input type="text" class="form-control" id="scenario" name="scenario" required>
-                        </div>
-                        <div class="form-group">
-                            <label for="prompt">Sample Prompt <span class="text-danger">*</span></label>
-                            <input type="text" class="form-control" id="prompt" name="sampleprompt" required>
-                        </div>
-                        <div class="form-group">
-                            <label for="comments">Comments <span class="text-danger">*</span></label>
-                            <input type="text" class="form-control" id="comments" name="comments" required>
-                        </div>
-                    </form>
-                </div>
-                <div class="modal-footer">
-                    <button type="button" id="saveupdate" class="btn btn-primary" style="display: none;">Update</button>
-                    <!-- <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 'footer.html'%}
-    <!-- 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>
-            var table = $('#promptTable').DataTable();
-            const role = sessionStorage.getItem('userRole');
-            console.log('Current role:', role); // Debug statement to check the role
-            const passedCompanyName = sessionStorage.getItem('company_name')
-            document.getElementById('selectedCompany').innerText = `Company Name: ${passedCompanyName}`;
-            const company_id = sessionStorage.getItem('company_id');
-            document.getElementById("company_id").value = company_id;
-            data_get_from_db(company_id);
-            // if (role === 'superadmin') {
-            //     const storecompany_id = sessionStorage.getItem('company_id');
-            //     data_get_from_db(storecompany_id);
-            //     document.getElementById('company-select').style.display = 'block';
-            //     //var companyId = getCookie('company_id')
-            //     //console.log("company id for superadmin",storecompany_id);
-            //     fetchCompanies();
-            // } else {
-            //     document.getElementById('company-select').style.display = 'block';
-            //     const storecompany_id = sessionStorage.getItem('company_id');
-            //     console.log('Current company_id:', storecompany_id); // Debug statement to check the role
-            //     data_get_from_db(storecompany_id);
-            // }
-            function moveToNextInput(inputs, currentIndex) {
-                const nextInput = inputs[currentIndex + 1];
-                if (nextInput) {
-                    nextInput.focus();
-                } else {
-                    // Optionally, submit the form or trigger the save button
-                    document.getElementById("save").focus();
-                }
-            }
-            const companySelect = document.getElementById('company');
-            const addPromptForm = document.getElementById('addPromptForm');
-        async function data_get_from_db(companyId) {
-            if (companyId) {
-                            try {
-                                const Response = await fetch(`/api/get_prompt_templates?company_id=${companyId}`);
-                                console.log("responce from api :==> ", Response)
-                                const connectorsResponse = await Response.json();
-                                console.log("knowledge data table after connecting to table", connectorsResponse);
-                                console.log("prompt template data table after connecting to table", connectorsResponse);
-                                const table = $('#promptTable').DataTable();  // Initialize DataTable at the start
-                                table.clear();
-                                if (!Array.isArray(connectorsResponse)) {
-                                    throw new TypeError('Expected an array of companies');
-                                    displayErrorMessage("prompt template details do not exist for this company. Please fill in the details.");
-                                    contentSection.style.display = 'none';
-                                } else {
-                                    connectorsResponse.forEach((company, index) => {
-                                        table.row.add([
-                                            index + 1,
-                                            company.scenario,
-                                            company.prompt,
-                                            `<a href='#' class='btn btn-info btn-sm'data-kid-id='${company.row_id}' data-action="view" onclick='viewCompany(this)''><i class='fas fa-eye'></i></a>`,
-                                            `<a href='#' class='btn btn-warning btn-sm'data-kid-id='${company.row_id}' data-action="edit" onclick='editCompany(this)'><i class='fas fa-edit'></i></a>`,
-                                            `<a href='#' class='btn btn-danger btn-sm' data-kid-id='${company.row_id}' onclick='deleteCompany(this)'><i class='fas fa-trash'></i></a>`,
-                                            // "<a href='#' class='btn btn-info btn-sm'><i class='fas fa-eye' fa-eye'></i></a>",
-                                            // "<a href='#' class='btn btn-warning btn-sm'><i class='fas fa-edit'></i></a>",
-                                            // "<a href='#' class='btn btn-danger btn-sm'><i class='fas fa-trash'></i></button>"
-                                        ]).draw(false);
-                                    });
-                                    contentSection.style.display = 'block';
-                                }
-                            } catch (error) {
-                                console.error('Error fetching company documents:', error);
-                                //displayEmptyTable();
-                                displayErrorMessage("Prompt template do not exist for this company. Please fill in the details by clicking add button.");
-                                contentSection.style.display = 'none';
-                            }
-                        }
-                        else {
-                            // displayEmptyTable();
-                            displayErrorMessage("Company id  do not exist for this company. Please fill in the details by clicking add button.");
-                        }
-        }
-        function displayErrorMessage(message) {
-                const messageContainer = document.getElementById('message-container');
-                if (messageContainer) {
-                    messageContainer.innerHTML = `<div class='alert alert-danger'>${message}</div>`;
-                }
-            }
-        // Delete company
-        function deleteCompany(button) {
-            var companyId = $(button).data('kid-id');
-            console.log("k_id deleted", companyId);
-            $.ajax({
-                type: "DELETE",
-                url: `/api/prompt_template_for_del/${companyId}`,
-                success: function () {
-                    var table = $('#promptTable').DataTable();
-                    table.row($(button).closest('tr')).remove().draw();
-                    //alert("Company deleted successfully.");
-                    const messageContainer = document.getElementById('message-container');
-                    if (messageContainer)
-                        messageContainer.innerHTML = `
-                <div class='alert alert-danger'>
-                    Prompt details deleted successfully
-                    <button class='close' onclick='dismissMessage()'>OK</button>
-                </div>`;
-                    fetchCompanies(); // Refresh the table
-                },
-                error: function (xhr) {
-                    alert("Error deleting company: " + xhr.responseJSON.detail);
-                }
-            });
-        }
-        // view company ! ...
-        function viewCompany(button) {
-            var companyId = $(button).data('kid-id');
-            const modalTitle = document.getElementById('addModalLabel');
-            modalTitle.textContent = 'View Prompt Template Details';
-            console.log("view promt id (Rowid) ===> ", companyId)
-            if(companyId)
-        {
-            $.getJSON(`/api/getpromttemplate/${companyId}`, function (company) {
-                console.log("view data scenario  =====>  ", company.scenario)
-                console.log("view data prompt    =====>  ", company.prompt)
-                console.log("view data comments  =====>  ", company.comments)
-                $('#scenario').val(company.scenario).attr('readonly', 'readonly');
-                $('#prompt').val(company.prompts).attr('readonly', 'readonly');
-                $('#comments').val(company.comments).attr('readonly', 'readonly');
-                $('#save').hide();// Disable the "Save" button when the modal opens
-                $('#addModal').modal('show');
-                $('#saveupdate').hide();
-            }).fail(function () {
-                alert("Error retrieving company details.");
-            });
-        }
-    }
-        // Edit company details
-        function editCompany(button) {
-            var companyId = $(button).data('kid-id');
-            const modalTitle = document.getElementById('addModalLabel');
-            modalTitle.textContent = 'Edit Prompt Templates Details';
-            console.info("company id ====#>  ", companyId);
-            if(companyId)
-        {
-            $.getJSON(`/api/getpromttemplate/${companyId}`, function (company) {
-                $('#scenario').val(company.scenario).removeAttr('readonly');
-                $('#prompt').val(company.prompts).removeAttr('readonly');
-                $('#comments').val(company.comments).removeAttr('readonly');
-                $('#save').hide();
-                $('#saveupdate').show();
-                $('#addModal').modal('show');
-                // Update the save button to save the edited company
-                $('#saveupdate').off('click').on('click', function () {
-                    saveupdate(companyId); // Pass the company ID for updating
-                });
-                console.log(" edit process completed !")
-            }).fail(function () {
-                alert("Error retrieving company details.");
-            });
-        }
-    }
-        // Save the updated details
-        function saveupdate(companyId) {
-            console.log("k_id for updating process _ id ! ..,..", companyId);
-            const company_id = document.getElementById("company_id").value;
-            var formData = new FormData();
-            formData.append('scenario', $('#scenario').val());
-            formData.append('prompt', $('#prompt').val());
-            formData.append('comments', $('#comments').val());
-            console.log("edited form data saved process begin ! ....", formData);
-            $.ajax({
-                url: `/api/putprompttemplates/${companyId}`,
-                type: 'PUT',
-                data: formData,
-                processData: false, // Required for FormData
-                contentType: false, // Required for FormData
-                success: function (response) {
-                    // alert('Prompt  details updated successfully.');
-                    const messageContainer = document.getElementById('message-container');
-                    if (messageContainer)
-                        messageContainer.innerHTML = `
-                <div class='alert alert-success'>
-                  Prompt Data updated successfully
-                    <button class='close' style='font-size:medium;margin-top:6px;' onclick='dismissMessage()'>OK</button>
-                </div>`;
-                    $('#addModal').modal('hide'); // Close the modal after saving
-                    fetchUpdatedDocuments(company_id);
-                },
-                error: function () {
-                    alert('Form has no changes to  update prompt details.');
-                }
-            });
-        }
-        function dismissMessage() {
-            const messageContainer = document.getElementById('message-container');
-            if (messageContainer) {
-                messageContainer.innerHTML = '';
-            }
-        }
-        async function fetchUpdatedDocuments(company_id) {
-            console.log("company_id", company_id);
-            var table = $('#promptTable').DataTable();
-            const Response = await fetch(`/api/prompt_update?company_id=${company_id}`);
-            const connectorsResponse = await Response.json();
-            console.log("prompt  data table after connecting to table", connectorsResponse);
-            table.clear();
-            if (!Array.isArray(connectorsResponse) || connectorsResponse.length === 0) {
-                //displayEmptyTable();
-                displayErrorMessage("Promptdetails do not exist for this company. Please fill in the details.");
-                contentSection.style.display = 'none';
-            } else {
-                connectorsResponse.forEach((company, index) => {
-                    table.row.add([
-                        index + 1,
-                        company.scenario,
-                        company.prompts,
-                        `<a href='#' class='btn btn-info btn-sm'data-kid-id='${company.id}' data-action="view" onclick='viewCompany(this)''><i class='fas fa-eye'></i></a>`,
-                        `<a href='#' class='btn btn-warning btn-sm'data-kid-id='${company.id}' data-action="edit" onclick='editCompany(this)'><i class='fas fa-edit'></i></a>`,
-                        //`<a href='#' class='btn btn-danger btn-sm' onclick='deleteCompany(${company.company_id})'><i class='fas fa-trash'></i></a>`,
-                        `<a href='#' class='btn btn-danger btn-sm' data-kid-id='${company.id}' onclick='deleteCompany(this)'><i class='fas fa-trash'></i></a>`,
-                        company.id
-                        // "<a href='#' class='btn btn-info btn-sm'><i class='fas fa-eye'></i></a>",
-                        // "<a href='#' class='btn btn-warning btn-sm'><i class='fas fa-edit'></i></a>",
-                        // "<a href='#' class='btn btn-danger btn-sm'><i class='fas fa-trash'></i></button>"
-                    ]).draw(false);
-                });
-                contentSection.style.display = 'block';
-            }
-        }
-        function save_file() {
-            const form = document.getElementById('addPromptForm');
-            // Check if the form is valid
-            if (!form.checkValidity()) {
-                // If the form is invalid, show validation messages and stop the submission
-                form.reportValidity();
-                return;
-            }
-            const company_id = $('#company_id').val();
-            const scenario = $('#scenario').val();
-            const prompt = $('#prompt').val();
-            const comments = $('#comments').val();
-            // const view = "<a href='#' class='btn btn-info btn-sm'><i class='fas fa-eye'></i></a>";
-            // const edit = "<a href='#' class='btn btn-warning btn-sm'><i class='fas fa-edit'></i></a>";
-            // const dele = "<a href='#' class='btn btn-danger btn-sm'><i class='fas fa-trash'></i></a>";
-            var formData = new FormData($('#addPromptForm')[0]);
-            const messageContainer = document.getElementById('message-container');
-            formData.append("company_id", company_id),
-                formData.append("scenario", scenario),
-                formData.append("prompt", prompt),
-                formData.append("comments", comments),
-                //const formData = new FormData();
-                fetch('/api/save_prompt_details', {
-                    method: 'POST',
-                    body: formData
-                })
-                    .then(response => {
-                        if (!response.ok) {
-                            throw new Error('Network response was not ok');
-                        }
-                        return response.json();
-                    })
-                    .then(data => {
-                        const row_id = data.row_id;
-                        console.log("rowid", row_id);
-                        var table = $('#promptTable').DataTable();
-                        var rowCount = table.rows().count();
-                        const view = `<a href='#' class='btn btn-info btn-sm'data-kid-id='${row_id}' data-action="view" onclick='viewCompany(this)''><i class='fas fa-eye'></i></a>`;
-                        const edit = `<a href='#' class='btn btn-warning btn-sm'data-kid-id='${row_id}' data-action="edit" onclick='editCompany(this)'><i class='fas fa-edit'></i></a>`;
-                        const dele = `<a href='#' class='btn btn-danger btn-sm' data-kid-id='${row_id}' onclick='deleteCompany(this)'><i class='fas fa-trash'></i></a>`;
-                        table.row.add([
-                            rowCount + 1,
-                            scenario,
-                            prompt,
-                            view,
-                            edit,
-                            dele
-                        ]).draw(false);
-                        // const messageContainer = document.getElementById('message-container');
-                        if (messageContainer)
-                            messageContainer.innerHTML = `
-                <div class='alert alert-success'>
-                    Data saved successfully
-                    <button class='close' style='font-size:medium;margin-top:6px;' onclick='dismissMessage()'>OK</button>
-                </div>`;
-                        $('#addModal').modal('hide');
-                        document.getElementById('contentSection').style.display = 'block'; // Show the table section
-                    })
-                    .catch(error => console.error('Error:', error));
-        }
-        async function fetchCompanies() {
-            try {
-                const response = await fetch('/api/companies');
-                if (!response.ok) {
-                    throw new Error('Network response was not ok');
-                }
-                const data = await response.json();
-                displayCompanies(data.companies);
-            } catch (error) {
-                console.error('Error fetching companies:', error);
-            }
-        }
-        function displayCompanies(companies) {
-            const companySelect = document.getElementById('company');
-            companySelect.innerHTML = '<option value="" selected>Select</option>'; // Reset the dropdown
-            companies.forEach(company => {
-                const option = document.createElement('option');
-                option.value = company.name;
-                option.textContent = company.name;
-                companySelect.appendChild(option);
-            });
-        }
-        function clearFormFields() {
-            document.getElementById('scenario').value = "";
-            document.getElementById('prompt').value = "";
-            document.getElementById('comments').value = "";
-        }
-        $(document).ready(function () {
-            $('#add').on('click', function () {
-                const modalTitle = document.getElementById('addModalLabel');
-                modalTitle.textContent = 'Add Prompt Template Details';
-                $('#scenario').removeAttr('readonly');
-                $('#prompt').removeAttr('readonly');
-                $('#comments').removeAttr('readonly');
-                $('#saveupdate').hide();
-                $('#save').show();
-                clearFormFields();
-                $('#message-container').empty(); // Clear the message container
-                $('#addModal').modal('show');
-            });
-            $('.modal-footer .btn-secondary, .modal-header .close').on('click', function () {
-                $('#addModal').modal('hide');
-            });
-        });
-    </script>
-</body>
-</html>

templates/redmindlogo2.jpg DELETED Viewed

Binary file (82.6 kB)

templates/redmindlogo3.jpg DELETED Viewed

Binary file (82.6 kB)

templates/sidepane.html DELETED Viewed

@@ -1,347 +0,0 @@
- <!-- sidepane.html -->
-<!-- This file represents the sidepane component of a web application. It contains the navigation menu and sidebar. -->
-<!-- <!DOCTYPE html>
-<html lang="en"> -->
-<head>
-<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
-<!-- Include Bootstrap JS -->
-<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.bundle.min.js"></script>
-    <style>
-        /* Sidebar Styles */
-    .main-sidebar {
-        background: #222; /* Dark background for sidebar */
-        color: #fff;
-        width: 250px; /* Default width */
-        height: 600px !important;
-        position: fixed;
-        top: 0;
-        left: 0;
-        transition: all 0.3s ease;
-         /* Ensure sidebar content scrolls if needed */
-    }
-    .main-sidebar.toggled {
-        width: 60px; /* Minimized width */
-    }
-    .sidebar-header {
-        text-align: center;
-        padding: 15px;
-        background: #333; /* Dark background for header */
-        color: #fff;
-        border-radius: 5px;
-        margin-bottom: 15px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-    .sidebar-header i {
-        font-size: 1.5rem;
-    }
-    .sidebar-header .menu-text {
-        font-size: 14px;
-        font-weight: bold;
-    }
-    /* Navigation Menu */
-    .nav-link {
-        display: flex;
-        align-items: center;
-        color: #fff;
-        padding: 10px;
-        border-radius: 5px;
-        transition: background-color 0.3s ease;
-        text-decoration: none;
-    }
-    .nav-link:hover {
-        background-color: #F8BE12; /* Highlight color on hover */
-        color: #fff;
-    }
-    .menu-text {
-        margin-left: 10px;
-        font-weight: bold;
-        color: #fff;
-    }
-    /* Sidebar Icon Sizes */
-    .nav-icon {
-        font-size: 20px;
-    }
-    /* Hide menu text when sidebar is collapsed */
-    .main-sidebar.toggled .menu-text {
-        display: none;
-    }
-    /* Content Wrapper */
-    #content-wrapper {
-        margin-left: 250px;
-        padding: 15px;
-        height: 700px !important;
-        transition: margin-left 0.3s ease;
-    }
-    #content-wrapper.toggled {
-        margin-left: 60px;
-    }
-    /* Responsive Design */
-    @media (max-width: 991px) {
-        .main-sidebar {
-            width: 60px; /* Default to minimized on small screens */
-        }
-        #content-wrapper {
-            margin-left: 60px;
-        }
-        .main-sidebar.toggled + #content-wrapper {
-            margin-left: 0;
-        }
-    }
-    </style>
-<nav class="main-header navbar navbar-expand navbar-light bg-white shadow-sm" style="padding: 15px; ">
-    <div class="container-fluid d-flex justify-content-between align-items-center">
-        <!-- Toggle Sidebar Button -->
-        <button class="btn btn-outline-secondary" id="sidebarToggle" style="margin-right: 15px;">
-            <i class="fas fa-bars"></i>
-        </button>
-        <!-- Logo and Title Section -->
-        <div class="d-flex align-items-center">
-            <img src="/static/img/redmindlogo3.jpg" alt="Logo" style="width: 70px; height: auto; margin-right: 15px;">
-            <h3 class="m-0" style="font-weight: 500;">RedMindGPT - {{title}}</h3>
-        </div>
-        <!-- Buttons Section -->
-        <div>
-            <button class="btn btn-primary me-3" id="add">Add</button>
-            <button class="btn btn-primary" onclick="logout()">Logout</button>
-        </div>
-    </div>
-</nav>
-<div id="wrapper">
-    <!-- Main Sidebar Container -->
-    <aside class="main-sidebar sidebar-custom elevation-4" id="sidebarPanel">
-        <!-- Sidebar -->
-        <div class="sidebar">
-            <!-- Sidebar Menu -->
-            <nav class="mt-2">
-                <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false" id="sidebarMenu">
-                    <input type="hidden" id="userRole" name="userRole" value={{role}}>
-                    <input type="hidden" id="company_id" name="company_id" value={{company_id}}>
-                    <div class="form-group"style="display: none;">
-                    <label for="llm_tools" >LLM Tools<span class="text-danger">*</span></label>
-                    <select class="form-control" id="llm_tools" name="llm_tools" multiple required style="display: none;">
-                        <option value="Database">Database</option>
-                        <option value="Static Documents">Static Documents</option>
-                        <option value="API">API</option>
-                    </select>
-                    <div class="invalid-feedback">
-                        Please select at least one LLM tool.
-                    </div>
-                </div>
-                <li class="nav-item">
-                    <a href="{{url_for('dashboard')}}" class="nav-link">
-                        <i class="nav-icon fas fa-home"></i>
-                        <p>Dashboard</p>
-                    </a>
-                </li>
-                <li class="nav-item">
-                    <div class="sidebar-header">
-                        <i class="nav-icon fas fa-building"></i>
-                         <span class="menu-text" id="selectedCompany">Select a company</span> <!-- Initial text as fallback -->
-                        <!-- <span class="menu-text" id="selectedCompany">{{company_name}}</span> -->
-                    </div>
-                </li>
-                <li class="nav-item" >
-                    <a href="{{ url_for('company_profile') }}" class="nav-link">
-                        <i class="nav-icon fas fa-users"></i>
-                        <p>Company Profile</p>
-                    </a>
-                </li>
-                <li class="nav-item" id="knowledgebase_link">
-                    <a href="{{ url_for('knowledgebase') }}" class="nav-link">
-                        <i class="nav-icon fas fa-cogs"></i>
-                        <p>KnowledgeBase</p>
-                    </a>
-                </li>
-                <li class="nav-item" id="data_connectors_link">
-                    <a href="{{ url_for('data_connectors') }}" class="nav-link">
-                        <i class="nav-icon fas fa-cogs"></i>
-                        <p>Data Connectors</p>
-                    </a>
-                </li>
-                <li class="nav-item" id="api_connectors_link">
-                    <a href="{{ url_for('API_connectors') }}" class="nav-link">
-                        <i class="nav-icon fas fa-cogs"></i>
-                        <p>API Connectors</p>
-                    </a>
-                </li>
-                <li class="nav-item">
-                    <a href="{{url_for('prompt_template')}}" class="nav-link">
-                        <i class="nav-icon fas fa-cogs"></i>
-                        <p>Prompt Templates</p>
-                    </a>
-                </li>
-             <!--<li class="nav-item">
-                    <a href="#" class="nav-link">
-                        <i class="nav-icon fas fa-cogs"></i>
-                        <p>LLM Settings</p>
-                    </a>
-                    <ul class="nav nav-treeview">
-                        <li class="nav-item">
-                            <a href="#" class="nav-link">
-                                <i class="far fa-circle nav-icon"></i>
-                                <p>Sublink 1</p>
-                            </a>
-                        </li>
-                        <li class="nav-item">
-                            <a href="#" class="nav-link">
-                                <i class="far fa-circle nav-icon"></i>
-                                <p>Sublink 2</p>
-                            </a>
-                        </li>
-                    </ul>
-                </li> -->
-                <!-- Add more navigation links here -->
-            </ul>
-        </nav>
-        <!-- /.sidebar-menu -->
-    </div>
-    <!-- /.sidebar -->
-</aside>
-<input type="hidden" id="userRole" name="userRole" value={{role}}>
-<input type="hidden" id="company_id" name="company_id" value={{company_id}}>
-<div class="form-group"style="display: none;">
-<label for="llm_tools" >LLM Tools<span class="text-danger">*</span></label>
-<select class="form-control" id="llm_tools" name="llm_tools" multiple required style="display: none;">
-    <option value="Database">Database</option>
-    <option value="Static Documents">Static Documents</option>
-    <option value="API">API</option>
-</select>
-<div class="invalid-feedback">
-    Please select at least one LLM tool.
-</div>
-</div>
-</div>
-<!-- AdminLTE JS -->
-<script >
-        function logout() {
-            sessionStorage.removeItem('role');
-            sessionStorage.clear();
-            window.location.href = '/';
-    }
-document.addEventListener("DOMContentLoaded", function() {
-    const company_id1 = document.getElementById("company_id").value;
-    const role1 = document.getElementById("userRole").value;
-    sessionStorage.setItem('siderole1',role1);
-    sessionStorage.setItem('sidecompanyId1',company_id1);
-        const sidecompanyId = sessionStorage.getItem('sidecompanyId1');
-        const siderole = sessionStorage.getItem('siderole1');
-        if (siderole==='admin') {
-            console.log("Company ID inside sidepane:", sidecompanyId);
-            console.log("Role inside sidepane:",siderole);
-            editCompany(sidecompanyId,siderole);
-            console.log("inside admin after edit");
-            updateLinkVisibility(siderole);
-    }
-     });
-    async function updateLinkVisibility(siderole) {
-        //const role = sessionStorage.getItem('role');
-    if(siderole==='admin')
-    {
-    const displayState = JSON.parse(sessionStorage.getItem('displayState'));
-    // Update the visibility of links based on the stored state
-    document.getElementById('api_connectors_link').style.display = displayState.apiConnectors;
-    document.getElementById('knowledgebase_link').style.display = displayState.knowledgeBase;
-    document.getElementById('data_connectors_link').style.display = displayState.dataConnectors
-}
-    }
-    async function  editCompany(sidecompanyId,siderole) {
-        console.log("inside edit company id", sidecompanyId);
-        console.log("inside edit role role",siderole);
-        $.getJSON(`/api/getcompanydetails/${sidecompanyId}`, function (company) {
-            // Set the value of #llm_tools and trigger change event
-            $('#llm_tools').val(company.llm_tools.split(',')).trigger('change');
-            // Get the selected values from #llm_tools
-            const llmTools = $('#llm_tools').val(); // This is an array
-            console.log("inside sidepane edit llmTools", llmTools);
-        //const role =sessionStorage.getItem('role');
-        if (llmTools && llmTools.length > 0) {
-              console.log("inside if");
-                    // Example: Conditionally display some links based on llm_tools
-          if (api_connectors_link) {
-            api_connectors_link.style.display = llmTools.includes('API') ? 'block' : 'none';
-            console.log("state api",api_connectors_link.style.display );
-        }
-        if (knowledgebase_link) {
-            knowledgebase_link.style.display = llmTools.includes('Static Documents') ? 'block' : 'none';
-            console.log("state know", knowledgebase_link.style.display);
-        }
-        if (data_connectors_link) {
-            data_connectors_link.style.display = llmTools.includes('Database') ? 'block' : 'none';
-            console.log("state dataconn", data_connectors_link.style.display);
-        }
-          console.log("inside storageadmin");
-            sessionStorage.setItem('displayState', JSON.stringify({
-            apiConnectors: api_connectors_link.style.display,
-            knowledgeBase:  knowledgebase_link.style.display ,
-            dataConnectors:  data_connectors_link.style.display
-        }));
-        updateLinkVisibility(siderole);
-                }
-        }).fail(function () {
-            alert("Error retrieving company details.");
-        });
-    }
-    document.getElementById('sidebarToggle').addEventListener('click', function() {
-        const sidebar = document.getElementById('sidebarPanel');
-        const contentWrapper = document.getElementById('content-wrapper');
-        // Toggle sidebar width and content margin
-        sidebar.classList.toggle('toggled');
-        contentWrapper.classList.toggle('toggled');
-    });
-</script>
-</head>
-<!-- </html> -->