| Line 78... |
Line 78... |
| 78 |
<!-- Added table-striped and nested-table-striped classes -->
|
78 |
<!-- Added table-striped and nested-table-striped classes -->
|
| 79 |
<table class="table table-striped nested-table-striped brand-wise-table">
|
79 |
<table class="table table-striped nested-table-striped brand-wise-table">
|
| 80 |
<thead>
|
80 |
<thead>
|
| 81 |
<tr>
|
81 |
<tr>
|
| 82 |
<th>Brand</th>
|
82 |
<th>Brand</th>
|
| 83 |
<th class="lmsHead">LMS</th>
|
83 |
<th class="lmtdHead">LMTD</th>
|
| 84 |
<th class="mtdHead">MTD</th>
|
84 |
<th class="mtdHead">MTD</th>
|
| 85 |
<th>MTDQTY</th>
|
85 |
<th>MTDQTY</th>
|
| 86 |
<th></th>
|
86 |
<th></th>
|
| 87 |
</tr>
|
87 |
</tr>
|
| 88 |
</thead>
|
88 |
</thead>
|
| Line 154... |
Line 154... |
| 154 |
let prevMonth = new Date();
|
154 |
let prevMonth = new Date();
|
| 155 |
prevMonth.setMonth(selectedMonth.getMonth() - 1);
|
155 |
prevMonth.setMonth(selectedMonth.getMonth() - 1);
|
| 156 |
|
156 |
|
| 157 |
const monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
|
157 |
const monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
|
| 158 |
|
158 |
|
| 159 |
brandWiseRow.querySelector(".lmsHead").innerText = "LMS (" + monthNames[prevMonth.getMonth()] + ")";
|
159 |
brandWiseRow.querySelector(".lmtdHead").innerText = "LMTD (" + monthNames[prevMonth.getMonth()] + ")";
|
| 160 |
brandWiseRow.querySelector(".mtdHead").innerText = "MTD (" + monthNames[selectedMonth.getMonth()] + ")";
|
160 |
brandWiseRow.querySelector(".mtdHead").innerText = "MTD (" + monthNames[selectedMonth.getMonth()] + ")";
|
| 161 |
|
161 |
|
| 162 |
const brandBody = brandWiseRow.querySelector('.brandWiseBody');
|
162 |
const brandBody = brandWiseRow.querySelector('.brandWiseBody');
|
| 163 |
brandBody.innerHTML = '';
|
163 |
brandBody.innerHTML = '';
|
| 164 |
|
164 |
|
| Line 167... |
Line 167... |
| 167 |
const brandRow = document.createElement('tr');
|
167 |
const brandRow = document.createElement('tr');
|
| 168 |
brandRow.classList.add('clickable-brandrow');
|
168 |
brandRow.classList.add('clickable-brandrow');
|
| 169 |
brandRow.setAttribute('data-brand', item.brand);
|
169 |
brandRow.setAttribute('data-brand', item.brand);
|
| 170 |
brandRow.innerHTML =
|
170 |
brandRow.innerHTML =
|
| 171 |
'<td><b>' + safe(item.brand) + '</b></td>' +
|
171 |
'<td><b>' + safe(item.brand) + '</b></td>' +
|
| 172 |
'<td>' + safe(item.lms) + '</td>' +
|
172 |
'<td>' + safe(item.lmtd) + '</td>' +
|
| 173 |
'<td>' + safe(item.mtd) + '</td>' +
|
173 |
'<td>' + safe(item.mtd) + '</td>' +
|
| 174 |
'<td>' + safe(item.mtdQty) + '</td>' +
|
174 |
'<td>' + safe(item.mtdQty) + '</td>' +
|
| 175 |
'<td class="toggle-cell"><i class="fa fa-angle-down dropdown-icon" style="cursor:pointer; font-size: 27px;width: 27px;height: 27px;margin-top: 0px;color: rgba(255, 255, 255, 0.75);line-height: 27px;"></i></td>';
|
175 |
'<td class="toggle-cell"><i class="fa fa-angle-down dropdown-icon" style="cursor:pointer; font-size: 27px;width: 27px;height: 27px;margin-top: 0px;color: rgba(255, 255, 255, 0.75);line-height: 27px;"></i></td>';
|
| 176 |
|
176 |
|
| 177 |
brandRow.addEventListener('click', function () {
|
177 |
brandRow.addEventListener('click', function () {
|