PS-Inventory Redesign [NP 4.0 Inspired]

[bleak rock]

Still debating on the decision to release this, I thought i'd let you decide 🤣

[near lotus]

This ui design is slightly growing on me the more I see it ngl lmao well done tho looks good

[fierce minnow]

Looks amazing

[low pike]

thats a really nice design great work, keep up!

[bleak rock]

Thank you!

[bleak rock]

I felt the same way LMFAO, I'm sure others also feel the same way but I think its due to the designs getting more unique / different lookin. For years we had the same style of inventories like qb / ox, Even the old ESX inventories 😂

[low pike]

it does have the esx style indeed

[bleak rock]

For sure xD, I know it wouldn't be that hard to change it but I'm still pretty new to UI Development so i'm gonna take that excuse while I can

[upbeat thorn]

For sure everyone will want it for free hah also very good work mate perfect

[gilded coyote]

When will it be Public?

@bleak rock

[low pike]

its pretty good tbh, the esx style can be changed with some modern stuff and more (idk whats more)

[bleak rock]

https://github.com/iONDegen/ps-inventory

[low pike]

since 6 mins

thank you bro one piece enjoyer ❤️

[gilded coyote]

tnx brother

[bleak rock]

Its no problem! I know its probably not the most cleanest code out there but this should get the community rolling!

[bleak rock]

Its no problem! One piece is so good 😄

[low pike]

it is fr fr

[tribal frigate]

does the skull thingy work and i want to ask where are the settings and stuff?

[bleak rock]

Currently the skeleton does not work, Its just an image but it can work with a bit more development! This was purely just the UI to get the community rolling. I removed the settings button but it can be easily added back in through the html / css

[hollow quartz]

anyreason why when i open it then close my screen is blurry 😢

[bleak rock]

Lemme take a look, Usually when I was testing the blur would go away when the inventory closed. I can remove the blurring though

[hollow quartz]

no worries mate

even when i restart its still there no rush though great release

[bleak rock]

go into the app.js and find showblur: ref(true),

just replace the show blur to false and see if that helps

[hollow quartz]

okie

unfortunatly that not work cursor stuck on screen gonna reset server and try again

[bleak rock]

Alright, Let me know if anything changes i'm currently booting up my local host to see what I can do

[hollow quartz]

ok great thanks

[tribal frigate]

oh okay well done on the edit it's really nice btw

[bleak rock]

I gotchu on a quick fix, I removed the blur from the client-side so it won't enable any of the blur effects

[hollow quartz]

ok perfect

[bleak rock]

let me know if that helps! just revert anything you did in the js or html and it should be good to go

[hollow quartz]

ok great thanks

got rid of the blur now cursor stuck on my screen 😆

[quaint sandal]

This Looks 10/10

[quaint sandal]

lol

[bleak rock]

I'll take a look, There is some cursor stuff in the css that I can try and change

[hollow quartz]

no rush mate

[bleak rock]

try this css and see if that helps the cursor

[hollow quartz]

nope unfortunatly is it working for u on ur end

just to see if its just a me issue

[bleak rock]

Yeah I haven't had any issues, Even with the blur I didn't have any issues but since I'm still new to UI I thought maybe I made a mistake somewhere

[hollow quartz]

no worries ill keep my eyes peeled im no good with anything like this otherwise id have a crack

thanks verry much anyway for the support and keep up the good designs

[bleak rock]

Thank you, Hopefully you can figure it out and see what is causing the issue!

[hollow quartz]

yeah hopefully

[hollow quartz]

only thing thats popping up in my server console is SCRIPT ERROR: error object is not a string

thats when closing the inv wich leaves the cursor stuck

[torpid isle]

love it

[bleak rock]

Thank you!

[hushed linden]

🔥

[bleak rock]

I'd have to try and see if I can replicate that error, I currently don't get any errors when the inventory opens or closes. I have seen that error though but I don't remember what I did to fix it

[iron juniper]

you have to make sure the file name is qb-inventory

[hollow quartz]

ahh ill give that a try

[hollow quartz]

that worked great thanks verry much

[bleak rock]

🥳 Glad he was able to figure it out

[iron juniper]

np

[hollow quartz]

at least we got to bottom of it

[bleak rock]

Yeah I am lookin into the error rn cause I was honestly confused too

I tend to overlook the small stuff like that when I try and help xD

[hollow quartz]

no idea happy i got it working tho many thanks again

[fierce minnow]

This looks really nice

waiting for an ox_inventory release

[bleak rock]

ooo thats another inventory that would be nice to have this on

[iron juniper]

if you change the file name you have to change everything that says qb-inventory in the app.js to the new file name

[bleak rock]

Ah that makes sense

[tulip veldt]

This is by far the best color combination I have seen on this "NP inspired releases", good job

[bleak rock]

Thank you so much it means a lot to hear you say that! 🙏

[pine brook]

inventory looking amazing, one thing i would love to see on a future push if possible is numbers on each of the slot in the hotbar. Amazing work

[thick crag]

I'm having same issue with the blur and cursor 😢

[tall vector]

app.js "qualitycolor"

greatttttttt work! just playing around with it in my server currently ❤️ looks amazing. how does the injury stuff work in the inventory? is that integrated with something specific?

[bleak rock]

are you still having this issue?

[thick crag]

I fixed the blur with the above, removing from client side, but still got cursor issue

[iron juniper]

change the file name to qb-inventory

[bleak rock]

^^^

[thick crag]

Would I need to rename all instances of ps-inventory back to qb-inventory?

[iron juniper]

i would do a fresh install and keep the folder name qb-inventory

[thick crag]

That works! Thank you! Just one last thing, do I need to rename everything back to qb-inventory or leave as ps-inventory

[tall vector]

how does the health system tie into it?

[tulip veldt]

Do not tag people.

[tulip veldt]

Read what it says.

[tulip veldt]

[thick crag]

Its just the stock readme for ps-inventory, didnt know if renaming folders meant you need to change it back to qb-inventory

[tulip veldt]

It does not say to do so, so why you even ask

[thick crag]

Because I was just curious 😂

[untold dagger]

is this PS or QB Inventory cause there 2 diff file names inside

[tall vector]

i did notice the inventory doesnt show the weight numbers for either your pockets or the ground

[bleak rock]

This is ps inventory renamed to qb-inventory, Sorry for the confusion I'll be updating the github soon

[bleak rock]

Yeah I removed the weight numbers in favor of the progress bar but it can easily be added back

[tall vector]

where did you do that at?

[bleak rock]

I did that in the html / js

[untold dagger]

screen stays blurry when closed & gets stuck

nvm

Suggestion: probs change name of this to QB-Inventory redesign if its using qb exports

also does the health body work?

[untold dagger]

also cant reload guns

[scenic storm]

Any idea how to fix this

[shut plaza]

so im confused, which bar is quick access, are both bars quick access?

[untold dagger]

do u have the image?

[scenic storm]

Yeah

[untold dagger]

go to the html is it in there?

search for body.png

[tall vector]

Doesn’t look like the health works. Idk if that’s still a WIP or didn’t install properly

[untold dagger]

health system is still WIP

[untold dagger]

are you able to reload your weapon?

[scenic storm]

yeah

[fierce minnow]

use #💬︱support not this thread

[forest hearth]

ty

[hollow quartz]

Would Be Great To See A Way U Could See Cash ID Name ETC Great Release Tho

[quiet glen]

how is your id card info locks like ?

[jovial cedar]

I see this is actually qb inventory and not ps inventory ?? so the file name should be qb-inventory for all the java to work correctly

[quiet glen]

you can change to ps

[jovial cedar]

yes but the java is all qb-inventory for example:

$.post("https://qb-inventory/CloseInventory", JSON.stringify({}));

so was original qb inventory ?

@bleak rock

[quiet glen]

i am using ps but i rename to qb too much exports to change

[near lotus]

Lmaooo cant rename files buddy

[lost thistle]

hey bud i managed to change most colour but how do i do the rest lol https://gyazo.com/5b3bf7004ff28453ebdf1eb962317b70

[near lotus]

Look in the css and js

It shouldnt be that hard tbf

[lost thistle]

tbf i didnt look in the css cheers lad

[bleak rock]

Nope, Everyone who's saying this was qb-inventory is wrong. This is 100% ps-inventory just renamed to qb-inventory for the sake of drag / drop in qbcore.

[thin rune]

What does it look like when you rob a player does it show the character health skeleton?

[solemn carbon]

I want

I want

[pale pond]

1 thing that would be cool is when items are dropped it allows you make custom props when you drop that item

[jovial cedar]

Understand

[pale pond]

anyone having a problem when trying to reload a weapon or is it just me?

[pulsar matrix]

ok so question i have changed the colors on everything else but i cant find this in the main.css do you remember where its at by chance

[pale pond]

its inside the js

[pulsar matrix]

ahhhh ty and no as far as the reloading i havent had any issues with it

[pale pond]

have you tried it?

[pulsar matrix]

yea just did it when i saw your question

[pale pond]

do you have it named qb-inventory or ps?

[pulsar matrix]

qb

if you change it to ps you gotta go in and change every event from qb-inventory to ps-inventory

[pale pond]

it sucks cause im getting no errors so i can't even look into the item

[pulsar matrix]

is yours listed as qb?

@pale pond

[pale pond]

figured it out my clown ass had pistol_clip and not pistol_ammo

[pulsar matrix]

ahhh lol it happens

[high tide]

any chance i can make it litle bit more responsive ? after i press tab it's take me few time to open it

[thin rune]

Can you change so when it says used it comes up on the side of your screen instead of center?

[quiet glen]

edite .itembox-container in css

[lost thistle]

https://gyazo.com/07c9af9988f841cb1ca6f5b4a6394390 how would i get the information to stay on the right and not go behind the whole inventory is this possible?

[near lotus]

find a place to put it and thn just place it there kinda thing

[shell patrol]

Anyone know why this is happening?

[edgy beacon]

Anyone know how I can fix this?

I have the image where it's suppoesed to be.

[ebon tinsel]

Not for support

[pale pond]

You need to read

Look at the chats above

[edgy beacon]

I read everything. Nothing tells me how to fix it.

The file name is correct.

[pale pond]

legit right here

[pale pond]

^

[frank snow]

is it a png file?

[light halo]

do you know what line it is please

[edgy beacon]

He didn't get an answer.

[edgy beacon]

Yes.

[quiet glen]

Check fxmanifest if you just replaced ui

[zenith vector]

on html change inventory location its wrong location

and add rename to the body png

[wintry anchor]

why compress resource? why not just upload the raw files

[grand storm]

does this work with the new weapon attachments and weapon skins?

[frigid hound]

Looks good! Maybe an inventory option to remove clothes?

[quiet glen]

added cash and bank

[tulip veldt]

This is not for support.

Stop asking for support.

[warped coral]

nice ui design really love it @bleak rock

[lost thistle]

how did reactive the weight?

[tribal frigate]

hey can i just add the html and css? cus i got a lot of changes to my ps-inventory 🐸

[tribal frigate]

btw what is the icon for the ground?

[distant crater]

is the ,,Activate Windows'' part of it ?

[iron juniper]

Haha I know I need to activate it at some point

[balmy oyster]

Oh wait nopixel added a new footer section crazy

[warped coral]

amazing nopixel inspired foot note

[charred lagoon]

how back wegiht ?

[charred lagoon]

how you did it 😄

[quiet glen]

added from other inventory

just copy past 😂 and some adjustment and added icon

[charred lagoon]

I hadn't thought of that, thanks 😄

[lost thistle]

hey bud how did you get the item description to stay on the lower right?

[iron juniper]

it was like that when i downloaded it from here
https://github.com/iONDegen/ps-inventory

[lost thistle]

strange i got the same download but mine moves all over the place

[quiet glen]

Only issue had the main for id card other item description work fine

[lost thistle]

when you hover over items does the info always show in lower right for you? or does it move around etc

[quiet glen]

Yes on fresh download

Only id card have more info not fit in

[lost thistle]

ohh okay

[lost thistle]

is the cash and bank from using an older inventory code? or u did this yourself

[iron juniper]

i use a snippet i found in this discord

[lost thistle]

ill have alook thankyou

[distant crater]

this is not for support, pls use #💬︱support

other then that, u renamed the inventory so its not working anymore

[fierce minnow]

can I dm you?

[iron juniper]

yes

[hollow quartz]

could u possibly send me the snippet thanks

[lost thistle]

search 'cash' in releases its first one

[hollow quartz]

got it mate cheers

[forest hearth]

this is from ps-inventory or qb-inventory ?

[iron juniper]

it was from this https://github.com/iONDegen/ps-inventory

[humble cosmos]

ps-inventory

[forest hearth]

ah okey then . should i using new shared item for this inventory ?

[forest hearth]

can i know preview for crafting ps inventory my friend ?

[iron juniper]

i don't use that so its just the default one

[patent forum]

That detail is great, it could also be that cash is an item to generate robbery roles between players

[iron juniper]

this is my final version of the edit

[quiet glen]

personal info area looks clean

[balmy oyster]

Gg man looks clean

[edgy beacon]

Is this your personal Edit or the one linked here?

[iron juniper]

yes its a edit of this one

[edgy beacon]

Oh okay. Looks cool would love to have it!

[shell patrol]

What is the export for remove item

[quiet glen]

No support here

[alpine turret]

Does it have the right click to choose to give

[tulip veldt]

Nice job, I would only change this
It does not look flowing

[quiet glen]

Thanks ❤️ Yeah i will find good spot for it

[warped coral]

minor edit

[sharp crystal]

My edit

[lost thistle]

care to share the snippet lol 😉

[sharp crystal]

Something I did for the server I'm devving for so sadly not

[lost thistle]

im trying to do the personal section but keep failing 😦

[untold dagger]

are you able to share snippet of personal info? if not all g

[iron juniper]

Sorry its something I did for my server so sadly not

[quiet glen]

where is your attackment button locat ?

[broken heron]

Inventory wasn’t designed for that for our server, we use a bench for that. As well as crafting

[jade ocean]

Minor edit, long long time for final, huft 😭, second slot deleted cause suck. i need snippet personal information, lol

[lost thistle]

hey buddy how did u activate the weight values ?

[quiet glen]

Copy from original inventory

[lost thistle]

https://images-ext-2.discordapp.net/external/xeKysI8HBZWUORrDWWkmflWV-S4EVe7j6yQwTfRca0M/https/i.gyazo.com/thumb/1200/dc8afe2c2f3a6c8e93fe96f77c64d814-jpg.jpg?format=webp&width=1281&height=671 all sorted thanks

[jade ocean]

final update

[fierce minnow]

are you willing to share how you done the Personal Information boxes?

[jade ocean]

Play with CSS only using border-left-color and border, Example like this :

position: relative;
    color: rgb(65, 199, 165);
    font-size: 15px;
    font-family: 'Oswald', sans-serif !important;
    border-left: 5px solid;
    border-left-color: rgb(119 183 43);
    letter-spacing: 0.01vh;
    left: -10%;
    padding: 5px;
    bottom: -55;
    cursor: none;
``` Happy Exploring

[dark vigil]

My update with right click menu instead of dragging to use / give, working on slider to split items

[scenic lake]

share pleaseeee😂

[jade ocean]

Final Batch 1, with health info and stress info

[woeful lichen]

share pleaseeee😂
XD

[jade ocean]

not to be shared, only personal use, Maybe in the future I will release

It just provides motivation, that by learning all we can do. Nothing is impossible. The point is that there is a desire to learn

[gilded coyote]

Nice

[lost thistle]

I tried to do number and job and kept getting undefined

[quiet glen]

cant fix this issue

[tight spear]

@quiet glen can you share your version on the inventory ? I wanna use the item drops too 🙂

[fierce minnow]

The phone shaking at the top makes me think its rining LMAO

[quiet glen]

haha

[dark vigil]

Here's my latest update, was able to get the split / slider working correctly

[fierce minnow]

thats sexy asf

think it would be nicer with a background

[dark vigil]

darker you think?

[torpid isle]

clean 👌

[iron juniper]

this is my final version

[edgy beacon]

Is your edit public? This is awesome!

[fierce minnow]

think you should change the icons a the top

but thats me wanting it to look spot on to NoPixel

[iron juniper]

what are the NoPixel one's?

[dark vigil]

nah not public

[pulsar matrix]

sorry for pinging you but your the only one ive seen sucessfully do it. can you point me in the rite direction of where you were editing to get the item info to be fixed in the bottom right ive been playinf with it for a week and cant get it lol

[bleak rock]

Now this is what I was hoping to see, Fuckin 🔥

[quiet glen]

do you know how can i fix mine ^

[twilit wedge]

This is my first time editing

[quiet glen]

good job

[fierce minnow]

I still need to work out how to do the personal information bit

[quiet glen]

mine is not good if you want i can share

[tight spear]

yes please 😄

[quiet glen]

html lua <span class="namejs" id="player-inv-label">Player</span><br> $('.namejs').html(' <i class="fa-regular fa-mobile fa-bounce" style="color: #63E6BE;"></i> '+data.Phonenumber+' | State ID '+'<i class="fa-thin fa-group-arrows-rotate fa-spin-pulse" style="color: #63E6BE;" ></i>'+' '+data.CitizenID+' | Job '+'<i class="fa-solid fa-person-digging" style="color: #63E6BE;" ></i>'+' '+data.JobLabel+' | '+'<i class="fa-solid fa-hand-holding-dollar fa-flip" style="color: #63E6BE;" ></i>'+' '+data.money)

for client lua ```lua
local PlayerJob = QBCore.Functions.GetPlayerData()
SendNUIMessage({
action = 'open',
inventory = inventory,
slots = Config.MaxInventorySlots,
other = other,
maxweight = Config.MaxInventoryWeight,
Ammo = PlayerAmmo,
maxammo = Config.MaximumAmmoValues,
JobLabel = PlayerJob.job.name,
JobGrade = PlayerJob.job.grade.name,
Phonenumber = PlayerJob.charinfo.phone,
CitizenID = PlayerJob.citizenid,
money = PlayerData.money['cash'],
bank = PlayerData.money['bank'],
})

[fierce minnow]

what does this look like in game?

[forest hearth]

tbh i need this how to use and give item :/

[forest hearth]

guys this is ps-inventory right

[worn zinc]

Fire 👏🏽👌🏽

[quiet glen]

like that photo from JZF

[fierce minnow]

ah okay

[tribal frigate]

my personal edit for the inventory (the inventory looks like done by a kid its because im new to css dont judge plz)

[forest hearth]

please someone i need snipets jewelery stash

[crystal void]

dont think this works

it says undefined

[quiet glen]

i shared all the step

[crystal void]

i did it like 3 times and still didnt work i dont know if you have a newer version or a older version

[quiet glen]

sh0w me your client lua #💬︱support

[solar dagger]

trying to find a way to make the health system works lol

[balmy oyster]

Can u share this or tell me how u change the icon and the background?

[vestal sleet]

bro this clean as fak

[bronze whale]

Can u share this or tell me how u change the use and Give ?

[balmy oyster]

how to fix this?

im trying to drop an item and when i get it back i got that error

[solar dagger]

u just need to edit the html and css like this and make sure to have the icon png

[fierce minnow]

Where did you get the icon.png

[solar dagger]

I just made my own icon

[bronze whale]

Can u tell me how u add personal information like you

[solar dagger]

@bronze whale you can use this

[bronze whale]

ok thnx

[solar dagger]

you can also edit this and as base

[fierce minnow]

helpful thank you 🙂

[forest hearth]

how about split item and use / give ?

[solar dagger]

I haven't try out the split functionality with the dropdown menus for "Use" and "Give" yet.

[tight spear]

@quiet glen hey bro , i used your snippets,any idea how to make the underscore _ to a | ?

[lost thistle]

Replace the space with |

The underscore is there due to nothing being there in the gap between your new line

[tight spear]

$('.namejs').html(' <i class="fa-regular fa-mobile fa-bounce" style="color: #63E6BE;"></i> '+data.Phonenumber+' <i class="fa-solid fa-window-minimize"></i> State ID '+'<i class="fa-thin fa-group-arrows-rotate fa-spin-pulse" style="color: #63E6BE;" ></i>'+' '+data.CitizenID+' <i class="fa-solid fa-window-minimize"></i> Job '+'<i class="fa-solid fa-person-digging" style="color: #63E6BE;" ></i>'+' '+data.JobLabel+' <i class="fa-solid fa-window-minimize"></i> '+'<i class="fa-solid fa-hand-holding-dollar fa-flip" style="color: #63E6BE;" ></i>'+' '+data.money)

<span class="namejs" id="player-inv-label">Player</span><br>

thats the code i dont see where i can put the | lol

[lost thistle]

Where +data.phonenumber+ ends

[balmy oyster]

ty but when make it and i open inventory image dont work

[lost thistle]

$('.namejs').html(' <i class="fa-regular fa-mobile fa-bounce" style="color: #63E6BE;"></i> '+data.Phonenumber+' | <i class="fa-solid fa-window-minimize"></i> State ID '+'<i class="fa-thin fa-group-arrows-rotate fa-spin-pulse" style="color: #63E6BE;" ></i>'+' '+data.CitizenID+' | <i class="fa-solid fa-window-minimize"></i> Job '+'<i class="fa-solid fa-person-digging" style="color: #63E6BE;" ></i>'+' '+data.JobLabel+' | <i class="fa-solid fa-window-minimize"></i> '+'<i class="fa-solid fa-hand-holding-dollar fa-flip" style="color: #63E6BE;" ></i>'+' '+data.money)

[solar dagger]

i just uploaded the images and put it inside your inventory_images folder

[lost thistle]

i did it for you

[balmy oyster]

yes make it and ddint work

[quiet glen]

$('.namejs').html(' <i class="fa-regular fa-mobile fa-bounce" style="color: #63E6BE;"></i> '+data.Phonenumber+' | State ID '+'<i class="fa-thin fa-group-arrows-rotate fa-spin-pulse" style="color: #63E6BE;" ></i>'+' '+data.CitizenID+' | Job '+'<i class="fa-solid fa-person-digging" style="color: #63E6BE;" ></i>'+' '+data.JobLabel+' | '+'<i class="fa-solid fa-hand-holding-dollar fa-flip" style="color: #63E6BE;" ></i>'+' '+data.money)

[grim smelt]

work for ox inv?

[quiet glen]

No

[solar dagger]

@balmy oyster did you edit the html?

[balmy oyster]

yeah

[tight spear]

thank yall i appreciate yall

last thing i cant find the yellow color below the items im trying to change it to blue too haha

in main.css

[lost thistle]

check js also

search qualitycolor

[tight spear]

theres 45 options damn lol

[lost thistle]

only change the yellow if thats all u need

[tight spear]

yall rock

[lost thistle]

https://gyazo.com/9d36f9370b009a0cf0f18aed32848f6b i went for a different blue

[lost thistle]

you just need to edit the logo colours in your text to match overall colour

[solar dagger]

also make sure to add the images in your fxmanifest sorry

[solar dagger]

'html/inventory_images/*.png',

[balmy oyster]

@solar daggeraaa ok thanku broo

[tight spear]

can u send me your css file bro?

[balmy oyster]

@solar dagger

[tight spear]

gg fam thank u

[jade ocean]

put image in ./images/
and changes from ./inventory_image/ to ./images/

[balmy oyster]

igot it thank u bro

[dark vigil]

more progress

[fierce minnow]

looks sick, I still need to the do personal information stuff

[native flicker]

Something like can be added ?

[bleak rock]

you are killin it, I've been trying to do the backpack for a little bit 🤣

[tulip veldt]

Do the same as the inventory, duplicate it but change how it opens and save it as an inventory item like stashes but do backpack_

[winged lagoon]

how did u do that style

[dark vigil]

Item Info on right click

[dark vigil]

here's a little preview https://streamable.com/b7l8ej

[fierce minnow]

looks nice should add a thing where you can type how much cash you want to split though

[dark vigil]

Yea the amount is an input field so it does work like that ^

[fierce minnow]

ahh okay

[lost thistle]

https://tenor.com/view/hardy-tom-venom-thats-hot-gif-18598334

[bleak rock]

Bet 😄

Its fuckin crazy to see what ya'll are doing with this, Glad I was able to provide something that you could add onto

[forest hearth]

dude how ? i need to know 😦

[quiet glen]

drop item

[warped coral]

thanks for share

[torpid isle]

👌 clean

[winged lagoon]

nothing big im new to css

[balmy oyster]

U can send it?

[bleak rock]

tryin to catch up to 4fib

[fierce minnow]

looks nice 🙂

I wish I new more about html and css really need to learn

[warped coral]

nice

[bleak rock]

ima keep it a buck i have no fuckin clue what i'm doing either, I didn't expect the release to get this far so now i'm pushin myself 😄

[warped coral]

update on github?

[bleak rock]

When I'm done, FS then I'ma stop with the inventory and try to work on a HUD or somethin

[warped coral]

nice ur best man

[bleak rock]

its np

[quiet glen]

Good job 👏

[bleak rock]

https://cdn.discordapp.com/attachments/1202967566310572072/1202979877746122812/image.png?ex=65cf6d51&is=65bcf851&hm=1217a53c90ac46de864601dc243ff8e60cbbc4f39fdc983109e25bab1f0619b2&

getting the colors to match sucks 😄

[fierce minnow]

agreed

[bleak rock]

I just fuckin hope that we can get close enough

[quiet glen]

suggestion add scrollbar for player and backpack for more slot

[jovial blade]

try to set the body image transparency to screen

mix-blend-mode: screen;```

But I'm not sure if it works in NUI

[bleak rock]

i'll have to check it out

[bleak rock]

Yeah I plan on it, I'm just currently having an issue with the use / give button. The code seems to be fine its just the buttons don't wanna work 😄

so i wanna fix that before goin any further

[quiet glen]

fixed my combine button

[bleak rock]

very nice

[shell patrol]

Would you share that?

[ancient skiff]

anyone got the latest fixes?

[dark vigil]

latest update, finished all item info passed through to the new style menu

[tall vector]

[fierce minnow]

sexy asf

[torpid isle]

[balmy oyster]

what are the background colors, i can't seem to find them

i want to use the same colors for other scripts

[warped coral]

name the font?

[bleak rock]

I fuckin knew I'd wake up to more updates from you 😄 I gotta keep up with this fuckin heat

[dark vigil]

not sure I don't think I set a font there because it doesn't look like the default oswald that was used

[bleak rock]

Easiest part of this so far was the personal information 😄

[bleak rock]

Also added back the original lj-inventory hotbar, The NP hotbar is the first few slots of the actual inventory so I decided to do the same for more authenticity

[warped coral]

nice work

[bleak rock]

thanks

currently redoing the whole description part to match 4fibs 😄

[tall vector]

so whats the function of the two pockets columns since you moved the hotbar? and then does the backpack have its own weight vs the player packpack?

[bleak rock]

it can have its own weight if you put the effort and time into doing that, For the next update it will just be the player's weight. So technically only the "player backpack" weight

[crystal void]

this ox?

[frigid hound]

Is there also the 6th slot system? That the 6th slot is a secret slot? If so, where is this?

[shell patrol]

What is the open inventory stash server export for ps inventory

[dark vigil]

Nah it’s ps/qb-inventory

[dark vigil]

Looking good! I decided to remove the hover description as I found it annoying when moving items around.

currently taking a break from inv to update qb-phone but I want to attempt a new / better give function

[shell patrol]

       TriggerServerEvent("inventory:server:OpenInventory", "stash", pendingOrders[index].stashId, nil, src)```
Anyone know why that doesnt work

[quiet glen]

You two work together is better I think

[bleak rock]

I praise your effort! I will admit it is a bit annoying and as of right now I can't get the use button to even work with the new description stuff 💀.

I look foward to seeing what you can do with the phone and best of luck in the future!

[bleak rock]

in the current version I released the 6th item slot wasn't even in my mind, It can easily be edited / tweaked tho. In the update i'm working on the 6th slot will be standard and not hidden / locked

[vestal sleet]

how to edit like this

[slate kelp]

can u share the edit? i like position of give combine and all that

[worn copper]

Hey can i message you personally ?

[alpine turret]

When does the realise happen

[soft robin]

Any thoughts to adding the props spawn on ground?

[bleak rock]

Its gonna be a feature, Thanks to root it was fairly simple to implement

[bleak rock]

Send me a message request

[bleak rock]

Currently figuring it out

[jovial blade]

suggestion
1- use radial gradient for background from "lighter color" to "darker color"
2- use 2px solid "lighter color" border
3- expand the item name container width
4- use lighter font weight for "removed"
only if you want exact result

[native flicker]

can only one add body damage ?

[bleak rock]

last thing I need to do from the list is the gradient but thanks for the tips!

[jovial blade]

i can give you the code

background: radial-gradient(circle, rgba(49,212,169,1) 0%, rgba(35,133,107,1) 100%);

background: radial-gradient(circle, rgba(49,212,169,1) 0%, rgba(44,186,149,1) 74%, rgba(35,133,107,1) 100%);

try both

[bleak rock]

Current preview of it, Until I can get the inventory options to work as buttons instead of draggable i'll update it but for now this is what it looks like.

[frail merlin]

Will u release or?

[bleak rock]

yeah i'll be releasing it soon

[frail merlin]

free or paid?

[bleak rock]

not today but one of these days

free 😄 its a free inventory script you shouldn't pay for something thats been free for years

[frail merlin]

🫡

Thats my opinion too but many people just take scripts and redesign/edit and put to be paid ;/

[bleak rock]

Yeah I just ignore those bums tbh, Most of the time they are selling stuff they didn't even make. Its already happened with the first version I released of this 😄

[tall vector]

Anyway you can tie at least overall health and stress into the body.png ? Just something basic instead of the full on limb damage

[bleak rock]

That is something I wanted to do before I released it to ya'll, I have had so much dm requests and so much requests in general for it 💀

but keep in mind it can probably be done better by someone else I'm just a noob trying to piece things together

[fierce minnow]

AND THIS IS SOMEONE I RESPECT ❤️

[bleak rock]

🙏

https://cdn.discordapp.com/attachments/854837947948990494/1203717727110438922/image.png?ex=65d21c7e&is=65bfa77e&hm=01f082eb6ff5ef1ec13f81a16d38e1b281372cc9c03a880b91741d5948259533&

hotbar preview

[fierce minnow]

your no noob you've done gods work and I'm sure if you released it someone can help with the health system

[tall vector]

Yeah I think literally just showing health % and stress % is sufficient enough tbh. You’ve already spent enough effort on this free release!

That way the body img has some what of a use imo

[bleak rock]

Starting workin on the damage part, So far just getting the ui pieced together

[supple nebula]

awesome!

[tulip veldt]

[bleak rock]

😄

[tall vector]

[tulip veldt]

This is a much nicer and simple approach

Damage: 60%

Compared to all the other colors red and all that

[bleak rock]

Thank you 🙏

If only I could get the fuckin use button to work like 4fibs 😄

The damage is already setup, It was pretty easy and i'm just gonna use the qb-hud code for the stress part. Then basic damage should be implemented 😄

[distant crater]

Little Things u could add:

• make the damage Red and the Stress like Purple
• check ambulancejob i think they can check between left leg, right leg and so on, and could be added into the inventory ( https://github.com/qbcore-framework/qb-ambulancejob/blob/787d5787134be65f7456acffa9125b8f7321170c/client/main.lua#L32 )

[bleak rock]

Yeah you're onto something and it gives me some ideas on how to flesh this out a bit. I just need to figure out what i'm doing 😄

[distant crater]

😉

[worn copper]

Hey not letting me private message you

[tulip veldt]

Do not bother our members.

[jovial blade]

another suggestion!
the character details layout is kinda off
you can move the right column to the right
also you can move the line to the right too

[tulip veldt]

It is not "kinda off"

[jovial blade]

and you can use you character details text style for your body damage info too
like stress on top and the 60% at the bottom
"just suggestions"

[tulip veldt]

They are perfectly aligned

[jovial blade]

https://cdn.discordapp.com/attachments/1198023155130830869/1203759604438401144/image.png?ex=65d2437e&is=65bfce7e&hm=4d99315edd9f3351bcbd20e10652993495a395cb84fdfb168dd408921edd711a&

its the current layout

[tulip veldt]

[jovial blade]

thats what i suggested

[tulip veldt]

Well noted

I miss photoshop, wow lol

[worn copper]

even tho he asked ?

i asked him if i can message you personally he respnd send me a message request

[bleak rock]

I sent you a request

[bleak rock]

Basic health implementation is done, I'm still looking into bones and all that but this works for right now I hope

[obsidian osprey]

Thats insane - super nice job.

[bleak rock]

thanks I just gotta touch up some of the ui aspects and then i'll push this for the update

then continue to update it over time with more features as I figure them out

[maiden hamlet]

Very nice iON. From what you were saying early in this thread to where you are now, great work!

Also thank you for releasing this for everyone 🙂

[native flicker]

Yes Great Work ❤️

[bleak rock]

The damage should now only show up when hovering over it like in NP

[light nebula]

Bro how could u say your a noob, you my friend are a God.

[worn copper]

suggestion when ur stress make it go up red or somet

not sure if its been suggested

[native flicker]

I think you forget to add amount input box

[bleak rock]

I've mainly been a LUA dev this is my first big step into the UI side of things

[bleak rock]

Its been suggested and I am 100% gonna be taking a look into it, I know its gonna get stale just looking at the blank colors

[bleak rock]

I have it set to right click, Its still the slider that I showed previously just without the inventory buttons if that makes sense. Just think of the inventory buttons as placeholders they probably won't be there on the release of the update

[native flicker]

✔️👑

[light nebula]

U insane cant say anything else

[bleak rock]

🙏

[bleak rock]

Fixed up the Itembox once more, It no longer should spam multiple itemboxes. It shall keep the 1 itembox and just update it to the action

[quiet glen]

good job

[woeful lichen]

thank you very much brother

[bleak rock]

Its no problem

[gaunt ingot]

you're actually insane man, very talented! honestly great work for your first ui project keep it up broski

[bleak rock]

Thanks 🙏

[quiet glen]

did you update github also ?

[bleak rock]

not yet i'll make sure to let ya'll know when I do

[quiet glen]

❤️

amazing work everyone love it

[bleak rock]

https://cdn.discordapp.com/attachments/1199324828851765262/1203860842215374878/final-description.mp4?ex=65d2a1c7&is=65c02cc7&hm=7960d9631289d997e43a6f236713f742b4a34127b54cb85e5cf730928bf2107a&

Thank you all for the support 🙏

[tall vector]

https://tenor.com/view/waiting-for-you-gif-8551867081249355873

[woeful lichen]

okey brother ❤️

[fierce minnow]

is the progress bar part of the inventory?

[bleak rock]

Nah thats just my edited default progressbar that I use in my server

[gilded coyote]

Can it be released or not?

[bleak rock]

I'm currently doing some final touches and then we'll see about a release tonight

[gilded coyote]

tnx bro

[quiet glen]

do you know where can edit this ?

[bleak rock]

The work that root did for the drops has been implemented 100% 🙂

[bleak rock]

Yeah 1 sec lemme go make sure

.item-slot-amount {
position: absolute;
top: 0.3%;
right: 0.15vw;
background-color: #41414b00;
padding-right: 4px;
padding-left: 4px;
}

.item-slot-amount > p {
color: #ffffff;
text-align: right;
font-size: 1.25vh;
font-weight: 400;
cursor: none;
font-family: "Oswald";
}

Thats where you should be able to edit that

[quiet glen]

ok thanks

i just want to remove it the cyan color is the amount but the right side i am not sure

found it its lua .item-slot-name > p { this one

[bleak rock]

ah okay thats mb I have them both the same color and transparent 💀

[quiet glen]

removed

[bleak rock]

Yeah removing it makes the slots look a lot cleaner nice job on your edit

[quiet glen]

thanks man its all because of you

just need porsonal info

[bleak rock]

I can give ya'll that if you need

the way I have it setup is not hard, a little messy but pretty easy to setup

[quiet glen]

i will wait for update

[bleak rock]

🙏

[near lotus]

Ngl kinda loving this

[woeful lichen]

wow thank you so muuuuchh ❤️

[jovial blade]

pretty clean
you can improve it by showing them when user hover on the body, not the text it self
if the body status is inside the body image div you can do it with css

[native flicker]

are adding something like this ??https://discord.com/channels/897744257237000222/1201114074788925521

then its possible add target on prop for pickup

[pearl rock]

you can always find a design that is really close to .. here:
https://github.com/JonasDev17/np_inventory

[bleak rock]

Currently updating the Github, Update should be out soon 👍

[umbral crown]

should be out i guess

[bleak rock]

^^^ It just went up

https://github.com/iONDegen/ps-inventory

Update is out everyone! Keep in mind I removed the item images but just add your own images folder and the items should have their images

[mint nebula]

Is the duping glitches fixed for ps-inventory?

Feel like that is a big part holding qb-inventories back

[fierce minnow]

Downloading when I'm home 😉

[bleak rock]

This uses the most up to date version of ps-inventory from their github, All I did was edit the UI

[fierce minnow]

might even try adding a function when you drop an item it shows a sprite and u can interact with the sprite to pick it up

[mint nebula]

Yeah you'v done a great job.. was just wondering

[umbral moat]

Yes Working

[bleak rock]

I can take a look and see if there's anything I can do about the duping glitches

[bleak rock]

Ahh the icons are off centered but for me they are centered

[umbral moat]

may be due to different resolution

[bleak rock]

Yeah what resolution do you use if you don't mind me asking?

I didn't touch any of the higher resolution stuff yet, I don't have a monitor thats higher than 1920 x 1080

[umbral moat]

2560 X 1440

[bleak rock]

oh yep that would do it 😄

I'll push for resolution support in the next patch I do, I still have a lot I wanna add to the inventory

[umbral moat]

Thanks Man

[bleak rock]

Its no problem, Bugs were bound to happen so i'm glad to have caught that right away

[tender vine]

anyway to solve this ?

[bleak rock]

Did you use "qb-inventory" or did you use "ps-inventory" before the update

[tender vine]

qb

[bleak rock]

go into the inventory and rename every "ps-inventory" to "qb-inventory" and the problem should be fixed

[tender vine]

It is qb already

[bleak rock]

Even in the inventory's JS, CSS, HTML, Client and Server?

[tender vine]

worked , Thank you

[bleak rock]

Its np, I'll push a branch with the inventory renamed to qb-inventory for convenience

[balmy oyster]

Do i miss something

[bleak rock]

Nah, I'll have to take a look at that. I didn't notice it before

but I do get the same error

[umbral moat]

is calling undefined function GetDrops() , there is no such function in script

[balmy oyster]

Found it add this in the server\main.lua on top:

function GetDrops()
    return Drops
end

[bleak rock]

I'll take a look and quickly put it in the github for everyone

[grand storm]

i get this when hover over items

dont seem to have any errors

[bleak rock]

did you use ox inventory before?

[grand storm]

yeah

[bleak rock]

thats why you need to wipe your inventory and give yourself fresh items

inventory not db thats mb

i'm still cooked from waking up

[bleak rock]

Pushed the fix to the github, Thanks for the quick fix!

[grand storm]

i hate asking on free stuff but could you point me in the right direction to make this not cut of for 1440p

[bleak rock]

You'd need to look at the itembox-container and then try and fix it with the higher resolutions. You can do so in the css I'm pretty sure by adding the itembox-container stuff to @media (width: 2560px) and (height: 1440px) or @media (width: 3360px) and (height: 1440px)

and then just editing it to look as intended with the higher resolution

[grand storm]

thankyou

[bleak rock]

its np, as I said before I am gonna look into the higher resolution stuff in the next patch. I just currently don't have a higher resolution monitor so i'd need to find someone who'd be able to test it for me, I'm learning along with ya'll 😄

[lost thistle]

hey mate so im guessing just rename everything from qb-inventory to now ps-inventory?

[bleak rock]

Or you can go into the inventory itself and change all "ps-inventory" to "qb-inventory" and it will be easier

[lost thistle]

gotcha cheers

[bleak rock]

🙏

[bleak rock]

Yeah I wanna do this instead of having it so you hover over the text, It seems pretty easy to do but for right now it's what I showed before

[bleak rock]

I just pushed a new branch called "qb-inventory" this is for ya'lls convenience so you don't have to sit there and rename the ps-inventory to qb inventory yourself!

[umbral crown]

can someone get me a better img of this so i can improve the css and put it here ?

this one is low quality

also in the name its missing a .. to space first name and second name
instead of John Doe its JohnDoe

[left echo]

is there a way to add a drop feature when you right click to use /give or a way to split items ?
i can't drop a specific amount , it drops the whole stack

[mellow drum]

no pics

[jovial cedar]

Line 496 client/main.lua

[lost thistle]

You have to add your own images folder

[jovial cedar]

Amazing release man ..

Jujst wondering if its possible to see all slots when robbing a person or can you only see The backpacks slots?

[bleak rock]

You see the other person's complete inventory when robbing, You'll just have to scroll down in their inventory like in np

[tame eagle]

hello dear, thanks for this amazing release, I see everyone is ok accept me I got this error HasItem

Do I have to change ps- to qb ?

[jovial cedar]

So cannot see my "Pockets" items

[warped coral]

nice one

[fluid token]

repair kit is massive 🤣

[jade dove]

how to make that diamond shape on css?

like inventory icon

[fierce minnow]

have to make it yourself and then call for it

This look great btw 🙂

[alpine turret]

How did u drop items

[balmy oyster]

@bleak rock ihave problem

[fluid token]

it already on there when you download the lastest

[balmy oyster]

if i want drop just one i cant @bleak rock

@bleak rockand the btn of combain

[jovial cedar]

@bleak rock seems like I fixed the robbing issue .. Saw how many slots you made in the js and just made the otherplayer inventory slots the same

Looks like it still has empty slots and might break .. so technically not a fix .. I see you used different numbers for each of the player-inventory to get the spacing you need .. mega sadge

Is there a way to just call those slots in the lua code ?? when being robbed? I'm not familiar with NUI or whatever its called

RegisterCommand('robme', function()
    local ped = PlayerPedId()
    QBCore.Functions.Progressbar("robbingme", "Touching myself...", 1000, false, true, {
        disableMovement = true,
        disableCarMovement = true,
        disableMouse = false,
        disableCombat = true,
    }, {}, {}, {}, function() -- Done
        TriggerServerEvent("inventory:server:OpenInventory", "otherplayer", GetPlayerServerId(PlayerId()))
    end)
end, false)

"Made" this to test the robbing

[alpine turret]

ive got this problem

i tried what u said but it doesnt work

[tender vine]

Download the new version

[alpine turret]

i just downloaded

[tender vine]

If u r using qb-inventory it should work

[alpine turret]

im using this one

[tender vine]

Is it the curser problem ?

[alpine turret]

but i renamed it all to qb-inventory

[alpine turret]

yh

[tender vine]

This is the one I am using

[alpine turret]

im trying to use that one but the it stuck on screen when leaving inventoery

[alpine turret]

like rthis photo

thats my problem

[alpine turret]

when does this come out

[tulip veldt]

This thread is not for support. Stop talking about support here.

[ivory crater]

Yeah when trying to go to a shop you can't buy anything

[tulip veldt]

Do you not see the big bold text above?

[ivory crater]

I'm letting him no its not support if im saying there a bug