pingu_98/cara
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

handled download button disable function

Browse source
This commit is contained in:
Luis Aleixo 2022-08-12 14:19:11 +01:00
parent 4f68749cb4
commit 17b3419de7
2 changed files with 12 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
cara/apps/calculator/static/js/report.js
View file

@ -863,6 +863,15 @@ function copy_clipboard(shareable_link) {
}
function display_rename_column(bool, id) {
// Handle the disable property of the download button
let download_button = document.getElementById('downloadCSV');
if (document.querySelectorAll('input[type="checkbox"]:checked').length == 0) {
download_button.disabled = true;
}
else {
download_button.disabled = false;
}
// Change the visibility of renaming section
if (bool) document.getElementById(id).style.display = 'flex';
else document.getElementById(id).style.display = 'none';
}

6
cara/apps/templates/base/calculator.report.html.j2
View file

@ -48,9 +48,9 @@
<div class="modal-body">
<b>Select the data to export:</b>
<div class="form-check mt-3">
<input type="checkbox" class="form-check-input" name="checkedItems" id="Times" onclick="display_rename_column(this.checked, 'times-rename-div')">
<input type="checkbox" class="form-check-input" name="checkedItems" id="Times" onclick="display_rename_column(this.checked, 'times-rename-div')" checked>
<label class="form-check-label" for="Times">Times of day</label>
<div id="times-rename-div" class="align-items-center" style="display:none">
<div id="times-rename-div" class="align-items-center">
<label class="col-form-label" for="times-rename-div">Column name:</label>
<input type="text" class="form-control form-control-sm col-sm-4 ml-2" id="Times__rename" placeholder="Times" value="Times">
</div>
@ -89,7 +89,7 @@
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary" onclick="export_csv();">Download</button>
<button id="downloadCSV" type="button" class="btn btn-primary" onclick="export_csv();">Download</button>
</div>
</div>
</div>