LiDa_Search/index_2.0.html

1316 lines
76 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LiDa Dashboard</title>
<base target="_self">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
<link rel="stylesheet" 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.datatables.net/1.12.1/css/jquery.dataTables.min.css"> -->
<link rel="stylesheet" href="./css/datatables.min.css">
<link rel="stylesheet" href="./css/custom.css">
<!-- <link rel="stylesheet" href="./node_modules/normalize.css/normalize.css">
<link rel="stylesheet" href="./node_modules/jquery-ui-dist/jquery-ui.min.css">
<link rel="stylesheet" href="./node_modules/jquery-ui-dist/jquery-ui.theme.min.css">
<link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="./css/custom.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://code.jquery.com/ui/1.13.1/jquery-ui.js" defer></script>
<script src="https://rdf.js.org/comunica-browser/versions/latest/engines/query-sparql/comunica-browser.js"></script>
<!-- <script src="https://rdf.js.org/comunica-browser/versions/v2/engines/query-sparql/comunica-browser.js"></script> -->
<!-- <script src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js" defer></script> -->
<script type="text/javascript" src="./js/datatables.min.js" defer></script>
<script type="text/javascript" src="./js/utils.js"></script>
<script type="text/javascript" src="https://bundle.run/sparqljs@3.4.1"></script>
<script type="text/javascript" src="./js/lib/jquery.ui.touch-punch.js"></script>
<script type="text/javascript" src="./js/lib/peg-0.10.0.min.js"></script>
<script type="text/javascript" src="./js/tcrs-generated-labels.min.js"></script>
<script type="text/javascript" src="./js/tcrs-moving-tooltip.min.js"></script>
<script type="text/javascript" src="./js/toolcool-range-slider.min.js"></script>
<script type="text/javascript" src="./js/script_Luk16.js"></script>
</head>
<body>
<div class="container-fluid">
<div class="row p-4">
<div class="col">
<nav class="navbar border navbar-expand-lg navbar-light bg-light 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" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand font-weight-bold" href="#">LiDa</a>
<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 pt-1">
<a class="nav-link" href="#">Metafore <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item pt-1">
<a class="nav-link" href="#">Altro</a>
</li>
</ul>
<ul class="navbar-nav ml-md-auto mr-2">
<li class="nav-item dropleft">
<a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Vista
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="#">Canto</a>
<a class="dropdown-item" href="#">Risultati in terzine</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Risultati in formato...</a>
</div>
</li>
</ul>
</div>
</nav>
</div>
</div>
<div class="row p-2">
<div class="col-2 mt-1">
<div id="accordion">
<div class="card">
<div class="card-header" id="headingOne">
<h6 class="mb-0">
<button class="btn btn-sm btn-link" data-toggle="collapse"
data-target="#collapseOne" aria-expanded="true"
aria-controls="collapseOne">Inferno</button>
<span class="badge badge-primary badge-pill">14</span>
</h6>
</div>
<div id="collapseOne" class="collapse show"
aria-labelledby="headingOne" data-parent="#accordion">
<div class="card-body"><span class="small text-muted">1 2 3 4 5 6 7 8 9 <mark>10</mark><sup class="text-primary font-weight-bold">4</sup> 11 12 13 14 15
16 17 18 19 20 <mark>21</mark><sup class="text-primary font-weight-bold">10</sup> 22 23 24 25 26 27 28 29 30 31 32 33 34</span></div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingTwo">
<h5 class="mb-0">
<button class="btn btn-sm btn-link collapsed" data-toggle="collapse"
data-target="#collapseTwo" aria-expanded="false"
aria-controls="collapseTwo">Purgatorio</button>
</h5>
</div>
<div id="collapseTwo" class="collapse"
aria-labelledby="headingTwo" data-parent="#accordion">
<div class="card-body"><span class="small text-muted">1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33</span></div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingThree">
<h5 class="mb-0">
<button class="btn btn-sm btn-link collapsed" data-toggle="collapse"
data-target="#collapseThree" aria-expanded="false"
aria-controls="collapseThree">Paradiso</button>
</h5>
</div>
<div id="collapseThree" class="collapse"
aria-labelledby="headingThree" data-parent="#accordion">
<div class="card-body"><span class="small text-muted">1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33</span></div>
</div>
</div>
</div>
</div>
<div class="col-10 pl-0 mt-1">
<div class="row bg-lida10 border mx-1 p-2">
<div class="col-10">
<div class="form-inline input-group bg-lida10 pt-1" action="" style="display: flex">
<form class="form-inline">
<input class="form-control-sm mr-sm-2" type="text" placeholder="Cerca">
<button class="btn btn-sm btn-lida4 my-2 my-sm-0" type="submit">Cerca</button>
</form>
<button class="btn btn-sm btn-outline-lida4 m-2 my-sm-0" type="button" data-toggle="collapse" data-target="#collapseOptions" aria-expanded="false" aria-controls="collapseExample">
Opzioni
</button>
</div>
</div>
<div class="col-2 float-right">
<div class="custom-control custom-switch mx-3 bd-highlight pt-2 float-right">
<input type="checkbox" class="custom-control-input btn-lida4" name="avanzata-attiva" data-toggle="collapse" data-target="#collapseAdvanced" aria-label="Ricerca avanzata" id="advanSW">
<label class="custom-control-label btn-outline-lida4" for="advanSW">
<div class="pb-1 ">Avanzata
</div></label>
</div>
</div>
</div>
<div class="row mx-1">
<div class="col px-0">
<div class="collapse" id="collapseOptions">
<div class="card card-body bg-lida10">
<div class="form-inline input-group" action="">
<select class="form-control custom-select custom-select-sm bg-light" id="lemma_forma">
<option value="forma">La Forma</option>
<option value="lemma">Il Lemma</option>
<option value="testo">Il Testo</option>
</select>
<select class="form-control custom-select custom-select-sm bg-light ml-2" id="opzioni_testo">
<option value="opzionetesto">Come Parola</option>
<option value="opzionetesto">Come Sottostringa</option>
<option value="opzionetesto">Come Prefisso</option>
<option value="opzionetesto">Come Suffisso</option>
<option value="opzionetesto">Come Espressione regolare</option>
<option value="opzionetesto">Tutte le occorrenze</option>
</select>
</div>
<div class="border bg-light well mt-2" id="contextTableDiv">
<table id="selectable" class="table table-responsive selCanti table-bordered table-sm ui-selectable">
<thead>
<tr>
<th><div class="small text-muted text-right">Cantica\Canto&nbsp;</div></th>
<th><div class="small text-muted">1</div></th>
<th><div class="small text-muted">2</div></th>
<th><div class="small text-muted">3</div></th>
<th><div class="small text-muted">4</div></th>
<th><div class="small text-muted">5</div></th>
<th><div class="small text-muted">6</div></th>
<th><div class="small text-muted">7</div></th>
<th><div class="small text-muted">8</div></th>
<th><div class="small text-muted">9</div></th>
<th><div class="small text-muted">10</div></th>
<th><div class="small text-muted">11</div></th>
<th><div class="small text-muted">12</div></th>
<th><div class="small text-muted">13</div></th>
<th><div class="small text-muted">14</div></th>
<th><div class="small text-muted">15</div></th>
<th><div class="small text-muted">16</div></th>
<th><div class="small text-muted">17</div></th>
<th><div class="small text-muted">18</div></th>
<th><div class="small text-muted">19</div></th>
<th><div class="small text-muted">20</div></th>
<th><div class="small text-muted">21</div></th>
<th><div class="small text-muted">22</div></th>
<th><div class="small text-muted">23</div></th>
<th><div class="small text-muted">24</div></th>
<th><div class="small text-muted">25</div></th>
<th><div class="small text-muted">26</div></th>
<th><div class="small text-muted">27</div></th>
<th><div class="small text-muted">28</div></th>
<th><div class="small text-muted">29</div></th>
<th><div class="small text-muted">30</div></th>
<th><div class="small text-muted">31</div></th>
<th><div class="small text-muted">32</div></th>
<th><div class="small text-muted">33</div></th>
<th><div class="small text-muted">34</div></th>
</tr>
</thead>
<tbody>
<tr>
<th><div class="small text-muted text-right">Inferno&nbsp;</div></th>
<td class="ui-widget-content ui-selectee" id="0_0"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_1"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_2"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_3"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_4"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_5"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_6"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_7"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_8"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_9"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_10"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_11"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_12"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_13"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_14"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_15"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_16"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_17"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_18"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_19"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_20"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_21"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_22"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_23"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_24"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_25"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_26"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_27"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_28"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_29"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_30"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_31"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_32"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_33"><div class=" px-1 border well">&nbsp;</div></td>
</tr>
<tr>
<th><div class="small text-muted text-right">Purgatorio&nbsp;</div></th>
<td class="ui-widget-content ui-selectee" id="1_0"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_1"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_2"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_3"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_4"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_5"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_6"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_7"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_8"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_9"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_10"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_11"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_12"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_13"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_14"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_15"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_16"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_17"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_18"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_19"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_20"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_21"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_22"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_23"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_24"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_25"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_26"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_27"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_28"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_29"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_30"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_31"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_32"><div class=" px-1 border well">&nbsp;</div></td>
</tr>
<tr>
<th><div class="small text-muted text-right">Paradiso&nbsp;</div></th>
<td class="ui-widget-content ui-selectee" id="2_0"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_1"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_2"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_3"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_4"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_5"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_6"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_7"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_8"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_9"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_10"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_11"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_12"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_13"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_14"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_15"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_16"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_17"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_18"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_19"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_20"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_21"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_22"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_23"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_24"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_25"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_26"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_27"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_28"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_29"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_30"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_31"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_32"><div class=" px-1 border well">&nbsp;</div></td>
</tr>
</tbody>
</table>
<div id="someElem"></div>
</div>
</div>
</div>
<!-- INIZIO AVANZATE -->
<div class="collapse" id="collapseAdvanced">
<div class="col-md-12 p-2 bg-lida10">
<ul class="nav nav-tabs" id="tab-list" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" id="cla0-tab" data-toggle="tab" href="#cla0" role="tab" aria-controls="cla0" aria-selected="true"><span class="text-secondary"><ion-icon name="search-circle"></ion-icon></span><span class="text-dark font-weight-bold">&nbsp;&nbsp;Ricerca</span></a>
</li>
</ul>
<form>
<div class="tab-content border-right border-left border-bottom" id="cla-TabContent">
<div class="tab-pane fade show active p-2 bg-white" id="cla0" role="tabpanel" aria-labelledby="cla0-tab">
<div class="form-inline input-group p-1 pb-2" action="">
<div class="input-group-prepend">
<label class="input-group-text"><ion-icon name="document-text"></ion-icon></label>
</div>
<select class="form-control custom-select" id="lemma_forma">
<option value="forma">la forma</option>
<option value="lemma">il lemma</option>
<option disabled value="testo">il testo</option>
</select>
<input type="text" class="form-control" id="queryText" placeholder="stelle" aria-describedby="name-desc" name="query">
<div class="btn-group pl-2" role="group" aria-label="Bottone ricerca">
<label class="input-group-text"><ion-icon name="search-circle"></ion-icon></label>
<button type="submit" class="btn btn-outline-primary">Cerca</button>
</div>
</div>
<div class="row p-1 ml-2 align-items-end justify-content-between">
<div class="col-3">
<div class="custom-control custom-switch px-3 bd-highlight">
<input type="checkbox" class="custom-control-input" name="contesto-attiva" aria-label="Definisci contesto" id="contextSW">
<label class="custom-control-label" for="contextSW"><div class="pb-1 text-muted">Mostra contesto</div></label>
</div>
</div>
<div class="col-1 pb-1 text-muted text-right">Contesto: </div>
<div class="col-6 pb-1 text-muted" id="contextText">tutta l'opera
</div>
<div class="col-2 text-right px-3">
<input style="display: none;" type="file" id="apriFile">
<span class="border rounded p-1 pt-2"><ion-icon name="save-outline"></ion-icon> <ion-icon name="folder-open-outline"></ion-icon>
<ion-icon name="cloud-upload-outline"></ion-icon> <ion-icon name="cloud-download-outline"></ion-icon></span>
</div>
</div>
<div class=" p-2 m-2 border bg-light well" id="contextTableDiv" style="display: none">
<table id="selectable" class="table selCanti table-bordered table-sm">
<thead>
<tr>
<th><div class="small text-dark text-right">Cantica\Canto&nbsp;</div></th>
<th><div class="small text-dark">1</div></th>
<th><div class="small text-dark">2</div></th>
<th><div class="small text-dark">3</div></th>
<th><div class="small text-dark">4</div></th>
<th><div class="small text-dark">5</div></th>
<th><div class="small text-dark">6</div></th>
<th><div class="small text-dark">7</div></th>
<th><div class="small text-dark">8</div></th>
<th><div class="small text-dark">9</div></th>
<th><div class="small text-dark">10</div></th>
<th><div class="small text-dark">11</div></th>
<th><div class="small text-dark">12</div></th>
<th><div class="small text-dark">13</div></th>
<th><div class="small text-dark">14</div></th>
<th><div class="small text-dark">15</div></th>
<th><div class="small text-dark">16</div></th>
<th><div class="small text-dark">17</div></th>
<th><div class="small text-dark">18</div></th>
<th><div class="small text-dark">19</div></th>
<th><div class="small text-dark">20</div></th>
<th><div class="small text-dark">21</div></th>
<th><div class="small text-dark">22</div></th>
<th><div class="small text-dark">23</div></th>
<th><div class="small text-dark">24</div></th>
<th><div class="small text-dark">25</div></th>
<th><div class="small text-dark">26</div></th>
<th><div class="small text-dark">27</div></th>
<th><div class="small text-dark">28</div></th>
<th><div class="small text-dark">29</div></th>
<th><div class="small text-dark">30</div></th>
<th><div class="small text-dark">31</div></th>
<th><div class="small text-dark">32</div></th>
<th><div class="small text-dark">33</div></th>
<th><div class="small text-dark">34</div></th>
</tr>
</thead>
<tbody>
<tr>
<th><div class="small text-dark text-right">Inferno&nbsp;</div></th>
<td class="ui-widget-content" id="0_0"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="0_1"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="0_2"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="0_3"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="0_4"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="0_5"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="0_6"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="0_7"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="0_8"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="0_9"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="0_10"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="0_11"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="0_12"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="0_13"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="0_14"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="0_15"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="0_16"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="0_17"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="0_18"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="0_19"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="0_20"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="0_21"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="0_22"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="0_23"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="0_24"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="0_25"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="0_26"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="0_27"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="0_28"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="0_29"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="0_30"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="0_31"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="0_32"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="0_33"><div class=" px-1 border well">&nbsp;</div></td>
</tr>
<tr>
<th><div class="small text-dark text-right">Purgatorio&nbsp;</div></th>
<td class="ui-widget-content" id="1_0"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="1_1"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="1_2"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="1_3"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="1_4"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="1_5"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="1_6"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="1_7"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="1_8"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="1_9"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="1_10"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="1_11"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="1_12"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="1_13"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="1_14"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="1_15"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="1_16"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="1_17"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="1_18"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="1_19"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="1_20"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="1_21"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="1_22"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="1_23"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="1_24"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="1_25"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="1_26"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="1_27"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="1_28"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="1_29"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="1_30"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="1_31"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="1_32"><div class=" px-1 border well">&nbsp;</div></td>
</tr>
<tr>
<th><div class="small text-dark text-right">Paradiso&nbsp;</div></th>
<td class="ui-widget-content" id="2_0"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="2_1"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="2_2"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="2_3"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="2_4"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="2_5"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="2_6"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="2_7"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="2_8"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="2_9"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="2_10"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="2_11"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="2_12"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="2_13"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="2_14"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="2_15"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="2_16"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="2_17"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="2_18"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="2_19"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="2_20"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="2_21"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="2_22"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="2_23"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="2_24"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="2_25"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="2_26"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="2_27"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="2_28"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="2_29"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="2_30"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="2_31"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content" id="2_32"><div class=" px-1 border well">&nbsp;</div></td>
</tr>
</tbody>
</table>
<div id="someElem"></div>
</div>
<div id="cla-Advanced" style="display: block">
<div class="btn-group p-1 my-3" role="group" aria-label="Bottoni menu clausole">
<label class="input-group-text"><ion-icon name="filter-circle"></ion-icon></label>
<div class="btn-group dropright" role="group">
<button id="btnGroupDrop1" type="button" class="btn btn-sm btn-outline-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Aggiungi clausola di tipo: </button>
<div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
<a class="dropdown-item" id="Grammaticale" href="#"><span class="text-lida9">Categoria grammaticale</span></a>
<a class="dropdown-item" id="Sintattico" href="#"><span class="text-lida3">Tipo sintattico</span></a>
<a class="dropdown-item" id="Metafore" href="#"><span class="text-lida5">Metafore</span></a>
</div>
</div>
</div>
<div class="btn-group p-1 my-3" role="group" aria-label="Bottoni menu logiche">
<label class="input-group-text"><ion-icon name="cog"></ion-icon></label>
<div class="btn-group dropright" role="group">
<button id="btnGroupDrop2" type="button" class="btn btn-sm btn-outline-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Aggiungi condizione logica: </button>
<div class="dropdown-menu" aria-labelledby="btnGroupDrop2" style="">
<a class="dropdown-item" id="andCond" href="#"><span class="text-muted bg-lida10">AND</span></a>
<a class="dropdown-item" id="orCond" href="#"><span class="text-muted bg-lida11">OR</span></a>
</div>
</div>
</div>
<div class="text-muted p-1">
Definisci i filtri usando le clausole e le condizioni logiche:
</div>
<div class=" px-2 pb-2 pt-1 m-2 mx-3 border bg-light well" id="cla-list">
<div class="row ml-0 justify-content-between"><div class="pb-1 small font-weight-bold text-muted">AND</div></div>
<ul id="sortable0" class="condLIand list-group ui-sortable">
<li id="H-cla0" class="list-group-item align-items-center ui-state-default ui-state-disabled border text-muted bg-white ui-state-disabled-opacity-06">Nessuna clausola aggiunta.</li>
</ul>
</div>
</div>
</div>
</div>
<!-- MODELLI CLAUSOLE -->
<!-- TIPO GRAMMATICALE -->
<div style="display: none;" class="tab-pane fade p-2 bg-white" id="tipogrammaticaleN" role="tabpanel" aria-labelledby="claN-tab" data-claType="Grammaticale" data-claActive="1">
<div class="p-1 text-right text-primary">
<span class="return2Query"><ion-icon name="checkmark-circle"></ion-icon></span>&nbsp;&nbsp;
<span class="removeClaInTab"><ion-icon name="close-circle"></ion-icon></span>
</div>
<div class="form-group form-inline input-group p-1 pb-2" action="">
<div class="input-group-prepend">
<label class="input-group-text"><ion-icon name="document-text"></ion-icon></label>
</div>
<select class="form-control custom-select" id="lemma_formaN">
<option value="forma">la forma</option>
<option value="lemma">il lemma</option>
<option disabled value="testo">il testo</option>
</select>
<input type="text" class="form-control" id="queryTextN" placeholder="stelle" aria-describedby="name-desc" name="query">
</div>
<div class="form-group px-1 pb-1">
<label for="typeGramm0" class="text-muted control-label">Categoria grammaticale:</label>
<div class="form-inline input-group p-1" action="">
<div class="input-group-prepend">
<label class="input-group-text"><ion-icon name="options"></ion-icon></label>
</div>
<select class="form-control custom-select catgram" name="typeGramm0" id="grammtypes" title="Categoria grammaticale" value="oggetto" onchange="">
<option value="all">Tutte le categorie</option>
<optgroup label="Volgare">
<option value="verbovolgare">Verbo volgare</option>
<option value="sostantivovolgare">Sostantivo volgare</option>
<option value="aggettivovolgare">Aggettivo volgare</option>
<option value="pronomevolgare">Pronome volgare</option>
<option value="articolovolgare">Articolo volgare</option>
<option value="avverbiovolgare">Avverbio volgare</option>
<option value="preposizionevolgare">Preposizione volgare</option>
<option value="congiunzionevolgare">Congiunzione volgare</option>
<option value="interiezionevolgare">Interiezione volgare</option>
<option value="onomasticavolgare">Onomastica volgare</option>
<option value="citazionevolgare">Citazione volgare</option>
</optgroup>
<optgroup label="Latino">
<option value="verbo_latino_v">Verbo latino</option>
<option value="sostantivo_latino_s">Sostantivo latino</option>
<option value="aggettivo_latino_a">Aggettivo latino</option>
<option value="pronome_latino_p">Pronome latino</option>
<option value="avverbio_latino_r">Avverbio latino</option>
<option value="preposizione_latino_e">Preposizione
latino</option>
<option value="congiunzione_latino_c">Congiunzione
latino</option>
<option value="interiezione_latino_i">Interiezione
latino</option>
<option value="enclitica_latino_9">Enclitica latino</option>
<option value="citazione_latino_zi">Citazione latino</option>
<option value="simbolo_latino_yy">Simbolo latino</option>
</optgroup>
</select>
</div>
</div>
<div class="container form-group mx-2 mb-0 p-1 dettaglifiltri">
</div>
</div>
<!-- FINE GRAMMATICALE -->
<!-- TIPO SINTATTICO -->
<div style="display: none;" class="tab-pane fade p-2 bg-white" id="tiposintatticoN" role="tabpanel" aria-labelledby="claN-tab" data-claType="Sintattico" data-claActive="1">
<div class="p-1 text-right text-primary">
<span class="return2Query"><ion-icon name="checkmark-circle"></ion-icon></span>&nbsp;&nbsp;
<span class="removeClaInTab"><ion-icon name="close-circle"></ion-icon></span>
</div>
<div class="form-group form-inline input-group p-1 pb-2" action="">
<div class="input-group-prepend">
<label class="input-group-text"><ion-icon name="document-text"></ion-icon></label>
</div>
<select class="form-control custom-select" id="lemma_formaN">
<option value="forma">la forma</option>
<option value="lemma">il lemma</option>
<option disabled value="testo">il testo</option>
</select>
<input type="text" class="form-control" id="queryTextN" placeholder="stelle" aria-describedby="name-desc" name="query">
</div>
<div class="form-group px-1 pb-1">
<label for="typeSyntax0" class="text-muted control-label">Tipo sintattico:</label>
<div class="form-inline input-group p-1" action="">
<div class="input-group-prepend">
<label class="input-group-text"><ion-icon name="options"></ion-icon></label>
</div>
<select class="form-control custom-select" name="typeSyntax0" id="synttypes" title="Tipo sintattico" value="oggetto">
<option value=".+" class="w-10" onclick="myformsyntax.functionSyntax0.disabled = false;">Qualsiasi tipo sintattico</option>
<optgroup
label="Macrotipi sintattici: principali e coordinate a una principale"
onclick="myformsyntax.functionSyntax0.disabled = true;">
<option value="macro dich">dichiarativa</option>
<option value="macro escl">esclamativa</option>
<option value="macro inter princ">interrogativa</option>
<option value="macro iussi">iussiva</option>
<option value="macro otta">ottativa</option>
</optgroup>
<optgroup
label="Macrotipi sintattici: subordinate e coordinate a una subordinata"
onclick="myformsyntax.functionSyntax0.disabled = true;">
<option value="macro avv">avversativa</option>
<option value="macro causale">causale</option>
<option value="macro compar">comparativa</option>
<option value="macro conces">concessiva</option>
<option value="macro consec">consecutiva</option>
<option value="macro eccettu">eccettuativa</option>
<option value="macro epesege">epesegetica</option>
<option value="macro esclu">esclusiva</option>
<option value="macro finale">finale</option>
<option value="macro inter sub">interrogativa</option>
<option value="macro ipotet">ipotetica</option>
<option value="macro limitat">limitativa</option>
<option value="macro maniera">maniera</option>
<option value="macro modale">modale</option>
<option value="macro obliqua">obliqua</option>
<option value="macro oggettiva">oggettiva</option>
<option value="macro pred">predicativa</option>
<option value="macro rel">relativa</option>
<option value="macro sog">soggettiva</option>
<option value="macro strum">strumentale</option>
<option value="macro sub">subordinata con funzione di ripresa</option>
<option value="macro temp">temporale</option>
</optgroup>
<optgroup label="Macrotipi sintattici: pseudocoordinate"
onclick="myformsyntax.functionSyntax0.disabled = true;">
<option value="macro pseudo">pseudocoordinata</option>
</optgroup>
<optgroup
label="Macrotipi sintattici: parentetiche e coordinate a una parentetica"
onclick="myformsyntax.functionSyntax0.disabled = true;">
<option value="macro pare sub">parentetica con valore di subordinata</option>
<option value="macro pare mod">parentetica modalizzante</option>
</optgroup>
<optgroup label="Tutti i tipi sintattici"
onclick="myformsyntax.functionSyntax0.disabled = false;">
<option value="avv">avversativa</option>
<option value="caus">causale</option>
<option value="comp ipo">comparativa con valore ipotetico</option>
<option value="comp lim">comparativa con valore limitativo</option>
<option value="comp mod">comparativa con valore modale</option>
<option value="comp temp">comparativa con valore temporale</option>
<option value="comp disug">comparativa di disuguaglianza</option>
<option value="comp ug">comparativa di uguaglianza</option>
<option value="comp ug rel ind temp">comparativa di uguaglianza con valore di relativa indipendente temporale</option>
<option value="conc acond">concessiva acondizionale</option>
<option value="conc cond">concessiva condizionale</option>
<option value="conc fatt">concessiva fattuale</option>
<option value="man rel giust">concorrenza del relativo in frase di maniera</option>
<option value="fin rel giust">concorrenza del relativo in frase finale</option>
<option value="cons antec">consecutiva con antecedente</option>
<option value="cons antec fin">consecutiva con antecedente con valore finale</option>
<option value="cons antec temp">consecutiva con antecedente con valore temporale</option>
<option value="cons antec epes">consecutiva con antecedente epesegetica</option>
<option value="cons ell">consecutiva ellittica</option>
<option value="cons libera">consecutiva libera</option>
<option value="cons libera fin">consecutiva libera con valore finale</option>
<option value="cons post">consecutiva posposta</option>
<option value="cong asind comp ug">coordinata asindetica comparativa di uguaglianza</option>
<option value="cong asind cons antec">coordinata asindetica consecutiva con antecedente</option>
<option value="cong asind man">coordinata asindetica di maniera</option>
<option value="cong asind dich">coordinata asindetica dichiarativa</option>
<option value="cong asind epes">coordinata asindetica epesegetica</option>
<option value="cong asind esclam">coordinata asindetica esclamativa</option>
<option value="cong asind fin">coordinata asindetica finale</option>
<option value="cong asind int altern">coordinata asindetica interrogativa alternativa</option>
<option value="cong asind int altern">coordinata asindetica interrogativa alternativa</option>
<option value="cong asind int altern ret">coordinata asindetica interrogativa alternativa retorica</option>
<option value="cong asind int x">coordinata asindetica interrogativa di tipo x</option>
<option value="cong asind int x">coordinata asindetica interrogativa di tipo x</option>
<option value="cong asind int x ret">coordinata asindetica interrogativa di tipo x retorica</option>
<option value="cong asind int disg">coordinata asindetica interrogativa disgiuntiva</option>
<option value="cong asind ipo">coordinata asindetica ipotetica</option>
<option value="cong asind iuss dir">coordinata asindetica iussiva diretta</option>
<option value="cong asind iuss indir">coordinata asindetica iussiva indiretta</option>
<option value="cong asind ogg | cong asind ogg perc">coordinata asindetica oggettiva</option>
<option value="cong asind ott intr">coordinata asindetica
ottativa con introduttore</option>
<option value="cong asind ott libera">coordinata
asindetica ottativa libera</option>
<option value="cong asind rel app">coordinata asindetica
relativa appositiva</option>
<option value="cong asind rel app comp disug">coordinata
asindetica relativa appositiva in costrutto comparativo</option>
<option value="cong asind rel app giust">coordinata
asindetica relativa giustapposta</option>
<option value="cong asind rel ind">coordinata asindetica
relativa indipendente</option>
<option value="cong asind rel ind temp caus">coordinata
asindetica relativa indipendente con valore temporale-causale</option>
<option value="cong asind rel restr">coordinata asindetica
relativa restrittiva</option>
<option value="cong asind rel restr comp ug">coordinata
asindetica relativa restrittiva in costrutto comparativo</option>
<option value="cong asind sogg soll">coordinata asindetica
soggettiva a sollevamento</option>
<option value="cong asind subord">coordinata asindetica
subordinata</option>
<option value="cong asind temp">coordinata asindetica
temporale</option>
<option value="avv caus">coordinata avversativa causale</option>
<option value="avv comp ug">coordinata avversativa
comparativa di uguaglianza</option>
<option value="avv cons antec">coordinata avversativa
consecutiva con antecedente</option>
<option value="avv dich">coordinata avversativa
dichiarativa</option>
<option value="avv fin">coordinata avversativa finale</option>
<option value="avv int x">coordinata avversativa
interrogativa di tipo x</option>
<option value="avv int x ret">coordinata avversativa
interrogativa di tipo x retorica</option>
<option value="avv ipo caus">coordinata avversativa
ipotetica con valore causale</option>
<option value="avv iuss dir">coordinata avversativa
iussiva diretta</option>
<option value="avv iuss indir">coordinata avversativa
iussiva indiretta</option>
<option value="avv modaliz ott intr">coordinata
avversativa modalizzante ottativa con introduttore</option>
<option value="avv ogg / avv ogg perc">coordinata
avversativa oggettiva</option>
<option value="avv rel app">coordinata avversativa
relativa appositiva</option>
<option value="avv rel app cons antec">coordinata
avversativa relativa appositiva con valore consecutivo</option>
<option value="avv rel app comp ug">coordinata avversativa
relativa appositiva in costrutto comparativo</option>
<option value="avv rel giust">coordinata avversativa
relativa giustapposta</option>
<option value="avv rel ind">coordinata avversativa
relativa indipendente</option>
<option value="avv rel ind temp">coordinata avversativa
relativa indipendente temporale</option>
<option value="avv rel restr">coordinata avversativa
relativa restrittiva</option>
<option value="avv rel restr comp ug">coordinata
avversativa relativa restrittiva in costrutto comparativo</option>
<option value="avv sogg">coordinata avversativa soggettiva</option>
<option value="avv temp">coordinata avversativa temporale</option>
<option value="cong concl cons antec">coordinata
conclusiva consecutiva con antecedente</option>
<option value="cong concl dich">coordinata conclusiva
dichiarativa</option>
<option value="cong concl dich ill">coordinata conclusiva
dichiarativa illocutiva</option>
<option value="cong concl iuss dir">coordinata conclusiva
iussiva diretta</option>
<option value="cong concl iuss dir perifr">coordinata
conclusiva iussiva diretta perifrastica</option>
<option value="cong concl iuss indir">coordinata
conclusiva iussiva indiretta</option>
<option value="cong caus">coordinata congiuntiva causale</option>
<option value="cong comp ipo">coordinata congiuntiva
comparativa con valore ipotetico</option>
<option value="cong comp lim">coordinata congiuntiva
comparativa con valore limitativo</option>
<option value="cong comp mod">coordinata congiuntiva
comparativa con valore modale</option>
<option value="cong comp disug">coordinata congiuntiva
comparativa di disuguaglianza</option>
<option value="cong comp ug">coordinata congiuntiva
comparativa di uguaglianza</option>
<option value="cong rip">coordinata congiuntiva con
funzione di ripresa</option>
<option value="cong conc cond">coordinata congiuntiva
concessiva condizionale</option>
<option value="cong conc fatt">coordinata congiuntiva
concessiva fattuale</option>
<option value="cong cons antec">coordinata congiuntiva
consecutiva con antecedente</option>
<option value="cong cons antec fin">coordinata congiuntiva
consecutiva con antecedente con valore finale</option>
<option value="cong cons antec epes">coordinata
congiuntiva consecutiva con antecedente epesegetica</option>
<option value="cong cons ell">coordinata congiuntiva
consecutiva ellittica</option>
<option value="cong cons libera">coordinata congiuntiva
consecutiva libera</option>
<option value="cong cons libera fin">coordinata
congiuntiva consecutiva libera con valore finale</option>
<option value="cong cons post">coordinata congiuntiva
consecutiva posposta</option>
<option value="cong man">coordinata congiuntiva di maniera</option>
<option value="cong dich">coordinata congiuntiva
dichiarativa</option>
<option value="cong dich ill">coordinata congiuntiva
dichiarativa illocutiva</option>
<option value="cong eccett">coordinata congiuntiva
eccettuativa</option>
<option value="cong epes">coordinata congiuntiva
epesegetica</option>
<option value="cong esclam">coordinata congiuntiva
esclamativa</option>
<option value="cong esclus">coordinata congiuntiva
esclusiva</option>
<option value="cong fin">coordinata congiuntiva finale</option>
<option value="cong int altern">coordinata congiuntiva
interrogativa alternativa</option>
<option value="cong int altern">coordinata congiuntiva
interrogativa alternativa</option>
<option value="cong int x">coordinata congiuntiva
interrogativa di tipo x</option>
<option value="cong int x">coordinata congiuntiva
interrogativa di tipo x</option>
<option value="cong int x ret">coordinata congiuntiva
interrogativa di tipo x retorica</option>
<option value="cong ipo">coordinata congiuntiva ipotetica</option>
<option value="cong ipo caus">coordinata congiuntiva
ipotetica con valore causale</option>
<option value="cong ipo sogg">coordinata congiuntiva
ipotetica soggettiva</option>
<option value="cong iuss dir">coordinata congiuntiva
iussiva diretta</option>
<option value="cong iuss indir">coordinata congiuntiva
iussiva indiretta</option>
<option value="cong lim">coordinata congiuntiva limitativa</option>
<option value="cong modaliz ott intr">coordinata
congiuntiva modalizzante ottativa con introduttore</option>
<option value="cong obl">coordinata congiuntiva obliqua</option>
<option value="cong ogg /cong ogg perc">coordinata
congiuntiva oggettiva</option>
<option value="cong ott libera">coordinata congiuntiva
ottativa libera</option>
<option value="cong rel pseudo">coordinata congiuntiva
pseudo-relativa</option>
<option value="cong rel app">coordinata congiuntiva
relativa appositiva</option>
<option value="cong rel app comp ug">coordinata
congiuntiva relativa appositiva comparativa di uguaglianza</option>
<option value="cong rel app cons">coordinata congiuntiva
relativa appositiva con valore consecutivo</option>
<option value="cong rel app epes">coordinata congiuntiva
relativa appositiva con valore di epesegetica</option>
<option value="cong rel app fin">coordinata congiuntiva
relativa appositiva con valore finale</option>
<option value="cong rel app temp">coordinata congiuntiva
relativa appositiva con valore temporale</option>
<option value="cong rel app comp disug">coordinata
congiuntiva relativa appositiva in costrutto comparativo di
disuguaglianza</option>
<option value="cong rel app giust">coordinata congiuntiva
relativa giustapposta</option>
<option value="cong rel app giust caus">coordinata
congiuntiva relativa giustapposta con valore causale</option>
<option value="cong rel impl">coordinata congiuntiva
relativa implicita</option>
<option value="cong rel impl lim">coordinata congiuntiva
relativa implicita con valore limitativo</option>
<option value="cong rel ind">coordinata congiuntiva
relativa indipendente</option>
<option value="cong rel ind acond">coordinata congiuntiva
relativa indipendente acondizionale</option>
<option value="cong rel ind ipo">coordinata congiuntiva
relativa indipendente con valore ipotetico</option>
<option value="cong rel ind mod">coordinata congiuntiva
relativa indipendente con valore modale</option>
<option value="cong rel ind mod comp ug">coordinata
congiuntiva relativa indipendente in costrutto comparativo-modale</option>
<option value="cong rel ind temp">coordinata congiuntiva
relativa indipendente temporale</option>
<option value="cong rel restr">coordinata congiuntiva relativa restrittiva</option>
<option value="cong rel restr caus">coordinata congiuntiva relativa restrittiva con valore causale</option>
<option value="cong rel restr cons">coordinata congiuntiva relativa restrittiva con valore consecutivo</option>
<option value="cong rel restr comp ug">coordinata congiuntiva relativa restrittiva in costrutto comparativo</option>
<option value="cong rel restr temp">coordinata congiuntiva relativa restrittiva temporale</option>
<option value="cong sogg">coordinata congiuntiva soggettiva</option>
<option value="cong spec">coordinata congiuntiva specificativa</option>
<option value="cong strum">coordinata congiuntiva strumentale</option>
<option value="cong temp">coordinata congiuntiva temporale</option>
<option value="cong temp caus">coordinata congiuntiva temporale con valore causale</option>
<option value="cong cons caus">coordinata consecutiva causale</option>
<option value="cong cons dich">coordinata consecutiva dichiarativa</option>
<option value="cong corr dich">coordinata correlativa dichiarativa</option>
<option value="cong corr fin">coordinata correlativa finale</option>
<option value="cong corr lim">coordinata correlativa limitativa</option>
<option value="cong corr sogg infinitoprep">coordinata correlativa soggettiva a infinito preposizionale</option>
<option value="disg comp disug temp">coordinata disgiuntiva comparativa di disuguaglianza con valore temporale</option>
<option value="disg conc acond">coordinata disgiuntiva concessiva acondizionale</option>
<option value="disg conc cond">coordinata disgiuntiva concessiva condizionale</option>
<option value="disg cons libera">coordinata disgiuntiva consecutiva libera</option>
<option value="disg corr dich">coordinata disgiuntiva correlativa dichiarativa</option>
<option value="disg man">coordinata disgiuntiva di maniera</option>
<option value="disg dich">coordinata disgiuntiva dichiarativa</option>
<option value="disg epes">coordinata disgiuntiva epesegetica</option>
<option value="disg esclus">coordinata disgiuntiva esclusiva</option>
<option value="disg int altern">coordinata disgiuntiva interrogativa alternativa</option>
<option value="disg int altern">coordinata disgiuntiva interrogativa alternativa</option>
<option value="disg int x">coordinata disgiuntiva interrogativa di tipo x</option>
<option value="disg int disg">coordinata disgiuntiva interrogativa disgiuntiva</option>
<option value="disg ipo">coordinata disgiuntiva ipotetica</option>
<option value="disg lim">coordinata disgiuntiva limitativa</option>
<option value="disg obl">coordinata disgiuntiva obliqua</option>
<option value="disg ogg">coordinata disgiuntiva oggettiva</option>
<option value="disg rel ind">coordinata disgiuntiva relativa indipendente</option>
<option value="disg rel ind acond">coordinata disgiuntiva relativa indipendente acond</option>
<option value="disg rel ind temp">coordinata disgiuntiva relativa indipendente temporale</option>
<option value="disg rel restr">coordinata disgiuntiva relativa restrittiva</option>
<option value="disg rel restr cons">coordinata disgiuntiva relativa restrittiva con valore consecutivo</option>
<option value="disg sogg">coordinata disgiuntiva soggettiva</option>
<option value="disg temp">coordinata disgiuntiva temporale</option>
<option value="cong espl dich">coordinata esplicativa dichiarativa</option>
<option value="cong espl obl">coordinata esplicativa obliqua</option>
<option value="cong espl ogg">coordinata esplicativa oggettiva</option>
<option value="cong espl rel app antec">coordinata esplicativa relativa appositiva con antecedente</option>
<option value="cong espl rel ind mod">coordinata esplicativa relativa indipendente con valore modale</option>
<option value="man">di maniera</option>
<option value="man gerundioprep">di maniera a gerundio preposizionale</option>
<option value="dich">dichiarativa</option>
<option value="dich ill">dichiarativa illocutiva</option>
<option value="eccett">eccettuativa</option>
<option value="eccett comp ug">eccettuativa con valore di comparativa di uguaglianza</option>
<option value="epes">epesegetica</option>
<option value="esclam">esclamativa</option>
<option value="esclus">esclusiva</option>
<option value="faltern">falsa alternativa</option>
<option value="fcong">falsa congiuntiva</option>
<option value="fin">finale</option>
<option value="fin ipo">finale con valore ipotetico</option>
<option value="rip">funzione di ripresa</option>
<option value="int altern">interrogativa alternativa</option>
<option value="int altern ret">interrogativa alternativa retorica</option>
<option value="int x">interrogativa di tipo x</option>
<option value="int x ret">interrogativa di tipo x retorica</option>
<option value="int disg">interrogativa disgiuntiva</option>
<option value="int disg ret">interrogativa disgiuntiva retorica</option>
<option value="ipo">ipotetica</option>
<option value="ipo biaff">ipotetica biaffermativa</option>
<option value="ipo caus">ipotetica con valore causale</option>
<option value="ipo eccett">ipotetica con valore eccettuativo</option>
<option value="ipo obl">ipotetica obliqua</option>
<option value="ipo rel giust">ipotetica relativa giustapposta</option>
<option value="ipo sogg">ipotetica soggettiva</option>
<option value="iuss aug">iussiva augurativa</option>
<option value="iuss dir">iussiva diretta</option>
<option value="iuss dir perifr">iussiva diretta perifrastica</option>
<option value="iuss indir">iussiva indiretta</option>
<option value="lim">limitativa</option>
<option value="lim caus">limitativa con valore causale</option>
<option value="lim caus eccett">limitativa con valore causale-eccettuativo</option>
<option value="lim eccett">limitativa con valore eccettuativo</option>
<option value="mod">modale</option>
<option value="modaliz">modalizzante</option>
<option value="modaliz ott intr">modalizzante ottativa con introduttore</option>
<option value="modaliz ott libera">modalizzante ottativa libera</option>
<option value="obl">obliqua</option>
<option value="ogg | ogg aci | ogg perc">oggettiva</option>
<option value="ott intr">ottativa con introduttore</option>
<option value="ott libera">ottativa libera</option>
<option value="pred">predicativa</option>
<option value="rel pseudo">pseudo-relativa</option>
<option value="rel pseudo fin">pseudo-relativa con valore finale</option>
<option value="rel pseudo scissa">pseudo-relativa scissa</option>
<option value="rel pseudo scissa temp">pseudo-relativa scissa con valore temporale</option>
<option value="rel app antec">relativa appositiva con antecedente</option>
<option value="rel app antec caus">relativa appositiva con antecedente con valore causale</option>
<option value="rel app antec cons">relativa appositiva con antecedente con valore consecutivo</option>
<option value="rel app antec fin cons">relativa appositiva con antecedente con valore consecutivo-finale</option>
<option value="rel app antec fin">relativa appositiva con antecedente con valore finale</option>
<option value="rel app antec strum">relativa appositiva con antecedente con valore strumentale</option>
<option value="rel app antec giust">relativa appositiva con antecedente giustapposta</option>
<option value="rel app antec comp disug">relativa appositiva con antecedente in costrutto comparativo di disuguaglianza</option>
<option value="rel app antec comp ug">relativa appositiva con antecedente in costrutto comparativo di uguaglianza</option>
<option value="rel app antec eccett">relativa appositiva con antecedente in costrutto eccettuativo</option>
<option value="rel app antec giust cons">relativa appositiva giustapposta con valore consecutivo</option>
<option value="rel app antec giust man">relativa appositiva giustapposta con valore di maniera</option>
<option value="rel app antec giust ipo">relativa appositiva giustapposta con valore ipotetico</option>
<option value="rel restr antec comp ug">relativa con antecedente in costrutto comparativo di uguaglianza</option>
<option value="rel giust">relativa giustapposta</option>
<option value="rel impl">relativa implicita</option>
<option value="rel impl cons">relativa implicita con valore consecutivo</option>
<option value="rel impl fin">relativa implicita con valore finale</option>
<option value="rel impl lim">relativa implicita con valore limitativo</option>
<option value="rel impl deon">relativa implicita deontica</option>
<option value="rel ind">relativa indipendente</option>
<option value="rel ind acond">relativa indipendente acondizionale</option>
<option value="rel ind ipo">relativa indipendente con valore ipotetico</option>
<option value="rel ind mod">relativa indipendente con valore modale</option>
<option value="rel ind temp">relativa indipendente con valore temporale</option>
<option value="rel ind temp acond">relativa indipendente con valore temporale acondizionale</option>
<option value="rel ind temp caus">relativa indipendente con valore temporale-causale</option>
<option value="rel ind caus">relativa indipendente in costrutto causale</option>
<option value="rel ind comp">relativa indipendente in costrutto comparativo</option>
<option value="rel ind temp comp ug">relativa indipendente in costrutto comparativo di uguaglianza</option>
<option value="rel ind mod comp ug">relativa indipendente in costrutto comparativo-modale</option>
<option value="rel restr antec">relativa restrittiva con antecedente</option>
<option value="rel restr antec caus">relativa restrittiva con antecedente con valore causale</option>
<option value="rel restr antec cons">relativa restrittiva con antecedente con valore consecutivo</option>
<option value="rel restr antec conc cond">relativa restrittiva con antecedente con valore di concessiva condizionale</option>
<option value="rel restr antec conc fatt">relativa restrittiva con antecedente con valore di concessiva fattuale</option>
<option value="rel restr antec fin">relativa restrittiva con antecedente con valore finale</option>
<option value="rel restr antec ipo">relativa restrittiva con antecedente con valore ipotetico</option>
<option value="rel restr antec temp">relativa restrittiva con antecedente con valore temporale</option>
<option value="rel restr antec comp disug">relativa restrittiva con antecedente in costrutto comparativo di disuguaglianza</option>
<option value="rel restr antec comp mod">relativa restrittiva con antecedente in costrutto comparativo-modale</option>
<option value="rel restr antec eccett">relativa restrittiva con antecedente in costrutto eccettuativo</option>
<option value="rel restr antec lim">relativa restrittiva con antecedente in costrutto limitativo</option>
<option value="sogg | sogg aci | sogg id | sogg infinitoprep">soggettiva</option>
<option value="sogg soll">soggettiva a sollevamento</option>
<option value="sogg scissa">soggettiva scissa</option>
<option value="spec | spec aci | sogg infinitoprep">specficativa</option>
<option value="strum">strumentale</option>
<option value="subord">subordinata</option>
<option value="temp">temporale</option>
<option value="temp comp ug">temporale con valore comparativo</option>
<option value="temp ipo">temporale con valore ipotetico</option>
</optgroup>
</select>
</div>
</div>
<div class="form-group px-1 pb-1">
<label for="functionSyntax" class="text-muted control-label">Livello di subordinazione:</label>
<div class="form-inline input-group p-1" action="">
<div class="input-group-prepend">
<label class="input-group-text"><ion-icon name="options"></ion-icon></label>
</div>
<select class="form-control custom-select" name="functionSyntax" id="syntfunc" title="Livello di subordinazione">
<option value=".+">Qualsiasi livello di subordinazione</option>
<optgroup label="Livelli di subordinazione">
<option value="princ">principale</option>
<option value="coord">coordinata a una principale</option>
<option value="subord i">subordinata di I grado</option>
<option value="subord ii">subordinata di II grado</option>
<option value="subord iii">subordinata di III grado</option>
<option value="subord iv">subordinata di IV grado</option>
<option value="subord v">subordinata di V grado</option>
<option value="subord vi">subordinata di VI grado</option>
<option value="subord vii">subordinata di VII grado</option>
<option value="coord i">coordinata a una subordinata di I grado</option>
<option value="coord ii">coordinata a una subordinata di II grado</option>
<option value="coord iii">coordinata a una subordinata di III grado</option>
<option value="coord iv">coordinata a una subordinata di IV grado</option>
<option value="coord v">coordinata a una subordinata di V grado</option>
<option value="pcoord">pseudo-coordinata</option>
<option value="parent">parentetica</option>
<option value="coord 0">coordinata a una parentetica</option>
</optgroup>
</select>
</div>
</div>
</div>
<!-- FINE TIPO SINTATTICO -->
<!-- CONDIZIONE GRAMMATICALE -->
<div style="display: none;">
<table id="gramm_table">
<tr id="">
<td class="pa3">
<fieldset id="lemma_forma" class="bn">
<div class="custom-control custom-radio custom-control-inline">
<input class="custom-control-input" type="radio" id="lemma" value="lemma"
name="oggetto"> <label for="lemma" class="custom-control-label">Lemma</label>
</div>
<div class="custom-control custom-radio custom-control-inline">
<input class="custom-control-input" type="radio" id="forma" value="forma"
name="oggetto"> <label for="forma" class="custom-control-label">Forma</label>
</div>
</fieldset>
</td>
<td class="pa3"><input id="name"
class="input-reset ba b--black-20 pa2 mb2 db w-100" type="text"
aria-describedby="name-desc" name="query" value=""></td>
<!-- ??? non viene usata -->
<td class="pa3"><select id="types"
class="form-control custom-select" name="tipo"
title="Tipo di ricerca">
<option value="parola" onclick="">Parola</option>
<option value="sottostringa" onclick="">Sottostringa</option>
<option value="prefisso" onclick="">Prefisso</option>
<option value="suffisso" onclick="">Suffisso</option>
<option value="espressione" onclick="">Espressione regolare</option>
<option value="occorrenze" onclick="">Tutte le occorrenze</option>
</select></td>
<td class="pa3"><select id="types"
class="form-control custom-select"
name="categoria" onchange="" title="Macro categoria">
<option value="all">Tutte le categorie</option>
<optgroup label="Volgare">
<option value="verbovolgare">Verbo volgare</option>
<option value="sostantivovolgare">Sostantivo volgare</option>
<option value="aggettivovolgare">Aggettivo volgare</option>
<option value="pronomevolgare">Pronome volgare</option>
<option value="articolovolgare">Articolo volgare</option>
<option value="avverbiovolgare">Avverbio volgare</option>
<option value="preposizionevolgare">Preposizione volgare</option>
<option value="congiunzionevolgare">Congiunzione volgare</option>
<option value="interiezionevolgare">Interiezione volgare</option>
<option value="onomasticavolgare">Onomastica volgare</option>
<option value="citazionevolgare">Citazione volgare</option>
</optgroup>
<optgroup label="Latino">
<option value="verbo_latino_v">Verbo latino</option>
<option value="sostantivo_latino_s">Sostantivo latino</option>
<option value="aggettivo_latino_a">Aggettivo latino</option>
<option value="pronome_latino_p">Pronome latino</option>
<option value="avverbio_latino_r">Avverbio latino</option>
<option value="preposizione_latino_e">Preposizione latino</option>
<option value="congiunzione_latino_c">Congiunzione latino</option>
<option value="interiezione_latino_i">Interiezione latino</option>
<option value="enclitica_latino_9">Enclitica latino</option>
<option value="citazione_latino_zi">Citazione latino</option>
<option value="simbolo_latino_yy">Simbolo latino</option>
</optgroup>
</select></td>
<td><input class="delete-record" type="submit" value="Rimuovi" data-id="0"></td>
</tr>
</table>
</div>
<!-- FINE MODELLI CLAUSOLE -->
</form>
</div>
</div>
</div>
<!-- FINE AVANZATE -->
</div>
<div class="row mx-1">
<div class="col px-0">
<div class="overflow-auto p-3 bg-light border text-muted"
style="max-width: 500px; max-height: 500px;">
<span class="h5">Canto 1</span><br><br>
1. Nel mezzo del cammin di nostra vita<br>
2. mi ritrovai per una selva oscura,<br>
3. ché la diritta via era smarrita.<br>
4. Ahi quanto a dir qual era è cosa dura<br>
5. esta selva selvaggia e aspra e forte<br>
6. che nel pensier rinova la paura!<br>
7. Tant' è amara che poco è più morte;<br>
8. ma per trattar del ben ch' i' vi trovai,<br>
9. dirò de l' altre cose ch' i' v' ho scorte.<br>
10. Io non so ben ridir com' i' v' intrai,<br>
11. tant' era pien di sonno a quel punto<br>
12. che la verace via abbandonai.<br>
13. Ma poi ch' i' fui al piè d' un colle giunto,<br>
14. là dove terminava quella valle<br>
15. che m' avea di paura il cor compunto,<br>
16. guardai in alto e vidi le sue spalle<br>
17. vestite già de' raggi del pianeta<br>
18. che mena dritto altrui per ogne calle.<br>
19. Allor fu la paura un poco queta,<br>
20. che nel lago del cor m' era durata<br>
21. la notte ch' i' passai con tanta pieta.<br>
22. E come quei che con lena affannata,<br>
23. uscito fuor del pelago a la riva,<br>
24. si volge a l' acqua perigliosa e guata,<br>
25. così l' animo mio, ch' ancor fuggiva,<br>
26. si volse a retro a rimirar lo passo<br>
27. che non lasciò già mai persona viva.<br>
28. Poi ch' èi posato un poco il corpo lasso,<br>
29. ripresi via per la piaggia diserta,<br>
30. etc etc<br>
</div>
</div>
</div>
</div>
</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>
</body>
<div class="modal-busy" id="loader" style="display: none">
<div class="center-busy" id="test-git">
<img alt="" src="./images/lida-loader.gif" />
</div>
</div>
</html>