tab enhanced
This commit is contained in:
parent
87e3205f58
commit
761126829a
|
@ -778,21 +778,163 @@
|
|||
name="close-circle-sharp"></ion-icon></span> <span
|
||||
class="text-dark font-weight-bold"> 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"> Cerca Dove?</span>
|
||||
class="text-dark font-weight-bold"> 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"> 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">
|
||||
|
|
|
@ -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();
|
||||
|
|
Loading…
Reference in New Issue