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 { body {
padding-top: 61px; padding-top: 62px;
} }
.menuNavigazione { .menuNavigazione {
@ -17,7 +17,6 @@ body {
} }
.menuRicerca { .menuRicerca {
background-color: #999;
width: 30%; width: 30%;
} }

View File

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

View File

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