Add Insurer
@@ -4490,20 +4607,35 @@ function jsonToTable(json) {
}
} else {
- parentTh.innerText = header.parentHeader;
+ if(["Sno"].includes(header.parentHeader)){
+ let snoKeyName = header.parentHeader;
+ let snoDisplayName = "S.No.";
+ parentTh.innerHTML = `
${snoKeyName}${snoDisplayName}`;
+ }else{
+ parentTh.innerText = header.parentHeader;
+ }
}
// Hide column if header is "Item Key"
if (header.parentHeader === "Item Key") {
- parentTh.classList.add('hidden');
+ parentTh.classList.add('hidden', 'no-border');
+ parentTh.style.borderRight = '2px solid snow';
+ parentTh.style.setProperty('border-right', '2px solid snow', 'important');
}
if (header.parentHeader === "Particulars") {
- parentTh.classList.add('sticky');
+ parentTh.classList.add('sticky', 'no-border');
+ parentTh.style.setProperty('border-top', '3px solid snow', 'important');
+ parentTh.style.setProperty('border-right', '3px solid snow', 'important');
+
}
if (header.parentHeader === "Sno") {
- parentTh.classList.add('sticky');
+ parentTh.classList.add('sticky', 'no-border');
+ parentTh.style.setProperty('border-right', '3px solid snow', 'important');
+ parentTh.style.setProperty('border-left', '3px solid snow', 'important');
+ parentTh.style.setProperty('border-top', '3px solid snow', 'important');
+ parentTh.style.setProperty('min-width', snoColumnWidth, 'important');
}
if (RFQ_or_QCR == 2) {
@@ -4525,19 +4657,28 @@ function jsonToTable(json) {
// Hide if parent header is "Item Key"
if (header.parentHeader === "Item Key") {
- subTh.classList.add('hidden');
+ subTh.classList.add('hidden', 'no-border');
+ subTh.style.color = '#bfe0e2';
+ subTh.style.setProperty('border-right', '2px solid snow', 'important');
}
if (header.parentHeader === "Particulars") {
- subTh.classList.add('sticky');
+ subTh.classList.add('sticky', 'no-border');
+ subTh.style.color = '#bfe0e2';
+ subTh.style.setProperty('border-bottom', '3px solid snow', 'important');
+ subTh.style.setProperty('border-right', '3px solid snow', 'important');
}
if (header.parentHeader === "Sno") {
- subTh.classList.add('sticky');
+ subTh.classList.add('sticky', 'no-border');
+ subTh.style.color = '#bfe0e2';
+ subTh.style.setProperty('border-right', '3px solid snow', 'important');
+ subTh.style.setProperty('border-left', '3px solid snow', 'important');
+ subTh.style.setProperty('min-width', snoColumnWidth, 'important');
}
// Add dropdown menu only if subHeader is not "Quote Asked" or "-"
- if (!["Quote Asked", "-"].includes(subHeader)) {
+ if (!["Quote Asked", "-", ""].includes(subHeader)) {
// Set default values for dropdown data
let dropdownDataQCRForInsurer = '';
@@ -4547,7 +4688,7 @@ function jsonToTable(json) {
let checkDropdownDataSTCForInsurer = '';
// Check if header is allowed to have insurer data
- if (!["Sno", "Item Key", "Particulars", "Action"].includes(header.parentHeader)) {
+ if (!["Sno", "Item Key", "Particulars", "Action", ""].includes(header.parentHeader)) {
const insurerData = proposels[header.parentHeader]?.insurers[index - 1] || {};
@@ -4585,10 +4726,16 @@ function jsonToTable(json) {
}
} else {
- subTh.innerText = subHeader;
+
+ if(!["-"].includes(subHeader)){
+ let subHeaderDisplayName = subHeader;
+ subTh.innerHTML = `
${subHeader}${subHeaderDisplayName}`;
+ }else{
+ subTh.innerText = subHeader;
+ }
}
- if (!["-"].includes(subHeader) && proposel_count > 1) {
+ if (!["-", ""].includes(subHeader) && proposel_count > 1) {
subTh.style.backgroundColor = randomColor;
}
@@ -4616,8 +4763,7 @@ function jsonToTable(json) {
});
});
- console.log('remove_proposel_name', remove_proposel_name);
-
+ // console.log('remove_proposel_name', remove_proposel_name);
// console.log('proposel_color_count', proposel_color_count);
thead.appendChild(parentHeaderRow);
@@ -4635,6 +4781,7 @@ function jsonToTable(json) {
const snoTd = document.createElement('td');
snoTd.classList.add('sno');
snoTd.innerText = rowIndex + 1;
+ snoTd.style.setProperty('min-width', snoColumnWidth, 'important');
row.appendChild(snoTd);
// Hidden Item Key column
@@ -4661,6 +4808,10 @@ function jsonToTable(json) {
const td = document.createElement('td');
+ if(rowData.SNO == "1"){
+ td.style.setProperty('border-top', '2px solid #007bff', 'important');
+ }
+
if (dataEntry.parentth === "Action") {
td.classList.add('action');
const qcrChecked = dataEntry.input_value?.qcr ? "checked" : "";
@@ -4780,6 +4931,7 @@ function populateTable(json) {
const headerRow2 = document.createElement("tr");
var proposels = json.proposal_data.over_all_column_data;
+ let proposel_count = 1;
// Iterate over the headers to create thead
json.table_data.headers.forEach(header => {
@@ -4790,16 +4942,42 @@ function populateTable(json) {
if (!["Item Key"].includes(header.parentHeader)) {
// console.log(header.parentHeader);
+ // if(header.subHeaders.length == 1){
+ // console.log('header.subHeaders.length', header.subHeaders.length)
+ // if(!["Sno", "Particulars", "Action"].includes(header.parentHeader)){
+ // console.log('returned ............', header.parentHeader);
+ // return;
+ // }
+ // }
+
// Create the parent header
const th = document.createElement("th");
- th.textContent = header.parentHeader;
+ let calc_renewal_or_rollover = header.parentHeader;
+ let calc_renewal_or_rollover_display_name = "Proposal Coverage " + (proposel_count);
+
+ if(["Sno", "Particulars", "Action"].includes(header.parentHeader)){
+ th.textContent = header.parentHeader;
+ }else{
+ th.innerHTML = `
${calc_renewal_or_rollover}${calc_renewal_or_rollover_display_name}`
+ proposel_count ++
+ }
if (header.parentHeader === "Particulars") {
- th.classList.add('sticky');
+ th.classList.add('sticky', 'no-border');
+ th.style.color = '#fff';
+ th.style.backgroundColor = '#fff';
+ // th.style.borderRight = '2px solid snow';
+ // th.style.setProperty('border-right', '2px solid snow', 'important');
}
if (header.parentHeader === "Sno") {
- th.classList.add('sticky');
+ th.classList.add('sticky', 'no-border');
+ th.style.color = '#fff';
+ th.style.backgroundColor = '#fff';
+ th.style.setProperty('min-width', snoColumnWidth, 'important');
+ // th.style.color = "#bfe0e2";
+ // th.style.borderRight = '2px solid snow';
+ // th.style.setProperty('border-right', '2px solid snow', 'important');
}
if (header.parentHeader === "Action") {
@@ -4808,14 +4986,23 @@ function populateTable(json) {
}
if(header.parentHeader !== 'Particulars' && header.parentHeader !== 'Sno' && header.parentHeader !== "Action"){
- th.style.backgroundColor = randomColor;
+ // th.style.backgroundColor = randomColor;
}
+
+ if (header.parentHeader === "Particulars") {
+ th.classList.add('readonly-select');
+ // th.style.color = "#bfe0e2";
+ }
+
// Calculate colspan based on the number of subheaders
const subHeaderCount = header.subHeaders.length;
+ // const subHeaderCount = (header.subHeaders.length) - 1;
+ console.log("subHeaderCount : ", subHeaderCount);
+
if (subHeaderCount > 0) {
th.setAttribute("colspan", subHeaderCount);
} else {
- th.setAttribute("rowspan", 2); // No subheaders, span both rows
+ th.setAttribute("colspan", 1);
}
if (RFQ_or_QCR == 2) {
@@ -4831,14 +5018,31 @@ function populateTable(json) {
// Create and append subheaders to the second row
header.subHeaders.forEach(subHeader => {
const subTh = document.createElement("th");
- subTh.textContent = subHeader;
+
+ if(subHeader == "Quote Asked"){
+ let subHeaderKeyName = subHeader
+ let subHeaderDisplayName = "Particulars"
+ subTh.innerHTML = `
${subHeaderKeyName}${subHeaderDisplayName}`;
+ }else{
+ subTh.textContent = subHeader;
+ }
if (header.parentHeader === "Particulars") {
- subTh.classList.add('sticky');
+ subTh.classList.add('sticky', 'no-border');
+ subTh.style.color = '#fff';
+ subTh.style.backgroundColor = '#fff';
+ // subTh.style.borderRight = '2px solid snow';
+ // subTh.style.setProperty('border-right', '2px solid snow', 'important');
+ // subTh.style.setProperty('border-bottom', '2px solid snow', 'important');
}
if (header.parentHeader === "Sno") {
- subTh.classList.add('sticky');
+ subTh.classList.add('sticky', 'no-border');
+ subTh.style.color = '#fff';
+ subTh.style.backgroundColor = '#fff';
+ subTh.style.setProperty('min-width', snoColumnWidth, 'important');
+ // subTh.style.borderRight = '2px solid snow';
+ // subTh.style.setProperty('border-right', '2px solid snow', 'important');
}
if (header.parentHeader === "Action") {
@@ -4847,7 +5051,12 @@ function populateTable(json) {
}
if(header.parentHeader != "Particulars" && header.parentHeader !== 'Sno' && header.parentHeader !== "Action"){
- subTh.style.backgroundColor = randomColor;
+ // subTh.style.backgroundColor = randomColor;
+ }
+
+ if (header.parentHeader === "Particulars") {
+ subTh.classList.add('readonly-select');
+ subTh.textContent = " ";
}
//for QCR hidden fields
@@ -4877,30 +5086,49 @@ function populateTable(json) {
rowLabels.forEach((label, rowIndex) => {
+ console.log("rowLabels", rowLabels);
const tr = document.createElement("tr");
// First column: Serial No
const tdFirst = document.createElement("td");
tdFirst.textContent = rowIndex + 1;
- tdFirst.className = "sticky";
+ tdFirst.className = "sticky readonly-select";
+ // tdFirst.style.color = "#bfe0e2";
+ tdFirst.style.color = "#fff";
+ tdFirst.style.backgroundColor = "#fff";
+ tdFirst.style.border = "none";
+ tdFirst.style.setProperty('min-width', snoColumnWidth, 'important');
tr.appendChild(tdFirst);
// Second column: Row label
const tdLabel = document.createElement("td");
tdLabel.textContent = label;
- tdLabel.className = "sticky";
+ // tdLabel.style.color = "#bfe0e2";
+ tdLabel.style.color = "#fff";
+ tdLabel.style.backgroundColor = "#fff";
+ tdLabel.style.border = "none";
+ tdLabel.className = "sticky readonly-select";
tr.appendChild(tdLabel);
+ console.log("before header loop");
// Create a td for each subheader
json.table_data.headers.forEach((header, headerIndexForCalc) => {
if (!["Item Key", "Sno", "Particulars"].includes(header.parentHeader)) {
+
+ // if(header.subHeaders.length == 1){
+ // console.log('DATA header.subHeaders.length', header.subHeaders.length)
+ // if(!["Action"].includes(header.parentHeader)){
+ // console.log('DATA returned ............', header.parentHeader);
+ // return;
+ // }
+ // }
+
header.subHeaders.forEach((value, index) => {
-
+
// if(value != '-'){
const td = document.createElement("td");
if(label == "Total") {
- console.log();
td.setAttribute("contenteditable", false);
td.classList.add('readonly-select')
}else{
@@ -4919,6 +5147,13 @@ function populateTable(json) {
label.toLowerCase().replace(/\s+/g, '').replace(/[%₹()]/g, '')
);
+
+ // if(value == "Quote Asked"){
+ // td.setAttribute("contenteditable", false);
+ // // td.classList.add('hidden');
+ // // td.style.color = randomColor;
+ // }
+
if(RFQ_or_QCR == 2){
if (proposels[header.parentHeader] && proposels[header.parentHeader].qcr !== undefined) {
if(proposels[header.parentHeader].qcr == 0 || proposels[header.parentHeader].qcr == false){
@@ -4928,14 +5163,21 @@ function populateTable(json) {
}
// td.id = `${label.toLowerCase()}`;
- console.log('child table', header.parentHeader);
- td.textContent = json.premium_data?.data?.[header.parentHeader]?.[value]?.[label] || "";
+ // console.log('child table', header.parentHeader);
+ if(value == "Quote Asked"){
+ td.setAttribute("contenteditable", false);
+ td.textContent = label;
+ }else{
+ td.textContent = json.premium_data?.data?.[header.parentHeader]?.[value]?.[label] || "";
+ }
tr.appendChild(td);
// }
});
}
});
+
+ console.log("After header loop");
// Add the row to tbody
tbody.appendChild(tr);
});
@@ -4966,17 +5208,39 @@ function generateJSONFromTable() {
console.log('headerRows 0', headerRows[1].length);
// Extract parent headers
- headerRows[0].querySelectorAll("th").forEach((th, index) => {
- if (index > 0) parentHeaders.push(th.textContent.trim());
+ // headerRows[0].querySelectorAll("th").forEach((th, index) => {
+ // if (index > 0) parentHeaders.push(th.textContent.trim());
+ // });
+ const headerThs = headerRows[0].querySelectorAll("th");
+ const last_index = headerThs.length - 1;
+ console.log("last_index", last_index);
+
+ headerThs.forEach((th, index) => {
+ let parentHeaderValue;
+
+ // Skip index 0 if not needed
+ if (index > 0) {
+ // For index 1 or last column, use full text
+ if (index < 2 || index === last_index) {
+ parentHeaderValue = th.textContent.trim();
+ } else {
+ parentHeaderValue = (th.querySelector('.key_name')?.innerText || '').trim();
+ }
+
+ console.log("parentHeaderValue", parentHeaderValue);
+ parentHeaders.push(parentHeaderValue);
+ }
});
// Calculate how many subheaders belong to each parent header using `colspan`
let currentParentIndex = 0;
let remainingColspan = 0;
+ let secondHeaderIndex = 0;
headerRows[1].querySelectorAll("th").forEach((th, index) => {
+
if (index > 0) { // Skip the first column if it's for row labels
- const subHeaderText = th.textContent.trim();
+ const subHeaderText = th.querySelector('.key_name')?.innerText || th.textContent.trim();
// If no remainingColspan, move to the next parent header
if (remainingColspan === 0) {
@@ -4992,8 +5256,10 @@ function generateJSONFromTable() {
// Decrease remainingColspan as a subheader is assigned
remainingColspan--;
+ secondHeaderIndex++;
}
});
+ secondHeaderIndex = 0;
// Initialize the structure for all parent headers and subheaders
parentHeaders.forEach(parent => {
@@ -5059,6 +5325,7 @@ function addInsurerDataForPremiumTable(event, insurerName, proposal_name) {
let parentTh = rfqTable.querySelector('thead tr th:nth-child(' + (colIndex + 1) + ')');
let columnIndextoCopyData = totalColspan - parentTh.colSpan;
parentTh.colSpan += 1;
+ console.log("columnIndextoCopyData", columnIndextoCopyData);
// Determine the position for inserting the column
let insertPosition = totalColspan; // Default to inserting at the end of the current insurer's columns
@@ -5088,7 +5355,7 @@ function addInsurerDataForPremiumTable(event, insurerName, proposal_name) {
);
// newCell.classList.add('editablecolumns');
- newCell.innerHTML = rfqTable.rows[i].cells[columnIndextoCopyData].innerHTML;
+ // newCell.innerHTML = rfqTable.rows[i].cells[columnIndextoCopyData].innerHTML; //do not remove this
// newCell.style.backgroundColor = parentTh.style.backgroundColor;
labelIncrement++
}
@@ -5474,7 +5741,8 @@ function appendMultiFileData(data) {
async function submitData(input) {
- console.log(over_all_column_data);
+ console.log("The submit function called RFQ and QCR");
+ console.log("over_all_column_data", over_all_column_data);
try {
// Show loader if necessary
@@ -5485,6 +5753,8 @@ function appendMultiFileData(data) {
const jsonData = await tableToJsonForFormSubmit();
console.log(jsonData);
+ // return;
+
// Create a FormData object
const formData = new FormData();
let lead_id = $('#lead_id').val();
@@ -5619,7 +5889,7 @@ function appendMultiFileData(data) {
async function tableToJsonForFormSubmit() {
- // console.log('tableToJsonForFormSubmit function clled');
+ console.log('tableToJsonForFormSubmit function clled');
return new Promise((resolve) => {
@@ -5639,13 +5909,16 @@ function appendMultiFileData(data) {
// console.log('parentHeaders length', parentHeaders.length);
// console.log('subHeaders length', subHeaders.length);
-
+
+ const last_index = parentHeaders.length - 1;
+ console.log("last_index", last_index)
let headerIndex = 0;
- parentHeaders.forEach((header) => {
+ let headerIndex1 = 0;
+ let secondHeaderIndex = 0;
+ parentHeaders.forEach((header, FirstHeaderRowIndex) => {
// console.log('header names', header);
// console.log('header header.innerText', header.innerText);
-
// const colspan = header.getAttribute('colspan') || 4;
let colspan = 1;
@@ -5656,24 +5929,57 @@ function appendMultiFileData(data) {
colspan = header.getAttribute('colspan') || 1;
}
-
// console.log('colspan', colspan);
const subHeaderArray = [];
// console.log('headerIndex', headerIndex);
for (let i = 0; i < colspan; i++) {
- // console.log('headerIndex', headerIndex);
- const cleanedText = subHeaders[headerIndex].textContent.trim().split('⋮')[0].trim();
- // console.log('cleanedText', cleanedText);
- // console.log('headerIndex', headerIndex);
+ console.log('headerIndex', headerIndex);
+ // console.log('subHeaders[headerIndex]', subHeaders[headerIndex]);
+ let cleanedText = subHeaders[headerIndex].textContent.trim().split('⋮')[0].trim();
+ if(FirstHeaderRowIndex > 2 && secondHeaderIndex == 0){
+ cleanedText = (subHeaders[headerIndex].querySelector('.key_name')?.innerText || '').trim();
+ }
+ if(headerIndex1 === last_index){
+ cleanedText = "-";
+ }
+ console.log('cleanedText', cleanedText);
subHeaderArray.push(cleanedText);
headerIndex++;
+ secondHeaderIndex ++;
+ }
+ secondHeaderIndex = 0;
+
+ // let parentHeaderValue;
+ // if (headerIndex1 < 3 || headerIndex1 == last_index) {
+ // if(FirstHeaderRowIndex == 0){
+ // parentHeaderValue = (header.querySelector('.key_name')?.innerText || '').trim();
+ // }else{
+ // parentHeaderValue = header.innerText.trim().split('⋮')[0].trim();
+ // }
+ // } else {
+ // parentHeaderValue = (header.querySelector('.key_name')?.innerText || '').trim();
+ // }
+
+ let parentHeaderValue;
+
+ if (headerIndex1 < 3 || headerIndex1 === last_index) {
+ if (FirstHeaderRowIndex === 0) {
+ parentHeaderValue = (header.querySelector('.key_name')?.innerText || (header.innerText.split('⋮')[0] || '-')).trim() ?? "-";
+ } else {
+ parentHeaderValue = (header.innerText.split('⋮')[0] || '-').trim() ?? "-";
+ }
+ } else {
+ parentHeaderValue = (header.querySelector('.key_name')?.innerText || (header.innerText.split('⋮')[0] || '')).trim() ?? "-";
}
+
headers.push({
- parentHeader: header.textContent.trim().split('⋮')[0].trim(),
+ parentHeader: parentHeaderValue,
subHeaders: subHeaderArray
});
+
+ headerIndex1++;
});
// Get the data from table rows
@@ -5770,6 +6076,7 @@ function appendMultiFileData(data) {
jsonData.premium_data = premium_data;
// }
+ console.log('JSON.stringify(jsonData)', JSON.stringify(jsonData))
localStorage.setItem('data', JSON.stringify(jsonData));
resolve(jsonData);
});
@@ -5778,6 +6085,7 @@ function appendMultiFileData(data) {
async function convertJsonForQCR() {
var json = await tableToJsonForFormSubmit()
+ console.log("convertJsonForQCR json", json);
if (json) {