lee/changedetection.io
1
0
Fork 0
mirror of https://github.com/dgtlmoon/changedetection.io.git synced 2026-09-25 14:55:59 +00:00
Code Issues Actions 9 Packages Projects Releases Wiki Activity

fixed check behavior and added cancel button to checkbox functions menu

Browse Source
This commit is contained in:
ntmmfts
2022-01-05 04:59:26 -10:00
parent b1292908e2
commit 471c5533ee
3 changed files with 31 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
changedetectionio/static/js/tbltools.js
+16 -1
View File
@@ -218,7 +218,13 @@ function checkChange(e) {
var i;
var totalCheckbox = document.querySelectorAll('input[name="check"]').length;
var totalChecked = document.querySelectorAll('input[name="check"]:checked').length;
var checkboxFunctions = document.getElementById('checkbox-functions'); //document.querySelectorAll('[id=checkbox-functions]');
var checkboxFunctions = document.getElementById('checkbox-functions');
if(totalCheckbox == totalChecked) {
document.getElementsByName("showhide")[0].checked=true;
}
else {
document.getElementsByName("showhide")[0].checked=false;
}
if (totalChecked > 0) {
checkboxFunctions.style.display = "";
checkboxFunctions.style.left = offsetLeft + 30 + "px";
@@ -388,4 +394,13 @@ function getSort() {
//alert("Your web browser does not support retaining sorting and page position.");
}
}
}
function closeGridDisplay() {
document.getElementsByName("showhide")[0].checked = false;
var checkboxes = document.getElementsByName('check');
for (i = 0; i < checkboxes.length; i++) {
checkboxes[i].checked = false;
}
document.getElementById("checkbox-functions").style.display = "none";
}
changedetectionio/static/styles/styles.css
+12 -8
View File
@@ -179,18 +179,18 @@ section.content {
#post-list-buttons li {
display:inline-block
}
#post-list-buttons a {
border-top-left-radius:initial;
border-top-right-radius:initial;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}
#post-list-buttons-top-grid {
margin: 0px;
}
#post-list-buttons-top-grid li {
list-style-type: none;
}
#post-list-buttons a {
border-top-left-radius:initial;
border-top-right-radius:initial;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px
}
#checkbox-functions ul {
padding-left: 0px;
}
@@ -219,10 +219,14 @@ section.content {
-ms-grid-column: 1;
-ms-grid-row: 4;
}
#grid-item-5 { /* IE grid support */
-ms-grid-column: 1;
-ms-grid-row: 5;
}
#checkbox-functions .pure-button {
background: #0078e7;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
changedetectionio/templates/watch-overview.html
+3
View File
@@ -42,6 +42,9 @@
<li id="grid-item-4">
<a href="javascript:processChecked('delete_selected', '{{ active_tag }}');" class="pure-button button-tag danger " title="Delete Selected{%if active_tag%} in &quot;{{active_tag}}&quot;{%endif%}">Delete&nbsp;&nbsp;</a>
</li>
<li id="grid-item-5">
<a href="javascript:closeGridDisplay();" class="pure-button button-tag ">Cancel&nbsp;&nbsp;</a>
</li>
</ul>
</div>
</div>