Fix Inventory, add different Trunk sizes

ReallifeGamemode.Client/assets/html/inventory/css/inventory.css

@@ -14,9 +14,7 @@
     -ms-user-select: none;
     user-select: none;
 }
-div {
-    user-select: none;
-}
+
 
 body {
     width: 100%;
@@ -618,8 +616,8 @@ t#tf_nameorid {
     display: inline-block;
     font-size: 0.5vw;
     position: relative;
-    left: 7.7vw;
-    top: 1vw;
+    left: -7vw;
+    top: 5vw;
     color: #ffffff;
 }
 
@@ -633,8 +631,8 @@ t#tf_nameorid {
     display: inline-block;
     font-size: 0.5vw;
     position: relative;
-    left: 12.5vw;
-    top: -0.3vw;
+    left: 5.5vw;
+    top: -0.1vw;
     color: #ffffff;
     transition: 0.3s;
 }
@@ -653,7 +651,7 @@ t#tf_nameorid {
     display: inline-block;
     font-size: 0.5vw;
     position: relative;
-    left: -5.4vw;
+    left: 5.7vw;
     top: 6vw;
     color: #ffffff;
     transition: 0.3s;

ReallifeGamemode.Client/assets/html/inventory/inventory.html

@@ -62,7 +62,7 @@
     <div name="vehClass" class="veh hidden">
         <div class="main">
             <div class="title">
-                <div class="titlecount"><span id="count2">0</span> / 250 Kilogramm</div>
+                <div class="titlecount"><span id="count2">0</span> / <span id="trunkSize">0</span> Kilogramm</div>
                 <div class="titletext">Fahrzeug</div>
             </div>
             <div class="Betrag4" style="display: none;">
@@ -193,9 +193,11 @@
             mp.trigger("CEF:callVehicleInventory");
         }
 
-        function setVehicleItems(jsonItemArr) {
+        function setVehicleItems(jsonItemArr, trunkSize) {
             var parsedItemArr = JSON.parse(jsonItemArr)
             vehInv = [];
+            $('#trunkSize').html(trunkSize / 1000);
+
             for (var i = 0; i < parsedItemArr.length; i++) {
                 var item = parsedItemArr[i];
                 var newItem = { Name: item.Name, ID: item.ItemId, Amount: item.Amount, Category: 0 };
@@ -463,7 +465,7 @@
                 blueButtonImg.setAttribute("class", "blueImg");
                 blueButton.appendChild(blueButtonImg);
 
-                var listLength = list.length;
+                var listLength = list.getElementsByTagName("li").length;
 
                 var row = 1;
 
@@ -483,7 +485,7 @@
                     row = 6;
                 }
 
-                var Litem = document.createElement("div");
+                var Litem = document.createElement("li");
                 Litem.setAttribute("class", "item" + row);
                 Litem.setAttribute("id", i);
                 Litem.setAttribute("name", "List" + item.Category);
@@ -505,7 +507,7 @@
             while (child) {
                 e.removeChild(child);
                 child = e.lastElementChild;
-            } console.log(handelInv);
+            }
 
             for (var i = 0; i < vehInv.length; i++) {
                 var item = vehInv[i];
@@ -533,7 +535,7 @@
                 blueButtonImg.setAttribute("class", "blueImg");
                 blueButton.appendChild(blueButtonImg);
 
-                var listLength = list.length;
+                var listLength = list.getElementsByTagName("li").length;
 
                 var row = 1;