tab enhanced

This commit is contained in:
nicola 2022-11-10 16:56:03 +01:00
parent 87e3205f58
commit 761126829a
2 changed files with 183 additions and 10 deletions

View File

@ -778,21 +778,163 @@
name="close-circle-sharp"></ion-icon></span> <span
class="text-dark font-weight-bold">&nbsp;&nbsp;Cerca Cosa?</span>
</a></li>
<li class="nav-item halfOpacity" role="presentation" ><a
class="nav-link active halfOpacity" id="close_cerca" data-toggle="tab"
<li class="nav-item" role="presentation"><a
class="nav-link active" id="close_dove" data-toggle="tab"
href="#cla0" role="tab" aria-controls="cla0" aria-selected="true">
<span class="text-secondary halfOpacity"><ion-icon
<span class="text-secondary"><ion-icon
name="close-circle-sharp"></ion-icon></span> <span
class="text-dark font-weight-bold halfOpacity">&nbsp;&nbsp;Cerca Dove?</span>
class="text-dark font-weight-bold">&nbsp;&nbsp;Cerca Dove?</span>
</a></li>
<li class="nav-item halfOpacity" role="presentation"><a
class="nav-link active halfOpacity" id="close_cerca" data-toggle="tab"
<li class="nav-item" role="presentation"><a
class="nav-link active" id="close_condizioni" data-toggle="tab"
href="#cla0" role="tab" aria-controls="cla0" aria-selected="true">
<span class="text-secondary"><ion-icon
name="close-circle-sharp"></ion-icon></span> <span
class="text-dark font-weight-bold">&nbsp;&nbsp;Condizioni...</span>
</a></li>
</ul>
<div class="tab-content" id="DoveInferno" style="display: none;">
<table >
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno1"
href="#0" data-added="0"> I</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno2"
href="#0" data-added="0"> II</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno3"
href="#0" data-added="0"> III</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno4"
href="#0" data-added="0"> IV</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno5"
href="#0" data-added="0"> V</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno6"
href="#0" data-added="0"> VI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno7"
href="#0" data-added="0"> VII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno8"
href="#0" data-added="0"> VIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso9"
href="#0" data-added="0"> IX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso10"
href="#0" data-added="0"> X</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso11"
href="#0" data-added="0"> XI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso12"
href="#0" data-added="0"> XII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso13"
href="#0" data-added="0"> XIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso14"
href="#0" data-added="0"> XIV</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso15"
href="#0" data-added="0"> XV</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso16"
href="#0" data-added="0"> XVI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso17"
href="#0" data-added="0"> XVII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso18"
href="#0" data-added="0"> XVIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso19"
href="#0" data-added="0"> XIX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso20"
href="#0" data-added="0"> XX</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso21"
href="#0" data-added="0"> XXI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso22"
href="#0" data-added="0"> XXII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso23"
href="#0" data-added="0"> XXIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso24"
href="#0" data-added="0"> XXIV</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso25"
href="#0" data-added="0"> XXV</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso26"
href="#0" data-added="0"> XXVI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso27"
href="#0" data-added="0"> XXVII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso28"
href="#0" data-added="0"> XXVIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso29"
href="#0" data-added="0"> XXIX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso30"
href="#0" data-added="0"> XXX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso31"
href="#0" data-added="0"> XXXI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso32"
href="#0" data-added="0"> XXXII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso33"
href="#0" data-added="0"> XXXIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso33"
href="#0" data-added="0"> XXXIV</a></td>
</tr>
</table>
</div>
<div id="cla-Advanced" style="display: none">
<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>
<form>
<div class="tab-content border-right border-left border-bottom"
@ -844,7 +986,7 @@
</div>
</div>
-->
<div id="cla-Advanced" style="display: block">
<!-- <div id="cla-Advanced" style="display: block">
<div class="btn-group p-1 my-3" role="group"
aria-label="Bottoni menu clausole">
@ -864,7 +1006,7 @@
class="text-lida5">Metafore</span></a>
</div>
</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">

View File

@ -158,6 +158,8 @@ $(document).ready(function() {
// $('#selectPurgatorio').css({'opacity' : 0.40});
// $('#selectParadiso').css({'opacity' : 0.40});
$('#CantiInferno').attr('style', "display:block;")
$('#close_condizioni').css({'opacity' : 0.40});;
$('#close_dove').css({'opacity' : 0.40});
$('.tabs__menu-item').on('click', function() {
@ -1017,8 +1019,7 @@ $(document).ready(function() {
jQuery(document).delegate('#close_cerca', 'click', function(e) {
e.preventDefault();
//$('#apricerca').attr('style', "display:none;")
//$('#apricerca').css('opacity', '0,4');
$('#apricerca').css({'opacity' : 0.25});
$('.labelVai span').html("Vai a:");
@ -1027,8 +1028,38 @@ $(document).ready(function() {
$('#browseArea').css('opacity', '1');
$('#PagineCanti').prop("disabled", false);
$('#PagineCanti').css('overflow', 'auto');
$('#close_condizioni').css({'opacity' : 0.40});;
$('#close_dove').css({'opacity' : 0.40});
$('#close_cerca').css({'opacity' : 1});
$("#cla-TabContent").attr('style', "display: block;");
$("#DoveInferno").attr('style', "display: none;");
$("#cla-Advanced").attr('style', "display: none;");
});
jQuery(document).delegate('#close_dove', 'click', function(e) {
e.preventDefault();
$('#close_condizioni').css({'opacity' : 0.40});;
$('#close_dove').css({'opacity' : 1});
$('#close_cerca').css({'opacity' : 0.40});
$("#cla-TabContent").attr('style', "display: none;");
$("#cla-Advanced").attr('style', "display: none;");
$("#DoveInferno").attr('style', "display: block;");
});
jQuery(document).delegate('#close_condizioni', 'click', function(e) {
e.preventDefault();
$('#close_condizioni').css({'opacity' : 1});;
$('#close_dove').css({'opacity' : 0.40});
$('#close_cerca').css({'opacity' : 0.40});
$("#cla-TabContent").attr('style', "display: none;");
$("#DoveInferno").attr('style', "display: none;");
$("#cla-Advanced").attr('style', "display: block;");
});
jQuery(document).delegate('#BottoneCerca', 'click', function(e) {
e.preventDefault();