concordia
/
LiDa_Search
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
LiDa_Search/index_4.2.html

1938 lines
93 KiB
HTML
Raw Blame History

<!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://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://fonts.googleapis.com/css2?family=Spectral">
<!--
-->
<link rel="stylesheet" href="./css/bootstrap.min.lida2.css">
<link rel="stylesheet" href="./css/custom_4.2.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://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="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>
<script type="text/javascript" src="./js/minimap.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.2.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">
<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">
<li class="nav-item pt-1">
<div class="input-group input-group-sm pr-2" style="height: 32px; max-width: 180px;">
<div class="input-group-prepend">
<label class="input-group-text border-right-0 pr-0"><ion-icon
name="glasses"></ion-icon></label> <label
class="input-group-text text-muted border-left-0 "
for="valoreVista">Vista:</label>
</div>
<select class="custom-select text-muted bg-light border"
id="valoreVista">
<option value="forme">Forme</option>
<option value="frasi">Frasi</option>
<option value="dialoghi">Dialoghi</option>
<option value="metafore">Metafore</option>
</select>
</div>
</li>
<li class="nav-item pt-1">
<div class="input-group input-group-sm">
<div class="input-group-prepend">
<label class="input-group-text border-right-0 pr-0"><ion-icon
name="search-circle"></ion-icon></label> <label
class="input-group-text text-muted border-left-0"
for="tipoRicerca">Ricerca:</label>
</div>
<input id="searchToggle" type="checkbox" data-toggle="toggle0"
data-on="Avanzata" data-off="Semplice" data-size="small"
data-style="font-size: 80%!important;" data-onstyle="success"
data-offstyle="secondary">
</div>
</li>
</ul>
</div>
</nav>
</div>
<div id="rigaContenuti" class="row no-gutters">
<div class="d-table h-100 w-100">
<div id="colNavigazione" class="d-table-cell menuNavigazione align-top">
<div id="accordionNav" class="sticky-top pr-2">
<div class="card">
<div class="card-header px-1" id="headingOne">
<h6 class="mb-0">
<div class="row no-gutters justify-content-between">
<div class="col-auto flex-fill align-self-center text-muted">
<button class="btn btn-sm btn-link" id="cantica1"
data-toggle="collapse" data-target="#collapseOne"
aria-expanded="true" aria-controls="collapseOne"><span class="h6 font-weight-bold">Inferno</span></button>
</div>
<div id="cantica1-badge"
class="col-auto align-self-center justify-content-end text-right">
</div>
</div>
</h6>
</div>
<div id="collapseOne" class="collapse show"
aria-labelledby="headingOne" data-parent="#accordionNav">
<div class="card-body">
<span class="navig-canto small text-muted nowrap"
name="InfernoCanto 1" href="#" >1</span>
<span class="navig-canto small text-muted nowrap"
name="InfernoCanto 2" href="#" >2</span>
<span class="navig-canto small text-muted nowrap"
name="InfernoCanto 3" href="#" >3</span>
<span class="navig-canto small text-muted nowrap"
name="InfernoCanto 4" href="#" >4</span>
<span class="navig-canto small text-muted nowrap"
name="InfernoCanto 5" href="#" >5</span>
<span class="navig-canto small text-muted nowrap"
name="InfernoCanto 6" href="#" >6</span>
<span class="navig-canto small text-muted nowrap"
name="InfernoCanto 7" href="#" >7</span>
<span class="navig-canto small text-muted nowrap"
name="InfernoCanto 8" href="#" >8</span>
<span class="navig-canto small text-muted nowrap"
name="InfernoCanto 9" href="#" >9</span>
<span class="navig-canto small text-muted nowrap"
name="InfernoCanto 10" href="#" >10</span>
<span class="navig-canto small text-muted nowrap"
name="InfernoCanto 11" href="#" >11</span>
<span class="navig-canto small text-muted nowrap"
name="InfernoCanto 12" href="#" >12</span>
<span class="navig-canto small text-muted nowrap"
name="InfernoCanto 13" href="#" >13</span>
<span class="navig-canto small text-muted nowrap"
name="InfernoCanto 14" href="#" >14</span>
<span class="navig-canto small text-muted nowrap"
name="InfernoCanto 15" href="#" >15</span>
<span class="navig-canto small text-muted nowrap"
name="InfernoCanto 16" href="#" >16</span>
<span class="navig-canto small text-muted nowrap"
name="InfernoCanto 17" href="#" >17</span>
<span class="navig-canto small text-muted nowrap"
name="InfernoCanto 18" href="#" >18</span>
<span class="navig-canto small text-muted nowrap"
name="InfernoCanto 19" href="#" >19</span>
<span class="navig-canto small text-muted nowrap"
name="InfernoCanto 20" href="#" >20</span>
<span class="navig-canto small text-muted nowrap"
name="InfernoCanto 21" href="#" >21</span>
<span class="navig-canto small text-muted nowrap"
name="InfernoCanto 22" href="#" >22</span>
<span class="navig-canto small text-muted nowrap"
name="InfernoCanto 23" href="#" >23</span>
<span class="navig-canto small text-muted nowrap"
name="InfernoCanto 24" href="#" >24</span>
<span class="navig-canto small text-muted nowrap"
name="InfernoCanto 25" href="#" >25</span>
<span class="navig-canto small text-muted nowrap"
name="InfernoCanto 26" href="#" >26</span>
<span class="navig-canto small text-muted nowrap"
name="InfernoCanto 27" href="#" >27</span>
<span class="navig-canto small text-muted nowrap"
name="InfernoCanto 28" href="#" >28</span>
<span class="navig-canto small text-muted nowrap"
name="InfernoCanto 29" href="#" >29</span>
<span class="navig-canto small text-muted nowrap"
name="InfernoCanto 30" href="#" >30</span>
<span class="navig-canto small text-muted nowrap"
name="InfernoCanto 31" href="#" >31</span>
<span class="navig-canto small text-muted nowrap"
name="InfernoCanto 32" href="#" >32</span>
<span class="navig-canto small text-muted nowrap"
name="InfernoCanto 33" href="#" >33</span>
<span class="navig-canto small text-muted nowrap"
name="InfernoCanto 34" href="#" >34</span>
</div>
</div>
</div>
<div class="card">
<div class="card-header px-1" id="headingTwo">
<h6 class="mb-0">
<div class="row no-gutters justify-content-between">
<div class="col-auto flex-fill align-self-center text-muted">
<button class="btn btn-sm btn-link" id="cantica2"
data-toggle="collapse" data-target="#collapseTwo"
aria-expanded="true" aria-controls="collapseTwo"><span class="h6 font-weight-bold">Purgatorio</span></button>
</div>
<div id="cantica2-badge"
class="col-auto align-self-center justify-content-end text-right">
</div>
</div>
</h6>
</div>
<div id="collapseTwo" class="collapse"
aria-labelledby="headingTwo" data-parent="#accordionNav">
<div class="card-body">
<span class="navig-canto small text-muted nowrap"
name="PurgatorioCanto 1" href="#" >1</span>
<span class="navig-canto small text-muted nowrap"
name="PurgatorioCanto 2" href="#" >2</span>
<span class="navig-canto small text-muted nowrap"
name="PurgatorioCanto 3" href="#" >3</span>
<span class="navig-canto small text-muted nowrap"
name="PurgatorioCanto 4" href="#" >4</span>
<span class="navig-canto small text-muted nowrap"
name="PurgatorioCanto 5" href="#" >5</span>
<span class="navig-canto small text-muted nowrap"
name="PurgatorioCanto 6" href="#" >6</span>
<span class="navig-canto small text-muted nowrap"
name="PurgatorioCanto 7" href="#" >7</span>
<span class="navig-canto small text-muted nowrap"
name="PurgatorioCanto 8" href="#" >8</span>
<span class="navig-canto small text-muted nowrap"
name="PurgatorioCanto 9" href="#" >9</span>
<span class="navig-canto small text-muted nowrap"
name="PurgatorioCanto 10" href="#" >10</span>
<span class="navig-canto small text-muted nowrap"
name="PurgatorioCanto 11" href="#" >11</span>
<span class="navig-canto small text-muted nowrap"
name="PurgatorioCanto 12" href="#" >12</span>
<span class="navig-canto small text-muted nowrap"
name="PurgatorioCanto 13" href="#" >13</span>
<span class="navig-canto small text-muted nowrap"
name="PurgatorioCanto 14" href="#" >14</span>
<span class="navig-canto small text-muted nowrap"
name="PurgatorioCanto 15" href="#" >15</span>
<span class="navig-canto small text-muted nowrap"
name="PurgatorioCanto 16" href="#" >16</span>
<span class="navig-canto small text-muted nowrap"
name="PurgatorioCanto 17" href="#" >17</span>
<span class="navig-canto small text-muted nowrap"
name="PurgatorioCanto 18" href="#" >18</span>
<span class="navig-canto small text-muted nowrap"
name="PurgatorioCanto 19" href="#" >19</span>
<span class="navig-canto small text-muted nowrap"
name="PurgatorioCanto 20" href="#" >20</span>
<span class="navig-canto small text-muted nowrap"
name="PurgatorioCanto 21" href="#" >21</span>
<span class="navig-canto small text-muted nowrap"
name="PurgatorioCanto 22" href="#" >22</span>
<span class="navig-canto small text-muted nowrap"
name="PurgatorioCanto 23" href="#" >23</span>
<span class="navig-canto small text-muted nowrap"
name="PurgatorioCanto 24" href="#" >24</span>
<span class="navig-canto small text-muted nowrap"
name="PurgatorioCanto 25" href="#" >25</span>
<span class="navig-canto small text-muted nowrap"
name="PurgatorioCanto 26" href="#" >26</span>
<span class="navig-canto small text-muted nowrap"
name="PurgatorioCanto 27" href="#" >27</span>
<span class="navig-canto small text-muted nowrap"
name="PurgatorioCanto 28" href="#" >28</span>
<span class="navig-canto small text-muted nowrap"
name="PurgatorioCanto 29" href="#" >29</span>
<span class="navig-canto small text-muted nowrap"
name="PurgatorioCanto 30" href="#" >30</span>
<span class="navig-canto small text-muted nowrap"
name="PurgatorioCanto 31" href="#" >31</span>
<span class="navig-canto small text-muted nowrap"
name="PurgatorioCanto 32" href="#" >32</span>
<span class="navig-canto small text-muted nowrap"
name="PurgatorioCanto 33" href="#" >33</span>
</div>
</div>
</div>
<div class="card">
<div class="card-header px-1" id="headingThree">
<h6 class="mb-0">
<div class="row no-gutters justify-content-between">
<div class="col-auto flex-fill align-self-center text-muted">
<button class="btn btn-sm btn-link" id="cantica3"
data-toggle="collapse" data-target="#collapseThree"
aria-expanded="true" aria-controls="collapseThree"><span class="h6 font-weight-bold">Paradiso</span></button>
</div>
<div id="cantica3-badge"
class="col-auto align-self-center justify-content-end text-right">
</div>
</div>
</h6>
</div>
<div id="collapseThree" class="collapse"
aria-labelledby="headingThree" data-parent="#accordionNav">
<div class="card-body">
<span class="navig-canto small text-muted nowrap"
name="ParadisoCanto 1" href="#" >1</span>
<span class="navig-canto small text-muted nowrap"
name="ParadisoCanto 2" href="#" >2</span>
<span class="navig-canto small text-muted nowrap"
name="ParadisoCanto 3" href="#" >3</span>
<span class="navig-canto small text-muted nowrap"
name="ParadisoCanto 4" href="#" >4</span>
<span class="navig-canto small text-muted nowrap"
name="ParadisoCanto 5" href="#" >5</span>
<span class="navig-canto small text-muted nowrap"
name="ParadisoCanto 6" href="#" >6</span>
<span class="navig-canto small text-muted nowrap"
name="ParadisoCanto 7" href="#" >7</span>
<span class="navig-canto small text-muted nowrap"
name="ParadisoCanto 8" href="#" >8</span>
<span class="navig-canto small text-muted nowrap"
name="ParadisoCanto 9" href="#" >9</span>
<span class="navig-canto small text-muted nowrap"
name="ParadisoCanto 10" href="#" >10</span>
<span class="navig-canto small text-muted nowrap"
name="ParadisoCanto 11" href="#" >11</span>
<span class="navig-canto small text-muted nowrap"
name="ParadisoCanto 12" href="#" >12</span>
<span class="navig-canto small text-muted nowrap"
name="ParadisoCanto 13" href="#" >13</span>
<span class="navig-canto small text-muted nowrap"
name="ParadisoCanto 14" href="#" >14</span>
<span class="navig-canto small text-muted nowrap"
name="ParadisoCanto 15" href="#" >15</span>
<span class="navig-canto small text-muted nowrap"
name="ParadisoCanto 16" href="#" >16</span>
<span class="navig-canto small text-muted nowrap"
name="ParadisoCanto 17" href="#" >17</span>
<span class="navig-canto small text-muted nowrap"
name="ParadisoCanto 18" href="#" >18</span>
<span class="navig-canto small text-muted nowrap"
name="ParadisoCanto 19" href="#" >19</span>
<span class="navig-canto small text-muted nowrap"
name="ParadisoCanto 20" href="#" >20</span>
<span class="navig-canto small text-muted nowrap"
name="ParadisoCanto 21" href="#" >21</span>
<span class="navig-canto small text-muted nowrap"
name="ParadisoCanto 22" href="#" >22</span>
<span class="navig-canto small text-muted nowrap"
name="ParadisoCanto 23" href="#" >23</span>
<span class="navig-canto small text-muted nowrap"
name="ParadisoCanto 24" href="#" >24</span>
<span class="navig-canto small text-muted nowrap"
name="ParadisoCanto 25" href="#" >25</span>
<span class="navig-canto small text-muted nowrap"
name="ParadisoCanto 26" href="#" >26</span>
<span class="navig-canto small text-muted nowrap"
name="ParadisoCanto 27" href="#" >27</span>
<span class="navig-canto small text-muted nowrap"
name="ParadisoCanto 28" href="#" >28</span>
<span class="navig-canto small text-muted nowrap"
name="ParadisoCanto 29" href="#" >29</span>
<span class="navig-canto small text-muted nowrap"
name="ParadisoCanto 30" href="#" >30</span>
<span class="navig-canto small text-muted nowrap"
name="ParadisoCanto 31" href="#" >31</span>
<span class="navig-canto small text-muted nowrap"
name="ParadisoCanto 32" href="#" >32</span>
<span class="navig-canto small text-muted nowrap"
name="ParadisoCanto 33" href="#" >33</span>
</div>
</div>
</div>
<div class="card">
<div class="card-header px-1" id="headingZero" style="display: none;">
<h6 class="mb-0">
<div class="row no-gutters justify-content-end">
<div class="col-auto flex-fill align-self-end text-muted text-right nav-link">
Lista completa
</div>
<div id="cantica0-badge"
class="col-auto align-self-center align-self-end text-right">
</div>
</div>
</h6>
</div>
</div>
</div>
</div>
<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">
<div id='displaycanto' class="w-100 py-3 pl-3"></div>
<div class="ui-resizable-handle ui-resizable-s border-bottom doubleborder"></div>
</div>
</div>
<div class="d-table-row h-100 w-100">
<div class="visInfo w-100 h-100 py-3 pl-3">
<div id='displayinfo' class="w-100" style="display: d-flex;">Visualizza info <br><br><br><br><br><br><br><br><br><br><br><br><br></div>
</div>
</div>
</div>
</div>
<div id="colMinimap" class="d-table-cell bg-lida-vis minimap border-right border-bottom align-top">
<div id="displayminimap" class="col p-0 m-0 w-100 h-100"></div>
</div>
<div id="colRicerca" class="d-table-cell menuRicerca align-top">
<div class="w-100 pl-2 py-0 m-0">
<form>
<div id="rigaRicerca"
class="row card bg-lida10 mx-0 p-2 d-flex justify-content-end">
<div class="col-12 d-flex justify-content-end px-0"
id="simpleSearchDiv" style="display: d-flex">
<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-success monMe"
type="text" id="queryText"
placeholder=' inserisci un termine'
style="">
</div>
<button class="btn btn-sm btn-success mr-2" type="submit"
id='searchcomm'>
<ion-icon name="search"></ion-icon>
</button>
<button class="btn btn-sm btn-outline-success bg-light mr-2"
type="button" id='cleanresult' aria-expanded="false"
aria-controls="collapseExample">
<span class="text-muted">Reset</span>
</button>
<button class="btn btn-sm btn-outline-success bg-light"
type="button" id="showOptions" data-toggle="collapse"
data-target="#collapseOptions" aria-expanded="false"
aria-controls="collapseExample">
<span class="text-muted">Opzioni</span>
</button>
</div>
</div>
<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">
<button class="btn btn-sm btn-success mr-1" type="submit"
id='searchcomm2'>
<ion-icon name="search"></ion-icon>
</button>
<button class="btn btn-sm btn-outline-success bg-light mr-1"
type="button" id='cleanresult2' aria-expanded="false"
aria-controls="collapseExample">
<span class="text-muted">Reset</span>
</button>
<button class="btn btn-sm btn-outline-success bg-light mr-2"
id="showLogic" data-toggle="collapse"
data-target="#collapseLogic" aria-expanded="true"
aria-controls="collapseLogic">
<span class="font-weight-bold text-muted">Nascondi</span>
</button>
</div>
<div
class="text-right pl-3 pt-1 d-sm-inline flex-nowrap align-text-bottom">
<span
class="border border-success rounded bg-light p-1 mb-1 align-text-bottom"><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>
<div id="rigaRicerca" class="row mx-0">
<div id="displayOptions" class="col-12 px-0">
<div class="collapse" id="collapseOptions">
<div class="col-12 p-0">
<div class="card card-body bg-lida10 p-2">
<div class="form-inline input-group mb-2">
<select
class="form-control custom-select-sm text-muted bg-light monMe btn-outline-success"
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-sm text-muted bg-light ml-2 monMe btn-outline-success"
id="opzioni_testo">
<option value="parola">come Parola</option>
<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>
</select>
</div>
<div class="border bg-light well m-0" id="contextDiv0">
<div id="contextTable-xX0"
class="row no-gutters px-2 pt-0 pb-2 border border-success rounded bg-lida10">
<div class="col-12 pb-0 pt-2 pl-1">
<span class="small text-muted align-bottom">Restringi
il contesto di ricerca:</span>
</div>
<div class="col-6 p-0 pt-1">
<div id="selectable-xX0"
class="ui-selectable ui-widget ui-helper-clearfix">
<div class="card">
<div class="card-header p-1" id="headingOne">
<h6 class="mb-0">
<div class="row no-gutters justify-content-between">
<div
class="col-auto flex-fill align-self-center text-muted">
<button
class="btn btn-sm btn-outline-success bg-light btn-link border rounded py-0 my-1 ml-1"
id="cantica1-xX0" data-toggle="collapse"
data-target="#collapseCa1-xX0"
aria-expanded="true"
aria-controls="collapseCa1-xX0">
<span class="h6 small font-weight-bold text-success">Inferno</span>
</button>
</div>
<div
class="col-auto pr-1 align-self-center justify-content-end text-right">
<button id="plusBtn0-xX0"
class="btn btn-sm btn-outline-success bg-light addClaCont border rounded text-success px-1 py-0">
+></button>
</div>
</div>
</h6>
</div>
<div id="collapseCa1-xX0" class="collapse"
aria-labelledby="headingOne"
data-parent="#selectable-xX0">
<div class="card-body py-2">
<div class="sel-canti-intro small text-muted pb-1">Seleziona
i canti:</div>
<span
class="sel-canto border small text-muted nowrap"
id="0_0" name="InfernoCanto 1" href="#"
>1</span> <span
class="sel-canto border small text-muted nowrap"
id="0_1" name="InfernoCanto 2" href="#"
>2</span> <span
class="sel-canto border small text-muted nowrap"
id="0_2" name="InfernoCanto 3" href="#"
>3</span> <span
class="sel-canto border small text-muted nowrap"
id="0_3" name="InfernoCanto 4" href="#"
>4</span> <span
class="sel-canto border small text-muted nowrap"
id="0_4" name="InfernoCanto 5" href="#"
>5</span> <span
class="sel-canto border small text-muted nowrap"
id="0_5" name="InfernoCanto 6" href="#"
>6</span> <span
class="sel-canto border small text-muted nowrap"
id="0_6" name="InfernoCanto 7" href="#"
>7</span> <span
class="sel-canto border small text-muted nowrap"
id="0_7" name="InfernoCanto 8" href="#"
>8</span> <span
class="sel-canto border small text-muted nowrap"
id="0_8" name="InfernoCanto 9" href="#"
>9</span> <span
class="sel-canto border small text-muted nowrap"
id="0_9" name="InfernoCanto 10" href="#"
>10</span> <span
class="sel-canto border small text-muted nowrap"
id="0_10" name="InfernoCanto 11" href="#"
>11</span> <span
class="sel-canto border small text-muted nowrap"
id="0_11" name="InfernoCanto 12" href="#"
>12</span> <span
class="sel-canto border small text-muted nowrap"
id="0_12" name="InfernoCanto 13" href="#"
>13</span> <span
class="sel-canto border small text-muted nowrap"
id="0_13" name="InfernoCanto 14" href="#"
>14</span> <span
class="sel-canto border small text-muted nowrap"
id="0_14" name="InfernoCanto 15" href="#"
>15</span> <span
class="sel-canto border small text-muted nowrap"
id="0_15" name="InfernoCanto 16" href="#"
>16</span> <span
class="sel-canto border small text-muted nowrap"
id="0_16" name="InfernoCanto 17" href="#"
>17</span> <span
class="sel-canto border small text-muted nowrap"
id="0_17" name="InfernoCanto 18" href="#"
>18</span> <span
class="sel-canto border small text-muted nowrap"
id="0_18" name="InfernoCanto 19" href="#"
>19</span> <span
class="sel-canto border small text-muted nowrap"
id="0_19" name="InfernoCanto 20" href="#"
>20</span> <span
class="sel-canto border small text-muted nowrap"
id="0_20" name="InfernoCanto 21" href="#"
>21</span> <span
class="sel-canto border small text-muted nowrap"
id="0_21" name="InfernoCanto 22" href="#"
>22</span> <span
class="sel-canto border small text-muted nowrap"
id="0_22" name="InfernoCanto 23" href="#"
>23</span> <span
class="sel-canto border small text-muted nowrap"
id="0_23" name="InfernoCanto 24" href="#"
>24</span> <span
class="sel-canto border small text-muted nowrap"
id="0_24" name="InfernoCanto 25" href="#"
>25</span> <span
class="sel-canto border small text-muted nowrap"
id="0_25" name="InfernoCanto 26" href="#"
>26</span> <span
class="sel-canto border small text-muted nowrap"
id="0_26" name="InfernoCanto 27" href="#"
>27</span> <span
class="sel-canto border small text-muted nowrap"
id="0_27" name="InfernoCanto 28" href="#"
>28</span> <span
class="sel-canto border small text-muted nowrap"
id="0_28" name="InfernoCanto 29" href="#"
>29</span> <span
class="sel-canto border small text-muted nowrap"
id="0_29" name="InfernoCanto 30" href="#"
>30</span> <span
class="sel-canto border small text-muted nowrap"
id="0_30" name="InfernoCanto 31" href="#"
>31</span> <span
class="sel-canto border small text-muted nowrap"
id="0_31" name="InfernoCanto 32" href="#"
>32</span> <span
class="sel-canto border small text-muted nowrap"
id="0_32" name="InfernoCanto 33" href="#"
>33</span> <span
class="sel-canto border small text-muted nowrap"
id="0_33" name="InfernoCanto 34" href="#"
>34</span>
</div>
</div>
</div>
<div class="card">
<div class="card-header p-1" id="headingTwo">
<h6 class="mb-0">
<div class="row no-gutters justify-content-between">
<div
class="col-auto flex-fill align-self-center text-muted">
<button
class="btn btn-sm btn-outline-success bg-light btn-link border rounded py-0 my-1 ml-1"
id="cantica2-xX0" data-toggle="collapse"
data-target="#collapseCa2-xX0"
aria-expanded="true"
aria-controls="collapseCa2-xX0">
<span class="h6 small font-weight-bold text-success">Purgatorio</span>
</button>
</div>
<div
class="col-auto pr-1 align-self-center justify-content-end text-right">
<button id="plusBtn1-xX0"
class="btn btn-sm btn-outline-success bg-light addClaCont border text-success rounded px-1 py-0">
+></button>
</div>
</div>
</h6>
</div>
<div id="collapseCa2-xX0" class="collapse"
aria-labelledby="headingTwo"
data-parent="#selectable-xX0">
<div class="card-body py-2">
<div class="sel-canti-intro small text-muted pb-1">Seleziona
i canti:</div>
<span
class="sel-canto border small text-muted nowrap"
id="1_0" name="PurgatorioCanto 1" href="#"
>1</span> <span
class="sel-canto border small text-muted nowrap"
id="1_1" name="PurgatorioCanto 2" href="#"
>2</span> <span
class="sel-canto border small text-muted nowrap"
id="1_2" name="PurgatorioCanto 3" href="#"
>3</span> <span
class="sel-canto border small text-muted nowrap"
id="1_3" name="PurgatorioCanto 4" href="#"
>4</span> <span
class="sel-canto border small text-muted nowrap"
id="1_4" name="PurgatorioCanto 5" href="#"
>5</span> <span
class="sel-canto border small text-muted nowrap"
id="1_5" name="PurgatorioCanto 6" href="#"
>6</span> <span
class="sel-canto border small text-muted nowrap"
id="1_6" name="PurgatorioCanto 7" href="#"
>7</span> <span
class="sel-canto border small text-muted nowrap"
id="1_7" name="PurgatorioCanto 8" href="#"
>8</span> <span
class="sel-canto border small text-muted nowrap"
id="1_8" name="PurgatorioCanto 9" href="#"
>9</span> <span
class="sel-canto border small text-muted nowrap"
id="1_9" name="PurgatorioCanto 10" href="#"
>10</span> <span
class="sel-canto border small text-muted nowrap"
id="1_10" name="PurgatorioCanto 11" href="#"
>11</span> <span
class="sel-canto border small text-muted nowrap"
id="1_11" name="PurgatorioCanto 12" href="#"
>12</span> <span
class="sel-canto border small text-muted nowrap"
id="1_12" name="PurgatorioCanto 13" href="#"
>13</span> <span
class="sel-canto border small text-muted nowrap"
id="1_13" name="PurgatorioCanto 14" href="#"
>14</span> <span
class="sel-canto border small text-muted nowrap"
id="1_14" name="PurgatorioCanto 15" href="#"
>15</span> <span
class="sel-canto border small text-muted nowrap"
id="1_15" name="PurgatorioCanto 16" href="#"
>16</span> <span
class="sel-canto border small text-muted nowrap"
id="1_16" name="PurgatorioCanto 17" href="#"
>17</span> <span
class="sel-canto border small text-muted nowrap"
id="1_17" name="PurgatorioCanto 18" href="#"
>18</span> <span
class="sel-canto border small text-muted nowrap"
id="1_18" name="PurgatorioCanto 19" href="#"
>19</span> <span
class="sel-canto border small text-muted nowrap"
id="1_19" name="PurgatorioCanto 20" href="#"
>20</span> <span
class="sel-canto border small text-muted nowrap"
id="1_20" name="PurgatorioCanto 21" href="#"
>21</span> <span
class="sel-canto border small text-muted nowrap"
id="1_21" name="PurgatorioCanto 22" href="#"
>22</span> <span
class="sel-canto border small text-muted nowrap"
id="1_22" name="PurgatorioCanto 23" href="#"
>23</span> <span
class="sel-canto border small text-muted nowrap"
id="1_23" name="PurgatorioCanto 24" href="#"
>24</span> <span
class="sel-canto border small text-muted nowrap"
id="1_24" name="PurgatorioCanto 25" href="#"
>25</span> <span
class="sel-canto border small text-muted nowrap"
id="1_25" name="PurgatorioCanto 26" href="#"
>26</span> <span
class="sel-canto border small text-muted nowrap"
id="1_26" name="PurgatorioCanto 27" href="#"
>27</span> <span
class="sel-canto border small text-muted nowrap"
id="1_27" name="PurgatorioCanto 28" href="#"
>28</span> <span
class="sel-canto border small text-muted nowrap"
id="1_28" name="PurgatorioCanto 29" href="#"
>29</span> <span
class="sel-canto border small text-muted nowrap"
id="1_29" name="PurgatorioCanto 30" href="#"
>30</span> <span
class="sel-canto border small text-muted nowrap"
id="1_30" name="PurgatorioCanto 31" href="#"
>31</span> <span
class="sel-canto border small text-muted nowrap"
id="1_31" name="PurgatorioCanto 32" href="#"
>32</span> <span
class="sel-canto border small text-muted nowrap"
id="1_32" name="PurgatorioCanto 33" href="#"
>33</span>
</div>
</div>
</div>
<div class="card">
<div class="card-header p-1" id="headingThree">
<h6 class="mb-0">
<div class="row no-gutters justify-content-between">
<div
class="col-auto flex-fill align-self-center text-muted">
<button
class="btn btn-sm btn-outline-success bg-light btn-link border rounded py-0 my-1 ml-1"
id="cantica3-xX0" data-toggle="collapse"
data-target="#collapseCa3-xX0"
aria-expanded="true"
aria-controls="collapseCa3-xX0">
<span class="h6 small font-weight-bold text-success">Paradiso</span>
</button>
</div>
<div
class="col-auto pr-1 align-self-center justify-content-end text-right">
<button id="plusBtn2-xX0"
class="btn btn-sm btn-outline-success bg-light addClaCont border rounded text-success px-1 py-0">
+></button>
</div>
</div>
</h6>
</div>
<div id="collapseCa3-xX0" class="collapse"
aria-labelledby="headingThree"
data-parent="#selectable-xX0">
<div class="card-body py-2">
<div class="sel-canti-intro small text-muted pb-1">Seleziona
i canti:</div>
<span
class="sel-canto border small text-muted nowrap"
id="2_0" name="ParadisoCanto 1" href="#"
>1</span> <span
class="sel-canto border small text-muted nowrap"
id="2_1" name="ParadisoCanto 2" href="#"
>2</span> <span
class="sel-canto border small text-muted nowrap"
id="2_2" name="ParadisoCanto 3" href="#"
>3</span> <span
class="sel-canto border small text-muted nowrap"
id="2_3" name="ParadisoCanto 4" href="#"
>4</span> <span
class="sel-canto border small text-muted nowrap"
id="2_4" name="ParadisoCanto 5" href="#"
>5</span> <span
class="sel-canto border small text-muted nowrap"
id="2_5" name="ParadisoCanto 6" href="#"
>6</span> <span
class="sel-canto border small text-muted nowrap"
id="2_6" name="ParadisoCanto 7" href="#"
>7</span> <span
class="sel-canto border small text-muted nowrap"
id="2_7" name="ParadisoCanto 8" href="#"
>8</span> <span
class="sel-canto border small text-muted nowrap"
id="2_8" name="ParadisoCanto 9" href="#"
>9</span> <span
class="sel-canto border small text-muted nowrap"
id="2_9" name="ParadisoCanto 10" href="#"
>10</span> <span
class="sel-canto border small text-muted nowrap"
id="2_10" name="ParadisoCanto 11" href="#"
>11</span> <span
class="sel-canto border small text-muted nowrap"
id="2_11" name="ParadisoCanto 12" href="#"
>12</span> <span
class="sel-canto border small text-muted nowrap"
id="2_12" name="ParadisoCanto 13" href="#"
>13</span> <span
class="sel-canto border small text-muted nowrap"
id="2_13" name="ParadisoCanto 14" href="#"
>14</span> <span
class="sel-canto border small text-muted nowrap"
id="2_14" name="ParadisoCanto 15" href="#"
>15</span> <span
class="sel-canto border small text-muted nowrap"
id="2_15" name="ParadisoCanto 16" href="#"
>16</span> <span
class="sel-canto border small text-muted nowrap"
id="2_16" name="ParadisoCanto 17" href="#"
>17</span> <span
class="sel-canto border small text-muted nowrap"
id="2_17" name="ParadisoCanto 18" href="#"
>18</span> <span
class="sel-canto border small text-muted nowrap"
id="2_18" name="ParadisoCanto 19" href="#"
>19</span> <span
class="sel-canto border small text-muted nowrap"
id="2_19" name="ParadisoCanto 20" href="#"
>20</span> <span
class="sel-canto border small text-muted nowrap"
id="2_20" name="ParadisoCanto 21" href="#"
>21</span> <span
class="sel-canto border small text-muted nowrap"
id="2_21" name="ParadisoCanto 22" href="#"
>22</span> <span
class="sel-canto border small text-muted nowrap"
id="2_22" name="ParadisoCanto 23" href="#"
>23</span> <span
class="sel-canto border small text-muted nowrap"
id="2_23" name="ParadisoCanto 24" href="#"
>24</span> <span
class="sel-canto border small text-muted nowrap"
id="2_24" name="ParadisoCanto 25" href="#"
>25</span> <span
class="sel-canto border small text-muted nowrap"
id="2_25" name="ParadisoCanto 26" href="#"
>26</span> <span
class="sel-canto border small text-muted nowrap"
id="2_26" name="ParadisoCanto 27" href="#"
>27</span> <span
class="sel-canto border small text-muted nowrap"
id="2_27" name="ParadisoCanto 28" href="#"
>28</span> <span
class="sel-canto border small text-muted nowrap"
id="2_28" name="ParadisoCanto 29" href="#"
>29</span> <span
class="sel-canto border small text-muted nowrap"
id="2_29" name="ParadisoCanto 30" href="#"
>30</span> <span
class="sel-canto border small text-muted nowrap"
id="2_30" name="ParadisoCanto 31" href="#"
>31</span> <span
class="sel-canto border small text-muted nowrap"
id="2_31" name="ParadisoCanto 32" href="#"
>32</span> <span
class="sel-canto border small text-muted nowrap"
id="2_32" name="ParadisoCanto 33" href="#"
>33</span>
</div>
</div>
</div>
</div>
</div>
<div class="col p-0 pt-1 ml-2 border bg-light text-muted">
<div class="row no-gutters p-0 justify-content-end">
<div
class="col p-2 align-self-start align-items-start justify-content-end text-right position-absolute"
style="z-index: 1000">
<button id="trashClaCont-xX0"
class="btn btn-sm btn-outline-success bg-light trashClaCont border rounded text-success px-1 pb-0"
style="z-index: 1000">
<ion-icon name="refresh-circle"></ion-icon>
</button>
</div>
</div>
<div class="row no-gutters p-1 justify-content-start">
<div
class="col-10 pr-3 pl-1 align-self-start justify-self-start text-muted small wrap"
id="contextText-xX0">Tutta l'opera</div>
<div class="col-2 m-0 p-0">&nbsp;</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="collapse" id="collapseAdvanced">
<!-- inizio RicercaAvanzata -->
<div class="col-12 p-0">
<div id="accordionSearch">
<div
class="row card d-flex justify-content-end bg-lida10 m-0">
<div
class="col-7 justify-content-between d-sm-inline bg-lida10 px-2 pt-2 pb-0">
<div class="input-group input-group-sm px-1 pt-1">
<div class="input-group-prepend">
<label
class="input-group-text border-right-0 border-success pr-0"><ion-icon
name="receipt-outline"></ion-icon></label> <label
class="input-group-text text-muted border-left-0 border-success"
for="unitaRicerca">Unità di ricerca:</label>
</div>
<select
class="custom-select text-muted bg-light border border-success btn-outline-success "
id="unitaRicerca">
<option value="forme">Forma</option>
<option value="lemma">Lemma</option>
<option value="frase">Frase</option>
<option value="verso">Verso</option>
<option value="periodo">Periodo</option>
<option value="discorso">Discorso</option>
<option value="sintagma">Sintagma</option>
<option value="metafora">Metafora</option>
</select>
</div>
</div>
<div
class="col-12 justify-content-between d-sm-inline bg-lida10 p-2">
<div class="col-12 p-0 pl-2">
<span class="small text-muted align-bottom pr-2">Aggiungi
clausole o condizioni logiche: </span>
</div>
<div class="btn-group btn-group-sm p-1" role="group">
<button id="btnAddCla1" type="button"
class="addCCbtn btn btn-sm btn-outline-success bg-light">
<span class="text-muted">Morfologia</span>
</button>
<button id="btnAddCla2" type="button"
class="addCCbtn btn btn-sm btn-outline-success bg-light">
<span class="text-muted">Sintassi</span>
</button>
<button id="btnAddCla3" type="button"
class="addCCbtn btn btn-sm btn-outline-success bg-light">
<span class="text-muted">Metafore</span>
</button>
<label
class="input-group-text border-top border-bottom border-right-0 border-left-0 border-success"
style="border-radius: 0;"><ion-icon
name="extension-puzzle"></ion-icon></label>
<button id="btnAddCond" type="button"
class="addCCbtn btn btn-sm btn-outline-success bg-light">
<span class="text-muted">AND/OR</span>
</button>
</div>
</div>
</div>
<div id="collapseLogic" class="collapse show"
aria-labelledby="headingLogic"
data-parent="#accordionSearch">
<div class="card-body p-0">
<div class="row card tab-content bg-lida10 m-0 p-0"
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>
</div>
<div class="col-12 tab-pane fade show active p-1 pb-2"
id="cla0" role="tabpanel" aria-labelledby="cla0-tab">
<div id="cla-Advanced" style="display: d-flex">
<div class=" p-1 border bg-light well" id="cla-list">
<div id="cla-list-row"
class="row mx-0 justify-content-between">
<div class="col-12 p-0">
<ul id="sortable0"
class="condLIand list-group ui-sortable">
<li id="li-cla0"
class="list-group-item align-items-center my-1 ui-state-default ui-state-disabled border text-muted bg-white ui-state-disabled-opacity-06 small">Nessuna
clausola aggiunta.</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- fine RicercaAvanzata -->
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div id="rigaNascosta" class="row" style="display: none;">
<!-- INIZIO MODELLI CLAUSOLE -->
<!-- TIPO GRAMMATICALE -->
<div style="display: none;"
class="col-12 tab-pane px-0 bg-lida12 border-top"
id="tipogrammaticaleN" role="tabpanel" aria-labelledby="claN-tab"
data-claType="Grammaticale" data-claActive="1">
<div
class="form-group form-inline input-group border-bottom border-success py-2 px-2 m-0"
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-sm monMe bg-light text-muted border btn-outline-success"
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 form-control-sm monMe"
id="queryTextN" placeholder="inserisci un termine"
aria-describedby="name-desc" name="query"> <select
class="form-control custom-select-sm monMe bg-light text-muted border btn-outline-success"
id="opzioni_testoN">
<option value="parola">come Parola</option>
<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>
</select>
</div>
<div class="form-group px-1 pb-0 my-1">
<label for="typeGramm0" class="text-muted control-label small pl-2 pt-2 m-0">Categoria
grammaticale:</label>
<div class="form-inline input-group px-1 pt-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-sm catgram monMe bg-light text-muted border btn-outline-success"
name="typeGramm0" id="grammtypesN" title="Categoria grammaticale"
value="oggetto">
<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 mr-3 mb-0 p-1 px-2 pb-0 dettaglifiltri"></div>
<div class="border bg-light well m-0" id="contextDivN"></div>
</div>
<!-- FINE GRAMMATICALE -->
<!-- TIPO SINTATTICO -->
<div style="display: none;"
class="col-12 tab-pane px-0 bg-lida12 border-top"
id="tiposintatticoN" role="tabpanel" aria-labelledby="claN-tab"
data-claType="Sintattico" data-claActive="1">
<div
class=" form-group form-inline input-group border-bottom border-success py-2 px-2 m-0"
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-sm monMe bg-light text-muted border btn-outline-success"
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 form-control-sm monMe"
id="queryTextN" placeholder="inserisci un termine"
aria-describedby="name-desc" name="query"> <select
class="form-control custom-select-sm monMe bg-light text-muted border btn-outline-success"
id="opzioni_testoN">
<option value="parola">come Parola</option>
<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>
</select>
</div>
<div class="form-group px-1 pb-0 my-1">
<label for="typeSyntax0"
class="text-muted control-label small pl-2 pt-2 m-0">Tipo
sintattico:</label>
<div class="form-inline input-group px-1 pt-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-sm monMe bg-light text-muted border btn-outline-success"
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 mt-1 mb-2">
<label for="functionSyntax"
class="text-muted control-label small pl-2 pt-2 m-0">Livello di
subordinazione:</label>
<div class="form-inline input-group px-1 pt-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-sm monMe bg-light text-muted border btn-outline-success"
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 class="border bg-light well m-0" id="contextDivN"></div>
</div>
<!-- FINE TIPO SINTATTICO -->
<!-- TIPO METAFORA -->
<div style="display: none;"
class="col-12 tab-pane px-0 bg-lida12 border-top" id="tipometaforaN"
role="tabpanel" aria-labelledby="claN-tab" data-claType="Metafora"
data-claActive="1"></div>
<!-- FINE TIPO METAFORA -->
<div style="display: none;">
<ul>
<!-- LI CLAUSOLA -->
<li id="li-claxX1Xx" style="display: none;"
class="claLI card mx-0 my-1 py-1 px-0 list-group-item align-items-center border text-muted bg-white">
<div class="handle container p-0 pl-1">
<div
class="row no-gutters flex-nowrap align-items-start justify-content-between">
<div class="col-md-auto pl-0 pr-1 align-self-start">
<span class="ui-icon ui-icon-arrowthick-2-n-s"></span>
</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>
</div>
<div
class="col-md-auto px-1 align-self-start justify-content-end">
<div class="row no-gutters flex-nowrap justify-content-end">
<div
class="col-auto pb-0 pl-2 pr-1 pt-1 align-top flex-grow-1 align-self-start justify-content-end text-right bd-highlight text-success editCla"
id="headingCxX1Xx">
<div style="height: 32px; width: 40px;"
class="custom-switch p-0 align-self-end text-right text-success">
<input type="checkbox" class="custom-control-input claAct align-self-end text-success border-success btn-success"
name="cla-attiva" aria-label="attiva" id="actiClaSWxX3Xx"><label class="custom-control-label form-control-sm text-success p-0"
for="actiClaSWxX1Xx"></label>
</div>
</div>
<div
class="col-auto pb-0 pl-1 pr-2 pt-1 align-top align-self-start justify-content-end text-right bd-highlight text-success removeCla">
<ion-icon name="close-circle"></ion-icon>
</div>
</div>
</div>
</div>
<div
class="row no-gutters flex-nowrap align-items-start justify-content-end">
<div class="col-auto flex-fill align-self-start"></div>
<div
class="col-auto pr-1 align-self-end align-items-end justify-content-end text-right text-success position-absolute">
<button id="claCollapsexX1Xx"
class="btn btn-sm btn-link claCollBtn collapsed mr-2 px-4 pb-0 border border-success text-success btn-outline-success"
data-toggle="collapse" data-target="#collapseClaxX1Xx"
aria-expanded="false" aria-controls="collapseClaxX1Xx">
<ion-icon name="pencil"></ion-icon>
</button>
</div>
</div>
</div>
<div id="collapseClaxX1Xx" class="collapse"
aria-labelledby="headingCxX1Xx" data-parent="#sortable0">
<div class="card-body p-0 mx-1 mb-1 bg-lida12 border rounded border-success"
id="claBodyxX1Xx"></div>
</div>
</li>
<!-- FINE LI CLAUSOLA -->
<!-- LI LOGICA -->
<li id="condxX4Xx" style="display: none;"
class="condLI-xX5Xx mx-0 my-1 p-1 list-group-item align-items-center border text-muted bg-xX6Xx">
<ul id="sortablexX4Xx" class="handle list-group ui-sortable">
<div class="row ml-0 my-1 pr-2 justify-content-between">
<div class="small font-weight-bold text-muted">
<select
class="p-0 custom-select-sm small text-muted bg-xX6Xx form-control condType btn-outline-success"
id="andOrSelect-xX4Xx">
<option>AND</option>
<option>OR</option>
</select>
</div>
<div class="p-0 mr-3 mt-1 text-right text-success">
<span class="iconClClass removeCond"><ion-icon
name="close-circle"></ion-icon></span>
</div>
</div>
<li id="placeholderSortxX4Xx"
class="mx-0 my-1 p-1 pl-3 list-group-item align-items-center border text-muted small bg-light ui-state-disabled ui-state-disabled-opacity-06">Trascina
qui almeno 2 clausole o condizioni</li>
</ul>
</li>
<!-- FINE LI LOGICA -->
</ul>
</div>
<!-- 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>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink