toggle
This commit is contained in:
@ -145,6 +145,8 @@ $PL = $IncomesTotal - $ExpensesTotal;
|
||||
<a href="#" class="dropdown-item">View calendar</a>
|
||||
</div> -->
|
||||
</div>
|
||||
<button class="btn btn-secondary toggle-collapse btn-sm" id="toggleShowAll">Toggle Collapse</button>
|
||||
|
||||
<!-- <button type="button" class="btn btn-warning btn-sm" onclick="resetForm()">Reset</button> -->
|
||||
<!-- <button class="btn btn-secondary toggle-collapse btn-sm" id="toggleShowAll">Toggle Collapse</button> -->
|
||||
</form>
|
||||
@ -237,6 +239,8 @@ $PL = $IncomesTotal - $ExpensesTotal;
|
||||
<td colspan=3 class="p-0">
|
||||
<table class="table g-0">
|
||||
<?php $total1 = 0;
|
||||
$counter=0;
|
||||
$index=0;
|
||||
foreach ($IncomesExpenses['Incomes'] as $Incomes) { ?>
|
||||
<?php if ($Incomes['account'] == "GROUP TOTAL") : ?>
|
||||
<!-- <tr>
|
||||
@ -245,19 +249,21 @@ $PL = $IncomesTotal - $ExpensesTotal;
|
||||
<td class="text-right" width="15%"><u><?php echo myCurrency($Incomes['amount']); ?></u></td>
|
||||
</tr> -->
|
||||
<?php elseif ($Incomes['account'] == "CATEGORY TOTAL") : ?>
|
||||
<tr>
|
||||
<tr class="parent-row" class="group-heading" data-toggle="collapse" data-target="#group_<?php echo $index; ?>">
|
||||
<td class="pr-2" width="70%"><b><?php echo $Incomes['category']; ?></b></td>
|
||||
<td class="text-right pr-2" width="15%"><?php echo myCurrency($Incomes['amount']); ?></td>
|
||||
<td width="15%"></td>
|
||||
<td class="text-right pr-2" width="15%"><?php echo myCurrency($Incomes['amount']); ?></td>
|
||||
</tr>
|
||||
<?php else : ?>
|
||||
<?php $total1 += $Incomes['amount']; ?>
|
||||
<tr>
|
||||
<tr class="collapse" data-target="#group_<?php echo $index; ?>">
|
||||
<td class="pr-2" width="70%"> <?php echo $Incomes['account']; ?></td>
|
||||
<td width="15%"></td>
|
||||
<td class="text-right pr-2" width="15%"><?php echo myCurrency($Incomes['amount']); ?></td>
|
||||
<td width="15%"></td>
|
||||
</tr>
|
||||
<?php endif; ?>
|
||||
<?php $counter = $index ?>
|
||||
|
||||
<?php }; ?>
|
||||
</table>
|
||||
</td>
|
||||
@ -272,17 +278,18 @@ $PL = $IncomesTotal - $ExpensesTotal;
|
||||
<td class="text-right" width="15%"><u><?php echo myCurrency($Expenses['amount']); ?></u></td>
|
||||
</tr> -->
|
||||
<?php elseif ($Expenses['account'] == "CATEGORY TOTAL") : ?>
|
||||
<tr>
|
||||
<tr data-toggle="collapse" data-target="#group_<?php echo $counter; ?>">
|
||||
<td class="" width="70%"><b><?php echo $Expenses['category']; ?></b></td>
|
||||
<td class="text-right pr-2" width="15%"><?php echo myCurrency($Expenses['amount']); ?></td>
|
||||
<td width="15%"></td>
|
||||
<td class="text-right pr-2" width="15%"><?php echo myCurrency($Expenses['amount']); ?></td>
|
||||
|
||||
</tr>
|
||||
<?php else : ?>
|
||||
<?php $total += $Expenses['amount']; ?>
|
||||
<tr>
|
||||
<tr class="collapse" data-target="#group_<?php echo $counter; ?>">
|
||||
<td class="" width="70%"> <?php echo $Expenses['account']; ?></td>
|
||||
<td width="15%"></td>
|
||||
<td class="text-right" width="15%"><?php echo myCurrency($Expenses['amount']); ?></td>
|
||||
<td width="15%"></td>
|
||||
</tr>
|
||||
<?php endif; ?>
|
||||
<?php }; ?>
|
||||
@ -337,6 +344,55 @@ $PL = $IncomesTotal - $ExpensesTotal;
|
||||
</section>
|
||||
<?php function footerFunctions()
|
||||
{ ?>
|
||||
<script>
|
||||
// var exportButton = document.getElementById("exportButton");
|
||||
// exportButton.addEventListener("click", function() {
|
||||
// exportTableToCSV("table.csv");
|
||||
// });
|
||||
document.addEventListener("DOMContentLoaded", function() {
|
||||
// Trigger click event on page load
|
||||
document.getElementById("toggleShowAll").click();
|
||||
});
|
||||
document.getElementById("toggleShowAll").addEventListener("click", function(e) {
|
||||
e.preventDefault();
|
||||
var nestedRows = document.getElementsByClassName("collapse");
|
||||
for (var i = 0; i < nestedRows.length; i++) {
|
||||
if (nestedRows[i].classList.contains("show")) {
|
||||
nestedRows[i].classList.remove("show");
|
||||
} else {
|
||||
nestedRows[i].classList.add("show");
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
function exportTableToCSV(filename) {
|
||||
var csv = [];
|
||||
var rows = document.querySelectorAll("table tr:not(.hide)");
|
||||
for (var i = 0; i < rows.length; i++) {
|
||||
var row = [];
|
||||
var cols = rows[i].querySelectorAll("td:not(.hide), th:not(.hide)");
|
||||
// Check if the parent row is collapsed or hidden
|
||||
var parentRow = rows[i].closest(".collapse");
|
||||
var isParentCollapsed = parentRow && (!parentRow.classList.contains("show"));
|
||||
if (isParentCollapsed) {
|
||||
continue; // Skip child table rows if parent is collapsed
|
||||
}
|
||||
for (var j = 0; j < cols.length; j++) {
|
||||
var cellValue = cols[j].innerText.replace(/,/g, ""); // Remove commas from the cell value
|
||||
row.push(cellValue);
|
||||
}
|
||||
csv.push(row.join(","));
|
||||
}
|
||||
// Create a CSV file
|
||||
var csvContent = "data:text/csv;charset=utf-8," + csv.join("\n");
|
||||
var encodedUri = encodeURI(csvContent);
|
||||
var link = document.createElement("a");
|
||||
link.setAttribute("href", encodedUri);
|
||||
link.setAttribute("download", filename);
|
||||
document.body.appendChild(link);
|
||||
link.click();
|
||||
}
|
||||
</script>
|
||||
<script>
|
||||
$("#fromDate").nepaliDatePicker({
|
||||
dateFormat: "%y-%m-%d",
|
||||
|
Reference in New Issue
Block a user