change marker dimension
This commit is contained in:
parent
5eb5bd1613
commit
598a2cc84c
@ -21,7 +21,7 @@ $(document).ready(function () {
|
||||
let nextMarkerId = 1;
|
||||
let partsListData = [];
|
||||
// DIMENSIONE GLOBALE MARKER
|
||||
let globalMarkerSize = 24;
|
||||
let globalMarkerSize = 16;
|
||||
|
||||
// ===================
|
||||
// MODAL INITIALIZATION
|
||||
@ -33,7 +33,7 @@ $(document).ready(function () {
|
||||
trfHeader,
|
||||
});
|
||||
|
||||
$("#annotationsModal").attr('data-iddatadb', iddatadb);
|
||||
$("#annotationsModal").attr("data-iddatadb", iddatadb);
|
||||
|
||||
if (!iddatadb && !idquotations) {
|
||||
const errorMsg = $(
|
||||
@ -137,7 +137,7 @@ $(document).ready(function () {
|
||||
}
|
||||
descriptionTextbox = null;
|
||||
markerObjects = {};
|
||||
globalMarkerSize = 24;
|
||||
globalMarkerSize = 16;
|
||||
$("#photoSelectorContainerAnnotations").empty().hide();
|
||||
$("#samplePhotoAnnotations").attr("src", "");
|
||||
$("#partsListAnnotations").empty();
|
||||
@ -167,9 +167,13 @@ $(document).ready(function () {
|
||||
}
|
||||
});
|
||||
|
||||
$("#partsListAnnotations .marker-size-slider").val(globalMarkerSize);
|
||||
$("#partsListAnnotations .marker-size-value").text(globalMarkerSize + "px");
|
||||
|
||||
$("#partsListAnnotations .marker-size-slider").val(
|
||||
globalMarkerSize,
|
||||
);
|
||||
$("#partsListAnnotations .marker-size-value").text(
|
||||
globalMarkerSize + "px",
|
||||
);
|
||||
|
||||
updateMarkers();
|
||||
markUnsaved();
|
||||
});
|
||||
@ -550,10 +554,15 @@ $(document).ready(function () {
|
||||
});
|
||||
modal.show();
|
||||
} else {
|
||||
let iddatadb = $("#annotationsModal").attr('data-iddatadb');
|
||||
|
||||
$("button.parts-btn[data-iddatadb='" + iddatadb + "']").trigger('click');
|
||||
}
|
||||
let iddatadb =
|
||||
$("#annotationsModal").attr("data-iddatadb");
|
||||
|
||||
$(
|
||||
"button.parts-btn[data-iddatadb='" +
|
||||
iddatadb +
|
||||
"']",
|
||||
).trigger("click");
|
||||
}
|
||||
},
|
||||
).fail(function (xhr) {
|
||||
console.error("Errore caricamento modale parti:", xhr);
|
||||
@ -660,17 +669,20 @@ $(document).ready(function () {
|
||||
);
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
const $listItem = $(this);
|
||||
const partNumber = $listItem.data("part-number");
|
||||
|
||||
if (selectedPartNumber == partNumber && $listItem.hasClass("active")) {
|
||||
if (
|
||||
selectedPartNumber == partNumber &&
|
||||
$listItem.hasClass("active")
|
||||
) {
|
||||
selectedPartNumber = null;
|
||||
$listItem.removeClass("active");
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
selectedPartNumber = partNumber;
|
||||
$listItem.addClass("active").siblings().removeClass("active");
|
||||
console.log(
|
||||
@ -723,7 +735,7 @@ $(document).ready(function () {
|
||||
|
||||
let currentPhoto = $("#samplePhotoAnnotations").attr("src");
|
||||
let annotations = photoAnnotations[currentPhoto];
|
||||
|
||||
|
||||
if (annotations) {
|
||||
annotations.markers.forEach(function (m) {
|
||||
if (m.partNumber == partNumber) {
|
||||
|
||||
@ -8,7 +8,7 @@
|
||||
<!-- SLIDER PER DIMENSIONE MARKER -->
|
||||
<div style="display: flex; align-items: center; gap: 10px; margin-left: 20px;">
|
||||
<label for="markerSizeSlider" style="margin: 0; font-size: 0.9rem; white-space: nowrap;">Dimensione marker:</label>
|
||||
<input type="range" id="markerSizeSlider" min="16" max="48" value="24" step="2" style="width: 120px;">
|
||||
<input type="range" id="markerSizeSlider" min="16" max="48" value="16" step="2" style="width: 120px;">
|
||||
<span id="markerSizeValue" style="font-weight: bold; min-width: 30px;">24px</span>
|
||||
</div>
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user