Aquiver Map Notification

Informations

​Forum postβ€‹β€Œ
​Showcase videoβ€‹β€Œ
​Tebex link (buy)β€‹β€Œ

Features

  • Enter / Leave animations.
  • Highly customisable notifications.
  • Create notification presets.
  • Easy to use.
  • Image / Icon support. (Local images or FontAwesome)
  • Fit your resolutions. (Not 22:2 aspect ratio ofcourse
    πŸ˜‚
    )

Installation

  1. 1.
    Extract and copy the folder into your server resources.
  2. 2.
    Create or modify the existing presets to fit your desires.
  3. 3.
    Call the functions via exported functions or events.

How to call

You can call the notifications via export or the events.
Difference: If you call it with export function and the notification is not exist then your script will stuck, if you use the events, then it will continue to run.

Serverside

Export method

1
exports['av_notify']:AQUIVER_NOTIFY(source, type, time, header, msg)
2
​
3
-- Full example
4
exports['av_notify']:AQUIVER_NOTIFY(source, 'error', 5, 'Error header', 'Error message content')
Copied!

Event method

1
TriggerClientEvent('AV:NOTIFY:SEND', source, type, time, header, msg)
2
​
3
-- Full example
4
TriggerClientEvent('AV:NOTIFY:SEND', source, 'error', 5, 'Error header', 'Error message content')
Copied!

Clientside

Export method

1
exports['av_notify']:AQUIVER_NOTIFY(type, time, header, msg)
2
​
3
-- Full example
4
exports['av_notify']:AQUIVER_NOTIFY('info', 5, 'Info header', 'Today was a good day.')
Copied!

Event method

1
TriggerEvent('AV:NOTIFY:SEND', type, time, header, msg)
2
​
3
-- Full example
4
TriggerEvent('AV:NOTIFY:SEND', 'info', 5, 'Info header', 'Today was a good day.')
Copied!

Notification presets

Presets are defined notification styles. You create them under a name, and you just call them with the name, and it will have every settings which set for them. (sound effects, style, etc.)

Settings

Here is our default notification settings.
1
createPreset('default', {
2
img = 'logo',
3
iconBg = 'rgb(40, 6, 63)',
4
iconColor = 'rgb(255,255,255)',
5
headerStripe = true,
6
bgHeader = false,
7
headerFontsize = '1',
8
msgFontSize = '0.8',
9
leftBorder = 'rgb(255, 123, 0)',
10
bgLeft = 'rgba(40, 6, 63, 0.45)',
11
bgRight = 'rgba(20, 20, 20, 0.5)',
12
textColor = 'rgb(255, 255, 255)',
13
headerColor = 'rgb(255, 255, 0)',
14
pulseAnimation = true,
15
-- soundEffect = '',
16
-- soundVolume = 0.015
17
})
Copied!
  • img (String) = Add your images in the html/img, folder to appear custom images as the notification icon.
  • ikon (String) = You can use FontAwesome icons with this, if you have both ikon/img variable in your preset settings, then either of them will appear! Only set one, decide icon or image.
  • iconBg (String) = Your icon background color.
  • iconColor (String) = Your icon color. (Only work if you use variable 'ikon')
  • bgHeader (Boolean) = You can add full background to your headers.
  • headerStripe (Boolean) = Under the header there is a small gradient line which you can enable/disable. (This option is not working if you have bgHeader = true)
  • headerFontsize (Number) = Sets the header font-size.
  • msgFontSize (Number) = Sets the message content font-size.
  • leftBorder (String) = Sets the notification left border color.
  • bgLeft (String) = We have our notification background as gradient, this is our gradient starting color.
  • bgRight (String) = Background gradient right side coloring.
  • textColor (String) = Message content text color.
  • headerColor (String) = Header text color.
  • pulseAnimation (Boolean) = Enable or disable the pulsating animation on your notification.
  • soundEffect (String) = Add sound effect to your notification. If you do not want your notification to have sfx, just simply comment it out or delete the variable. (I suggest .mp3)
  • soundVolume (Number) = Sound effect volume.

Rgb coloring

If you want to use alpha in your rgb colorings, just simply modify the rgb(255,255,255) to rgba(255,255,255, .5)
Last modified 3mo ago