Update templates/data_connectors.html

templates/data_connectors.html

@@ -194,24 +194,26 @@
             <div class="content-header">
                 <div class="container-fluid">
                     <div class="container mt-2">
-                        <div class="form-group left-align">
+                        <!-- <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> -->
                         <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" style="display:none;">
+            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">
@@ -338,58 +340,45 @@
         {%include 'footer.html'%}
     </footer>
     <script>
-            // document.getElementById('database').addEventListener('change', function () {
-            //     const selectedDatabaseType =this.value; 
-            //     if (selectedDatabaseType) {
-            //         fetchDatabaseDetails(selectedDatabaseType);
-            //     }
-            // });
-
-            // async function fetchDatabaseDetails(databaseType) {
-            //     try {
-            //         const response = await fetch(`/api/get_database_details?database_type=${encodeURIComponent(databaseType)}`);
-            //         if (!response.ok) {
-            //             throw new Error('Network response was not ok');
-            //         }
-            //         const connectorsData= await response.json();
-            //                     //document.getElementById('server').value = connectorsData.server;
-            //                     // 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;
-            //         //updateFormFields(data);
-            //     } catch (error) {
-            //         console.error('Error fetching database details:', error);
-            //     }
-            // }
+     
         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;
-
-                        if (companyId) {
+            // 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=${companyId}&company_name=${selectedCompanyName}`);
+                                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');
                                 }
@@ -411,7 +400,7 @@
                                 document.getElementById('port').value = "  ";
                                 document.getElementById('databaseName').value = " ";
                                 document.getElementById('username').value = " ";
-                                document.getElementById('password').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.");
@@ -429,16 +418,17 @@
                           console.log(`Company ID does not exist, you can create and save data: ${data.company_id}`);
                             databaseconnectorForm.style.display = 'none';
                         }
+                    }
 
-                    } catch (error) {
+            //         } catch (error) {
 
-                        console.error('Error fetching company ID or data connectors:', error);
-                        databaseconnectorForm.style.display = 'none';
-                    }
-                } else {
-                    databaseconnectorForm.style.display = 'none';
-                }
-            });
+            //             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;
@@ -469,7 +459,7 @@
                 });
                 $("#selectedTables").val(currentText);
             });
-            document.getElementById("connectBtn").addEventListener("click", function (event) {
+    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;
@@ -547,7 +537,7 @@ function updateTablesDropdown(schemaTables, selectedSchema) {
     }
 }
 
-            document.getElementById("saveBtn").addEventListener("click", async function (event) {
+ document.getElementById("saveBtn").addEventListener("click", async function (event) {
     event.preventDefault();  // Prevent the default form submission
 
     // Set the password value
@@ -555,8 +545,13 @@ function updateTablesDropdown(schemaTables, selectedSchema) {
 
     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
@@ -577,7 +572,7 @@ function updateTablesDropdown(schemaTables, selectedSchema) {
             messageContainer.innerHTML = `
                 <div class='alert ${messageType}'>
                     ${data.msg}
-                    <button class='close' onclick='dismissMessage()'>OK</button>
+                    <button class='close'style='font-size:medium;margin-top:6px;'onclick='dismissMessage()'>OK</button>
                 </div>`;
         }
     }
@@ -588,15 +583,15 @@ function updateTablesDropdown(schemaTables, selectedSchema) {
         if (messageContainer) {
             messageContainer.innerHTML = `
                 <div class='alert alert-danger'>
-                    An error occurred while saving data.
-                    <button class='close' onclick='dismissMessage()'>OK</button>
+                    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() {
+        
+    function dismissMessage() {
     const messageContainer = document.getElementById('message-container');
     if (messageContainer) {
         messageContainer.innerHTML = '';
@@ -610,29 +605,7 @@ function updateTablesDropdown(schemaTables, selectedSchema) {
                 document.getElementById('username').value = " ";
                 document.getElementById('password').value = " ";
         }
-        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 setMultiSelectValues(selectElement, values) {
             // Ensure values is an array