Refactored Item display. Todo: auto doc gen debug loop

res/app.js

@@ -217,10 +217,16 @@ $(document).ready(function () {
 			
 			$('.item_stats p').append(`<li class="code" style="color:grey;">Item Code: ${base.code}</li>`);
 			
-			if(base.durability){
-				$('.item_stats p').append(`<li class="statlvlreq">Durability: ${base.durability}</li>`);
-		}			
-
+			if(base.reqstr){
+				$('.item_stats p').append(`<li class="statlvlreq">Requires Strength: ${base.reqstr}</li>`);
+			}			
+			if(base.reqdex){
+				$('.item_stats p').append(`<li class="statlvlreq">Required Dexterity: ${base.reqdex}</li>`);
+			}
+			if(base['gemsockets'] && base['gemsockets'] > 6){
+				base['gemsockets'] = 6;
+				$('.item_stats p').append(`<li class="statlvlreq">Maximum Sockets: <span color="#aaa">(${base.gemsockets})</span></li>`);
+			}			
 			$.each(props, function (i, v) {				
 
 				if(v.string){
@@ -281,4 +287,20 @@ $(document).ready(function () {
 	});
 
 
+	
+	//genDocUniqueItems
+	$("#Unique .btnDocs").click(function (){		
+		window.open('/genDocs.php?cmd=genDocUniqueItems', '_blank');				
+	});
+
+	
+
+
+
+
+
+
+
+
+
 });

res/style.css

@@ -182,16 +182,14 @@ option {
 }
 
 .item_desc {
-	height: 560px;
+	height: 600px;
 	width: 620px;
     position: absolute;
     left: -80px;
-    top: 0px;	
+    top: -126px;	
 	
 /*	background: black url(/img/items/bg.png) center top no-repeat;*/
 	
-	background: #333;
-	
     text-align: center;    
     padding: 10px;	
 	text-transform: uppercase;
@@ -207,8 +205,8 @@ option {
 }
 
 .item_stats {
-	background: #222; 
-	height: 382px;
+	background: #111; 
+	height: 420px;
 	max-width: 520px;
 	margin: 0 auto;