-
-
${types[data.type] ? types[data.type]["icon"] : types["info"]["icon"]}
-
${data["message"]}
-
+ sanitizedMessage = processLineBreaks(sanitizedMessage)
+ sanitizedTitle = processLineBreaks(sanitizedTitle)
+
+ const id = Math.floor(Math.random() * 100000)
+ const typeInfo = types[data.type] || types["info"]
+ const duration = data.length || 3000
+
+ const notificationElement = $(`
+
+
+
+ ${typeInfo.icon}
- `).appendTo(`#root`);
+
+
+
${sanitizedTitle}
+
${sanitizedMessage}
+
+
+
+ `).appendTo(`#root`)
+ $(`#${id} .notify-progress`).css({
+ transition: `width ${duration}ms linear`,
+ width: "0%",
+ })
+
+ playNotificationSound(data.type)
+
+ setTimeout(() => {
+ $(`#${id} .notify-progress`).css("width", "100%")
+ }, 10)
+
+ setTimeout(() => {
+ $(`#${id}`).removeClass("fadeIn").addClass("fadeOut")
setTimeout(() => {
- document.getElementById(id).classList.remove("fadeIn");
- }, 300);
+ $(`#${id}`).remove()
+ }, 500)
+ }, duration)
- setTimeout(() => {
- document.getElementById(id).classList.add("fadeOut");
-
- setTimeout(() => {
- document.getElementById(id).remove();
- }, 400);
- },data.length);
-
- return notification;
-};
+ return notificationElement
+}
From 59d2e9a839249f26881f1aa263d3e75343b5996e Mon Sep 17 00:00:00 2001
From: zlexif <146517988+auradevelopment5m@users.noreply.github.com>
Date: Mon, 5 May 2025 19:49:07 +0300
Subject: [PATCH 2/3] fix(readme esx_notify):
---
[core]/esx_notify/readme.md | 36 +++++++++++++++++++++++++-----------
1 file changed, 25 insertions(+), 11 deletions(-)
diff --git a/[core]/esx_notify/readme.md b/[core]/esx_notify/readme.md
index f6bc4c9d..430f8a34 100644
--- a/[core]/esx_notify/readme.md
+++ b/[core]/esx_notify/readme.md
@@ -1,33 +1,48 @@
-
[ESX] Notify
Discord - Website - Documentation
+`
`[ESX] Notify```
``
`````Discord`` - ``Website`` - ``Documentation``````
A beautiful and simple NUI notification system for ESX
# Example Code
-
Change style and time
+`
`Change style and time`
`
```lua
---usage: message/type/length
ESX.ShowNotification("message here", "error", 3000)
ESX.ShowNotification("message here", "success", 3000)
ESX.ShowNotification("message here", "info", 3000)
+ESX.ShowNotification("message here", "warning", 3000)
ESX.ShowNotification("text here") -- Default will time and type will be info/3000
+
+-- With title (optional 4th parameter)
+ESX.ShowNotification("message here", "success", 3000, "Achievement")
```
-
Export Usage
+`
`Export Usage`
`
```lua
+-- Basic usage
exports["esx_notify"]:Notify("info", 3000, "message here")
+
+-- With title
+exports["esx_notify"]:Notify("success", 3000, "Item purchased!", "Shop")
+
+-- With line break
+exports["esx_notify"]:Notify("warning", 4000, "Inventory full!~br~Some items were dropped.", "Warning")
```
-
Event Usage
+`
`Event Usage`
`
```lua
+-- Basic usage
TriggerEvent("ESX:Notify", "info", 3000, "message here")
+
+-- With title
+TriggerEvent("ESX:Notify", "error", 5000, "You don't have enough money!", "Transaction Failed")
```
-
Color Code Usage
+`
`Color Code Usage`
`
```lua
~r~ = Red
@@ -41,15 +56,14 @@ TriggerEvent("ESX:Notify", "info", 3000, "message here")
~o~ = Orange
ESX.ShowNotification("I i ~r~love~s~ donuts", "success", 3000)
+
+-- Line break example
+ESX.ShowNotification("You received ~br~1x ~g~ball~s~!", "success", 3000, "Item Received")
```
# Previews
-
-
-
-
-
+
## Legal
@@ -61,4 +75,4 @@ This program Is free software: you can redistribute it And/Or modify it under th
This program Is distributed In the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty Of MERCHANTABILITY Or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License For more details.
-You should have received a copy Of the GNU General Public License along with this program. If Not, see
.
+You should have received a copy Of the GNU General Public License along with this program. If Not, see `
`.
\ No newline at end of file
From 7d61f378e2d2520cf4575674e29ca7919ffe0f17 Mon Sep 17 00:00:00 2001
From: zlexif <146517988+auradevelopment5m@users.noreply.github.com>
Date: Thu, 8 May 2025 21:53:34 +0300
Subject: [PATCH 3/3] fix:('added title parameter to ESX.ShowNotification.
---
[core]/es_extended/client/functions.lua | 5 +++--
1 file changed, 3 insertions(+), 2 deletions(-)
diff --git a/[core]/es_extended/client/functions.lua b/[core]/es_extended/client/functions.lua
index 8a577e7e..1ad0edc3 100644
--- a/[core]/es_extended/client/functions.lua
+++ b/[core]/es_extended/client/functions.lua
@@ -152,9 +152,10 @@ end
---@param message string The message to show
---@param notifyType? string The type of notification to show
---@param length? number The length of the notification
+---@param title? string The title of the notification
---@return nil
-function ESX.ShowNotification(message, notifyType, length)
- return IsResourceFound('esx_notify') and exports['esx_notify']:Notify(notifyType, length, message)
+function ESX.ShowNotification(message, notifyType, length, title)
+ return IsResourceFound('esx_notify') and exports['esx_notify']:Notify(notifyType, length, message, title)
end
function ESX.TextUI(...)