7x31/mailcow-dockerized
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Web] Highlight select boxes with missing required attrs

Browse Source
This commit is contained in:
andryyy
2020-10-23 20:23:54 +02:00
parent 85b8b74a4c
commit 9d0d826337
2 changed files with 22 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
data/web/css/build/008-mailcow.css
View File

@@ -187,3 +187,13 @@ nav .glyphicon {
border-bottom:1px solid #f5f5f5!important; border-bottom:1px solid #f5f5f5!important;
opacity: 0.3; opacity: 0.3;
} }
.btn-input-missing,
.btn-input-missing:hover,
.btn-input-missing:active,
.btn-input-missing:focus,
.btn-input-missing:active:hover,
.btn-input-missing:active:focus {
color: #000 !important;
background-color: #ff4136;
border-color: #ff291c;
}

12
data/web/js/build/012-api.js
View File

@@ -107,8 +107,14 @@ $(document).ready(function() {
if ($(this).prop('required')) { if ($(this).prop('required')) {
if (!$(this).val() && $(this).prop('disabled') === false) { if (!$(this).val() && $(this).prop('disabled') === false) {
invalid = true; invalid = true;
if ($(this).is("select")) {
$(this).selectpicker('setStyle', 'btn-input-missing', 'add');
}
$(this).addClass('inputMissingAttr'); $(this).addClass('inputMissingAttr');
} else { } else {
if ($(this).is("select")) {
$(this).selectpicker('setStyle', 'btn-input-missing', 'remove');
}
$(this).removeClass('inputMissingAttr'); $(this).removeClass('inputMissingAttr');
} }
} }
@@ -219,8 +225,14 @@ $(document).ready(function() {
if ($(this).prop('required')) { if ($(this).prop('required')) {
if (!$(this).val() && $(this).prop('disabled') === false) { if (!$(this).val() && $(this).prop('disabled') === false) {
invalid = true; invalid = true;
if ($(this).is("select")) {
$(this).selectpicker('setStyle', 'btn-input-missing', 'add');
}
$(this).addClass('inputMissingAttr'); $(this).addClass('inputMissingAttr');
} else { } else {
if ($(this).is("select")) {
$(this).selectpicker('setStyle', 'btn-input-missing', 'remove');
}
$(this).removeClass('inputMissingAttr'); $(this).removeClass('inputMissingAttr');
} }
} }