Aller au contenu
Rechercher dans
  • Plus d’options…
Rechercher les résultats qui contiennent…
Rechercher les résultats dans…
Bienvenue Invité!

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 !

Kanda Sorata

release [RELEASE] - pNotify

Messages recommandés

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

 

Partager ce message


Lien à poster
Partager sur d’autres sites

Créer un compte ou se connecter pour commenter

Vous devez être membre afin de pouvoir déposer un commentaire

Créer un compte

Créez un compte sur notre communauté. C’est facile !

Créer un nouveau compte

Se connecter

Vous avez déjà un compte ? Connectez-vous ici.

Connectez-vous maintenant

×
×
  • Créer...

Information importante

En utilisant ce site, vous acceptez les présents règlements Conditions d’utilisation, Politique de confidentialité,Règles.