Max/Main
1
0
Fork 0
Code Pull requests Activity

neues consumables

Browse source
This commit is contained in:
Nordi98 2025-06-17 17:38:06 +02:00
parent 9d9a5c919b
commit fbaf832f92
49 changed files with 3321 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

63
resources/[inventory]/pickle_consumables/nui/assets/js/main.js Normal file
View file

@ -0,0 +1,63 @@
var holdTime;
function DisplayApp(data) {
$("#interact > .secondary").html(`
<div>Use Item (${data.quantity})</div>
<div>Options (Tap)</div>
`)
$("#app-main").fadeIn(500);
holdTime = data.time;
$(".key .circle span em").css("transition", "transform "+Math.ceil(holdTime/2)+"ms linear;");
$(".key .circle span:last-child em").css("transition-delay", Math.ceil(holdTime/2)+"ms;");
}
function HideApp() {
$("#app-main").fadeOut(500);
}
function HoldInteract(bool) {
if (bool) {
$("#interact > .key").addClass("holding");
$("#interact > .key .circle span:first-child em").css({
"transform": "rotate(-180deg)",
"transition": "transform "+Math.ceil(holdTime)+"ms ease-out",
"transitionDelay": Math.ceil(holdTime/2)+"ms",
});
$("#interact > .key .circle span:last-child em").css({
"transform": "rotate(-180deg)",
"transition": "transform "+ Math.ceil(holdTime/2) +"ms linear",
"transitionDelay": "0ms",
});
}
else {
$("#interact > .key").removeClass("holding");
$("#interact > .key .circle span:first-child em").css({
"transform": "rotate(0deg)",
"transition": "transform 0ms",
"transitionDelay": "0ms",
});
$("#interact > .key .circle span:last-child em").css({
"transform": "rotate(0deg)",
"transition": "transform 0ms linear",
"transitionDelay": "0ms",
});
}
}
window.addEventListener('message', function(ev) {
if (ev.data.type == "displayApp") {
DisplayApp(ev.data.data);
}
else if (ev.data.type == "hideApp") {
HideApp();
}
else if (ev.data.type == "holdInteract") {
HoldInteract(ev.data.bool)
}
})
$(document).ready(function() {
$('.key').each(function () {
$(this).html('<span class="icon">' + $(this).html() + '</span><span class="circle"><span><em></em></span><span><em></em></span></span>');
});
})