From e3365ed3437fc9014d7bdba19290c4ba823e713a Mon Sep 17 00:00:00 2001
From: "color.diff=auto" <atirjavid@gmail.com>
Date: Fri, 7 May 2021 10:03:52 -0600
Subject: [PATCH] Props on change update stats

---
 res/app.js               | 225 ++++++++++++++++++++++++++++++++++++---
 res/style.css            |  16 ++-
 src/tabs/UniqueItems.php |   4 +-
 3 files changed, 228 insertions(+), 17 deletions(-)

diff --git a/res/app.js b/res/app.js
index 1d4400d..3f30d3b 100755
--- a/res/app.js
+++ b/res/app.js
@@ -193,14 +193,214 @@ $(document).ready(function () {
 	});
 
 
+	/*
+	 * Properties/par/min/max onchange function, updated item string stats 
+	 * 
+	 * 
+	 **/
+
+	
+	$('.par1, .min1, .max1').change(function () {
+		prop = "Prop1";
+
+		par = $('.par1').val();
+		if (par == '')
+			par = 0;
+		min = $('.min1').val();
+		max = $('.max1').val();
+
+		val = escape($("*[name='prop1'").val());
+		$.get(`/ajax/uniqueitems.php?cmd=getString&prop=${val}&par=${par}&min=${min}&max=${max}`, function (data) {
+			console.log(data);
+			$(`.item_stats ul .${prop}`).html(data);
+		});
+	});
+
+	$('.par2, .min2, .max2').change(function () {
+		prop = "Prop2";
+
+		par = $('.par2').val();
+		if (par == '')
+			par = 0;
+		min = $('.min2').val();
+		max = $('.max2').val();
+
+		val = escape($("*[name='prop2'").val());
+		$.get(`/ajax/uniqueitems.php?cmd=getString&prop=${val}&par=${par}&min=${min}&max=${max}`, function (data) {
+			console.log(data);
+			$(`.item_stats ul .${prop}`).html(data);
+		});
+	});
+
+	$('.par3, .min3, .max3').change(function () {
+		prop = "Prop3";
+
+		par = $('.par3').val();
+		if (par == '')
+			par = 0;
+		min = $('.min3').val();
+		max = $('.max3').val();
+
+		val = escape($("*[name='prop3'").val());
+		$.get(`/ajax/uniqueitems.php?cmd=getString&prop=${val}&par=${par}&min=${min}&max=${max}`, function (data) {
+			console.log(data);
+			$(`.item_stats ul .${prop}`).html(data);
+		});
+	});
+
+	$('.par4, .min4, .max4').change(function () {
+		prop = "Prop4";
+
+		par = $('.par4').val();
+		if (par == '')
+			par = 0;
+		min = $('.min4').val();
+		max = $('.max4').val();
+
+		val = escape($("*[name='prop4'").val());
+		$.get(`/ajax/uniqueitems.php?cmd=getString&prop=${val}&par=${par}&min=${min}&max=${max}`, function (data) {
+			console.log(data);
+			$(`.item_stats ul .${prop}`).html(data);
+		});
+	});
+
+
+	$('.par5, .min5, .max5').change(function () {
+		prop = "Prop5";
+		
+		par = $('.par5').val();
+		if (par == '') par = 0;
+		min = $('.min5').val();
+		max = $('.max5').val();
+
+		val = escape($("*[name='prop5'").val());
+		$.get(`/ajax/uniqueitems.php?cmd=getString&prop=${val}&par=${par}&min=${min}&max=${max}`, function (data) {
+			console.log(data);
+			$(`.item_stats ul .${prop}`).html(data);
+		});
+	});
+
+	$('.par6, .min6, .max6').change(function () {
+		prop = "Prop6";
+		
+		par = $('.par6').val();
+		if (par == '') par = 0;
+		min = $('.min6').val();
+		max = $('.max6').val();
+
+		val = escape($("*[name='prop6'").val());
+		$.get(`/ajax/uniqueitems.php?cmd=getString&prop=${val}&par=${par}&min=${min}&max=${max}`, function (data) {
+			console.log(data);
+			$(`.item_stats ul .${prop}`).html(data);
+		});
+	});
+
+
+	$('.par7, .min7, .max7').change(function () {
+		prop = "Prop7";
+		
+		par = $('.par7').val();
+		if (par == '') par = 0;
+		min = $('.min7').val();
+		max = $('.max7').val();
+
+		val = escape($("*[name='prop7'").val());
+		$.get(`/ajax/uniqueitems.php?cmd=getString&prop=${val}&par=${par}&min=${min}&max=${max}`, function (data) {
+			console.log(data);
+			$(`.item_stats ul .${prop}`).html(data);
+		});
+	});
+
+
+
+	$('.par8, .min8, .max8').change(function () {
+		prop = "Prop8";
+		
+		par = $('.par8').val();
+		if (par == '') par = 0;
+		min = $('.min8').val();
+		max = $('.max8').val();
+
+		val = escape($("*[name='prop8'").val());
+		$.get(`/ajax/uniqueitems.php?cmd=getString&prop=${val}&par=${par}&min=${min}&max=${max}`, function (data) {
+			console.log(data);
+			$(`.item_stats ul .${prop}`).html(data);
+		});
+	});
+
+
+	$('.par9, .min9, .max9').change(function () {
+		prop = "Prop9";
+		
+		par = $('.par9').val();
+		if (par == '') par = 0;
+		min = $('.min9').val();
+		max = $('.max9').val();
+
+		val = escape($("*[name='prop9'").val());
+		$.get(`/ajax/uniqueitems.php?cmd=getString&prop=${val}&par=${par}&min=${min}&max=${max}`, function (data) {
+			console.log(data);
+			$(`.item_stats ul .${prop}`).html(data);
+		});
+	});
+
+
+	$('.par10, .min10, .max10').change(function () {
+		prop = "Prop10";
+		
+		par = $('.par10').val();
+		if (par == '') par = 0;
+		min = $('.min10').val();
+		max = $('.max10').val();
+
+		val = escape($("*[name='prop10'").val());
+		$.get(`/ajax/uniqueitems.php?cmd=getString&prop=${val}&par=${par}&min=${min}&max=${max}`, function (data) {
+			console.log(data);
+			$(`.item_stats ul .${prop}`).html(data);
+		});
+	});
+
+
+	$('.par11, .min11, .max11').change(function () {
+		prop = "Prop11";
+		
+		par = $('.par11').val();
+		if (par == '') par = 0;
+		min = $('.min11').val();
+		max = $('.max11').val();
+
+		val = escape($("*[name='prop11'").val());
+		$.get(`/ajax/uniqueitems.php?cmd=getString&prop=${val}&par=${par}&min=${min}&max=${max}`, function (data) {
+			console.log(data);
+			$(`.item_stats ul .${prop}`).html(data);
+		});
+	});
+
+	$('.par12, .min12, .max12').change(function () {
+		prop = "Prop12";
+		
+		par = $('.par12').val();
+		if (par == '') par = 0;
+		min = $('.min12').val();
+		max = $('.max12').val();
+
+		val = escape($("*[name='prop12'").val());
+		$.get(`/ajax/uniqueitems.php?cmd=getString&prop=${val}&par=${par}&min=${min}&max=${max}`, function (data) {
+			console.log(data);
+			$(`.item_stats ul .${prop}`).html(data);
+		});
+	});
+
+
+
 	// cmd = getUniqueItem
 	$('.uniqueitems-select').change(function () {
 
 		$(".item").attr("src", "/img/items/1.png");
 		$(".item_debug_link").attr('href', "/ajax/uniqueitems.php?cmd=getUniqueItem&index=" + this.value)
 		$.get("/ajax/uniqueitems.php?cmd=getUniqueItem&index=" + this.value, function (data) {
-			
-			
+
+
 			debugData = (JSON.stringify(data, null, 4));
 			$('.debug, .debug_preview').html(syntaxHighlight(debugData));
 			props = data.props;
@@ -239,16 +439,16 @@ $(document).ready(function () {
 			/*
 			 * THIS LINE BREAKS hidden fields and set them to blank.
 			 * 
-			*/
-			
+			 */
+
 			//$('.props select, .props input').val('');
-			
-			
-			
-			$('.item_stats ul .blue').each(function(i,v){
+
+
+
+			$('.item_stats ul .blue').each(function (i, v) {
 				$(v).html("");
 			});
-			
+
 			// add the rest of the prop li's here
 			$.each(props, function (i, v) {
 				if (v.string) {
@@ -266,13 +466,12 @@ $(document).ready(function () {
 //			}
 
 
-
 			//$('.item_stats div').show();
-			
-			
+
+			//console.log(data['lvl req']);
 
 			$.each(data, function (i, v) {
-				$('*[name="' + i.replace(/\s/g, '') + '"]').val(v);
+				$('*[name="' + i + '"]').val(v);
 				if (i == 'code') {
 					$('select[name="code[]"]').val(v);
 					$('select[name="code[]"]').prop('required', '');
diff --git a/res/style.css b/res/style.css
index f7919d5..3bc65ac 100755
--- a/res/style.css
+++ b/res/style.css
@@ -148,12 +148,21 @@ select {
 	font-size: 18px;
 	border: 1px solid #CCC;
 	height: 34px;
+	text-align: center;
 }
 
 
-/* CAUTION: Internet Explorer hackery ahead */
 
+input{
+	background: url(/img/button.png) !important;
+	background-size: cover;
+	font-weight: bold;
+	text-align: center !important;
+}
 
+#search {
+	background: none !important;
+}
 select::-ms-expand {
     display: none; /* Remove default arrow in Internet Explorer 10 and 11 */
 }
@@ -169,6 +178,7 @@ select::-ms-expand {
 option {
 	-webkit-appearance: none;
 	-moz-appearance: none;
+
 }
 
 .props input {
@@ -212,7 +222,9 @@ option {
 
 }
 
-
+.item_stats li {
+	height: 20px;
+}
 
 
 ul, li, ul li {
diff --git a/src/tabs/UniqueItems.php b/src/tabs/UniqueItems.php
index 51f5d9e..9f57528 100755
--- a/src/tabs/UniqueItems.php
+++ b/src/tabs/UniqueItems.php
@@ -85,8 +85,8 @@
 </div>
 <div class="row">
 	<div class="col-4">
-		<button style="margin: 20px;" class="btn btn-outline-warning btnDebug">Debug Info</button>
-		<button style="margin: 20px;" class="btn btn-outline-info btnDocs">Generate Docs Info</button>
+		<button style="margin: 20px;" class="btn btn-warning btnDebug">Debug Info</button>
+		<button style="margin: 20px;" class="btn btn-info btnDocs">Generate Docs Info</button>
 		<pre class="debug_preview" style="display:none; background: #eee; height: 420px;width: 1123px;"></pre>
 	</div>	
 </div>