tab enhanced

NikBrowseSearchCombinedNew.html

@@ -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
+					<li class="nav-item" role="presentation"><a
-						class="nav-link active halfOpacity" id="close_cerca" data-toggle="tab"
+						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
+					<li class="nav-item" role="presentation"><a
-						class="nav-link active halfOpacity" id="close_cerca" data-toggle="tab"
+						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">

js/NikBrowseSearchCombinedNew.js

@@ -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();