Update templates/company_profile.html

templates/company_profile.html

@@ -169,10 +169,10 @@
                     <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>
+                                <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>
@@ -180,14 +180,13 @@
                 </div>
             </div>
             <!-- Main content -->
-            <section class="content">
+            <section class="content" id="startTable" style="display: none;">
                 <div class="container-fluid">
                     <div class="row">
                         <div class="col-12">
                             <div class="card">
                                 <div class="card-body table-container">
-                                    <table id="companyTable"
-                                        class="custom-select-lm table table-bordered table-striped">
+                                    <table id="companyTable" class="custom-select-lm table table-bordered table-striped">
                                         <thead>
                                             <tr>
                                                 <th>Sno</th>
@@ -247,6 +246,10 @@
                                 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">
@@ -264,9 +267,26 @@
         document.addEventListener('DOMContentLoaded', function () {
 
             const role = sessionStorage.getItem('userRole');
-            console.log('Current role:', role); // Debug statement to chec
-            document.getElementById('add').style.display = 'block';
-         
+            const company_id=sessionStorage.getItem('company_id');
+            console.log('Current role:', role); // Debug statement to check the role
+            document.getElementById('userRole').value = role;
+            $('#addModal').hide();  // Make sure this is called initially
+
+            if (role === 'superadmin') {
+                console.log("insidse compamy profile super admin");
+               
+                $('#startTable').show();
+                $('#addModal').hide();
+                document.getElementById('add').style.display = 'block';
+ 
+            } else {
+                console.log("insidse company profile admin");
+                document.getElementById('add').style.display = 'none';
+                const modalTitle = document.getElementById('addModalLabel');
+                modalTitle.textContent = 'Company Details';
+               viewCompany(company_id);
+
+            }
             fetchCompanies();
         });
         window.addEventListener('pageshow', function (event) {
@@ -285,10 +305,14 @@
                 placeholder: 'Select',
                 allowClear: true
             });
+           
+        }); 
             // 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
+
                 $('#addModal').modal('show');
                 $('#save').show();
                 $('#saveupdate').hide();
@@ -310,7 +334,14 @@
             $(document).on('click', '.btn-edit', function () {
                 const companyId = $(this).data('id');
                 console.log("company_id in edit", companyId);
-                editCompany(companyId);
+                if (companyId)
+            {
+                const modalTitle = document.getElementById('addModalLabel');
+                modalTitle.textContent = 'Edit Company Details';
+                console.log('Modal title:', modalTitle.textContent);
+
+                Editcompany(companyId);
+            }
             });
 
             // Delete company
@@ -322,33 +353,56 @@
                 }
             });
 
-        });
         // View company details
         function viewCompany(companyId) {
-            // Fetch company details by ID
-            const modalTitle = document.getElementById('addModalLabel');
-            modalTitle.textContent = 'View Company Details';
-            $.getJSON(`/api/getcompanydetails/${companyId}`, function (company) {
-                //         alert(`Company Name: ${company.company_name}\nCompany Code: ${company.company_code}\nDomain: ${company.domain}\nLLM Tools: ${company.llm_tools}`);
-                $('#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');
-                $('#llm_tools').val(company.llm_tools.split(',')).trigger('change');
-                $('#llm_tools').prop('disabled', true); // Disable the select input
-
-                // Open the modal for editing
-                $('#saveupdate').hide();
-                $('#save').hide();// Disable the "Save" button when the modal opens
-                $('#addModal').modal('show');
-            }).fail(function () {
-                alert("Error retrieving company details.");
+    // Fetch company details by ID
+    const username = sessionStorage.getItem('username');
+    const modalTitle = document.getElementById('addModalLabel');
+    modalTitle.textContent = 'View Company Details';
+
+    $.getJSON(`/api/getcompanydetails/${companyId}`, function (company) {
+        // Set values and attributes for the form fields
+        $('#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');
+
+        // Clear existing options in the dropdown
+        $('#llm_tools').empty();
+
+        // Add the options that are present in company.llm_tools
+        const availableOptions = {
+            'Database': 'Database',
+            'Static Documents': 'Static Documents',
+            'API': 'API'
+        };
+
+        if (Array.isArray(company.llm_tools)) {
+            company.llm_tools.forEach(tool => {
+                if (availableOptions[tool]) {
+                    $('#llm_tools').append(new Option(availableOptions[tool], tool, true, true));
+                }
             });
         }
 
+        $('#llm_tools').prop('disabled', true); // Disable the dropdown
+
+        $('#username').val(username).attr('readonly', 'readonly'); // Set username field
+
+        // Show the modal with view details only
+        $('#saveupdate').hide();
+        $('#save').hide();
+        $('#addModal').modal('show');
+    }).fail(function () {
+        alert("Error retrieving company details.");
+    });
+}
+
         // Edit company details
-        function editCompany(companyId) {
+        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');
@@ -362,8 +416,9 @@
                 $('#company_code').val(company.company_code);
                 $('#domain').val(company.domain);
                 $('#llm_tools').val(company.llm_tools.split(',')).trigger('change');
-
-                // Open the modal for editing
+                $('#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
@@ -389,7 +444,7 @@
                         messageContainer.innerHTML = `
                 <div class='alert alert-danger'>
                    Company details deleted successfully.
-                    <button class='close' onclick='dismissMessage()'>OK</button>
+                    <button class='close' style='font-size:medium;margin-top:6px;'  onclick='dismissMessage()'>OK</button>
                 </div>`;
                     fetchCompanies(); // Refresh the table
                 },
@@ -404,7 +459,8 @@
                 company_name: $('#company_name').val(),
                 company_code: $('#company_code').val(),
                 domain: $('#domain').val(),
-                llm_tools: $('#llm_tools').val().join(',') // Assuming llm_tools is a multi-select
+                llm_tools: $('#llm_tools').val().join(','),
+                username: $('#username').val() // Assuming llm_tools is a multi-select
             };
             console.log("company_data", companyData);
 
@@ -419,7 +475,7 @@
                         messageContainer.innerHTML = `
                 <div class='alert alert-success'>
                    Company  Data Updated successfully
-                    <button class='close' onclick='dismissMessage()'>OK</button>
+                    <button class='close' style='font-size:medium;margin-top:6px;' onclick='dismissMessage()'>OK</button>
                 </div>`;
                     $('#addModal').modal('hide'); // Close the modal after saving
                     fetchCompanies();
@@ -431,7 +487,7 @@
                         messageContainer.innerHTML = `
                 <div class='alert alert-danger'>
                   No changes have been made  to update company details.
-                    <button class='close' onclick='dismissMessage()'>OK</button>
+                    <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.');
@@ -451,14 +507,21 @@
             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').val(); // Get selected values from Select2
+            const llm_tools = $('#llm_tools').val();
+            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.join(','));
+            formData.append("username",username);
+            formData.append("password",password);
+            formData.append("role",rolesave);
 
             $.ajax({
                 type: "POST",
@@ -473,7 +536,7 @@
                         messageContainer.innerHTML = `
                 <div class='alert alert-success'>
                     Data saved successfully
-                    <button class='close' onclick='dismissMessage()'>OK</button>
+                    <button class='close' style='font-size:medium;margin-top:6px;' onclick='dismissMessage()'>OK</button>
                 </div>`;
                     fetchCompanies(); // Refresh table data
 
@@ -514,7 +577,7 @@
                         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-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>`
 
                     ]).draw(false);