concordia
/
LiDa_Search
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Work in progress nuovo modo di visualizzare le info

This commit is contained in:
Luca Trupiano 2023-02-20 19:01:46 +01:00
parent bc675c43e6
commit 037c8145c1
5 changed files with 27 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
css/custom1_4.2.css
View File

@ -22,6 +22,11 @@ body {
width: 15%;
}
#displayinfo {
min-height: 300px !important;
overflow: scroll !important;
}
#colVisualizza {
min-height: 700px;
}

5
css/custom2_4.2.css
View File

@ -22,6 +22,11 @@ body {
width: 15%;
}
#displayinfo {
min-height: 300px !important;
overflow: scroll !important;
}
#colVisualizza {
min-height: 700px;
}

5
index_4.2.html
View File

@ -416,12 +416,11 @@
</div>
</div>
<div class="d-table-row h-100 w-100">
<div class="visInfo w-100 h-100 py-3 pl-3">
<div id='displayinfo' class="w-100" style="display: d-flex;">Visualizza info <br><br><br><br><br><br><br><br><br><br><br><br><br></div>
<div class="visInfo w-100 h-100" style="padding-top: 6px;">
<div id='displayinfo' class="w-100 border pt-3 pl-3" style="display: d-flex;">Visualizza info <br><br><br><br><br><br><br><br><br><br><br><br><br></div>
</div>
</div>
</div>
</div>
<div id="colMinimap" class="d-table-cell bg-lida-vis minimap border-right border-bottom align-top">

12
js/minimap.js
View File

@ -97,10 +97,10 @@ function showMinimap() {
realScale = Math.min((maxHeight/miniCantoHeight), 1);
minimap.style.width = '100%';
console.log("maxHeight: "+maxHeight)
console.log("maxWidth: "+maxWidth)
console.log("srcCantoHeight: "+$(currentMinimap)[0].clientHeight)
console.log("realScale: "+realScale)
//console.log("maxHeight: "+maxHeight)
//console.log("maxWidth: "+maxWidth)
//console.log("srcCantoHeight: "+$(currentMinimap)[0].clientHeight)
//console.log("realScale: "+realScale)
minimapContent.style.transform = `scale(${realScale})`;
//minimapContent.style.height = Math.trunc(miniCantoHeight) + "px";
@ -108,8 +108,8 @@ function showMinimap() {
minimapContent.style.height = miniCantoHeight + "px";
minimapContent.style.width = maxWidth/realScale + "px";
console.log("minimapContent.style.height: "+minimapContent.style.height)
console.log("minimapContent.style.width: "+minimapContent.style.width)
//console.log("minimapContent.style.height: "+minimapContent.style.height)
//console.log("minimapContent.style.width: "+minimapContent.style.width)
viewer.style.height = viewerHeight + "px";
viewer.style.width = viewerWidth + "px";

10
js/script_4.2.js
View File

@ -132,6 +132,8 @@ $(document).ready(function() {
minWidth: 100,
maxWidth: 350,
resize: function(event, ui) {
$("#displayinfo").css("maxWidth", $(".visInfo").width()+"px");
$("#displayinfo").css("maxHeight", $(".visInfo").height()+"px");
getDimensionsDiv();
},
stop: function(event, ui) {
@ -144,7 +146,8 @@ $(document).ready(function() {
minWidth: 350,
resize: function(event, ui) {
ui.position.left = 0;
//$("#displaycantowrapper").width("100%");
$("#displayinfo").css("maxWidth", $(".visInfo").width()+"px");
$("#displayinfo").css("maxHeight", $(".visInfo").height()+"px");
getDimensionsDiv();
},
stop: function(event, ui) {
@ -159,6 +162,8 @@ $(document).ready(function() {
alsoResize: "#displaycanto",
resize: function(event, ui) {
$("#displaycanto").width(" min-content");
$("#displayinfo").css("maxWidth", $(".visInfo").width()+"px");
$("#displayinfo").css("maxHeight", $(".visInfo").height()+"px");
getDimensionsDiv();
},
stop: function(event, ui) {
@ -549,6 +554,9 @@ $(document).ready(function() {
// Fine variabili
$("#displayinfo").css("maxWidth", $(".visInfo").width()+"px");
$("#displayinfo").css("maxHeight", $(".visInfo").height()+"px");
getJsonQuery = function(){
return queryJson;
}