From 4b980766b2032383f41de576f2d64833581923fb Mon Sep 17 00:00:00 2001
From: Luca Trupiano <luca.trupiano@isti.cnr.it>
Date: Thu, 20 Apr 2023 12:50:54 +0200
Subject: [PATCH] Modifiche colori ricerca, omologata grafica

---
 css/custom1_4.3.css | 45 ++++++++++++++++++------------------
 css/custom2_4.3.css | 56 +++++++++++++++++++++++++++++++++------------
 index_4.3.html      | 40 ++++++++++++++++----------------
 js/script_4.3.js    | 14 ++++++++----
 4 files changed, 95 insertions(+), 60 deletions(-)

diff --git a/css/custom1_4.3.css b/css/custom1_4.3.css
index f081f14..56634b3 100644
--- a/css/custom1_4.3.css
+++ b/css/custom1_4.3.css
@@ -18,7 +18,7 @@ html, body {
 }
 
 .tableMain {
-	height: 95%;
+	height: 97%;
 	min-height: 600px;
 }
 
@@ -93,18 +93,6 @@ html, body {
 	border-bottom-left-radius: 0 !important;
 }
 
-
-.page-link {
-    position: relative;
-    display: block;
-    padding: 0.5rem 0.75rem;
-    margin-left: -1px;
-    line-height: 1.25;
-    color: #5f8ec2;
-    background-color: #fff;
-    border: 1px solid #dee2e6;
-}
-
 .lista-risultati:hover, .citazioneFrase:hover {
 	cursor: pointer;
 }
@@ -355,32 +343,43 @@ li::marker {
 	border-color: rgb(117, 159, 154) !important;
 	background-color: rgb(117, 159, 154) !important;
 }
-.ui-selectable .ui-selecting {
+
+.ui-selectable .ui-selecting .suxess {
 	background: #759F9A;
 }
-.ui-selectable .ui-selected {
+
+.ui-selectable .ui-selected .suxess {
 	background: #DEE2E6;
 	color: #759F9A !important;
 }
 
-.form-control:focus, input[type=text]:focus {
+.ui-selectable .ui-selecting:not(.suxess) {
+	background: #bcab7c;
+}
+
+.ui-selectable .ui-selected:not(.suxess) {
+	background: #eef1f3;
+	color: #bcab7c !important;
+}
+
+.form-control:not(.border-secondary):not(.btn-outline-secondary):focus, input[type=text]:not(.border-secondary):not(.btn-outline-secondary):focus {
     border-color: rgba(117, 159, 154) !important;
     box-shadow: 0 0 0 0.2rem rgba(117, 159, 154,.5);
 }
 
 
-/* ------- $warning #eace87 -------- */
+/* ------- mark #eace87 -------- */
 
 .mark {
 	background-color: #eace87 !important;
 }
 
-
-/* ------- #985949 -------- */
+/* ------- $danger #985949 -------- */
 
 #displaycanto span:hover {
 	color: #985949;
 }
+
 .ttContent {
 	color: #985949;
 }
@@ -392,7 +391,6 @@ li::marker {
 	color: #5b352c;
 }
 
-
 /* ------- #1E90FF -------- */
 
 .Nik_dropdown-content {
@@ -400,9 +398,12 @@ li::marker {
 	color: #1E90FF; 
 }
 
+/* ricerca semplice */
+.bg-lida08 {
+    background-color: #c4c8cc !important; 
+}
 
 /* ricerca avanzata */
-
 .bg-lida10 {
     background-color: #c8d9d7 !important;
 }
@@ -410,6 +411,7 @@ li::marker {
 .bg-lida10-mix {
     background-color: #f3f5f2 !important;
 }
+
 /* clausola */
 .bg-lida11 {
 	background-color: #e3eceb !important;
@@ -425,7 +427,6 @@ li::marker {
     background-color: #ece3e4 !important;
 }
 
-
 /* visualizza e minimap */
 .bg-lida-vis, #displayminimap, .claCollBtn, .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
     background-color: #fefeff! important;
diff --git a/css/custom2_4.3.css b/css/custom2_4.3.css
index 0564c45..4914f4b 100644
--- a/css/custom2_4.3.css
+++ b/css/custom2_4.3.css
@@ -18,7 +18,7 @@ html, body {
 }
 
 .tableMain {
-	height: 95%;
+	height: 97%;
 	min-height: 600px;
 }
 
@@ -44,8 +44,8 @@ html, body {
 #colMinimap {
 	padding-top: 63px;
 	min-height: 600px;
-	min-width: 110px !important;
-	width: 110px !important;
+	min-width: 111px !important;
+	width: 111px !important;
 	border-right-width: 2px !important;
 	border-bottom-width: 2px !important;
 }
@@ -352,22 +352,30 @@ li::marker {
 	border-color: rgb(65, 93, 67) !important;
 	background-color: rgb(65, 93, 67) !important;
 }
-.ui-selectable .ui-selecting {
+
+.ui-selectable .ui-selecting .suxess  {
 	background: #054a29;
 }
-.ui-selectable .ui-selected {
+
+.ui-selectable .ui-selected .suxess  {
 	background: #DEE2E6;
 	color: #054a29 !important;
 }
 
-.form-control:focus, input[type=text]:focus {
+.ui-selectable .ui-selecting:not(.suxess)  {
+	background: #787675;
+}
+
+.ui-selectable .ui-selected:not(.suxess)  {
+	background: #DEE2E6;
+	color: #787675 !important;
+}
+
+.form-control:not(.border-secondary):not(.btn-outline-secondary):focus, input[type=text]:not(.border-secondary):not(.btn-outline-secondary):focus {
     border-color: rgba(65, 93, 67) !important;
     box-shadow: 0 0 0 0.2rem rgba(65,93,67,.5);
 }
 
-input2[type=text]:-internal-autofill-selected {
-    background-color: #d4cbd0! important;
-}
 /* ------- mark #a996a0 -------- */
 
 .mark {
@@ -400,30 +408,51 @@ input2[type=text]:-internal-autofill-selected {
 }
 
 
+/* ricerca semplice */
+
+.bg-lida08 {
+    background-color:  #adaaa7 !important; 
+}
+
 /* ricerca avanzata */
 
-.bg-lida10 {
+.bg-lida10-old {
     background-color: #8dac91 !important; 
 }
+.bg-lida10 {
+    background-color: #bbcdbd !important; 
+}
 
 .bg-lida10-mix {
+    background-color: #e4e5dd !important;
+}
+.bg-lida10-mix-old {
     background-color: #e0e2d9 !important;
 }
 
 /* clausola */
-.bg-lida11 {
+.bg-lida11-old {
 	background-color: #c6d5c8 !important;
 }
+.bg-lida11 {
+	background-color: #dde6de !important;
+}
 
 /* AND */
-.bg-lida12 {
+.bg-lida12-old {
     background-color: #c8c6d5 !important;
 }
+.bg-lida12 {
+    background-color: #d9d7e2 !important;
+}
 
 /* OR */
-.bg-lida13 {
+.bg-lida13-old {
     background-color: #d5c8c6 !important;
 }
+.bg-lida13 {
+    background-color: #e2d9d7 !important;
+}
 
 
 /* visualizza e minimap */
@@ -464,4 +493,3 @@ input2[type=text]:-internal-autofill-selected {
     border-color: rgba(0,0,0,.125)! important;
 }
 
-
diff --git a/index_4.3.html b/index_4.3.html
index aaa88b4..8bf8b11 100644
--- a/index_4.3.html
+++ b/index_4.3.html
@@ -128,7 +128,7 @@
 								</div>
 								<input id="searchToggle" type="checkbox" data-toggle="toggle0"
 									data-on="Avanzata" data-off="Semplice" data-size="small"
-									data-style="leftBorderRadiusZero" data-onstyle="success border-secondary"
+									data-style="leftBorderRadiusZero" data-onstyle="success"
 									data-offstyle="secondary">
 							</div>
 						</li>
@@ -508,31 +508,31 @@
 						<form>
 
 							<div id="rigaRicercaSemplice"
-								class="row card bg-lida10 mx-0 p-2 d-flex justify-content-end">
+								class="row card bg-lida08 mx-0 p-2 d-flex justify-content-end">
 
 								<div class="col-12 d-flex justify-content-end px-0"
 									id="simpleSearchDiv" style="display: d-flex">
 									<div class="btn-group flex-nowrap p-0 pr-1" role="group"
 										aria-label="Bottoni Ricerca	Semplice">
-										<button class="btn btn-sm btn-outline-success bg-light"
+										<button class="btn btn-sm btn-outline-secondary bg-light"
 											style="height: 32px; width: 76px;"
 											type="button" id="showOptions" data-toggle="collapse"
 											data-target="#collapseOptions" aria-expanded="false"
 											aria-controls="collapseExample">
 											<span class="text-muted">Opzioni</span>
 										</button>
-										<button class="btn btn-sm btn-outline-success bg-light ml-1"
+										<button class="btn btn-sm btn-outline-secondary bg-light ml-1"
 											type="button" id='cleanresult' aria-expanded="false"
 											aria-controls="collapseExample">
 											<span class="text-muted">Reset</span>
 										</button>
 										<div class="pr-0 align-self-end ml-1">
-											<input class="form-control form-control-sm pr-0 borderRadiusZero border border-success monMe"
+											<input class="form-control form-control-sm pr-0 borderRadiusZero border border-secondary monMe"
 												type="text" id="queryText"
 												placeholder=' inserisci un termine'
 												style="height: 32px;">
 										</div>
-										<button class="btn btn-sm btn-success" type="submit"
+										<button class="btn btn-sm btn-secondary" type="submit"
 											id='searchcomm'>
 											<ion-icon name="search"></ion-icon>
 										</button>
@@ -581,16 +581,16 @@
 
 									<div class="collapse" id="collapseOptions">
 										<div class="col-12 p-0">
-											<div class="card card-body bg-lida10 p-2">
+											<div class="card card-body bg-lida08 p-2">
 												<div class="form-inline input-group px-1 py-2">
 													<select
-														class="form-control custom-select custom-select-sm text-muted bg-light monMe btn-outline-success border"
+														class="form-control custom-select custom-select-sm text-muted bg-light monMe btn-outline-secondary border"
 														id="lemma_forma">
 														<option value="forma">La forma</option>
 														<option value="lemma">Il lemma</option>
 														<option value="testo">Il testo</option>
 													</select> <select
-														class="form-control custom-select custom-select-sm text-muted bg-light ml-2 monMe btn-outline-success border"
+														class="form-control custom-select custom-select-sm text-muted bg-light ml-2 monMe btn-outline-secondary border"
 														id="opzioni_testo">
 														<option value="parola">come Parola</option>
 														<option value="sottostringa">come Sottostringa</option>
@@ -603,7 +603,7 @@
 												<div class="bg-light well m-0" id="contextDiv0">
 
 													<div id="contextTable-xX0"
-														class="row no-gutters p-1 pt-0 bg-lida10">
+														class="row no-gutters p-1 pt-0 bg-lida08">
 														<div class="col-12 py-0 pl-1">
 															<span class="small text-muted align-bottom">Restringi
 																il contesto di ricerca:</span>
@@ -618,18 +618,18 @@
 																				<div
 																					class="col-auto flex-fill align-self-center text-muted">
 																					<button
-																						class="btn btn-sm btn-outline-success bg-light btn-link border rounded py-0 my-1 ml-1"
+																						class="btn btn-sm btn-outline-secondary bg-light btn-link border rounded py-0 my-1 ml-1"
 																						id="cantica1-xX0" data-toggle="collapse"
 																						data-target="#collapseCa1-xX0"
 																						aria-expanded="true"
 																						aria-controls="collapseCa1-xX0">
-																						<span class="h6 small font-weight-bold text-success">Inferno</span>
+																						<span class="h6 small font-weight-bold text-secondary">Inferno</span>
 																					</button>
 																				</div>
 																				<div
 																					class="col-auto pr-1 align-self-center justify-content-end text-right">
 																					<button id="plusBtn0-xX0"
-																						class="btn btn-sm btn-outline-success bg-light addClaCont border rounded text-success px-1 py-0">
+																						class="btn btn-sm btn-outline-secondary bg-light addClaCont border rounded text-secondary px-1 py-0">
 																						+></button>
 																				</div>
 																			</div>
@@ -722,18 +722,18 @@
 																				<div
 																					class="col-auto flex-fill align-self-center text-muted">
 																					<button
-																						class="btn btn-sm btn-outline-success bg-light btn-link border rounded py-0 my-1 ml-1"
+																						class="btn btn-sm btn-outline-secondary bg-light btn-link border rounded py-0 my-1 ml-1"
 																						id="cantica2-xX0" data-toggle="collapse"
 																						data-target="#collapseCa2-xX0"
 																						aria-expanded="true"
 																						aria-controls="collapseCa2-xX0">
-																						<span class="h6 small font-weight-bold text-success">Purgatorio</span>
+																						<span class="h6 small font-weight-bold text-secondary">Purgatorio</span>
 																					</button> 
 																				</div>
 																				<div
 																					class="col-auto pr-1 align-self-center justify-content-end text-right">
 																					<button id="plusBtn1-xX0"
-																						class="btn btn-sm btn-outline-success bg-light addClaCont border text-success rounded px-1 py-0">
+																						class="btn btn-sm btn-outline-secondary bg-light addClaCont border text-secondary rounded px-1 py-0">
 																						+></button>
 																				</div>
 																			</div>
@@ -823,18 +823,18 @@
 																				<div
 																					class="col-auto flex-fill align-self-center text-muted">
 																					<button
-																						class="btn btn-sm btn-outline-success bg-light btn-link border rounded py-0 my-1 ml-1"
+																						class="btn btn-sm btn-outline-secondary bg-light btn-link border rounded py-0 my-1 ml-1"
 																						id="cantica3-xX0" data-toggle="collapse"
 																						data-target="#collapseCa3-xX0"
 																						aria-expanded="true"
 																						aria-controls="collapseCa3-xX0">
-																						<span class="h6 small font-weight-bold text-success">Paradiso</span>
+																						<span class="h6 small font-weight-bold text-secondary">Paradiso</span>
 																					</button>
 																				</div>
 																				<div
 																					class="col-auto pr-1 align-self-center justify-content-end text-right">
 																					<button id="plusBtn2-xX0"
-																						class="btn btn-sm btn-outline-success bg-light addClaCont border rounded text-success px-1 py-0">
+																						class="btn btn-sm btn-outline-secondary bg-light addClaCont border rounded text-secondary px-1 py-0">
 																						+></button>
 																				</div>
 																			</div>
@@ -926,7 +926,7 @@
 																	class="col px-2 pt-1 align-self-start align-items-start justify-content-end text-right position-absolute"
 																	style="z-index: 1000">
 																	<button id="trashClaCont-xX0"
-																		class="btn btn-sm btn-outline-success bg-light trashClaCont border rounded text-success px-1 pb-0"
+																		class="btn btn-sm btn-outline-secondary bg-light trashClaCont border rounded text-secondary px-1 pb-0"
 																		style="z-index: 1000">
 																		<ion-icon name="refresh-circle"></ion-icon>
 																	</button>
diff --git a/js/script_4.3.js b/js/script_4.3.js
index c76dc73..f31abb5 100644
--- a/js/script_4.3.js
+++ b/js/script_4.3.js
@@ -107,6 +107,8 @@ $(document).ready(function() {
 			queryJson.QueryAvanzata = "1";
 			$("#collapseOptions").collapse('hide');
 			$("#simpleSearchDiv").fadeOut(300, function(){
+				$("#rigaRicercaSemplice").removeClass( "bg-lida08" )
+				$("#rigaRicercaSemplice").addClass( "bg-lida10" )
 				$("#simpleSearchDiv").removeClass( "d-flex" )
 				$("#advancedSearchDiv").addClass( "d-flex" )
 				$("#advancedSearchDiv").fadeIn(400, function(){
@@ -118,6 +120,8 @@ $(document).ready(function() {
 			queryJson.QueryAvanzata = "0";
 			$("#collapseAdvanced").collapse('hide');			
 			$("#advancedSearchDiv").fadeOut(300, function(){
+				$("#rigaRicercaSemplice").removeClass( "bg-lida10" )
+				$("#rigaRicercaSemplice").addClass( "bg-lida08" )
 				$("#advancedSearchDiv").removeClass( "d-flex" )
 				$("#simpleSearchDiv").addClass( "d-flex" )
 				$("#simpleSearchDiv").fadeIn(400);
@@ -176,7 +180,7 @@ $(document).ready(function() {
 		alsoResize: "#displaycanto",
 		resize: function(event, ui) {
 			$("#displaycanto").width(" min-content");
-			var infoHeightToSet = $("body")[0].clientHeight*cssTableMainHeight - $(visCantoClass)[0].clientHeight-2-63-2-46
+			var infoHeightToSet = $("body")[0].clientHeight*cssTableMainHeight - $(visCantoClass)[0].clientHeight-2-63-2
 			$("#displayinfo").css("maxHeight", infoHeightToSet+"px");
 			$("#displayinfo").css("height", infoHeightToSet+"px");
 			$("#displaynote").css("maxHeight", infoHeightToSet+"px");
@@ -789,7 +793,9 @@ $(document).ready(function() {
 	function addClaContext(tabID){
 		var contClone = document.getElementById("contextTable-xX0").cloneNode(true);
 		contClone.setAttribute("class","row no-gutters px-2 pt-0 pb-2 bg-lida11");
-		contClone = contClone.outerHTML.replace(/xX0/g, "xX" + tabID)
+		contClone = contClone.outerHTML.replace(/xX0/g, "xX" + tabID);
+		contClone = contClone.replace(/-secondary/g, "-success");
+		contClone = contClone.replace(/sel-canto/g, "sel-canto suxess");
 		$("#contextDiv" + tabID).append($(contClone)[0]);
 		resetContext(tabID);
 		$("#selectable-xX" + tabID).selectable({
@@ -1290,7 +1296,7 @@ $(document).ready(function() {
 		$('#selectable-xX' + claIdNum + ' .sel-canti-intro').each(function() {
 			$(this).text("Seleziona i canti:")
 		});;
-		$("#contextText-xX" + claIdNum).html("Tutta l'opera");
+		$("#contextText-xX" + claIdNum).html("Tutta l'opera.");
 		window["context" + claIdNum] = JSON.parse(JSON.stringify(contextEmpty));
 		$('#selectable-xX' + claIdNum + " .show").removeClass("show");
 	};
@@ -1356,7 +1362,7 @@ $(document).ready(function() {
 			}
 		};
 		if ((contextString.toString() != "") && (totCan < 100)) {
-			$("#contextText-xX" + claIdNum).html(contextString.toString());
+			$("#contextText-xX" + claIdNum).html(contextString.toString()+".");
 		} else {
 			resetContext(claIdNum)
 		}