Inventory and onlinelist now pre load on login and open without delay on keybind press.
This commit is contained in:
@@ -10,76 +10,78 @@
|
||||
|
||||
<body>
|
||||
|
||||
<div class="alerts" id='alertbox'>
|
||||
</div>
|
||||
<div name="inventory" class="inventory hidden">
|
||||
|
||||
<div class="sidebar">
|
||||
<ul>
|
||||
<li name="side1" class="sidebaritem1" onclick="switchSite('backpackClass')">
|
||||
<img class="sideicon1" src="img/backpack/backpack.svg"><p class="bartext">Rucksack</p>
|
||||
</li>
|
||||
<li name="side2" class="sidebaritem2" onclick="getVehicle()">
|
||||
<img class="sideicon2" src="img/backpack/car.svg"><p class="bartext">Fahrzeug</p>
|
||||
</li>
|
||||
<!-- <li name="side3" class="sidebaritem3" onclick="switchSite('tradeClass')"><img class="sideicon4" src="img/backpack/trading.svg"><p class="bartext">Handel</p></li>
|
||||
<li name="side4" class="sidebaritem4 hidden" onclick="switchSite('handelClass')"><img class="sideicon4" src="img/backpack/trading.svg"><p class="bartext">Handeln</p></li>
|
||||
<li name="side5" class="sidebaritem5 hidden" onclick="getTrade()"><img class="sideicon4" src="img/backpack/save-money.svg"><p class="bartext">Anfrage</p></li> -->
|
||||
<li name="side6" class="sidebaritem6 hidden" onclick="switchSite('backClass')">
|
||||
<img class="sideicon4" src="img/backpack/back.svg"><p class="bartext">Zurück</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="alerts" id='alertbox'>
|
||||
</div>
|
||||
|
||||
<div name="backpackClass" class="backpack">
|
||||
<div class="main">
|
||||
<div class="Betrag" style="display: none;">
|
||||
<div class="BoxBlue">
|
||||
<input type="text" id="tf_zahl" name="number" placeholder="Betrag eingeben" min="1" step="1" oninput="this.value=this.value.replace(/[^0-9]/g,'');">
|
||||
<button id="tf_cancle" onclick="">Schließen</button>
|
||||
<button id="tf_submitZahl" onclick="">Bestätigen</button>
|
||||
<img class="blueIcon1" src="img/backpack/trash2.svg"></img>
|
||||
<div class="sidebar">
|
||||
<ul>
|
||||
<li name="side1" class="sidebaritem1" onclick="switchSite('backpackClass')">
|
||||
<img class="sideicon1" src="img/backpack/backpack.svg"><p class="bartext">Rucksack</p>
|
||||
</li>
|
||||
<li name="side2" class="sidebaritem2" onclick="getVehicle()">
|
||||
<img class="sideicon2" src="img/backpack/car.svg"><p class="bartext">Fahrzeug</p>
|
||||
</li>
|
||||
<!-- <li name="side3" class="sidebaritem3" onclick="switchSite('tradeClass')"><img class="sideicon4" src="img/backpack/trading.svg"><p class="bartext">Handel</p></li>
|
||||
<li name="side4" class="sidebaritem4 hidden" onclick="switchSite('handelClass')"><img class="sideicon4" src="img/backpack/trading.svg"><p class="bartext">Handeln</p></li>
|
||||
<li name="side5" class="sidebaritem5 hidden" onclick="getTrade()"><img class="sideicon4" src="img/backpack/save-money.svg"><p class="bartext">Anfrage</p></li> -->
|
||||
<li name="side6" class="sidebaritem6 hidden" onclick="switchSite('backClass')">
|
||||
<img class="sideicon4" src="img/backpack/back.svg"><p class="bartext">Zurück</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div name="backpackClass" class="backpack">
|
||||
<div class="main">
|
||||
<div class="Betrag" style="display: none;">
|
||||
<div class="BoxBlue">
|
||||
<input type="text" id="tf_zahl" name="number" placeholder="Betrag eingeben" min="1" step="1" oninput="this.value=this.value.replace(/[^0-9]/g,'');">
|
||||
<button id="tf_cancle" onclick="">Schließen</button>
|
||||
<button id="tf_submitZahl" onclick="">Bestätigen</button>
|
||||
<img class="blueIcon1" src="img/backpack/trash2.svg"></img>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="Betrag2" style="display: none;">
|
||||
<div class="BoxBlue">
|
||||
<input type="text" id="tf_zahl2" name="number" placeholder="Betrag eingeben" min="1" step="1" oninput="this.value=this.value.replace(/[^0-9]/g,'');">
|
||||
<div class="Betrag2" style="display: none;">
|
||||
<div class="BoxBlue">
|
||||
<input type="text" id="tf_zahl2" name="number" placeholder="Betrag eingeben" min="1" step="1" oninput="this.value=this.value.replace(/[^0-9]/g,'');">
|
||||
|
||||
<button id="tf_cancle2" onclick="">Schließen</button>
|
||||
<button id="tf_submitZahlToVehicle" onclick="">Zum Fahrzeug transferieren</button>
|
||||
<img class="blueIcon1" src="img/backpack/car.svg"></img>
|
||||
<button id="tf_cancle2" onclick="">Schließen</button>
|
||||
<button id="tf_submitZahlToVehicle" onclick="">Zum Fahrzeug transferieren</button>
|
||||
<img class="blueIcon1" src="img/backpack/car.svg"></img>
|
||||
</div>
|
||||
</div>
|
||||
<div class="title">
|
||||
<div class="titlecount"><span id="count1">0</span> / 40 Kilogramm</div>
|
||||
<div class="titletext">Rucksack</div>
|
||||
</div>
|
||||
<div class="items">
|
||||
<ul id="List0"></ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="title">
|
||||
<div class="titlecount"><span id="count1">0</span> / 40 Kilogramm</div>
|
||||
<div class="titletext">Rucksack</div>
|
||||
</div>
|
||||
<div class="items">
|
||||
<ul id="List0"></ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div name="vehClass" class="veh hidden">
|
||||
<div class="main">
|
||||
<div class="title">
|
||||
<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;">
|
||||
<div class="BoxBlue">
|
||||
<div name="vehClass" class="veh hidden">
|
||||
<div class="main">
|
||||
<div class="title">
|
||||
<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;">
|
||||
<div class="BoxBlue">
|
||||
|
||||
<img class="blueIcon1" src="img/backpack/backpack.svg">
|
||||
<button id="tf_cancle4" onclick="">Schließen</button><input type="text" id="tf_zahl4" name="number" placeholder="Betrag eingeben" min="1" step="1" oninput="this.value=this.value.replace(/[^0-9]/g,'');">
|
||||
<button id="tf_submitZahl4" onclick="">Zum Rucksack transferieren</button>
|
||||
<img class="blueIcon1" src="img/backpack/backpack.svg">
|
||||
<button id="tf_cancle4" onclick="">Schließen</button><input type="text" id="tf_zahl4" name="number" placeholder="Betrag eingeben" min="1" step="1" oninput="this.value=this.value.replace(/[^0-9]/g,'');">
|
||||
<button id="tf_submitZahl4" onclick="">Zum Rucksack transferieren</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="items">
|
||||
<ul id="List4"></ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="items">
|
||||
<ul id="List4"></ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- <div name="handelClass" class="handel hidden">
|
||||
<!-- <div name="handelClass" class="handel hidden">
|
||||
<div class="main">
|
||||
<div class="Betrag3" style="display:none;">
|
||||
<input type="text" id="tf_zahl3" name="number" placeholder="Betrag eingeben" min="1" step="1" oninput="this.value=this.value.replace(/[^0-9]/g,'');">
|
||||
@@ -107,7 +109,8 @@
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<div id="invisible" style="display: none"></div>
|
||||
<div id="invisible" style="display: none"></div>
|
||||
</div>
|
||||
|
||||
<script src="../../js/jquery-3.3.1.min.js"></script>
|
||||
<script>
|
||||
@@ -176,6 +179,20 @@
|
||||
|
||||
var vehInvItem = [];
|
||||
|
||||
function showInventory() {
|
||||
lastClass = "backpackClass";
|
||||
|
||||
document.getElementsByName("backpackClass")[0].classList.remove("hidden");
|
||||
document.getElementsByName("vehClass")[0].classList.remove("hidden");
|
||||
document.getElementsByName("vehClass")[0].classList.toggle("hidden");
|
||||
//document.getElementsByName("handelClass")[0].style.visibility = "hidden";
|
||||
document.getElementsByName("inventory")[0].classList.remove("hidden");
|
||||
}
|
||||
|
||||
function closeInventory() {
|
||||
document.getElementsByName("inventory")[0].classList.toggle("hidden");
|
||||
}
|
||||
|
||||
function setBackpackItems(jsonItemArr) {
|
||||
console.log(jsonItemArr);
|
||||
var parsedItemArr = JSON.parse(jsonItemArr)
|
||||
|
||||
Reference in New Issue
Block a user