From c94a8d1e9ecb5d99c0b757ca93250fd400af92f3 Mon Sep 17 00:00:00 2001
From: nicola <nicola@localhost>
Date: Mon, 5 Dec 2022 09:50:01 +0100
Subject: [PATCH] tab accumulo

---
 NikBrowseSearchCombinedNew.html | 109 ++++++++++++++++++++++++++------
 1 file changed, 89 insertions(+), 20 deletions(-)

diff --git a/NikBrowseSearchCombinedNew.html b/NikBrowseSearchCombinedNew.html
index ece6de2..b4e4633 100644
--- a/NikBrowseSearchCombinedNew.html
+++ b/NikBrowseSearchCombinedNew.html
@@ -52,6 +52,8 @@
 
 
 <script type="text/javascript" src="js/NikBrowseSearchCombinedNew.js"></script>
+<script type="text/javascript" src="js/guimanagerNik.js"></script>
+
 <script
 	src="https://rdf.js.org/comunica-browser/versions/latest/engines/query-sparql/comunica-browser.js"></script>
 
@@ -988,6 +990,7 @@
 						<div class="form-inline input-group p-2" action="">
 							<div class="input-group-prepend">
 								<label class="input-group-text"><ion-icon name="options"></ion-icon></label>
+								
 							</div>
 							<select class="form-control col-3 custom-select-sm catgram"
 								name="typeGramm0" id="grammtypes" title="Categoria grammaticale"
@@ -1027,17 +1030,26 @@
 								</optgroup>
 							</select>
 
-							<div class="pr-4 col-8 text-right text-primary savecondition"
-								style="display: none">
-								<span class="return2Query"><ion-icon
-										name="checkmark-circle" role="img" class="md hydrated"
-										aria-label="checkmark circle"></ion-icon></span>&nbsp;&nbsp; <span
-									class="removeClaInTab"><ion-icon name="close-circle"
-										role="img" class="md hydrated" aria-label="close circle"></ion-icon></span>
-							</div>
-
+						<div class="pr-4 col-8 text-right text-primary savecondition"
+							style="display: none">
+							<nav class="flex ml2 h0-ns mt0 pa0-ns">
+								<a class="link update-filter" href="#" title="Update"
+									style="display: none"> <ion-icon
+										name="checkmark-done-outline" class="md hydrated"
+										style="width: 27px; height: 24px;"></ion-icon>
+								</a> <a class="link  set-filterGram" href="#" title="Set"
+									style="display: block"> <ion-icon
+										name="checkmark-done-outline" class="md hydrated"
+										style="width: 27px; height: 24px;"></ion-icon>
+								</a> <a class="link remove-filterGram" href="#" title="Remove"> <ion-icon
+										name="trash-outline" class="md hydrated"
+										style="width: 27px; height: 24px;"></ion-icon>
+								</a>
+							</nav>
 						</div>
 
+					</div>
+
 						<div
 							class="container form-group mr-5 mb-0 pt-1 pr-5 pl-0 justify-content-center dettaglifiltriVerboVolgare"
 							style="display: none">
@@ -1975,16 +1987,37 @@
 
 								</optgroup>
 
-							</select>
-						</div>
-
-						
+							</select>	
+							<nav class="flex ml2 h0-ns mt0 pa0-ns saveconditionSint" style="display: none">
+								<a class="link update-filterSint" href="#" title="Update"
+									style="display: none"> <ion-icon
+										name="checkmark-done-outline" class="md hydrated"
+										style="width: 27px; height: 24px;"></ion-icon>
+								</a> <a class="link  set-filterSint" href="#" title="Set"
+									style="display: none"> <ion-icon
+										name="checkmark-done-outline" class="md hydrated"
+										style="width: 27px; height: 24px;"></ion-icon>
+								</a> <a class="link remove-filterSint" href="#" title="Remove"style="display: block"> 
+										<ion-icon
+										name="trash-outline" class="md hydrated"
+										style="width: 27px; height: 24px;"></ion-icon>
+								</a>
+							</nav>
+						</div>						
 					</div>
 
 					<!--   FINE TIPO SINTATTICO -->
 
+				<div class="mt0 mb0 pb0 ml7 col-4 h-1 d-inline-block">
+					<div class="bg-washed-blue h-1 pv0" id='filtri'
+						style="display: none;">
+						<!-- <img src="./images/filters1.png" class="ui-state-disabled"
+							style="width: 40px; height: 48px;" alt="Filtri"> 	 -->					
+							<input type="hidden" id="IdFiltro" type="text" value="">
+					</div>
+				</div>
 
-					<form>
+				<form id='filterform' onsubmit="return false;">
 						<div class="tab-content border-right border-left border-bottom"
 							id="cla-TabContent">
 
@@ -2004,13 +2037,13 @@
 										placeholder="digitare..." aria-describedby="name-desc"
 										name="query"> <select
 										class="form-control custom-select" id="opzioni_testo">
-										<option value="opzionetesto">Come Parola</option>
-										<option value="opzionetesto">Come Sottostringa</option>
-										<option value="opzionetesto">Come Prefisso</option>
-										<option value="opzionetesto">Come Suffisso</option>
-										<option value="opzionetesto">Come Espressione
+										<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="Espressione Regolare">Come Espressione
 											regolare</option>
-										<option value="opzionetesto">Cerca Come</option>
+<!-- 										<option value="opzionetesto">Cerca Come</option> -->
 									</select>
 								</div>
 
@@ -2030,6 +2063,9 @@
 										aria-controls="collapseExample">Reset</button>
 								</div>
 							</div>
+							
+							<div class="flex flex-wrap" id='dettaglifiltri'></div>
+							
 						</div>
 					</form>
 				</div>
@@ -2044,6 +2080,39 @@
   							</div>
 						</div> -->
 
+<!-- DIV DETTAGLIFILTRI -->
+
+		<div style="display: none;" id='divdettaglifiltri'>
+			<div class="flex flex-wrap" id='dettaglifiltritemplate'></div>
+		</div>
+
+<!-- TEMPLATE FILTRO -->
+
+		<div class="flex items-center justify-center pa1 bl br bt bb b--green ui-state-enabled"
+			style="display: none;" id="filtro">
+
+			<div class="bg-washed-blue flex flex-column">
+				<nav class=" flex flex-wrap h0-ns mt0 pv0 pa0 ">
+					<a class="flex ma2 pa0-ns dim gray f6 f2-ns dib mr0 delete-written-filter"
+						href="#" title="RemoveFilter"><img src="./images/chiudi1.png"
+						style="width: 22px; height: 20px;"></a> 
+					<a class="flex ma2 pa0-ns dim gray f6 f2-ns dib mr0 edit-written-filter"
+						href="#" title="EditFilter"><img src="./images/edit.png"
+						style="width: 22px; height: 20px;"></a> 
+					<select id="andor" style="display: none;"
+						class="w-100 db h1 mb2 pv0 pa0 f6 bg-near-white ba b--sliver gray andorconditions"
+						name="condizionelogica" onchange="" title="Condizione logica">
+						<option value="AND">AND</option>
+						<option value="OR">OR</option>
+					</select>
+				</nav>
+				<div class="flex mb0 pv0 pa0 listacondizioni">
+					<!--<h4 class="f6 fw6">Clausola</h4> -->
+
+				</div>
+			</div>
+		</div>
+		
 		<!-- Da index_Luk_Q_.html  separatore copyright-->
 
 		<div class="container pb-1 px-3 my-3  ">