Risolti problemi grafici e alcuni dei problemi di resize

This commit is contained in:
Luca Trupiano 2023-02-02 19:49:17 +01:00
parent e6dae6fe84
commit c8a9003976
3 changed files with 1018 additions and 997 deletions

View File

@ -5,7 +5,7 @@ body {
}
body {
padding-top: 61px;
padding-top: 62px;
}
.menuNavigazione {
@ -17,7 +17,6 @@ body {
}
.menuRicerca {
background-color: #999;
width: 30%;
}

View File

@ -6,24 +6,34 @@
<title>LiDa Dashboard</title>
<base target="_self">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/css/bootstrap4-toggle.min.css">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.1/themes/base/jquery-ui.css">
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css">
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/css/bootstrap4-toggle.min.css">
<link rel="stylesheet"
href="https://code.jquery.com/ui/1.13.1/themes/base/jquery-ui.css">
<!--
-->
<link rel="stylesheet" href="./css/browsingldc.css">
<link rel="stylesheet" href="./css/custom_4.css">
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF" crossorigin="anonymous"></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF"
crossorigin="anonymous"></script>
<script src="https://code.jquery.com/ui/1.13.1/jquery-ui.js" defer></script>
<script src="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/js/bootstrap4-toggle.min.js"></script>
<script src="https://rdf.js.org/comunica-browser/versions/latest/engines/query-sparql/comunica-browser.js"></script>
<script
src="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/js/bootstrap4-toggle.min.js"></script>
<script
src="https://rdf.js.org/comunica-browser/versions/latest/engines/query-sparql/comunica-browser.js"></script>
<script type="text/javascript" src="https://bundle.run/sparqljs@3.4.1"></script>
<!--
-->
<script type="module" src="https://hdnlab1.isti.cnr.it/d3search/js/syntgraph.js"></script>
<script src="https://hdnlab1.isti.cnr.it/d3search/node_modules/commarcdiag/d3.js"></script>
<script type="module"
src="https://hdnlab1.isti.cnr.it/d3search/js/syntgraph.js"></script>
<script
src="https://hdnlab1.isti.cnr.it/d3search/node_modules/commarcdiag/d3.js"></script>
<script type="text/javascript" src="./js/lib/peg-0.10.0.min.js"></script>
<script type="text/javascript" src="./js/lib/jquery.ui.touch-punch.js"></script>
<script type="text/javascript" src="./js/cesareBrowse.js"></script>
@ -31,11 +41,14 @@
<script type="text/javascript" src="./js/utils.js"></script>
<script type="text/javascript" src="./js/script_4.1.js"></script>
</head>
<body>
<div class="h-100 container-fluid">
<div>
<nav class="navbar border navbar-expand-lg navbar-light bg-light justify-content-between fixed-top">
<nav
class="navbar border navbar-expand-lg navbar-light bg-light justify-content-between fixed-top">
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1"
aria-controls="bs-example-navbar-collapse-1" aria-expanded="false"
@ -46,8 +59,9 @@
<div class="collapse navbar-collapse"
id="bs-example-navbar-collapse-1">
<ul class="navbar-nav">
<li class="nav-item active pt-1"><a class="nav-link"
href="#">Canti <span class="sr-only">(current)</span></a></li>
<li class="nav-item active pt-1"><a class="nav-link" href="#">Canti
<span class="sr-only">(current)</span>
</a></li>
<li class="nav-item pt-1"><a class="nav-link" href="#">Metafore
<span class="sr-only">(current)</span>
</a></li>
@ -88,6 +102,8 @@
</li>
</ul>
</div>
</nav>
</div>
@ -95,7 +111,7 @@
<div class="d-table h-100 w-100">
<div id="colNavigazione" class="d-table-cell menuNavigazione">
<div id="colNavigazione" class="d-table-cell menuNavigazione align-top">
<div id="accordionNav" class="sticky-top pr-2">
<div class="card">
@ -345,30 +361,34 @@
</div>
<div id="colVisualizza" class="d-table-cell bg-lida-vis">
<div id="colVisualizza" class="d-table-cell bg-lida-vis border-left border-bottom align-top">
<div class="d-table h-75 w-100">
<div class="d-table-row">
<div class="blog-main visCanto w-100 h-100 py-3 pl-3">
<div id='displaycanto' style="display: d-flex; height:450px; overflow-y: scroll;"></div>
<div class="blog-main visCanto w-100 h-100">
<div id='displaycanto' class="w-100 py-3 pl-3" style="display: d-flex; height:450px; overflow-y: scroll;"></div>
<div class="ui-resizable-handle ui-resizable-s border-bottom" style="z-index: 90;border-bottom-width: 8px !important; border-bottom-style: double !important; border-bottom-color: #cbcbc0 !important;"></div>
</div>
</div>
<div class="d-table-row">
<div class="w-100 h-100 py-3 pl-3">
<div id='displayinfo' class="w-100 h-100">Visualizza info</div>
</div>
<div id='displayinfo' class="w-100">Visualizza info<br><br><br><br><br>Quando questa div e' vuota ci sono problemi col resize...<br>ma non e' l'unico caso</div>
</div>
</div>
</div>
<div id="colMinimap" class="d-table-cell bg-lida-vis minimap">
</div>
<div id="colMinimap" class="d-table-cell bg-lida-vis minimap align-top">
<div id="displayminimap" class="col">&nbsp;</div>
</div>
<div id="colRicerca" class="d-table-cell menuRicerca">
<div id="colRicerca" class="d-table-cell menuRicerca align-top">
<div class="pl-2 py-0 m-0">
<form>
<div id="rigaRicercaSemplice"
class="row bg-lida10 border mx-0 p-2 d-flex justify-content-end">
@ -377,8 +397,7 @@
<div class="btn-group" role="group"
aria-label="Bottoni Ricerca Semplice">
<div class="pr-0 align-self-end">
<input
class="form-control-sm pr-0 border border-lida4 monMe"
<input class="form-control-sm pr-0 border border-lida4 monMe"
type="text" id="queryText"
placeholder=' inserisci un termine'
style="width: 150px; border-width: 2px !important;">
@ -403,8 +422,8 @@
<div class="col-12 justify-content-end px-0"
id="advancedSearchDiv" style="display: none">
<div class="btn-group d-sm-inline flex-nowrap p-0"
role="group" aria-label="Bottoni Ricerca Avanzata">
<div class="btn-group d-sm-inline flex-nowrap p-0" role="group"
aria-label="Bottoni Ricerca Avanzata">
<button class="btn btn-sm btn-lida4 mr-1" type="submit"
id='searchcomm2'>
<ion-icon name="search"></ion-icon>
@ -434,6 +453,7 @@
</div>
<div id="rigaRicerca" class="row mx-0">
<div id="displayOptions" class="col-12 px-0">
@ -455,8 +475,7 @@
<option value="sottostringa">come Sottostringa</option>
<option value="prefisso">come Prefisso</option>
<option value="suffisso">come Suffisso</option>
<option value="regexp">come Espressione
regolare</option>
<option value="regexp">come Espressione regolare</option>
</select>
</div>
@ -978,9 +997,8 @@
id="cla-TabContent">
<div class="col-12 pt-2">
<span class="small text-muted align-bottom pr-2"
id="tipoRicerca">Definisci i filtri
modificando le clausole e/o trascinandole nelle
condizioni logiche:</span>
id="tipoRicerca">Definisci i filtri modificando
le clausole e/o trascinandole nelle condizioni logiche:</span>
</div>
<div class="col-12 tab-pane fade show active p-1 pb-2"
id="cla0" role="tabpanel" aria-labelledby="cla0-tab">
@ -1045,15 +1063,17 @@
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="rigaNascosta" class="row" style="display: none;">
<!-- INIZIO MODELLI CLAUSOLE -->
@ -1829,8 +1849,7 @@
</div>
<div style="min-height: 64px;"
class="col-md-auto pl-0 pr-2 pb-2 flex-fill align-self-start">
<span class="small clatext">xX2Xx<br>
<br></span>
<span class="small clatext">xX2Xx<br> <br></span>
</div>
<div
class="col-md-auto px-1 align-self-start justify-content-end">
@ -1907,9 +1926,12 @@
<!-- FINE MODELLI CLAUSOLE -->
</div>
</div>
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
<script type="module"
src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule
src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
</body>
</html>

View File

@ -116,9 +116,9 @@ $(document).ready(function() {
resize: function(event, ui) {
getDimDiv();
},
stop: function(event, ui) {
ui.element.width("");
}
//stop: function(event, ui) {
// ui.element.width("");
//}
});
// Evento: modifica dell'unitaRicerca'