From a808b0638143b5c0bde9bf0367d231830aaa81e0 Mon Sep 17 00:00:00 2001
From: nicola <nicola@mbpdiniolaaloia.lan>
Date: Mon, 7 Nov 2022 17:16:08 +0100
Subject: [PATCH] eliminato lente search e reso visibile in secondo piano la
 query div

---
 NikBrowseSearchCombined.html  |  6 +--
 js/NikBrowseSearchCombined.js | 87 +++++++++++++++++++++++++++++++++--
 2 files changed, 87 insertions(+), 6 deletions(-)

diff --git a/NikBrowseSearchCombined.html b/NikBrowseSearchCombined.html
index ebd0e20..82b1722 100644
--- a/NikBrowseSearchCombined.html
+++ b/NikBrowseSearchCombined.html
@@ -231,13 +231,13 @@
 											</textarea>
 
 					</form>
-					<p>
+					<!-- <p>
 						<input style="display: block; width: 51px; height: 51px;"
 							class="b ph7-m pv2 input-reset bn b--black bg-transparent grow pointer f6"
 							type="image" src="./images/Search.png" id="grammarbutton"
 							value="Cerca" title="Applica i criteri di ricerca">
 					</p>
-
+ -->
 				</div>
 			</div>
 		</div>
@@ -255,7 +255,7 @@
 		<!-- Da index_Luk_Q_.html -->
 
 
-<div class="container border bg-light" style="display: none;" id="apricerca">
+<div class="container border bg-light" style="display: block;" id="apricerca">
     <div class="row">
         <div class="col-md-12 p-2">
         	<ul class="nav nav-tabs" id="tab-list" role="tablist">
diff --git a/js/NikBrowseSearchCombined.js b/js/NikBrowseSearchCombined.js
index cbac72b..01b7db5 100644
--- a/js/NikBrowseSearchCombined.js
+++ b/js/NikBrowseSearchCombined.js
@@ -150,6 +150,12 @@ $(document).ready(function() {
 
 	var clausolaVisibile = false  //contiene il valore true se una clausola è gia visibile e quindi non se ne può visualizzare una seconda
 	var tipoClausola = ''
+	
+	$('#apricerca').css({'opacity' : 0.25});
+	$('#lemma_forma').prop("disabled", true);	
+	$('#opzioni_testo').prop("disabled", true);	
+	$('#BottoneCerca').prop("disabled", true);	
+
 
 	$('.tabs__menu-item').on('click', function() {
 		$(this).addClass('bg-white').addClass('red');
@@ -1101,7 +1107,10 @@ $(document).ready(function() {
 	jQuery(document).delegate('#close_cerca', 'click', function(e) {
 		e.preventDefault();
 		
-		$('#apricerca').attr('style', "display:none;")
+		//$('#apricerca').attr('style', "display:none;")
+						//$('#apricerca').css('opacity', '0,4');
+		$('#apricerca').css({'opacity' : 0.25});
+
 		$('.labelVai span').html("Vai a:");
 		$('#grammarbutton').attr('style', "display:block; width: 51px; height: 51px;");
 		
@@ -1121,7 +1130,9 @@ $(document).ready(function() {
 		$('.labelVai span').html("Cerca in:");
 		$('#grammarbutton').attr('style', "display:none;");
 	
-		$('#apricerca').attr('style', "display:block;")
+	//	$('#apricerca').attr('style', "display:block;")
+				$('#apricerca').css('opacity', '1');
+
 		$('#advanSW').prop('checked',false)
 		$('#PagineCanti').highlightWithinTextarea('destroy');
 		$('#CantiInferno').empty()
@@ -1164,9 +1175,33 @@ $(document).ready(function() {
 		});
 	});
 
+	jQuery(document).delegate('#apricerca', 'click', function(e) {
+		e.preventDefault();
+		
+		$(this).css('opacity', '1');
+		$('#browseArea').css('opacity', '0.4');
+		$('.labelVai span').html("Cerca in:");
+		$('#lemma_forma').prop("disabled", false);	
+		$('#opzioni_testo').prop("disabled", false);	
+		$('#BottoneCerca').prop("disabled", false);	
 
+		
+		clearResult();
+	
+	});
 
+	jQuery(document).delegate('#browseArea', 'click', function(e) {
+		e.preventDefault();
+		
+		$(this).css('opacity', '1');
+		$('#apricerca').css('opacity', '0.4');
+		$('.labelVai span').html("Vai a:");
+		$('#lemma_forma').prop("disabled", true);	
+		$('#opzioni_testo').prop("disabled", true);	
+		$('#BottoneCerca').prop("disabled", true);	
 
+	
+	});
 
 	// Da Luca JS
 	var tabID = 0;
@@ -1222,6 +1257,49 @@ $(document).ready(function() {
         	};
 	});
 	
+	function clearResult(){
+		$('#CantiInferno').empty()
+		$('#CantiPurgatorio').empty()
+		$('#CantiParadiso').empty()
+		CantiParadisoOpen = false;
+		CantiPurgatorioOpen = false;
+		CantiInfernoOpen = false;
+		tabellaCanti ="";
+		
+		for (j=1;j<34;j++){
+			tabellaCanti = tabellaCanti + 
+				'<a class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso' + j +
+							'href="#0" data-added="0">'+j+'</a> ';
+		}	
+		
+		$('#CantiParadiso').append(tabellaCanti);
+
+		tabellaCanti ="";
+		
+		for (j=1;j<34;j++){
+			tabellaCanti = tabellaCanti + 
+				'<a class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectPurgatorio' + j +
+							'href="#0" data-added="0">'+j+'</a> ';
+		}	
+		
+		$('#CantiPurgatorio').append(tabellaCanti);
+
+		tabellaCanti ="";
+		
+		for (j=1;j<35;j++){
+			tabellaCanti = tabellaCanti + 
+				'<a class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectInferno' + j +
+							'href="#0" data-added="0">'+j+'</a> ';
+		}	
+				
+		$('#CantiInferno').append(tabellaCanti);
+		$('#occorrenze').attr('style', "display:none;")
+		$('a.selectParadiso').text("Paradiso");
+		$('a.selectInferno').text("Inferno");
+		$('a.selectPurgatorio').text("Purgatorio");
+
+	}
+	
 	function fakeResult(){
 		
 		$('#CantiInferno').empty()
@@ -1332,7 +1410,10 @@ $(document).ready(function() {
 		
 		CantiInferno = true;
 		
-		$('#apricerca').attr('style', "display:none;")
+	//	$('#apricerca').attr('style', "display:none;")
+						//$('#apricerca').css('opacity', '0,4');
+		$('#apricerca').css({'opacity' : 0.25});
+
 		$('.labelVai span').html("Risultati:");
 		$('#grammarbutton').attr('style', "display:block; width: 51px; height: 51px;");
 		$('a.selectParadiso').text("Paradiso (12)");