pota multiselect and layout of link buttons

This commit is contained in:
HB9HIL
2024-03-01 21:18:07 +01:00
parent b2489d1c18
commit c9da4010fa
9 changed files with 47 additions and 19 deletions

View File

@@ -377,7 +377,7 @@
<small id="sotaRefHelp" class="form-text text-muted"><?php echo lang('qso_sota_ref_helptext'); ?></small>
</div>
<div class="mb-3 col-md-3 align-self-center">
<small id="sota_info" class="badge text-bg-secondary"></small>
<button id="sota_info" class="btn btn-secondary spw-buttons"></button>
</div>
</div>
@@ -388,7 +388,7 @@
<small id="wwffRefHelp" class="form-text text-muted"><?php echo lang('qso_wwff_ref_helptext'); ?></small>
</div>
<div class="mb-3 col-md-3 align-self-center">
<small id="wwff_info" class="badge text-bg-secondary"></small>
<button id="wwff_info" class="btn btn-secondary spw-buttons"></button>
</div>
</div>
@@ -399,7 +399,7 @@
<small id="potaRefHelp" class="form-text text-muted"><?php echo lang('qso_pota_ref_helptext'); ?></small>
</div>
<div class="mb-3 col-md-3 align-self-center">
<small id="pota_info" class="badge text-bg-secondary"></small>
<button id="pota_info" class="btn btn-secondary spw-buttons"></button>
</div>
</div>

View File

@@ -134,10 +134,6 @@ path.grid-worked {
background-color: #151515;
}
.selectize-input.focus {
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.selectize-dropdown .optgroup-header {
color: #151515;
}
@@ -149,11 +145,16 @@ path.grid-worked {
.selectize-input.focus {
color: #282828;
background-color: #fff;
background-color: #151515;
border-color: #95cfeb;
box-shadow: 0 0 0 0.2rem rgba(42, 159, 214, 0.25);
}
.selectize-control.multi .selectize-input > div {
background: #555555;
color: #fff;
}
.selectize-dropdown,
.selectize-dropdown.form-control {
border-radius: 0;

View File

@@ -134,10 +134,6 @@ path.grid-worked {
background-color: #151515;
}
.selectize-input.focus {
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.selectize-dropdown .optgroup-header {
color: #151515;
}
@@ -149,11 +145,16 @@ path.grid-worked {
.selectize-input.focus {
color: #282828;
background-color: #fff;
background-color: #151515;
border-color: #95cfeb;
box-shadow: 0 0 0 0.2rem rgba(42, 159, 214, 0.25);
}
.selectize-control.multi .selectize-input > div {
background: #555555;
color: #fff;
}
.selectize-dropdown,
.selectize-dropdown.form-control {
border-radius: 0;

View File

@@ -161,11 +161,16 @@ div.alert-danger {
.selectize-input.focus {
color: #444;
background-color: #fff;
background-color: #222222;
border-color: #739ac2;
box-shadow: 0 0 0 0.2rem rgba(55, 90, 127, 0.25);
}
.selectize-control.multi .selectize-input > div {
background: #4c4c4c;
color: #fff;
}
.selectize-dropdown,
.selectize-dropdown.form-control {
border-radius: 0;

View File

@@ -161,11 +161,16 @@ div.alert-danger {
.selectize-input.focus {
color: #444;
background-color: #fff;
background-color: #222222;
border-color: #739ac2;
box-shadow: 0 0 0 0.2rem rgba(55, 90, 127, 0.25);
}
.selectize-control.multi .selectize-input > div {
background: #4c4c4c;
color: #fff;
}
.selectize-dropdown,
.selectize-dropdown.form-control {
border-radius: 0;

View File

@@ -856,3 +856,9 @@ label {
background-color: rgb(254 243 199) !important;
--bs-badge-color: rgb(217 119 6) !important;
}
.spw-buttons {
--bs-btn-padding-x: 0.3rem;
--bs-btn-padding-y: 0.1rem;
display: none;
}

View File

@@ -148,11 +148,16 @@ div.alert-danger {
.selectize-input.focus {
color: #495057;
background-color: #fff;
background-color: #2b3d51;
border-color: #f1b287;
box-shadow: 0 0 0 0.2rem rgba(223, 105, 26, 0.25);
}
.selectize-control.multi .selectize-input > div {
background: #4e5d6c;
color: #fff;
}
.selectize-input.dropdown-active {
border-radius: 0;
}

View File

@@ -190,11 +190,16 @@ div.alert-danger {
.selectize-input.focus {
color: #495057;
background-color: #fff;
background-color: #2b3d51;
border-color: #f1b287;
box-shadow: 0 0 0 0.2rem rgba(223, 105, 26, 0.25);
}
.selectize-control.multi .selectize-input > div {
background: #4e5d6c;
color: #fff;
}
.selectize-input.dropdown-active {
border-radius: 0;
}

View File

@@ -453,7 +453,7 @@ $( document ).ready(function() {
});
$('#pota_ref').selectize({
maxItems: 1,
maxItems: null,
closeAfterSelect: true,
loadThrottle: 250,
valueField: 'name',
@@ -479,7 +479,7 @@ $( document ).ready(function() {
});
},
onChange: function(value) {
if (value != '') {
if (value !== '' && value.indexOf(',') === -1) {
$('#pota_info').show();
$('#pota_info').html('<a target="_blank" href="https://pota.app/#/park/'+ value +'"><img width="32" height="32" src="'+base_url+'images/icons/pota.app.png"></a>');
$('#pota_info').attr('title', 'Lookup '+ value +' reference info on pota.co');