Spaces:

Redmind
/

RedMindGPT_UI_Dev

Sleeping

App Files Files Community

Aravind08 commited on Nov 26, 2024

Commit

c532f8a

1 Parent(s): ba95f6e

update the table template

Browse files

Files changed (7) hide show

redmindgen.log +0 -0
templates/API_connectors.html +89 -78
templates/company_profile.html +11 -0
templates/dashboard.html +4 -4
templates/knowledgebase.html +19 -4
templates/prompt_template.html +12 -0
templates/sidepane.html +1 -2

redmindgen.log CHANGED Viewed

The diff for this file is too large to render. See raw diff

templates/API_connectors.html CHANGED Viewed

@@ -16,6 +16,18 @@
 </head>
 <body>
     {% include 'sidepane.html' %}
     <div class="wrapper">
@@ -24,7 +36,7 @@
             <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">
@@ -46,7 +58,7 @@
                         <input type="hidden" id="company_id" name="company_id" class="form-control" required>
                     </div>
                 </div>
                 <!-- Main content -->
                 <section class="content">
@@ -54,7 +66,8 @@
                         <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>
@@ -185,22 +198,22 @@
             // });
         });
-            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) {
@@ -214,20 +227,20 @@
         }
-            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();
@@ -274,67 +287,65 @@
             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();
@@ -517,7 +528,7 @@
             document.getElementById('Description').value = "";
         }
     </script>
 </body>

 </head>
 <body>
+    <style>
+        #add {
+            position: absolute;
+            right: 1%;
+            top: 7%;
+        }
+        #apiTable_filter {
+            margin-right: 60px;
+            margin-top: -18px;
+        }
+    </style>
     {% include 'sidepane.html' %}
     <div class="wrapper">
             <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">
                         <input type="hidden" id="company_id" name="company_id" class="form-control" required>
                     </div>
                 </div>
                 <!-- Main content -->
                 <section class="content">
                         <div class="row">
                             <div class="col-12">
                                 <div class="card">
+                                    <button class="btn btn-primary me-3" id="add">Add</button>
+                                    <div class="card-body table-container pt-5">
                                         <table id="apiTable" class="table table-bordered table-striped">
                                             <thead>
                                                 <tr>
             // });
         });
+        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) {
         }
+        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();
             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();
             document.getElementById('Description').value = "";
         }
     </script>
 </body>

templates/company_profile.html CHANGED Viewed

@@ -18,6 +18,16 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" />
 </head>
 <body>
     {% include 'sidepane.html' %}
@@ -49,6 +59,7 @@
                             <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

     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" />
 </head>
+<style>
+    #add{
+       position: absolute;
+       right: 0%;
+    }
+    #companyTable_filter{
+       margin-right: 70px;
+       margin-top: -25px;
+    }
+</style>
 <body>
     {% include 'sidepane.html' %}
                             <div class="card-body table-container">
                                 <div class="dataTables_wrapper">
                                     <div class="row">
+                                        <button class="btn btn-primary me-3" id="add">Add</button>
                                         <div class="dataTables_length">
                                             <label
                                                 style="display: inline-block;margin-right:800px; margin-bottom: -40px;">Show

templates/dashboard.html CHANGED Viewed

@@ -20,12 +20,12 @@
     <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>
@@ -113,7 +113,7 @@
     <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);

     <div class="wrapper">
         <section class="main-header">
             <div class="container-fluid">
+                <div id="company-block" class="form-group" style="display: none;">
+                    <label for="company" class="ml-3" style="display: inline-block; margin-right: 0px;">
                         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: 25%;" required>
                         <option value="" selected>Select</option>
                     </select>
                 </div>
     <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>
         // function updateCompanyName(newCompanyName) {
         //     sessionStorage.setItem('company_name', newCompanyName);

templates/knowledgebase.html CHANGED Viewed

@@ -16,8 +16,21 @@
     <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" />
     <link rel="stylesheet" href="/static/css/knowledgebase.css">
 </head>
 <body>
     {% include 'sidepane.html' %}
@@ -50,9 +63,11 @@
                         <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>
@@ -85,8 +100,8 @@
                 <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">

     <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" />
     <link rel="stylesheet" href="/static/css/knowledgebase.css">
 </head>
+<style>
+    #add {
+        position: absolute;
+        right: 1%;
+        top: 8%;
+        margin-top:-2px;
+    }
+    #knowledgeTable_filter {
+        margin-right: 60px;
+        margin-top: -16px;
+    }
+</style>
 <body>
     {% include 'sidepane.html' %}
                         <div class="row" style="margin-top: 50px;">
                             <div class="col-12">
                                 <div class="card">
+                                    <button class="btn btn-primary me-3" id="add">Add</button>
                                     <div id="message-container">
+                                        <div class="card-body table-container pt-5" >
                                             <table id="knowledgeTable" class="table table-bordered table-striped">
                                                 <thead>
                                                     <tr>
                 <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"  style="background-color: transparent;all: unset;font-size: 25px;">
+                                <span aria-hidden="true" data-backdrop="static" data-keyboard="false">&times;</span>
                         </button>
                     </div>
                     <div class="modal-body">

templates/prompt_template.html CHANGED Viewed

@@ -16,6 +16,17 @@
 </head>
 <body>
     {% include 'sidepane.html' %}
     <div class="wrapper">
@@ -61,6 +72,7 @@
                             <div class="col-12">
                                 <div class="card">
                                     <div class="card-body table-container">
                                         <table id="promptTable" class="table table-bordered table-striped">
                                             <thead>
                                                 <tr>

 </head>
 <body>
+    <style>
+        #add {
+            position: absolute;
+            right: 1%;
+        }
+        #promptTable_filter {
+            margin-right: 60px;
+            margin-top: -20px;
+        }
+    </style>
     {% include 'sidepane.html' %}
     <div class="wrapper">
                             <div class="col-12">
                                 <div class="card">
                                     <div class="card-body table-container">
+                                        <button class="btn btn-primary me-3" id="add">Add</button>F
                                         <table id="promptTable" class="table table-bordered table-striped">
                                             <thead>
                                                 <tr>

templates/sidepane.html CHANGED Viewed

@@ -30,7 +30,6 @@
             <!-- 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>
@@ -68,7 +67,7 @@
                         <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>

             <!-- Buttons Section -->
             <div>
                 <button class="btn btn-primary" onclick="logout()">Logout</button>
             </div>
         </div>
                         <li class="nav-item">
                             <div class="sidebar-header">
                                 <i class="nav-icon fas fa-building"></i>
+                                <span class="menu-text" id="selectedCompany" style="margin-left: -6px;">Select a company</span>
                                 <!-- Initial text as fallback -->
                                 <!-- <span class="menu-text" id="selectedCompany">{{company_name}}</span> -->
                             </div>