From b01809585b7a1c26903d8ecbb6bfe7e4d4bf6677 Mon Sep 17 00:00:00 2001
From: shekhar16 <shekharlaad1609@gmail.com>
Date: Fri, 27 Dec 2024 19:56:47 +0530
Subject: [PATCH] feat(oxtrust): add property search field

Signed-off-by: shekhar16 <shekharlaad1609@gmail.com>
---
 .../configuration/updateConfiguration.xhtml   | 34 +++++++++++++++++++
 1 file changed, 34 insertions(+)

diff --git a/oxTrust/server/src/main/webapp/configuration/updateConfiguration.xhtml b/oxTrust/server/src/main/webapp/configuration/updateConfiguration.xhtml
index b366aee9..3b8da0fd 100644
--- a/oxTrust/server/src/main/webapp/configuration/updateConfiguration.xhtml
+++ b/oxTrust/server/src/main/webapp/configuration/updateConfiguration.xhtml
@@ -66,6 +66,9 @@
 
 						</ul>
 						<div class="tab-content">
+							<input type="text" id="searchProp" placeholder="Search for properties.."/>
+							<input id="clickMe" style="display:none; margin-top: 5px;"
+								   class="btn btn-primary" type="button" value="search" onclick="scrolltoProperty();" />
 							<!-- System Configuration -->
 							<div class="tab-pane active" id="oxtrust-config">
 								<h:panelGrid border="0" cellpadding="0" cellspacing="0"
@@ -276,6 +279,37 @@
 														'show');
 											}
 										});
+
+						var i = 0;
+						var max = 0;
+						var oldSearch = "";
+						function scrolltoProperty() {
+							var e = document.getElementById("searchProp");
+							var activeElement = $('div.active');
+
+							if(e.value.length > 2){
+								if (e.value != "") {
+									var elem = activeElement[0].querySelectorAll("[data-schemaid*=" + e.value + " i]");
+
+									if (elem[i] != undefined) {
+
+										if (oldSearch == e.value) {
+											elem[i].scrollIntoView();
+										} else {
+											i = 0;
+											elem[i].scrollIntoView();
+										}
+									i = i + 1;
+									oldSearch = e.value;
+									} else {
+										e.scrollIntoView();
+										i=0;
+									}
+								}
+							}else{
+								alert("Please enter more than 3 letters.");
+							}
+						}
 					</script>
 
 				</div>