Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Bienvenue Guest!

Rejoignez la communauté pour avoir accès à l'entièreté du site! Une fois que vous serez enregistré, vous pourrez créer, aider, partager et discuter avec les membres de la communauté et également participer à l'amélioration du site. Alors, qu'attendez vous ? Enregistrez-vous !

Sign in to follow this  
Kanda Sorata

release [RELEASE] - pNotify

Recommended Posts

Kanda Sorata

Nom de la ressource : pNotify
Auteur de la ressource : Nick78111
Lien de téléchargement de la ressource : https://github.com/Nick78111/pNotify
Description de la ressource :

pNotify ajoute une librairie JS qui permet de créer ses propres notifications personnalisées.

 

Comment envoyer une notification côté client :

exports.pNotify:SendNotification({options})
-- ou
TriggerEvent("pNotify:SendNotification", {options})

Ensuite, côté serveur :

TriggerClientEvent("pNotify:SendNotification", -1, {options})

 

Définir un nombre maximum de notification :

Le code suivant va vous permettre de définir un nombre maximum de notification qui s'afficheront en même temps parmis une liste que vous définirez vous même.

 

Côté client :

exports.pNotify:SetQueueMax(queueName, Max)
-- ou
TriggerEvent("pNotify:SetQueueMax", queueName, Max)

Ensuite, côté serveur :

TriggerClientEvent("pNotify:SetQueueMax", -1, queueName, Max)

Voici ensuite les options possibles pour les propriétés de vos notifications :

  • type
  • layout
  • theme
  • text
  • timeout
  • queue
  • killer

Vous pouvez retrouver la description sur ce lien

Voici la liste valide de toutes les options disponible pour les notifications :

~ Les options marquées d'une * sont les options par défaut.

  • layout
  • top, topLeft, topCenter, topRight *
  • center, cenerLeft, centerRight
  • bottom, bottomLeft, bottomCenter, bottomRight
  • type
  • alert
  • success *
  • error
  • warning
  • info
  • theme - Changes the look of the notifications, you can edit or create custom themes inside html/themes.css
  • gta *
  • mint
  • relax
  • metroui

 

Votre notification est par défaut inclue dans la liste "global".

 

Voici ensuite un exemple des codes utilisés dans le screenshot ci dessous

if cmd == "/notify" then
    exports.pNotify:SetQueueMax("global", 8)

    for i = 0, 5 do
        exports.pNotify:SendNotification({text = "Testing Notification", type = "error", timeout = math.random(1000, 10000)})
    end
    for i = 0, 3 do
        exports.pNotify:SendNotification({text = "You were given $100", type = "success", timeout = math.random(1000, 10000)})
    end	
    for i = 0, 4 do
        exports.pNotify:SendNotification({text = "Press F8 for more info", type = "info", timeout = math.random(1000, 10000)})
    end
end

if cmd == "/notify2" then
    exports.pNotify:SetQueueMax("left", 4)

    for i = 0, 5 do
        exports.pNotify:SendNotification({
            text = "Testing Notification",
            type = "error",
            timeout = math.random(1000, 10000),
            layout = "centerLeft",
            queue = "left"
        })
    end

    for i = 0, 3 do
        exports.pNotify:SendNotification({
            text = "You were given $100", 
            type = "success", 
            timeout = math.random(1000, 10000),
            layout = "centerLeft",
            queue = "left"
        })
    end	
    for i = 0, 4 do
        exports.pNotify:SendNotification({
            text = "Press F8 for more info", 
            type = "info", 
            timeout = math.random(1000, 10000), 
            layout = "centerLeft", 
            queue = "left"
        })
    end
end

if cmd == "/notify3" then
    TriggerEvent("pNotify:SetQueueMax", "right", 2)

    for i = 0, 5 do
        TriggerEvent("pNotify:SendNotification", {
            text = "SUCCCCEEESSSS",
            type = "success",
            timeout = math.random(1000, 10000),
            layout = "centerRight",
            queue = "right"
        })
    end

    for i = 0, 3 do
        TriggerEvent("pNotify:SendNotification", {
            text = "THIS BE A WARNING",
            type = "warning",
            timeout = math.random(1000, 10000),
            layout = "centerRight",
            queue = "right"
        })
    end
    exports.pNotify:SendNotification({text = "SUCCESS", type = "success", timeout = 200, layout = "centerRight", queue = "right"})
    exports.pNotify:SendNotification({text = "Hello?", type = "info", timeout = 2000, layout = "centerRight", queue = "right"})
    exports.pNotify:SendNotification({text = "Vehicle unlocked", type = "success", timeout = 200, layout = "centerRight", queue = "right"})
end

Voici un exemple d'une notification d'erreur :

local oldError = error

function error(...)
	exports.pNotify:SetQueueMax("error", 2)
	exports.pNotify:SendNotification({
		text = "<b style='color:yellow'>There was a Lua error!</b> <br /><br /> <b style='color:red'> ".. ... .."</b><br /><br /><b style='color:yellow'>Press F8 to view it in the console.</b>",
		type = "error",
		queue = "error",
		timeout = 15000,
		layout = "bottomRight",
		sounds = {
			sources = {"sound-example.wav"}, -- For sounds to work, you place your sound in the html folder and then add it to the files array in the __resource.lua file.
			volume = 0.2,
			conditions = {"docVisible"} -- This means it will play the sound when the notification becomes visible.
		}
	})
	oldError(unpack({...}))
end

*Attention, les sons ne sont pas fournis.

 

Un autre exemple côté serveur cette fois ci :

if message == "/notify4" then
    TriggerClientEvent("pNotify:SetQueueMax", -1, "lmao", 1)

    for i = 0 , 5 do 
        TriggerClientEvent("pNotify:SendNotification", -1, {
            text = "Testing Notification",
            type = "error",
            queue = "lmao",
            timeout = 10000,
            layout = "bottomCenter"
        })
    end
end

Retrouvez toute la documentation ici
Screenshots :

QJm4ovX.jpg
Lien vidéo : https://www.youtube.com/watch?v=W5PGu4aAOhM

 

Lien original : https://forum.fivem.net/t/release-pnotify-in-game-js-notifications-using-noty/20659

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

En utilisant ce site, vous acceptez les présents règlements Terms of Use, Privacy Policy,Guidelines.