Cleanup, descfunc 13/14 done, I think. Added more baseItemInfo

res/app.js

@@ -190,13 +190,18 @@ $(document).ready(function () {
 
 	// 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;
-			$('.item_stats div').html("<p></p>");	
+			
+			// update preview
+			$('.item_stats div').hide().html("<p></p>");	
+			invImg = "/img/items/" + data.invfile + ".png";
+			$(".item").hide().attr("src", invImg).fadeIn(500);			
 
 			
 			type = data["*type"];
@@ -212,8 +217,9 @@ $(document).ready(function () {
 			
 			$('.item_stats p').append(`<li class="code" style="color:grey;">Item Code: ${base.code}</li>`);
 			
-			$('.item_stats p').append(`<li class="statlvlreq">Durability: ${base.durability}</li>`);
-		
+			if(base.durability){
+				$('.item_stats p').append(`<li class="statlvlreq">Durability: ${base.durability}</li>`);
+		}			
 
 			$.each(props, function (i, v) {				
 
@@ -222,8 +228,9 @@ $(document).ready(function () {
 				}
 			});
 
-			invImg = "/img/items/" + data.invfile + ".png";
-			$(".item").attr("src", invImg);
+
+
+			$('.item_stats div').fadeIn(500);	
 
 			$.each(data, function (i, v) {
 				$('*[name="' + i.replace(/\s/g, '') + '"]').val(v);

res/style.css

@@ -206,6 +206,17 @@ option {
 .item_desc span {
 }
 
+.item_stats {
+	background: #222; 
+	height: 382px;
+	max-width: 520px;
+	margin: 0 auto;
+
+}
+
+
+
+
 ul, li, ul li {
 	list-style-type: none;
 }