This is still relatively untested, and bugs are likely to occur. You should only use this if you're comfortable with programming and fixing the bugs yourself. I will provide limited support and cannot guarantee that any bugs or issues will be fixed within a typical timeframe.
+ +
+
+You can watch a preview [here](https://streamable.com/m91u9u)
+
+# Bubble MDT & Dispatch
+
+A police MDT with built-in dispatch functionalities. The MDT consists of the following pages:
+
+- Dashboard
+- Profiles
+- Incidents
+- Reports
+- Vehicles
+- Dispatch
+- Roster
+- Charges
+
+# Frameworks
+
+- [qbx_core](https://github.com/Qbox-project/qbx_core)
+
+# Dependencies
+
+- [oxmysql](https://github.com/overextended/oxmysql)
+- [ox_lib](https://github.com/overextended/ox_lib)
+
+# Installation
+
+- Install all the dependencies and have them started before bub-mdt
+- Import the SQL provided
+- Drag and drop the resource into your resources folder
+- Add `start bub-mdt` to your `server.cfg` file
+
+# Credits
+
+Without the creation of the following resources, this MDT would not have seen the light of day, as this MDT is heavily inspired by these:
+
+- [ox_mdt](https://github.com/overextended/ox_mdt) - Dispatch, Some events and function, Code structure and data flow
+
+# Feature Request, Issue Reporting & Contribution
+
+- Contributions are always welcome - Open a pull request.
+- Found a bug? Open an issue.
+- Want a feature implemented? Open an issue.
+
+# The resource state
+
+- LUA part needs some refactoring.
+- A lot of the UI needs to be refactored, more modular and simply be optimized.
+- The drivers license points system needs to be revamped, as of right now it does not function properly.
+- Probably a lot more which i have forgotten about, but i guess it will get mentioned if people end up using this MDT.
diff --git a/client/alerts.lua b/client/alerts.lua
new file mode 100644
index 0000000..cb93ebe
--- /dev/null
+++ b/client/alerts.lua
@@ -0,0 +1,250 @@
+local config = require 'config'
+local framework = require(('client.framework.%s'):format(config.framework))
+local utils = require 'client.utils'
+
+local function CustomAlert(data)
+ local coords = data.coords
+ local disptachInfo = {}
+
+ for i = 1, #data.info do
+ disptachInfo[#disptachInfo+1] = {
+ label = data.info[i].label,
+ icon = data.info[i].icon
+ }
+ end
+
+ local dispatchData = {
+ code = data.code or '10-80',
+ offense = data.offense,
+ coords = {
+ coords.x,
+ coords.y
+ },
+ info = disptachInfo,
+ blip = data.blip or 162,
+ isEmergency = data.isEmergency or false,
+ blipCoords = coords,
+ }
+
+ TriggerServerEvent('mdt:server:CreateCall', dispatchData)
+end
+exports('CustomAlert', CustomAlert)
+
+local function VehicleTheft()
+ local coords = GetEntityCoords(cache.ped)
+ local closestVehicle = lib.getClosestVehicle(GetEntityCoords(cache.ped))
+
+ local dispatchData = {
+ code = '10-35',
+ offense = "Vehicle Theft",
+ coords = {
+ coords.x,
+ coords.y
+ },
+ info = {
+ {
+ label = GetLabelText(GetDisplayNameFromVehicleModel(GetEntityModel(closestVehicle))),
+ icon = 'car',
+ },
+ {
+ label = GetVehicleNumberPlateText(closestVehicle),
+ icon = 'badge-tm',
+ },
+ {
+ label = utils.GetVehicleColor(closestVehicle),
+ icon = 'palette'
+ }
+ },
+ blip = 67,
+ isEmergency = false,
+ blipCoords = coords,
+ }
+
+ TriggerServerEvent('mdt:server:CreateCall', dispatchData)
+end
+exports('VehicleTheft', VehicleTheft)
+
+local function Shooting()
+ local coords = GetEntityCoords(cache.ped)
+
+ local dispatchData = {
+ code = '10-11',
+ offense = "Shooting in progress",
+ coords = {
+ coords.x,
+ coords.y
+ },
+ info = {
+ {
+ label = utils.GetWeaponName(),
+ icon = 'gun',
+ },
+ {
+ label = framework.getPlayerGender(),
+ icon = 'gender-bigender',
+ }
+ },
+ blip = 60,
+ isEmergency = false,
+ blipCoords = coords,
+ }
+
+ TriggerServerEvent('mdt:server:CreateCall', dispatchData)
+end
+exports('Shooting', Shooting)
+
+local function VehicleShooting()
+ local coords = GetEntityCoords(cache.ped)
+
+ local dispatchData = {
+ code = '10-60',
+ offense = "Shots Fired from Vehicle",
+ coords = {
+ coords.x,
+ coords.y
+ },
+ info = {
+ {
+ label = utils.GetWeaponName(),
+ icon = 'gun',
+ },
+ {
+ label = framework.getPlayerGender(),
+ icon = 'gender-bigender',
+ },
+ {
+ label = GetLabelText(GetDisplayNameFromVehicleModel(GetEntityModel(cache.vehicle))),
+ icon = 'car',
+ },
+ {
+ label = GetVehicleNumberPlateText(cache.vehicle),
+ icon = 'badge-tm',
+ },
+ {
+ label = utils.GetVehicleColor(cache.vehicle),
+ icon = 'palette'
+ }
+ },
+ blip = 60,
+ isEmergency = false,
+ blipCoords = coords,
+ }
+
+ TriggerServerEvent('mdt:server:CreateCall', dispatchData)
+end
+exports('VehicleShooting', VehicleShooting)
+
+local function SpeedingVehicle()
+ local coords = GetEntityCoords(cache.ped)
+
+ local dispatchData = {
+ code = '10-11',
+ offense = "Reckless driving",
+ coords = {
+ coords.x,
+ coords.y
+ },
+ info = {
+ {
+ label = GetLabelText(GetDisplayNameFromVehicleModel(GetEntityModel(cache.vehicle))),
+ icon = 'car',
+ },
+ {
+ label = GetVehicleNumberPlateText(cache.vehicle),
+ icon = 'badge-tm',
+ },
+ {
+ label = utils.GetVehicleColor(cache.vehicle),
+ icon = 'palette'
+ }
+ },
+ blip = 162,
+ isEmergency = false,
+ blipCoords = coords,
+ }
+
+ TriggerServerEvent('mdt:server:CreateCall', dispatchData)
+end
+exports('SpeedingVehicle', SpeedingVehicle)
+
+local function CarJacking(vehicle)
+ local coords = GetEntityCoords(cache.ped)
+
+ local dispatchData = {
+ code = '10-35',
+ offense = "Car Jacking",
+ coords = {
+ coords.x,
+ coords.y
+ },
+ info = {
+ {
+ label = GetLabelText(GetDisplayNameFromVehicleModel(GetEntityModel(vehicle))),
+ icon = 'car',
+ },
+ {
+ label = GetVehicleNumberPlateText(vehicle),
+ icon = 'badge-tm',
+ },
+ {
+ label = utils.GetVehicleColor(vehicle),
+ icon = 'palette'
+ }
+ },
+ blip = 67,
+ isEmergency = false,
+ blipCoords = coords,
+ }
+
+ TriggerServerEvent('mdt:server:CreateCall', dispatchData)
+end
+exports('CarJacking', CarJacking)
+
+local function OfficerDown()
+ local coords = GetEntityCoords(cache.ped)
+
+ local dispatchData = {
+ code = '10-99',
+ offense = "Officer Down",
+ coords = {
+ coords.x,
+ coords.y
+ },
+ info = {
+ {
+ label = framework.getPlayerGender(),
+ icon = 'gender-bigender',
+ },
+ },
+ blip = 310,
+ isEmergency = true,
+ blipCoords = coords,
+ }
+
+ TriggerServerEvent('mdt:server:CreateCall', dispatchData)
+end
+exports('OfficerDown', OfficerDown)
+RegisterNetEvent("mdt:client:officerdown", OfficerDown)
+
+RegisterCommand('testcall', function()
+ local random = math.random(1, 3)
+
+ if random == 1 then
+ OfficerDown()
+ elseif random == 2 then
+ Shooting()
+ else
+ CustomAlert({
+ coords = vec3(0, 0, 0),
+ info = {
+ {
+ label = framework.getPlayerGender(),
+ icon = 'gender-bigender',
+ },
+ },
+ code = '10-90',
+ offense = 'A cool offense',
+ blip = 310,
+ })
+ end
+end)
\ No newline at end of file
diff --git a/client/blips.lua b/client/blips.lua
new file mode 100644
index 0000000..37b5802
--- /dev/null
+++ b/client/blips.lua
@@ -0,0 +1,35 @@
+RegisterNetEvent('mdt:addBlip', function(data)
+ local street1, street2 = GetStreetNameAtCoord(data.blipCoords.x, data.blipCoords.y, data.blipCoords.z)
+ local street1name = GetStreetNameFromHashKey(street1)
+ local street2name = GetStreetNameFromHashKey(street2)
+ local transG = 250
+ local blip = AddBlipForCoord(data.blipCoords.x, data.blipCoords.y, data.blipCoords.z)
+ local blip2 = AddBlipForCoord(data.blipCoords.x, data.blipCoords.y, data.blipCoords.z)
+
+ SetBlipSprite(blip, 60)
+ SetBlipSprite(blip2, 161)
+ SetBlipColour(blip, 38)
+ SetBlipColour(blip2, 38)
+ SetBlipDisplay(blip, 4)
+ SetBlipDisplay(blip2, 8)
+ SetBlipAlpha(blip, transG)
+ SetBlipAlpha(blip2, transG)
+ SetBlipScale(blip, 0.8)
+ SetBlipScale(blip2, 2.0)
+ SetBlipAsShortRange(blip, false)
+ SetBlipAsShortRange(blip2, false)
+ PulseBlip(blip2)
+ BeginTextCommandSetBlipName('STRING')
+ AddTextComponentSubstringPlayerName(data.text)
+ EndTextCommandSetBlipName(blip)
+ while transG ~= 0 do
+ Wait(180 * 4)
+ transG = transG - 1
+ SetBlipAlpha(blip, transG)
+ SetBlipAlpha(blip2, transG)
+ if transG == 0 then
+ RemoveBlip(blip)
+ return
+ end
+ end
+end)
\ No newline at end of file
diff --git a/client/camera.lua b/client/camera.lua
new file mode 100644
index 0000000..5f23e69
--- /dev/null
+++ b/client/camera.lua
@@ -0,0 +1,199 @@
+local config = require 'config'
+local framework = require(('client.framework.%s'):format(config.framework))
+
+camera = false
+local cameraprop = nil
+local inPrompt = false
+local inTakePicture = false
+local takePicture = false
+
+local FOV_MAX = 80.0
+local FOV_MIN = 5.0 -- max zoom level (smaller fov is more zoom)
+local ZOOM_SPEED = 10.0 -- camera zoom speed
+local SPEED_LEFT_RIGHT = 8.0 -- speed by which the camera pans left-right
+local SPEED_UP_DOWN = 8.0 -- speed by which the camera pans up-down
+
+local fov = (FOV_MAX+FOV_MIN) * 0.5
+
+local function hideHUDThisFrame()
+ HideHelpTextThisFrame()
+ HideHudAndRadarThisFrame()
+ HideHudComponentThisFrame(1)
+ HideHudComponentThisFrame(2)
+ HideHudComponentThisFrame(3)
+ HideHudComponentThisFrame(4)
+ HideHudComponentThisFrame(6)
+ HideHudComponentThisFrame(7)
+ HideHudComponentThisFrame(8)
+ HideHudComponentThisFrame(9)
+ HideHudComponentThisFrame(13)
+ HideHudComponentThisFrame(11)
+ HideHudComponentThisFrame(12)
+ HideHudComponentThisFrame(15)
+ HideHudComponentThisFrame(18)
+ HideHudComponentThisFrame(19)
+end
+
+local function checkInputRotation(cam, zoomvalue)
+ local rightAxisX = GetDisabledControlNormal(0, 220)
+ local rightAxisY = GetDisabledControlNormal(0, 221)
+ local rotation = GetCamRot(cam, 2)
+ if rightAxisX ~= 0.0 or rightAxisY ~= 0.0 then
+ local new_z = rotation.z + rightAxisX * -1.0 * (SPEED_UP_DOWN) * (zoomvalue + 0.1)
+ local new_x = math.max(math.min(20.0, rotation.x + rightAxisY * -1.0 * (SPEED_LEFT_RIGHT) * (zoomvalue + 0.1)), -89.5)
+ SetCamRot(cam, new_x, 0.0, new_z, 2)
+ -- Moves the entities body if they are not in a vehicle (else the whole vehicle will rotate as they look around)
+ if not IsPedSittingInAnyVehicle(cache.ped) then
+ SetEntityHeading(cache.ped, new_z)
+ end
+ end
+end
+
+local function handleZoom(cam)
+ if not IsPedSittingInAnyVehicle(cache.ped) then
+ if IsControlJustPressed(0,241) then
+ fov = math.max(fov - ZOOM_SPEED, FOV_MIN)
+ end
+ if IsControlJustPressed(0,242) then
+ fov = math.min(fov + ZOOM_SPEED, FOV_MAX)
+ end
+ local current_fov = GetCamFov(cam)
+ if math.abs(fov-current_fov) < 0.1 then
+ fov = current_fov
+ end
+ SetCamFov(cam, current_fov + (fov - current_fov)*0.05)
+ else
+ if IsControlJustPressed(0,17) then
+ fov = math.max(fov - ZOOM_SPEED, FOV_MIN)
+ end
+ if IsControlJustPressed(0,16) then
+ fov = math.min(fov + ZOOM_SPEED, FOV_MAX)
+ end
+ local current_fov = GetCamFov(cam)
+ if math.abs(fov - current_fov) < 0.1 then
+ fov = current_fov
+ end
+ SetCamFov(cam, current_fov + (fov - current_fov)*0.05)
+ end
+end
+
+function CameraLoop(data)
+ lib.requestAnimDict("amb@world_human_paparazzi@male@base")
+ TaskPlayAnim(cache.ped, "amb@world_human_paparazzi@male@base", 'base', 6.0, 3.0, -1, 49, 1.0, false, false, false)
+
+ local model = lib.requestModel(`prop_pap_camera_01`)
+
+ if model then
+ local coords = GetEntityCoords(cache.ped)
+
+ cameraprop = CreateObject(model, coords.x, coords.y, coords.z + 0.2, true, true, true)
+ AttachEntityToEntity(cameraprop, cache.ped, GetPedBoneIndex(cache.ped, 28422), 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, true, true, false, true, 1, true)
+ end
+
+ CreateThread(function()
+ Wait(500)
+
+ SetTimecycleModifier("default")
+ SetTimecycleModifierStrength(0.3)
+
+ local cam = CreateCam("DEFAULT_SCRIPTED_FLY_CAMERA", true)
+ AttachCamToEntity(cam, cache.ped, 0.0, 1.0, 0.8, true)
+ SetCamRot(cam, 0.0, 0.0, GetEntityHeading(cache.ped), 2)
+ SetCamFov(cam, fov)
+ RenderScriptCams(true, false, 0, true, false)
+
+ while camera and not IsEntityDead(cache.ped) do
+ DisablePlayerFiring(cache.ped, true)
+ if IsControlJustPressed(0, 177) then
+ camera = false
+ PlaySoundFrontend(-1, "SELECT", "HUD_FRONTEND_DEFAULT_SOUNDSET", false)
+ ClearPedTasks(cache.ped)
+ DisablePlayerFiring(cache.ped, false)
+
+ if cameraprop then
+ DeleteEntity(cameraprop)
+ end
+ elseif IsControlJustPressed(1, 176) then
+ PlaySoundFrontend(-1, "Camera_Shoot", "Phone_Soundset_Franklin", false)
+ exports['screenshot-basic']:requestScreenshotUpload('https://api.fivemanage.com/api/image?apiKey=' .. config.fivemanageAPIKey, 'image', function(imageData)
+ local resp = json.decode(imageData)
+ if resp then
+ camera = false
+
+ if cameraprop then
+ DeleteEntity(cameraprop)
+ end
+
+ ClearPedTasks(cache.ped)
+
+ local ImageData = {
+ id = data.id,
+ imageLabel = data.imageLabel,
+ imageURL = resp.url
+ }
+
+ if (data.type == 'report') then
+ lib.callback.await('mdt:addReportEvidenceFromPictureTaking', false, ImageData)
+ SendNUIMessage({
+ action = 'updateReportEvidence',
+ data = {
+ imageLabel = data.imageLabel,
+ imageURL = resp.url
+ }
+ })
+ else
+ lib.callback.await('mdt:addEvidenceFromPictureTaking', false, ImageData)
+ SendNUIMessage({
+ action = 'updateIncidentEvidence',
+ data = {
+ imageLabel = data.imageLabel,
+ imageURL = resp.url
+ }
+ })
+ end
+
+ if not IsEntityPlayingAnim(cache.ped, tabletAnimDict, 'base', 3) then
+ lib.requestAnimDict(tabletAnimDict)
+ TaskPlayAnim(cache.ped, tabletAnimDict, 'base', 6.0, 3.0, -1, 49, 1.0, false, false, false)
+ end
+
+ if not tablet then
+ local model = lib.requestModel(`prop_cs_tablet`)
+
+ if not model then return end
+
+ local coords = GetEntityCoords(cache.ped)
+ tablet = CreateObject(model, coords.x, coords.y, coords.z, true, true, true)
+ AttachEntityToEntity(tablet, cache.ped, GetPedBoneIndex(cache.ped, 28422), 0.0, 0.0, 0.03, 0.0, 0.0, 0.0, true, true, false, true, 0, true)
+ end
+
+ SendNUIMessage({
+ action = 'setVisible',
+ data = {
+ visible = true,
+ }
+ })
+ SetNuiFocus(true, true)
+ isMdtOpen = true
+ DisablePlayerFiring(cache.ped, false)
+ end
+ end)
+ end
+
+ local zoomvalue = (1.0 / (FOV_MAX - FOV_MIN)) * (fov - FOV_MIN)
+ checkInputRotation(cam, zoomvalue)
+ handleZoom(cam)
+ hideHUDThisFrame()
+ Wait(0)
+ end
+
+ DisablePlayerFiring(cache.ped, false)
+ camera = false
+ ClearTimecycleModifier()
+ fov = (FOV_MAX + FOV_MIN) * 0.5
+ RenderScriptCams(false, false, 0, true, false)
+ DestroyCam(cam, false)
+ SetNightvision(false)
+ SetSeethrough(false)
+ end)
+end
\ No newline at end of file
diff --git a/client/eventHandlers.lua b/client/eventHandlers.lua
new file mode 100644
index 0000000..b8cb04d
--- /dev/null
+++ b/client/eventHandlers.lua
@@ -0,0 +1,115 @@
+local config = require 'config'
+local framework = require(('client.framework.%s'):format(config.framework))
+local timer = {}
+
+local function WaitTimer(name, action, ...)
+ if not timer[name] then
+ timer[name] = true
+ action(...)
+ Wait(config.defaultAlertsDelay * 1000)
+ timer[name] = false
+ end
+end
+
+local function isPedAWitness(witnesses, ped)
+ for k, v in pairs(witnesses) do
+ if v == ped then
+ return true
+ end
+ end
+ return false
+end
+
+AddEventHandler('CEventGunShot', function(witnesses, ped)
+ if IsPedCurrentWeaponSilenced(cache.ped) then return end
+
+ WaitTimer('Shooting', function()
+ if cache.ped ~= ped then return end
+
+ if framework.isJobPolice() then
+ if not config.debug then
+ return
+ end
+ end
+
+ if witnesses and not isPedAWitness(witnesses, ped) then return end
+
+ if cache.vehicle then
+ exports['x-mdt']:VehicleShooting()
+ else
+ exports['x-mdt']:Shooting()
+ end
+ end)
+end)
+
+AddEventHandler('CEventPedJackingMyVehicle', function(_, ped)
+ WaitTimer('Autotheft', function()
+ if cache.ped ~= ped then return end
+
+ local vehicle = GetVehiclePedIsUsing(ped, true)
+ exports['x-mdt']:CarJacking(vehicle)
+ end)
+end)
+
+AddEventHandler('CEventShockingCarAlarm', function(_, ped)
+ WaitTimer('Autotheft', function()
+ if cache.ped ~= ped then return end
+
+ local vehicle = GetVehiclePedIsUsing(ped, true)
+ exports['x-mdt']:VehicleTheft(vehicle)
+ end)
+end)
+
+AddEventHandler('gameEventTriggered', function(name, args)
+ if name ~= 'CEventNetworkEntityDamage' then return end
+ local victim = args[1]
+ local isDead = args[6] == 1
+
+ WaitTimer('PlayerDowned', function()
+ if not victim or victim ~= cache.ped then return end
+ if not isDead then return end
+
+ if framework.isJobPolice() then
+ exports['x-mdt']:OfficerDown()
+ end
+ end)
+end)
+
+local SpeedingEvents = {
+ 'CEventShockingCarChase',
+ 'CEventShockingDrivingOnPavement',
+ 'CEventShockingBicycleOnPavement',
+ 'CEventShockingMadDriverBicycle',
+ 'CEventShockingMadDriverExtreme',
+ 'CEventShockingEngineRevved',
+ 'CEventShockingInDangerousVehicle'
+}
+
+local SpeedTrigger = 0
+for i = 1, #SpeedingEvents do
+ local event = SpeedingEvents[i]
+ AddEventHandler(event, function(_, ped)
+ WaitTimer('Speeding', function()
+ local currentTime = GetGameTimer()
+
+ if currentTime - SpeedTrigger < 10000 then
+ return
+ end
+
+ if cache.ped ~= ped then return end
+
+ if framework.isJobPolice() then
+ if not config.debug then
+ return
+ end
+ end
+
+ if GetEntitySpeed(cache.vehicle) * 3.6 < (80 + math.random(0, 20)) then return end
+
+ if cache.ped ~= GetPedInVehicleSeat(cache.vehicle, -1) then return end
+
+ exports['x-mdt']:SpeedingVehicle()
+ SpeedTrigger = GetGameTimer()
+ end)
+ end)
+end
\ No newline at end of file
diff --git a/client/framework/qb_core.lua b/client/framework/qb_core.lua
new file mode 100644
index 0000000..b120467
--- /dev/null
+++ b/client/framework/qb_core.lua
@@ -0,0 +1,40 @@
+local QBCore = exports['qb-core']:GetCoreObject()
+local qb = {}
+local officer = {}
+
+qb.loadedEvent = 'QBCore:Client:OnPlayerLoaded'
+qb.logoutEvent = 'QBCore:Client:OnPlayerUnload'
+qb.setGroupEvent = 'QBCore:Client:OnJobUpdate'
+
+function qb.getOfficerData()
+ local playerData = QBCore.Functions.GetPlayerData()
+
+ officer.citizenid = playerData.citizenid
+ officer.firstname = playerData.charinfo.firstname
+ officer.lastname = playerData.charinfo.lastname
+ officer.role = playerData.job.grade.name
+
+ return officer
+end
+
+function qb.notify(text, type)
+ exports.qbx_core:Notify(text, type)
+end
+
+function qb.isJobPolice()
+ return QBCore.Functions.GetPlayerData().job.type == 'leo' and true or false
+end
+
+function qb.isOnDuty()
+ return QBCore.Functions.GetPlayerData().job.onduty and true or false
+end
+
+function qb.GetVehiclesByName()
+ return exports.qbx_core:GetVehiclesByName()
+end
+
+function qb.getPlayerGender()
+ return QBCore.Functions.GetPlayerData().charinfo.gender == 1 and "Female" or "Male"
+end
+
+return qb
diff --git a/client/main.lua b/client/main.lua
new file mode 100644
index 0000000..88d9517
--- /dev/null
+++ b/client/main.lua
@@ -0,0 +1,457 @@
+if not lib then return end
+
+isMdtOpen = false
+
+local hasLoadedUi = false
+local config = require 'config'
+local utils = require 'client.utils'
+local framework = require(('client.framework.%s'):format(config.framework))
+local player = nil
+local isMiniDispatchOpen = false
+local VEHICLES = framework.GetVehiclesByName()
+local officerBlips = {}
+local respondKey
+
+require 'client.alerts'
+require 'client.blips'
+require 'client.camera'
+require 'client.eventHandlers'
+
+tabletAnimDict = 'amb@world_human_seat_wall_tablet@female@base'
+tablet = nil
+
+local function closeMdt(hideUi)
+ if not isMdtOpen then return end
+
+ isMdtOpen = false
+
+ if hideUi then
+ SendNUIMessage({
+ action = 'setVisible',
+ data = {
+ visible = false,
+ }
+ })
+
+ SetNuiFocus(false, false)
+ end
+
+ if IsEntityPlayingAnim(cache.ped, tabletAnimDict, 'base', 3) then
+ ClearPedTasks(cache.ped)
+ end
+
+ if tablet then
+ if DoesEntityExist(tablet) then
+ Wait(300)
+ DeleteEntity(tablet)
+ end
+
+ tablet = nil
+ end
+end
+
+local function openMdt()
+ local isAuthorised, callSign = lib.callback.await('mdt:openMdt', 500)
+
+ if not isAuthorised then return framework.notify('You do not have access to the MDT', 'error') end
+
+ isMdtOpen = true
+
+ if not IsEntityPlayingAnim(cache.ped, tabletAnimDict, 'base', 3) then
+ lib.requestAnimDict(tabletAnimDict)
+ TaskPlayAnim(cache.ped, tabletAnimDict, 'base', 6.0, 3.0, -1, 49, 1.0, false, false, false)
+ end
+
+ if not tablet then
+ local model = lib.requestModel(`prop_cs_tablet`)
+
+ if not model then return end
+
+ local coords = GetEntityCoords(cache.ped)
+ tablet = CreateObject(model, coords.x, coords.y, coords.z, true, true, true)
+ AttachEntityToEntity(tablet, cache.ped, GetPedBoneIndex(cache.ped, 28422), 0.0, 0.0, 0.03, 0.0, 0.0, 0.0, true, true, false, true, 0, true)
+ end
+
+ if not hasLoadedUi then
+ local profileCards = lib.callback.await('mdt:getCustomProfileCards')
+ local charges = lib.callback.await('mdt:getAllCharges')
+
+ player.unit = LocalPlayer.state.mdtUnitId
+ player.callSign = callSign
+
+ SendNUIMessage({
+ action = 'setInitData',
+ data = {
+ locale = GetConvar('ox:locale', 'en'),
+ locales = lib.getLocales(),
+ profileCards = profileCards,
+ charges = charges
+ }
+ })
+
+ hasLoadedUi = true
+ end
+
+ SetNuiFocus(true, true)
+ SendNUIMessage({
+ action = 'openMDT',
+ data = {
+ personalData = player,
+ }
+ })
+end
+exports('openMdt', openMdt)
+
+lib.addKeybind({
+ defaultKey = 'm',
+ description = 'Open the Police MDT',
+ name = 'openMdt',
+ onPressed = openMdt
+})
+
+local function openMiniDispatch()
+ if isMdtOpen then return end
+
+ local isAuthorised = lib.callback.await('mdt:openDispatch', 500)
+
+ if not isAuthorised then return end
+
+ isMiniDispatchOpen = true
+
+ SetNuiFocus(true, true)
+ SendNUIMessage({
+ action = 'showMiniDispatch',
+ data = {
+ currentRespondKey = respondKey:getCurrentKey()
+ }
+ })
+end
+
+lib.addKeybind({
+ defaultKey = 'i',
+ description = 'Open the mini dispatch',
+ name = 'openMiniDispatch',
+ onPressed = openMiniDispatch
+})
+
+local function respondToCall()
+ if (not isMiniDispatchOpen) then return end
+
+ SendNUIMessage({
+ action = 'respondToCall',
+ data = {
+ currentRespondKey = respondKey:getCurrentKey()
+ }
+ })
+end
+
+respondKey = lib.addKeybind({
+ deafultKey = 'g',
+ description = 'Reponds to call',
+ name = 'respondToCall',
+ onPressed = respondToCall
+})
+
+lib.addKeybind({
+ name = 'NextDisptachCall',
+ description = 'Go to the next dispatch call',
+ defaultKey = 'RIGHT',
+ onPressed = function()
+ SendNUIMessage({
+ action = 'handleRightArrowPress'
+ })
+ end
+})
+
+lib.addKeybind({
+ name = 'PreviousDisptachCall',
+ description = 'Go to the previous dispatch call',
+ defaultKey = 'LEFT',
+ onPressed = function()
+ SendNUIMessage({
+ action = 'handleLeftArrowPress'
+ })
+ end
+})
+
+RegisterNetEvent(framework.loadedEvent, function()
+ player = framework.getOfficerData()
+end)
+
+RegisterNetEvent(framework.logoutEvent, function()
+ hasLoadedUi = false
+
+ if player.group then closeMdt(true) end
+end)
+
+RegisterNetEvent(framework.setGroupEvent, function()
+ local lastGroup = player.group
+
+ framework.getOfficerData()
+
+ if not player.group and lastGroup or (lastGroup and lastGroup ~= player.group) then
+ closeMdt(true)
+ end
+end)
+
+RegisterNetEvent('mdt:OpenMDT', function()
+ openMdt()
+end)
+
+RegisterNetEvent('mdt:client:CloseMiniDispatch', function()
+ isMiniDispatchOpen = false
+ SetNuiFocus(false, false)
+
+ SendNUIMessage({
+ action = "hideMiniDispatch"
+ })
+end)
+
+RegisterNetEvent('mdt:client:CloseMDT', function()
+ closeMdt(true)
+end)
+
+RegisterNetEvent('mdt:updateOfficerPositions', function(data)
+ for i = 1, #data do
+ local officer = data[i]
+
+ if officer.citizenid ~= player.citizenid then
+ local blip = officerBlips[officer.citizenid]
+
+ if not blip then
+ local name = ('police:%s'):format(officer.citizenid)
+
+ blip = AddBlipForCoord(officer.position[2], officer.position[1], officer.position[3])
+ officerBlips[officer.citizenid] = blip
+
+ SetBlipSprite(blip, 1)
+ SetBlipDisplay(blip, 3)
+ SetBlipColour(blip, 42)
+ ShowFriendIndicatorOnBlip(blip, true)
+ AddTextEntry(name, ('%s %s (%s)'):format(officer.firstname, officer.lastname, officer.callsign))
+ BeginTextCommandSetBlipName(name)
+ EndTextCommandSetBlipName(blip)
+ SetBlipCategory(blip, 7)
+ else
+ SetBlipCoords(blip, officer.position[2], officer.position[1], officer.position[3])
+ end
+ end
+ end
+
+ SendNUIMessage({
+ action = 'updateOfficerPositions',
+ data = data
+ })
+end)
+
+RegisterNetEvent('mdt:refreshUnits', function(data)
+ SendNUIMessage({
+ action = 'refreshUnits',
+ data = data
+ })
+end)
+
+RegisterNetEvent('mdt:createCall', function(data)
+ data.call.id = data.id
+ data.call.location = GetStreetNameFromHashKey(GetStreetNameAtCoord(data.call.coords[2], data.call.coords[1], 0))
+
+ PlaySoundFrontend(-1, 'Near_Miss_Counter_Reset', 'GTAO_FM_Events_Soundset', false)
+
+ SendNUIMessage({
+ action = 'addCall',
+ data = data.call
+ })
+end)
+
+RegisterNetEvent('mdt:updateCallCoords', function(data)
+ SendNUIMessage({
+ action = 'updateCallCoords',
+ data = data
+ })
+end)
+
+RegisterNetEvent('mdt:updateCalls', function(data)
+ for i = 1, #data.calls do
+ data.calls[i].location = GetStreetNameFromHashKey(GetStreetNameAtCoord(data.calls[i].coords[2], data.calls[i].coords[1], 0))
+ end
+
+ SendNUIMessage({
+ action = 'updateCalls',
+ data = data
+ })
+end)
+
+RegisterNetEvent('mdt:editCallUnits', function(data)
+ SendNUIMessage({
+ action = 'editCallUnits',
+ data = data
+ })
+end)
+
+RegisterNetEvent('mdt:setCallUnits', function(data)
+ SendNUIMessage({
+ action = 'setCallUnits',
+ data = data
+ })
+end)
+
+RegisterNetEvent('mdt:client:notify', function(text, type)
+ framework.notify(text, type)
+end)
+
+RegisterNUICallback('hideMiniDisptach', function(_, cb)
+ if isMdtOpen then return end
+
+ SetNuiFocus(false, false)
+ cb(1)
+end)
+
+RegisterNuiCallback('takePicture', function(data, cb)
+ SetNuiFocus(false, false);
+ closeMdt(true);
+ camera = true
+ CameraLoop(data);
+ cb(1)
+end)
+
+RegisterNuiCallback('setWaypoint', function(data, cb)
+ SetNewWaypoint(data[2], data[1])
+ cb(1)
+end)
+
+RegisterNUICallback('exit', function(_, cb)
+ cb(1)
+ SetNuiFocus(false, false)
+ closeMdt(true)
+end)
+
+AddEventHandler('onResourceStop', function(resource)
+ if resource == cache.resource then
+ player.unit = nil
+ closeMdt()
+ end
+end)
+
+AddEventHandler("onResourceStart", function(resource)
+ if resource == cache.resource then
+ player = framework.getOfficerData()
+ end
+end)
+
+local function serverNuiCallback(event, clientCb)
+ RegisterNuiCallback(event, function(data, cb)
+ local response = lib.callback.await('mdt:' .. event, false, data)
+ if clientCb then return clientCb(response, cb) end
+ cb(response)
+ end)
+end
+
+-- Dashboard
+serverNuiCallback('getAnnouncements')
+serverNuiCallback('createAnnouncement')
+serverNuiCallback('getRecentActivity')
+serverNuiCallback('getActiveOfficers')
+serverNuiCallback('getWarrants')
+
+-- Profiles
+serverNuiCallback('getAllProfiles')
+serverNuiCallback('getProfile')
+serverNuiCallback('saveProfileNotes')
+serverNuiCallback('isProfileWanted')
+serverNuiCallback('updateProfileImage')
+
+-- Incidents
+serverNuiCallback('getIncidents')
+serverNuiCallback('deleteIncident')
+serverNuiCallback('createIncident')
+serverNuiCallback('getIncident')
+serverNuiCallback('addOfficer')
+serverNuiCallback('removeOfficer')
+serverNuiCallback('addCriminal')
+serverNuiCallback('removeCriminal')
+serverNuiCallback('addEvidence')
+serverNuiCallback('getRecommendedWarrantExpiry')
+serverNuiCallback('saveCriminal')
+serverNuiCallback('removeEvidence')
+serverNuiCallback('getOfficers')
+serverNuiCallback('getCriminalProfiles')
+serverNuiCallback('saveIncidentContents')
+
+-- Reports
+serverNuiCallback('getReports')
+serverNuiCallback('getReport')
+serverNuiCallback('removeReportOfficer')
+serverNuiCallback('removeReportCitizen')
+serverNuiCallback('saveReportContents')
+serverNuiCallback('removeReportEvidence')
+serverNuiCallback('createReport')
+serverNuiCallback('addReportOfficer')
+serverNuiCallback('addReportEvidence')
+serverNuiCallback('addReportCitizen')
+
+-- Vehicles
+serverNuiCallback('getAllVehicles', function(data, cb)
+ local vehicles = {}
+ for i = 1, #data do
+ vehicles[#vehicles+1] = {
+ plate = data[i].plate,
+ model = VEHICLES[data[i].vehicle].model,
+ }
+ end
+
+ cb(vehicles)
+end)
+
+serverNuiCallback('getVehicle', function(data, cb)
+ local vehicle = {
+ plate = data.plate,
+ model = VEHICLES[data.vehicle].model,
+ color = utils.GetColor(json.decode(data.mods).color1) or 'Blue',
+ owner = data.owner,
+ notes = data.notes,
+ class = utils.GetVehicleClassById(GetVehicleClassFromName(VEHICLES[data.vehicle].hash)) or 'Unknown',
+ image = data.image,
+ knownInformation = json.decode(data.known_information) or {},
+ }
+
+ cb(vehicle)
+end)
+serverNuiCallback('saveVehicleInformation')
+serverNuiCallback('saveVehicleNotes')
+serverNuiCallback('updateVehicleImage')
+serverNuiCallback('createBOLO')
+serverNuiCallback('isVehicleBOLO')
+serverNuiCallback('getBOLOExpirationDate')
+serverNuiCallback('deleteBOLO')
+serverNuiCallback('getBolos')
+serverNuiCallback('getBolo')
+
+-- Dispatch
+serverNuiCallback('respondToCall')
+serverNuiCallback('detachFromCall')
+serverNuiCallback('getCalls', function(data, cb)
+ for _, call in pairs(data) do
+ call.location = GetStreetNameFromHashKey(GetStreetNameAtCoord(call.coords[1], call.coords[2], 0))
+ end
+
+ cb(data)
+end)
+serverNuiCallback('getUnits')
+serverNuiCallback('createUnit')
+serverNuiCallback('leaveUnit')
+serverNuiCallback('setCallUnits')
+serverNuiCallback('setUnitOfficers')
+serverNuiCallback('setUnitType')
+
+-- Roster
+serverNuiCallback('fetchRoster')
+serverNuiCallback('hireOfficer')
+serverNuiCallback('fireOfficer')
+serverNuiCallback('setOfficerCallSign')
+serverNuiCallback('setOfficerRoles')
+serverNuiCallback('setOfficerRank')
+
+-- Charges
+serverNuiCallback('deleteCharge')
+serverNuiCallback('createCharge')
+serverNuiCallback('editCharge')
\ No newline at end of file
diff --git a/client/utils.lua b/client/utils.lua
new file mode 100644
index 0000000..91ca270
--- /dev/null
+++ b/client/utils.lua
@@ -0,0 +1,267 @@
+local utils = {}
+
+local Colors = {
+ ['0'] = "Metallic Black",
+ ['1'] = "Metallic Graphite Black",
+ ['2'] = "Metallic Black Steel",
+ ['3'] = "Metallic Dark Silver",
+ ['4'] = "Metallic Silver",
+ ['5'] = "Metallic Blue Silver",
+ ['6'] = "Metallic Steel Gray",
+ ['7'] = "Metallic Shadow Silver",
+ ['8'] = "Metallic Stone Silver",
+ ['9'] = "Metallic Midnight Silver",
+ ['10'] = "Metallic Gun Metal",
+ ['11'] = "Metallic Anthracite Grey",
+ ['12'] = "Matte Black",
+ ['13'] = "Matte Gray",
+ ['14'] = "Matte Light Grey",
+ ['15'] = "Util Black",
+ ['16'] = "Util Black Poly",
+ ['17'] = "Util Dark silver",
+ ['18'] = "Util Silver",
+ ['19'] = "Util Gun Metal",
+ ['20'] = "Util Shadow Silver",
+ ['21'] = "Worn Black",
+ ['22'] = "Worn Graphite",
+ ['23'] = "Worn Silver Grey",
+ ['24'] = "Worn Silver",
+ ['25'] = "Worn Blue Silver",
+ ['26'] = "Worn Shadow Silver",
+ ['27'] = "Metallic Red",
+ ['28'] = "Metallic Torino Red",
+ ['29'] = "Metallic Formula Red",
+ ['30'] = "Metallic Blaze Red",
+ ['31'] = "Metallic Graceful Red",
+ ['32'] = "Metallic Garnet Red",
+ ['33'] = "Metallic Desert Red",
+ ['34'] = "Metallic Cabernet Red",
+ ['35'] = "Metallic Candy Red",
+ ['36'] = "Metallic Sunrise Orange",
+ ['37'] = "Metallic Classic Gold",
+ ['38'] = "Metallic Orange",
+ ['39'] = "Matte Red",
+ ['40'] = "Matte Dark Red",
+ ['41'] = "Matte Orange",
+ ['42'] = "Matte Yellow",
+ ['43'] = "Util Red",
+ ['44'] = "Util Bright Red",
+ ['45'] = "Util Garnet Red",
+ ['46'] = "Worn Red",
+ ['47'] = "Worn Golden Red",
+ ['48'] = "Worn Dark Red",
+ ['49'] = "Metallic Dark Green",
+ ['50'] = "Metallic Racing Green",
+ ['51'] = "Metallic Sea Green",
+ ['52'] = "Metallic Olive Green",
+ ['53'] = "Metallic Green",
+ ['54'] = "Metallic Gasoline Blue Green",
+ ['55'] = "Matte Lime Green",
+ ['56'] = "Util Dark Green",
+ ['57'] = "Util Green",
+ ['58'] = "Worn Dark Green",
+ ['59'] = "Worn Green",
+ ['60'] = "Worn Sea Wash",
+ ['61'] = "Metallic Midnight Blue",
+ ['62'] = "Metallic Dark Blue",
+ ['63'] = "Metallic Saxony Blue",
+ ['64'] = "Metallic Blue",
+ ['65'] = "Metallic Mariner Blue",
+ ['66'] = "Metallic Harbor Blue",
+ ['67'] = "Metallic Diamond Blue",
+ ['68'] = "Metallic Surf Blue",
+ ['69'] = "Metallic Nautical Blue",
+ ['70'] = "Metallic Bright Blue",
+ ['71'] = "Metallic Purple Blue",
+ ['72'] = "Metallic Spinnaker Blue",
+ ['73'] = "Metallic Ultra Blue",
+ ['74'] = "Metallic Bright Blue",
+ ['75'] = "Util Dark Blue",
+ ['76'] = "Util Midnight Blue",
+ ['77'] = "Util Blue",
+ ['78'] = "Util Sea Foam Blue",
+ ['79'] = "Uil Lightning blue",
+ ['80'] = "Util Maui Blue Poly",
+ ['81'] = "Util Bright Blue",
+ ['82'] = "Matte Dark Blue",
+ ['83'] = "Matte Blue",
+ ['84'] = "Matte Midnight Blue",
+ ['85'] = "Worn Dark blue",
+ ['86'] = "Worn Blue",
+ ['87'] = "Worn Light blue",
+ ['88'] = "Metallic Taxi Yellow",
+ ['89'] = "Metallic Race Yellow",
+ ['90'] = "Metallic Bronze",
+ ['91'] = "Metallic Yellow Bird",
+ ['92'] = "Metallic Lime",
+ ['93'] = "Metallic Champagne",
+ ['94'] = "Metallic Pueblo Beige",
+ ['95'] = "Metallic Dark Ivory",
+ ['96'] = "Metallic Choco Brown",
+ ['97'] = "Metallic Golden Brown",
+ ['98'] = "Metallic Light Brown",
+ ['99'] = "Metallic Straw Beige",
+ ['100'] = "Metallic Moss Brown",
+ ['101'] = "Metallic Biston Brown",
+ ['102'] = "Metallic Beechwood",
+ ['103'] = "Metallic Dark Beechwood",
+ ['104'] = "Metallic Choco Orange",
+ ['105'] = "Metallic Beach Sand",
+ ['106'] = "Metallic Sun Bleeched Sand",
+ ['107'] = "Metallic Cream",
+ ['108'] = "Util Brown",
+ ['109'] = "Util Medium Brown",
+ ['110'] = "Util Light Brown",
+ ['111'] = "Metallic White",
+ ['112'] = "Metallic Frost White",
+ ['113'] = "Worn Honey Beige",
+ ['114'] = "Worn Brown",
+ ['115'] = "Worn Dark Brown",
+ ['116'] = "Worn straw beige",
+ ['117'] = "Brushed Steel",
+ ['118'] = "Brushed Black Steel",
+ ['119'] = "Brushed Aluminium",
+ ['120'] = "Chrome",
+ ['121'] = "Worn Off White",
+ ['122'] = "Util Off White",
+ ['123'] = "Worn Orange",
+ ['124'] = "Worn Light Orange",
+ ['125'] = "Metallic Securicor Green",
+ ['126'] = "Worn Taxi Yellow",
+ ['127'] = "Police Car Blue",
+ ['128'] = "Matte Green",
+ ['129'] = "Matte Brown",
+ ['130'] = "Worn Orange",
+ ['131'] = "Matte White",
+ ['132'] = "Worn White",
+ ['133'] = "Worn Olive Army Green",
+ ['134'] = "Pure White",
+ ['135'] = "Hot Pink",
+ ['136'] = "Salmon pink",
+ ['137'] = "Metallic Vermillion Pink",
+ ['138'] = "Orange",
+ ['139'] = "Green",
+ ['140'] = "Blue",
+ ['141'] = "Mettalic Black Blue",
+ ['142'] = "Metallic Black Purple",
+ ['143'] = "Metallic Black Red",
+ ['144'] = "hunter green",
+ ['145'] = "Metallic Purple",
+ ['146'] = "Metallic Dark Blue",
+ ['147'] = "Black",
+ ['148'] = "Matte Purple",
+ ['149'] = "Matte Dark Purple",
+ ['150'] = "Metallic Lava Red",
+ ['151'] = "Matte Forest Green",
+ ['152'] = "Matte Olive Drab",
+ ['153'] = "Matte Desert Brown",
+ ['154'] = "Matte Desert Tan",
+ ['155'] = "Matte Foilage Green",
+ ['156'] = "Default Alloy Color",
+ ['157'] = "Epsilon Blue",
+ ['158'] = "Pure Gold",
+ ['159'] = "Brushed Gold",
+ ['160'] = "MP100"
+}
+
+local Classlist = {
+ ["0"] = "Compacts",
+ ["1"] = "Sedans",
+ ["2"] = "SUVs",
+ ["3"] = "Coupes",
+ ["4"] = "Muscle",
+ ["5"] = "Sport-Classic",
+ ["6"] = "Sports",
+ ["7"] = "Super",
+ ["8"] = "Motorcycles",
+ ["9"] = "Off-road",
+ ["10"] = "Industrial",
+ ["11"] = "Utility",
+ ["12"] = "Vans",
+ ["13"] = "Cycles",
+ ["14"] = "Boats",
+ ["15"] = "Helicopters",
+ ["16"] = "Planes",
+ ["17"] = "Service",
+ ["18"] = "Emergency",
+ ["19"] = "Military",
+ ["20"] = "Commercial",
+ ["21"] = "Trains",
+}
+
+local weaponTable = {
+ [584646201] = "CLASS 2: AP-Pistol",
+ [453432689] = "CLASS 1: Pistol",
+ [3219281620] = "CLASS 1: Pistol MK2",
+ [1593441988] = "CLASS 1: Combat Pistol",
+ [-1716589765] = "CLASS 1: Heavy Pistol",
+ [-1076751822] = "CLASS 1: SNS-Pistol",
+ [-771403250] = "CLASS 2: Desert Eagle",
+ [137902532] = "CLASS 2: Vintage Pistol",
+ [-598887786] = "CLASS 2: Marksman Pistol",
+ [-1045183535] = "CLASS 2: Revolver",
+ [911657153] = "Taser",
+ [324215364] = "CLASS 2: Micro-SMG",
+ [-619010992] = "CLASS 2: Machine-Pistol",
+ [736523883] = "CLASS 2: SMG",
+ [2024373456] = "CLASS 2: SMG MK2",
+ [-270015777] = "CLASS 2: Assault SMG",
+ [171789620] = "CLASS 2: Combat PDW",
+ [-1660422300] = "CLASS 4: Combat MG",
+ [3686625920] = "CLASS 4: Combat MG MK2",
+ [1627465347] = "CLASS 4: Gusenberg",
+ [-1121678507] = "CLASS 2: Mini SMG",
+ [-1074790547] = "CLASS 3: Assaultrifle",
+ [961495388] = "CLASS 3: Assaultrifle MK2",
+ [-2084633992] = "CLASS 3: Carbinerifle",
+ [4208062921] = "CLASS 3: Carbinerifle MK2",
+ [-1357824103] = "CLASS 3: Advancedrifle",
+ [-1063057011] = "CLASS 3: Specialcarbine",
+ [2132975508] = "CLASS 3: Bulluprifle",
+ [1649403952] = "CLASS 3: Compactrifle",
+ [100416529] = "CLASS 4: Sniperrifle",
+ [205991906] = "CLASS 4: Heavy Sniper",
+ [177293209] = "CLASS 4: Heavy Sniper MK2",
+ [-952879014] = "CLASS 4: Marksmanrifle",
+ [487013001] = "CLASS 2: Pumpshotgun",
+ [2017895192] = "CLASS 2: Sawnoff Shotgun",
+ [-1654528753] = "CLASS 3: Bullupshotgun",
+ [-494615257] = "CLASS 3: Assaultshotgun",
+ [-1466123874] = "CLASS 3: Musket",
+ [984333226] = "CLASS 3: Heavyshotgun",
+ [-275439685] = "CLASS 2: Doublebarrel Shotgun",
+ [317205821] = "CLASS 2: Autoshotgun",
+ [-1568386805] = "CLASS 5: GRENADE LAUNCHER",
+ [-1312131151] = "CLASS 5: RPG",
+ [125959754] = "CLASS 5: Compactlauncher"
+}
+
+function utils.GetVehicleClassById(classId)
+ return Classlist[tostring(classId)]
+end
+
+function utils.GetColor(color)
+ return Colors[tostring(color)]
+end
+
+function utils.GetVehicleColor(vehicle)
+ local vehicleColor1, vehicleColor2 = GetVehicleColours(vehicle)
+ local color1 = Colors[tostring(vehicleColor1)]
+ local color2 = Colors[tostring(vehicleColor2)]
+
+ if color1 and color2 then return color2 .. " on " .. color1 end
+
+ if color1 then return color1 end
+
+ if color2 then return color2 end
+
+
+ return "Unknown"
+end
+
+function utils.GetWeaponName()
+ local currentWeapon = GetSelectedPedWeapon(cache.ped)
+ return weaponTable[currentWeapon] or "Unknown"
+end
+
+return utils
\ No newline at end of file
diff --git a/config.lua b/config.lua
new file mode 100644
index 0000000..7e9f162
--- /dev/null
+++ b/config.lua
@@ -0,0 +1,6 @@
+return {
+ debug = true,
+ framework = 'qb_core',
+ defaultAlertsDelay = 10,
+ fivemanageAPIKey = 'Aw5ZTKQ1x7SHnqc2CfpzaU9cdwp3yFMj',
+}
\ No newline at end of file
diff --git a/fxmanifest.lua b/fxmanifest.lua
new file mode 100644
index 0000000..c9a03b8
--- /dev/null
+++ b/fxmanifest.lua
@@ -0,0 +1,40 @@
+--[[ FX Information ]]--
+fx_version 'cerulean'
+use_experimental_fxv2_oal 'yes'
+lua54 'yes'
+game 'gta5'
+
+--[[ Resource Information ]]--
+name 'bub-mdt'
+version '0.0.0'
+license 'GPL-3.0-or-later'
+author 'Bubble'
+
+--[[ Manifest ]]--
+ox_libs {
+ 'locale',
+}
+
+shared_scripts {
+ '@ox_lib/init.lua',
+}
+
+client_scripts {
+ 'client/main.lua',
+}
+
+server_scripts {
+ '@oxmysql/lib/MySQL.lua',
+ 'server/main.lua',
+}
+
+ui_page 'web/build/index.html'
+
+files {
+ 'web/build/index.html',
+ 'web/build/**/*',
+ 'locales/*.json',
+ 'client/*.lua',
+ 'client/framework/*.lua',
+ 'config.lua'
+}
\ No newline at end of file
diff --git a/locales/en.json b/locales/en.json
new file mode 100644
index 0000000..e3ad47c
--- /dev/null
+++ b/locales/en.json
@@ -0,0 +1,170 @@
+{
+ "configuration": "Configuration",
+ "logout": "Logout",
+ "welcome_back": "Welcome back, %s %s",
+ "active_officers": "Active Officers",
+ "callsign": "Callsign",
+ "attached_unit": "Attached Unit",
+ "active_warrants": "Active Warrants",
+ "expires_in": "Expires in",
+ "no_warrants_found": "No warrants found",
+ "recent_activity": "Recent Activity",
+ "type": "Type",
+ "category": "Category",
+ "done_by": "Done by",
+ "time_ago": "Time ago",
+ "dispatch": "Dispatch",
+ "responding_units": "Responding Units",
+ "no_recent_calls_found": "No recent calls found",
+ "announcements": "Announcements",
+ "create_announcement": "Create announcement",
+ "all_announcements": "All Announcements",
+ "no_announcements_found": "No announcements found",
+ "create": "Create",
+ "view_all": "View all",
+ "profiles": "Profiles",
+ "search": "Search...",
+ "dob": "DOB",
+ "citizen_id": "Citizen ID",
+ "no_profiles_found": "No profiles found",
+ "no_profile_selected": "No profile selected",
+ "edit_citizen": "Edit Citizen",
+ "no_cardid_registered": "No %s registered",
+ "related_reports": "Related reports",
+ "no_related_reports": "No related reports",
+ "related_incidents": "Related incidents",
+ "no_related_incidents": "No related incidents",
+ "remove_charge": "Remove Charge",
+ "no_incident_selected": "No incident selected",
+ "add_criminal": "Add Criminal",
+ "unlink": "Unlink",
+ "officers_involved": "Officers involved",
+ "add_officer": "Add officer",
+ "remove_officer": "Remove officer",
+ "remove_officer_confirm": "Are you sure you want to remove %s %s (%s) from involved officers?",
+ "confirm": "Confirm",
+ "cancel": "Cancel",
+ "evidence": "Evidence",
+ "add_evidence": "Add evidence",
+ "incidents": "Incidents",
+ "create_incident": "Create incident",
+ "remove_evidence": "Remove evidence",
+ "remove_evidence_confirm": "Are you sure you want to remove %s from evidence?",
+ "months": "month(s)",
+ "remove_criminal": "Remove criminal",
+ "remove_criminal_confirm": "Remove %s %s? Removing them will also remove the charges from their profile.",
+ "go_to_profile": "Go to profile",
+ "save_criminal": "Save criminal",
+ "edit_charges": "Edit charges",
+ "issue_warrant": "Issue warrant",
+ "issue_warrant_description": "Suspect hasn't been processed and charged",
+ "warrant_expiration_date": "Warrant expiration date",
+ "reduction": "Reduction",
+ "no_reduction": "No reduction",
+ "time": "Time",
+ "fine": "Fine",
+ "pleaded_guilty": "Pleaded guilty",
+ "processed": "Processed",
+ "current_charges": "Current Charges",
+ "all_charges": "All Charges",
+ "points": "point(s)",
+ "add_charge": "Add Charge",
+ "incident_title": "Incident title",
+ "incident_title_required": "Incident title is required",
+ "no_officers_found": "No officers found",
+ "image_label_required": "Image label is required",
+ "image_url_required": "Image URL is required",
+ "image_label": "Image label",
+ "image_url": "Image URL",
+ "take_picture": "Take picture",
+ "no_report_selected": "No report selected",
+ "citizens_involved": "Citizens involved",
+ "add_citizen": "Add citizen",
+ "remove_citizen_confirm": "Are you sure you want to remove %s %s from involved citizens",
+ "images": "Images",
+ "add_image": "Add image",
+ "reports": "Reports",
+ "create_report": "Create report",
+ "report_title": "Report title",
+ "report_title_required": "Report title is required",
+ "no_citizens_found": "No citizens found",
+ "units": "Units",
+ "manage_members": "Manage members",
+ "leave_unit": "Leave Unit",
+ "create_unit": "Create unit",
+ "unit_officers": "Unit officers",
+ "unit_officers_description": "Set officers assigned to this unit",
+ "unit_vehicle_type": "Unit vehicle type",
+ "active_calls": "Active Calls",
+ "respond_units_amount": "Responding units (%s)",
+ "find_on_map": "Find on map",
+ "set_waypoint": "Set waypoint",
+ "detach_from_call": "Detach from call",
+ "respond": "Respond",
+ "manage_roster": "Manage roster",
+ "roster": "Roster",
+ "members": "members",
+ "members_capitalized": "Members",
+ "hire_officer": "Hire officer",
+ "today": "Today",
+ "yesterday": "Yesterday",
+ "set_callsign": "Set callsign",
+ "set_rank": "Set rank",
+ "set_roles": "Set roles",
+ "fire_officer": "Fire officer",
+ "fire_officer_description": "Are you sure you want to fire %s %s?",
+ "officer": "Officer",
+ "apu": "APU",
+ "air": "AIR",
+ "mc": "MC",
+ "k9": "K9",
+ "fto": "FTO",
+ "last_active": "Last active",
+ "role": "Role",
+ "rank": "Rank",
+ "callsign_in_use": "Callsign already in use",
+ "citizen_id_already_hired": "The citizen with this citizen id is already hired",
+ "citizen_id_you_want_to_hire": "Citizen ID of the citizen you want to hire",
+ "callsign_you_want_to_hire": "Callsign of the new officer you want to hire",
+ "create_charge": "Create Charge",
+ "charge_label": "Charge Label",
+ "charge_description": "Charge Description",
+ "charge_category": "Charge Category",
+ "charge_fine": "Charge Fine",
+ "charge_jailtime": "Charge Jailtime",
+ "charge_points": "Charge Points",
+ "charge_type": "Charge Type",
+ "delete_charge": "Delete charge",
+ "delete_charge_confirm": "Are you sure you want to delete %s",
+ "edit_charge": "Edit Charge",
+ "edit": "Edit",
+ "delete_incident": "Delete Incident",
+ "delete_incident_confirm": "Are you sure you want to delete %s",
+ "change_picture": "Change picture",
+ "image": "Image",
+ "avatar_description": "Image URL to use as the profile image",
+ "vehicles": "Vehicles",
+ "no_vehicle_selected": "No vehicle selected",
+ "vehicle_information": "Vehicle Information",
+ "save_vehicle": "Save vehicle",
+ "known_information": "Known information",
+ "wanted": "Wanted",
+ "mark_unwanted": "MARK UNWANTED",
+ "mark_wanted": "MARK WANTED",
+ "select_items": "Select items",
+ "create_bolo": "Create BOLO",
+ "plate": "Plate",
+ "reason": "Reason",
+ "bolo_expiration_date": "BOLO expiration date",
+ "delete_bolo": "Delete BOLO",
+ "delete_bolo_confirm": "Are you sure you want to delete the BOLO for: %s",
+ "avatar_description_vehicle": "Image URL to use as the vehicle image",
+ "bolo": "BOLO",
+ "bolos": "BOLOS",
+ "bolo_expires_at": "BOLO expires at:",
+ "expires_at": "Expires at:",
+ "no_bolos_found": "No bolos found",
+ "goto_vehicle": "Go to vehicle",
+ "already_responding_or_part_of_unit": "You are already responding or not a part of a unit",
+ "responded_to_recent_call": "You responded to the recent call"
+}
diff --git a/server/calls.lua b/server/calls.lua
new file mode 100644
index 0000000..b7cc754
--- /dev/null
+++ b/server/calls.lua
@@ -0,0 +1,103 @@
+local activeCalls = {}
+
+local callId = 0
+local units = require 'server.units'
+local officers = require 'server.officers'
+local utils = require 'server.utils'
+
+function createCall(data)
+ activeCalls[callId] = {
+ id = callId,
+ code = data.code,
+ offense = data.offense,
+ units = {},
+ coords = {data.coords[2], data.coords[1]},
+ blip = data.blip,
+ isEmergency = data.isEmergency,
+ time = os.time() * 1000,
+ location = '',
+ info = data.info
+ }
+
+ officers.triggerEvent('mdt:createCall', { id = callId, call = activeCalls[callId] })
+ officers.triggerEvent('mdt:addBlip', { blipCoords = data.blipCoords, text = '(' .. data.code .. ') ' .. data.offense })
+ callId += 1
+
+ return callId - 1
+end
+
+exports('createCall', createCall)
+
+function updateCallCoords(callId, coords)
+ if not activeCalls[callId] then return end
+
+ activeCalls[callId].coords = coords
+
+ officers.triggerEvent('mdt:updateCallCoords', { id = callId, coords = coords })
+end
+
+exports('updateCallCoords', updateCallCoords)
+
+local function removeExpiredCalls()
+ local currentTime = os.time() * 1000 -- Får nuværende tid i millisekunder
+ local amountRemoved = 0
+ for id, call in pairs(activeCalls) do
+ if currentTime - call.time >= 1800000 then -- 1800000 millisekunder svarer til 30 minutter
+ activeCalls[id] = nil
+ amountRemoved += 1
+ end
+ end
+
+ officers.triggerEvent('mdt:updateCalls', { calls = utils.cleanTable(activeCalls) })
+end
+
+utils.registerCallback('mdt:getCalls', function(source, data)
+ return activeCalls
+end)
+
+utils.registerCallback('mdt:respondToCall', function(source, id)
+ local playerUnitId = Player(source).state.mdtUnitId
+
+ if not playerUnitId or activeCalls[id].units[playerUnitId] then
+ TriggerClientEvent('mdt:client:notify', source, locale('already_responding_or_part_of_unit'), 'error')
+ return false
+ end
+
+ activeCalls[id].units[playerUnitId] = units.getUnit(playerUnitId)
+
+ officers.triggerEvent('mdt:editCallUnits', { id = id, units = activeCalls[id].units })
+ TriggerClientEvent('mdt:client:notify', source, locale('responded_to_recent_call'), 'success')
+
+ return true
+end)
+
+utils.registerCallback('mdt:detachFromCall', function(source, id)
+ local playerUnitId = Player(source).state.mdtUnitId
+ if not playerUnitId then return false end
+
+ if not activeCalls[id].units[playerUnitId] then return false end
+
+ activeCalls[id].units[playerUnitId] = nil
+
+ officers.triggerEvent('mdt:editCallUnits', { id = id, units = activeCalls[id].units })
+
+ return true
+end)
+
+utils.registerCallback('mdt:setCallUnits', function(source, data)
+ local officer = officers.get(source)
+
+ activeCalls[data.id].units = {}
+ for i = 1, #data.units do
+ local unitId = data.units[i]
+ activeCalls[data.id].units[unitId] = units.getUnit(tostring(unitId))
+ end
+
+ officers.triggerEvent('mdt:setCallUnits', { id = data.id, units = activeCalls[data.id].units })
+
+ return true
+end)
+
+lib.cron.new('*/5 * * * *', function()
+ removeExpiredCalls()
+end)
\ No newline at end of file
diff --git a/server/charges.lua b/server/charges.lua
new file mode 100644
index 0000000..f31bdd4
--- /dev/null
+++ b/server/charges.lua
@@ -0,0 +1,33 @@
+local utils = require 'server.utils'
+
+local chargeCategories = {
+ ['OFFENSES AGAINST PERSONS'] = 'Offenses Against Persons',
+ ['OFFENSES INVOLVING THEFT'] = 'Offenses Involving Theft',
+ ['OFFENSES INVOLVING FRAUD'] = 'Offenses Involving Fraud',
+ ['OFFENSES INVOLVING DAMAGE TO PROPERTY'] = 'Offenses Involving Damage To Property',
+ ['OFFENSES AGAINST PUBLIC ADMINISTRATION'] = 'Offenses Against Public Administration',
+ ['OFFENSES AGAINST PUBLIC ORDER'] = 'Offenses Against Public Order',
+ ['OFFENSES AGAINST HEALTH AND MORALS'] = 'Offenses Agaisnt Health And Morals',
+ ['OFFENSES AGAINST PUBLIC SAFETY'] = 'Offenses Against Public Safety',
+ ['OFFENSES INVOLVING THE OPERATION OF A VEHICLE'] = 'Offenses Involving The Operation Of A Vehicle',
+ ['OFFENSES INVOLVING THE WELL-BEING OF WILDLIFE'] = 'Offenses Involving The Well-Being Of Wildlife',
+}
+
+local charges = {}
+
+for category in pairs(chargeCategories) do
+ charges[category] = {}
+end
+
+MySQL.ready(function()
+ local dbCharges = MySQL.rawExecute.await('SELECT * FROM `mdt_offenses`')
+
+ for i = 1, #dbCharges do
+ local charge = dbCharges[i]
+ charges[charge.category][#charges[charge.category]+1] = charge
+ end
+end)
+
+utils.registerCallback('mdt:getAllCharges', function()
+ return charges
+end)
\ No newline at end of file
diff --git a/server/commands.lua b/server/commands.lua
new file mode 100644
index 0000000..62d2887
--- /dev/null
+++ b/server/commands.lua
@@ -0,0 +1,36 @@
+local officers = require 'server.officers'
+
+lib.addCommand('mdt', {
+ help = 'Opens MDT'
+}, function(source)
+ TriggerClientEvent('mdt:OpenMDT', source)
+end)
+
+lib.addCommand('createOfficer', {
+ help = 'Creates a new officer in the MDT',
+ params = {
+ { name = 'citizenid', type = 'string', help = 'The citizenid of the player' },
+ { name = 'callsign', help = 'The callsign for the officer' },
+ },
+ restricted = 'group.admin',
+}, function(source, args)
+ TriggerEvent('mdt:server:CreateMDTProfile', { citizenid = args.citizenid, callsign = args.callsign })
+end)
+
+lib.addCommand('closeMDT', {
+ help = 'Closes MDT'
+}, function(source)
+ local hasPerms = officers.get(source) and true or false
+ if hasPerms then
+ TriggerClientEvent('mdt:client:CloseMDT', source)
+ end
+end)
+
+lib.addCommand('closeDispatch', {
+ help = 'Closes Mini Dispatch'
+}, function(source)
+ local hasPerms = officers.get(source) and true or false
+ if hasPerms then
+ TriggerClientEvent('mdt:client:CloseMiniDispatch', source)
+ end
+end)
\ No newline at end of file
diff --git a/server/db.lua b/server/db.lua
new file mode 100644
index 0000000..4ff3259
--- /dev/null
+++ b/server/db.lua
@@ -0,0 +1,444 @@
+local db = {}
+local config = require 'config'
+local framework = require(('server.framework.%s'):format(config.framework))
+local profileCards = require 'server.profileCards'
+
+function createRecentActivity(citizenid, category, type, activityid)
+ local insertRecentActivityQuery = [[
+ INSERT INTO `mdt_recent_activity` (`citizenid`, `category`, `type`, `activityid`)
+ VALUES (?, ?, ?, ?);
+ ]]
+
+ local success = MySQL.prepare.await(insertRecentActivityQuery, { citizenid, category, type, activityid })
+ return success
+end
+
+-- Dashboard
+function db.selectAnnouncements()
+ return framework.getAnnouncements()
+end
+
+function db.createAnnouncement(creator, contents)
+ return MySQL.prepare.await('INSERT INTO `mdt_announcements` (`creator`, `contents`) VALUES (?, ?)', { creator, contents })
+end
+
+local selectRecentActivities = [[
+ SELECT
+ activity.citizenid,
+ p.charinfo,
+ activity.category,
+ activity.type,
+ DATE_FORMAT(activity.date, "%Y-%m-%d %T") as date,
+ activity.activityid
+ FROM
+ mdt_recent_activity activity
+ JOIN
+ players p
+ ON
+ activity.citizenid = p.citizenid
+ ORDER BY
+ activity.date DESC
+ LIMIT 6;
+]]
+
+function db.getRecentActivity()
+ local queryResult = MySQL.rawExecute.await(selectRecentActivities)
+ local recentActivity = {}
+
+ for _, v in pairs(queryResult) do
+ local charinfo = json.decode(v.charinfo)
+ recentActivity[#recentActivity+1] = {
+ type = v.type,
+ category = v.category,
+ firstname = charinfo.firstname,
+ lastname = charinfo.lastname,
+ date = v.date,
+ activityid = v.activityid,
+ citizenid = v.citizenid,
+ }
+ end
+
+ return recentActivity
+end
+
+function db.getWarrants()
+ return framework.getWarrants()
+end
+
+-- Profiles
+function db.selectAllProfiles()
+ return framework.getAllProfiles()
+end
+
+function db.selectCharacterProfile(citizenid)
+ local parameters = { citizenid }
+ local profile = framework.getCharacterProfile(parameters)
+
+ if not profile then return end
+
+ local cards = profileCards.getAll()
+
+ for i = 1, #cards do
+ local card = cards[i]
+ profile[card.id] = card.getData(profile)
+ end
+
+ profile.relatedReports = MySQL.rawExecute.await('SELECT DISTINCT `id`, `title`, `author`, DATE_FORMAT(`date`, "%Y-%m-%d") as date FROM `mdt_reports` r JOIN `mdt_reports_citizens` rc ON r.id = rc.reportid WHERE `citizenid` = ?', parameters) or {}
+ profile.relatedIncidents = MySQL.rawExecute.await('SELECT DISTINCT `id`, `title`, `author`, DATE_FORMAT(`date`, "%Y-%m-%d") as date FROM `mdt_incidents` a LEFT JOIN `mdt_incidents_charges` b ON b.incidentid = a.id WHERE `citizenid` = ?', parameters) or {}
+
+ return profile
+end
+
+function db.updateProfileNotes(citizenid, notes)
+ createRecentActivity(citizenid, 'profiles', 'updated')
+ return MySQL.prepare.await('INSERT INTO `mdt_profiles` (`citizenid`, `image`, `notes`) VALUES (?, ?, ?) ON DUPLICATE KEY UPDATE `notes` = ?', { citizenid, nil, notes, notes })
+end
+
+function db.isProfileWanted(citizenId)
+ return framework.isProfileWanted(citizenId)
+end
+
+function db.updateProfileImage(citizenid, imageURL)
+ return MySQL.prepare.await('INSERT INTO `mdt_profiles` (`citizenid`, `image`, `notes`) VALUES (?, ?, ?) ON DUPLICATE KEY UPDATE `image` = ?', { citizenid, imageURL, nil, imageURL })
+end
+
+function db.addFingerprintToProfile(citizenid, fingerprint)
+ return MySQL.prepare.await('INSERT INTO `mdt_profiles` (`citizenid`, `fingerprint`) VALUES (?, ?) ON DUPLICATE KEY UPDATE `fingerprint` = ?', { citizenid, fingerprint, fingerprint })
+end
+
+function db.createMDTProfile(data)
+ return MySQL.prepare.await('INSERT INTO `mdt_profiles` (`citizenid`, `callsign`, `lastActive`) VALUES (?, ?, ?) ON DUPLICATE KEY UPDATE `callsign` = ?, `lastActive` = ?', { data.citizenid, data.callsign, os.date("%Y-%m-%d %H:%M:%S"), data.callsign, os.date("%Y-%m-%d %H:%M:%S") })
+end
+
+-- Incidents
+
+local selectIncidents = 'SELECT `id`, `title`, `author`, DATE_FORMAT(`date`, "%Y-%m-%d %T") as date FROM `mdt_incidents`'
+local selectIncidentsById = selectIncidents .. 'WHERE `id` = ?'
+
+function db.selectIncidentById(id)
+ return MySQL.prepare.await('SELECT `id`, `title`, `description` FROM `mdt_incidents` WHERE `id` = ?', { id })
+end
+
+local selectIncidentsDesc = selectIncidents .. 'ORDER BY `id` DESC'
+
+function db.selectIncidents()
+ return MySQL.rawExecute.await(selectIncidentsDesc)
+end
+
+function db.createIncident(title, author, citizenid)
+ local response = MySQL.insert.await('INSERT INTO `mdt_incidents` (`title`, `author`) VALUES (?, ?)', { title, author })
+
+ createRecentActivity(citizenid, 'incidents', 'created', response)
+
+ return response
+end
+
+function db.deleteIncident(incidentId, citizenid)
+ local queries = {
+ { 'DELETE FROM `mdt_recent_activity` WHERE `activityid` = ?', { incidentId } },
+ { 'DELETE FROM `mdt_incidents_evidence` WHERE `incidentid` = ?', { incidentId } },
+ { 'DELETE FROM `mdt_incidents_charges` WHERE `incidentid` = ?', { incidentId } },
+ { 'DELETE FROM `mdt_incidents_officers` WHERE `incidentid` = ?', { incidentId } },
+ { 'DELETE FROM `mdt_incidents_criminals` WHERE `incidentid` = ?', { incidentId } },
+ { 'DELETE FROM `mdt_incidents` WHERE `id` = ?', { incidentId } },
+ }
+
+ local result = MySQL.transaction.await(queries)
+
+ -- Add logs
+ createRecentActivity(citizenid, 'incidents', 'deleted', incidentId)
+
+ return result
+end
+
+function db.selectOfficersInvolved(incidentId)
+ return framework.getOfficersInvolved({ incidentId })
+end
+
+function db.selectEvidence(incidentId)
+ return MySQL.rawExecute.await('SELECT `label`, `image` FROM `mdt_incidents_evidence` WHERE incidentid = ?', { incidentId })
+end
+
+function db.selectCriminalsInvolved(incidentId)
+ local parameters = { incidentId }
+ local criminals = framework.getCriminalsInvolved(parameters) or {}
+ local charges = framework.getCriminalCharges(parameters) or {}
+
+ for _, criminal in pairs(criminals) do
+ criminal.charges = {}
+ local chargesN = 0
+
+ criminal.penalty = {
+ time = 0,
+ fine = 0,
+ reduction = criminal.reduction,
+ points = 0
+ }
+
+ for _, charge in pairs(charges) do
+ if charge.label and charge.citizenid == criminal.citizenid then
+ charge.citizenid = nil
+ criminal.penalty.time += charge.time or 0
+ criminal.penalty.fine += charge.fine or 0
+ criminal.penalty.points += charge.points or 0
+ chargesN += 1
+ criminal.charges[chargesN] = charge
+ end
+ end
+
+ if criminal.warrantExpiry then
+ criminal.issueWarrant = true
+ end
+
+ criminal.processed = criminal.processed or false
+ criminal.pleadedGuilty = criminal.pleadedGuilty or false
+ end
+
+ return criminals
+end
+
+function db.addOfficer(incidentId, citizenId)
+ return MySQL.prepare.await('INSERT INTO `mdt_incidents_officers` (`incidentid`, `citizenid`) VALUES (?, ?)', { incidentId, citizenId })
+end
+
+function db.removeOfficer(incidentId, citizenId)
+ return MySQL.prepare.await('DELETE FROM `mdt_incidents_officers` WHERE `incidentid` = ? AND `citizenid` = ?', { incidentId, citizenId })
+end
+
+function db.addCriminal(incidentId, citizenId)
+ return MySQL.prepare.await('INSERT INTO `mdt_incidents_criminals` (`incidentid`, `citizenid`) VALUES (?, ?)', { incidentId, citizenId })
+end
+
+function db.removeCriminal(incidentId, citizenId)
+ return MySQL.prepare.await('DELETE FROM `mdt_incidents_criminals` WHERE `incidentid` = ? AND `citizenid` = ?', { incidentId, citizenId })
+end
+
+function db.addEvidence(id, label, image)
+ return MySQL.prepare.await('INSERT INTO `mdt_incidents_evidence` (`incidentid`, `label`, `image`) VALUES (?, ?, ?)', { id, label, image })
+end
+
+function db.removeEvidence(id, label, image)
+ return MySQL.prepare.await('DELETE FROM `mdt_incidents_evidence` WHERE `incidentid` = ? AND `label` = ? AND `image` = ?', { id, label, image })
+end
+
+function db.updateIncidentContents(id, value)
+ return MySQL.prepare.await('UPDATE `mdt_incidents` SET `description` = ? WHERE `id` = ?', { value, id })
+end
+
+function db.createWarrant(incidentId, citizenId, expiry)
+ local warrantExists = MySQL.prepare.await('SELECT COUNT(1) FROM `mdt_warrants` WHERE `incidentid` = ? AND `citizenid` = ?', { incidentId, citizenId }) > 0
+
+ if warrantExists then
+ return MySQL.prepare.await('UPDATE `mdt_warrants` SET `expiresAt` = ? WHERE `incidentid` = ? AND `citizenid` = ?', { expiry, incidentId, citizenId })
+ end
+
+ return MySQL.prepare.await('INSERT INTO `mdt_warrants` (`incidentid`, `citizenid`, `expiresAt`) VALUES (?, ?, ?)', { incidentId, citizenId, expiry })
+end
+
+function db.removeWarrant(incidentId, citizenId)
+ return MySQL.prepare.await('DELETE FROM `mdt_warrants` WHERE `incidentid` = ? AND `citizenid` = ?', { incidentId, citizenId })
+end
+
+function db.removeOldWarrants()
+ return MySQL.prepare.await('DELETE FROM `mdt_warrants` WHERE `expiresAt` < (NOW() - INTERVAL 1 HOUR)')
+end
+
+function db.saveCriminal(incidentId, criminal, officerCitizenid)
+ createRecentActivity(officerCitizenid, 'incidents', 'updated', incidentId)
+ local queries = {
+ { 'DELETE FROM `mdt_incidents_charges` WHERE `incidentId` = ? AND `citizenid` = ?', { incidentId, criminal.citizenid } },
+ { 'UPDATE IGNORE `mdt_incidents_criminals` SET `reduction` = ?, `warrantExpiry` = ?, `processed` = ?, `pleadedGuilty` = ? WHERE `incidentId` = ? AND `citizenid` = ?', { criminal.penalty.reduction, criminal.issueWarrant and criminal.warrantExpiry or nil, criminal.processed, criminal.pleadedGuilty, incidentId, criminal.citizenid } },
+ }
+ local queryN = #queries
+
+ if next(criminal.charges) then
+ for _, v in pairs(criminal.charges) do
+ queryN += 1
+ queries[queryN] = { 'INSERT INTO `mdt_incidents_charges` (`incidentId`, `citizenid`, `charge`, `type`, `count`, `time`, `fine`, `points`) VALUES (?, ?, ?, ?, ?, ?, ?, ?)', { incidentId, criminal.citizenid, v.label, v.type, v.count, v.time, v.fine, v.points } }
+ end
+ end
+
+ return MySQL.transaction.await(queries)
+end
+
+function db.getOfficers()
+ return framework.getOfficers()
+end
+
+function db.searchCharacters()
+ return framework.getCharacters()
+end
+
+-- Reports
+local selectReports = 'SELECT `id`, `title`, `author`, DATE_FORMAT(`date`, "%Y-%m-%d %T") as date FROM `mdt_reports`'
+local selectReports = selectReports .. 'ORDER BY `id` DESC'
+
+function db.selectReportById(id)
+ return MySQL.prepare.await('SELECT `id`, `title`, `description` FROM `mdt_reports` WHERE `id` = ?', { id })
+end
+
+function db.selectReports()
+ return MySQL.rawExecute.await(selectReports)
+end
+
+function db.selectOfficersInvolvedReport(reportId)
+ return framework.getOfficersInvolvedReport({ reportId })
+end
+
+function db.selectEvidenceReport(reportId)
+ return MySQL.rawExecute.await('SELECT `label`, `image` FROM `mdt_reports_evidence` WHERE reportid = ?', { reportId })
+end
+
+function db.selectCitizensInvolvedReport(reportId)
+ return framework.getCitizensInvolvedReport({ reportId })
+end
+
+function db.removeReportOfficer(reportId, citizenId)
+ return MySQL.prepare.await('DELETE FROM `mdt_reports_officers` WHERE `reportid` = ? AND `citizenid` = ?', { reportId, citizenId })
+end
+
+function db.removeReportCitizen(reportId, citizenId)
+ return MySQL.prepare.await('DELETE FROM `mdt_reports_citizens` WHERE `reportid` = ? AND `citizenid` = ?', { reportId, citizenId })
+end
+
+function db.updateReportContents(id, value)
+ return MySQL.prepare.await('UPDATE `mdt_reports` SET `description` = ? WHERE `id` = ?', { value, id })
+end
+
+function db.removeReportEvidence(id, label, image)
+ return MySQL.prepare.await('DELETE FROM `mdt_reports_evidence` WHERE `reportid` = ? AND `label` = ? AND `image` = ?', { id, label, image })
+end
+
+function db.createReport(title, author, citizenid)
+ local response = MySQL.insert.await('INSERT INTO `mdt_reports` (`title`, `author`) VALUES (?, ?)', { title, author })
+
+ createRecentActivity(citizenid, 'reports', 'created', response)
+
+ return response
+end
+
+function db.addReportOfficer(reportId, citizenId)
+ return MySQL.prepare.await('INSERT INTO `mdt_reports_officers` (`reportid`, `citizenid`) VALUES (?, ?)', { reportId, citizenId })
+end
+
+function db.addReportEvidence(id, label, image)
+ return MySQL.prepare.await('INSERT INTO `mdt_reports_evidence` (`reportid`, `label`, `image`) VALUES (?, ?, ?)', { id, label, image })
+end
+
+function db.addReportCitizen(reportId, citizenId)
+ return MySQL.prepare.await('INSERT INTO `mdt_reports_citizens` (`reportid`, `citizenid`) VALUES (?, ?)', { reportId, citizenId })
+end
+
+-- Vehicles
+function db.selectVehicles()
+ return framework.getVehicles()
+end
+
+function db.selectVehicle(plate)
+ return framework.getVehicle(plate)
+end
+
+function db.updateVehicleInformation(plate, knownInformation)
+ local query = [[
+ INSERT INTO `mdt_vehicles` (`plate`, `image`, `notes`, `known_information`)
+ VALUES (?, NULL, NULL, ?)
+ ON DUPLICATE KEY UPDATE `known_information` = VALUES(`known_information`)
+ ]]
+
+ return MySQL.prepare.await(query, { plate, json.encode(knownInformation) })
+end
+
+function db.updateVehicleNotes(plate, notes)
+ return MySQL.prepare.await('INSERT INTO `mdt_vehicles` (`plate`, `image`, `notes`, `known_information`) VALUES (?, ?, ?, ?) ON DUPLICATE KEY UPDATE `notes` = ?', { plate, nil, notes, nil, notes })
+end
+
+function db.isVehicleBOLO(plate)
+ local response = MySQL.rawExecute.await('SELECT * FROM `mdt_bolos` WHERE `plate` = ?', {
+ plate
+ })
+
+ return response[1] and true or false
+end
+
+function db.getBOLOExpirationDate(plate)
+ local response = MySQL.prepare.await('SELECT DATE_FORMAT(`expiresAt`, "%d-%m-%Y") FROM `mdt_bolos` WHERE plate = ?', { plate })
+ return response
+end
+
+function db.updateVehicleImage(plate, imageURL)
+ return MySQL.prepare.await('INSERT INTO `mdt_vehicles` (`plate`, `image`) VALUES (?, ?) ON DUPLICATE KEY UPDATE `image` = ?', { plate, imageURL, imageURL })
+end
+
+function db.createBOLO(plate, expirationDate, reason)
+ local boloExists = MySQL.prepare.await('SELECT COUNT(1) FROM `mdt_bolos` WHERE `plate` = ?', { plate }) > 0
+
+ if boloExists then
+ return MySQL.prepare.await('UPDATE `mdt_bolos` SET `reason` = ?, `expiresAt` = ? WHERE `plate` = ?', { reason, expirationDate, plate })
+ end
+
+ return MySQL.prepare.await('INSERT INTO `mdt_bolos` (`plate`, `reason`, `expiresAt`) VALUES (?, ?, ?)', { plate, reason, expirationDate })
+end
+
+function db.deleteBOLO(plate)
+ return MySQL.prepare.await('DELETE FROM `mdt_bolos` WHERE `plate` = ?', { plate })
+end
+
+function db.removeOldBolos()
+ return MySQL.prepare.await('DELETE FROM `mdt_bolos` WHERE `expiresAt` < (NOW() - INTERVAL 1 HOUR)')
+end
+
+function db.getBolos()
+ return MySQL.rawExecute.await('SELECT `plate`, `reason`, DATE_FORMAT(`expiresAt`, "%d-%m-%Y") as expiresAt FROM `mdt_bolos`')
+end
+
+function db.getBolo(plate)
+ return MySQL.prepare.await('SELECT `plate`, `reason`, DATE_FORMAT(`expiresAt`, "%d-%m-%Y") as expiresAt FROM `mdt_bolos` WHERE plate = ?', {
+ plate
+ })
+end
+
+-- Roster
+function db.selectOfficerCallSign(callsign)
+ return MySQL.prepare.await('SELECT `callsign` FROM `mdt_profiles` WHERE callsign = ?', { callsign })
+end
+
+function db.updateOfficerCallSign(citizenid, callsign)
+ return MySQL.prepare.await('INSERT INTO `mdt_profiles` (`citizenid`, `image`, `notes`, `callSign`) VALUES (?, ?, ?, ?) ON DUPLICATE KEY UPDATE `callsign` = ?', { citizenid, nil, nil, callsign, callsign })
+end
+
+-- Charges
+function db.deleteCharge(label)
+ return MySQL.prepare.await('DELETE FROM `mdt_offenses` WHERE `label` = ?', { label })
+end
+
+function db.createCharge(data)
+ return MySQL.prepare.await('INSERT INTO `mdt_offenses` (`label`, `type`, `category`, `description`, `time`, `fine`, `points`) VALUES (?, ?, ?, ?, ?, ?, ?)', {
+ data.label,
+ data.type,
+ data.category,
+ data.description,
+ data.time,
+ data.fine,
+ data.points
+ })
+end
+
+function db.editCharge(label, fine, time, points)
+ return MySQL.prepare.await('UPDATE `mdt_offenses` SET `time` = ?, `fine` = ?, `points` = ? WHERE `label` = ?', { fine, time, points, label })
+end
+
+function db.setOfficerRoles(data)
+ MySQL.prepare.await('UPDATE `mdt_profiles` SET `apu` = ?, `air` = ?, `mc` = ?, `k9` = ?, `fto` = ? WHERE `citizenid` = ?',
+ {
+ data.roles.apu,
+ data.roles.air,
+ data.roles.mc,
+ data.roles.k9,
+ data.roles.fto,
+ data.citizenid
+ })
+
+ return true
+end
+
+return db
\ No newline at end of file
diff --git a/server/framework/qb_core.lua b/server/framework/qb_core.lua
new file mode 100644
index 0000000..deee4ea
--- /dev/null
+++ b/server/framework/qb_core.lua
@@ -0,0 +1,630 @@
+local officers = require 'server.officers'
+local utils = require 'server.utils'
+local config = require 'config'
+local QBCore = exports['qb-core']:GetCoreObject()
+
+local function addOfficer(playerId)
+ if officers.get(playerId) then return end
+
+ local player = exports.qbx_core:GetPlayer(playerId)
+ if player and player.PlayerData.job.type == 'leo' then
+ officers.add(playerId, player.PlayerData.charinfo.firstname, player.PlayerData.charinfo.lastname, player.PlayerData.citizenid)
+ MySQL.prepare.await('INSERT INTO `mdt_profiles` (`citizenid`, `image`, `notes`, `lastActive`) VALUES (?, ?, ?, ?) ON DUPLICATE KEY UPDATE `lastActive` = NOW()', { player.PlayerData.citizenid, nil, nil })
+ end
+end
+
+CreateThread(function()
+ for _, playerId in pairs(GetPlayers()) do
+ addOfficer(tonumber(playerId))
+ end
+end)
+
+RegisterNetEvent('QBCore:Server:OnPlayerLoaded', function()
+ addOfficer(source)
+end)
+
+AddEventHandler("QBCore:Server:OnJobUpdate", function(src, job)
+ local officer = officers.get(src)
+
+ if officer then
+ if job.name ~= 'police' then
+ return officers.remove(src)
+ end
+
+ return
+ end
+
+ addOfficer(src)
+end)
+
+RegisterNetEvent('QBCore:Server:OnPlayerUnload', function(playerId)
+ local officer = officers.get(playerId)
+
+ if officer then
+ officers.remove(playerId)
+ end
+end)
+
+local qb = {}
+
+-- Dashboard
+function qb.getAnnouncements()
+ local announcements = MySQL.rawExecute.await([[
+ SELECT
+ a.id,
+ a.contents,
+ a.creator AS citizenid,
+ b.charinfo,
+ c.image,
+ DATE_FORMAT(a.createdAt, "%Y-%m-%d %T") AS createdAt
+ FROM
+ `mdt_announcements` a
+ LEFT JOIN
+ `players` b
+ ON
+ b.citizenid = a.creator
+ LEFT JOIN
+ `mdt_profiles` c
+ ON
+ c.citizenid = a.creator
+ ]])
+
+ local result = {}
+ for i = 1, #announcements do
+ local charinfo = json.decode(announcements[i].charinfo)
+ table.insert(result, {
+ id = announcements[i].id,
+ contents = announcements[i].contents,
+ citizenid = announcements[i].citizenid,
+ firstname = charinfo.firstname,
+ lastname = charinfo.lastname,
+ image = announcements[i].image,
+ createdAt = announcements[i].createdAt
+ })
+ end
+
+ return result
+end
+
+local selectWarrants = [[
+ SELECT
+ warrants.incidentid,
+ players.citizenid,
+ players.charinfo,
+ DATE_FORMAT(warrants.expiresAt, "%Y-%m-%d %T") AS expiresAt,
+ c.image
+ FROM
+ `mdt_warrants` warrants
+ LEFT JOIN
+ `players`
+ ON
+ warrants.citizenid = players.citizenid
+ LEFT JOIN
+ `mdt_profiles` c
+ ON
+ c.citizenid = players.citizenid
+]]
+
+function qb.getWarrants()
+ local queryResult = MySQL.rawExecute.await(selectWarrants, {})
+ local warrants = {}
+
+ for _, v in pairs(queryResult) do
+ local charinfo = json.decode(v.charinfo)
+ warrants[#warrants+1] = {
+ incidentid = v.incidentid,
+ citizenid = v.citizenid,
+ firstname = charinfo.firstname,
+ lastname = charinfo.lastname,
+ expiresAt = v.expiresAt,
+ image = v.image
+ }
+ end
+
+ return warrants
+end
+
+function qb.getCharacterProfile(parameters)
+ local result = MySQL.rawExecute.await([[
+ SELECT
+ a.charinfo,
+ a.metadata,
+ a.citizenid,
+ b.image,
+ b.notes,
+ b.fingerprint
+ FROM
+ `players` a
+ LEFT JOIN
+ `mdt_profiles` b
+ ON
+ b.citizenid = a.citizenid
+ WHERE
+ a.citizenid = ?
+ ]], parameters)?[1]
+ local profile
+
+ if result then
+ local charinfo = json.decode(result.charinfo)
+ local metadata = json.decode(result.metadata)
+
+ profile = {
+ citizenid = result.citizenid,
+ firstname = charinfo.firstname,
+ lastname = charinfo.lastname,
+ dob = charinfo.birthdate,
+ phoneNumber = '', -- Get phone number, example: exports["lb-phone"]:GetEquippedPhoneNumber(result.citizenid)
+ fingerprint = result.fingerprint or 'Unknown',
+ notes = result.notes,
+ image = result.image,
+ }
+ end
+
+ return profile
+end
+
+-- Profiles
+local selectProfiles = [[
+ SELECT
+ players.citizenid,
+ players.charinfo,
+ profile.image
+ FROM
+ players
+ LEFT JOIN
+ mdt_profiles profile
+ ON
+ profile.citizenid = players.citizenid
+]]
+
+function qb.getAllProfiles()
+ local profilesResult = MySQL.rawExecute.await(selectProfiles, {})
+ local profiles = {}
+
+ for _, v in pairs(profilesResult) do
+ local charinfo = json.decode(v.charinfo)
+ profiles[#profiles+1] = {
+ citizenid = v.citizenid,
+ firstname = charinfo.firstname,
+ lastname = charinfo.lastname,
+ dob = charinfo.birthdate,
+ image = v.image,
+ }
+ end
+
+ return profiles
+end
+
+function qb.getDriverPoints(citizenid)
+ local result = MySQL.rawExecute.await('SELECT SUM(COALESCE(points, 0) * COALESCE(count, 1)) AS total_points FROM mdt_incidents_charges WHERE citizenid = ?', { citizenid })?[1]
+ if (result.total_points) then return result.total_points end
+
+ return 0
+end
+
+function qb.isProfileWanted(citizenid)
+ local response = MySQL.rawExecute.await('SELECT * FROM `mdt_warrants` WHERE `citizenid` = ?', {
+ citizenid
+ })
+
+ return response[1] and true or false
+end
+
+function qb.getVehiclesForProfile(parameters)
+ local vehicles = MySQL.rawExecute.await('SELECT `plate`, `vehicle` FROM `player_vehicles` WHERE `citizenid` = ?', parameters) or {}
+
+ for _, v in pairs(vehicles) do
+ v.label = QBCore.Shared.Vehicles[v.vehicle]?.name or v.vehicle
+ v.vehicle = nil
+ end
+
+ return vehicles
+end
+
+function qb.getLicenses(citizenid)
+ local player = exports.qbx_core:GetPlayerByCitizenId(citizenid)
+ if not player then
+ local result = MySQL.rawExecute.await([[
+ SELECT
+ metadata
+ FROM
+ players
+ WHERE
+ citizenid = ?
+ ]], { citizenid })?[1]
+ local metadata = json.decode(result.metadata)
+
+ return metadata.licences
+ end
+
+ return player.PlayerData.metadata.licences
+end
+
+function qb.getJobs(parameters)
+ local result = MySQL.rawExecute.await([[
+ SELECT
+ job,
+ metadata
+ FROM
+ players
+ WHERE
+ citizenid = ?
+ ]], parameters)?[1]
+ local job = json.decode(result.job)
+ local metadata = json.decode(result.metadata)
+ local jobs = {}
+
+ table.insert(jobs, { job = job.label, gradeLabel = job.grade.name })
+
+ if metadata.otherjobs then
+ for k, v in pairs(metadata.otherjobs) do
+ if not QBCore.Shared.Jobs[k] then goto continue end
+
+ table.insert(jobs, { job = k, gradeLabel = QBCore.Shared.Jobs[k].grades['' .. v .. ''].name })
+ ::continue::
+ end
+ end
+
+ return jobs
+end
+
+-- Still needs implementation
+function qb.getProperties(parameters)
+ local properties = {}
+
+ return properties
+end
+
+function qb.getOfficersInvolved(parameters)
+ local queryResult = MySQL.rawExecute.await([[
+ SELECT
+ players.citizenid,
+ players.charinfo,
+ profile.callSign
+ FROM
+ mdt_incidents_officers officer
+ LEFT JOIN
+ players
+ ON
+ players.citizenid = officer.citizenid
+ LEFT JOIN
+ mdt_profiles profile
+ ON
+ players.citizenid = profile.citizenid
+ WHERE
+ incidentid = ?
+ ]], parameters)
+
+ local officers = {}
+
+ for _, v in pairs(queryResult) do
+ local charinfo = json.decode(v.charinfo)
+ officers[#officers+1] = {
+ citizenid = v.citizenid,
+ firstname = charinfo.firstname,
+ lastname = charinfo.lastname,
+ callsign = v.callSign,
+ }
+ end
+
+ return officers
+end
+
+function qb.getOfficersInvolvedReport(parameters)
+ local queryResult = MySQL.rawExecute.await([[
+ SELECT
+ players.citizenid,
+ players.charinfo,
+ profile.callSign
+ FROM
+ mdt_reports_officers officer
+ LEFT JOIN
+ players
+ ON
+ players.citizenid = officer.citizenid
+ LEFT JOIN
+ mdt_profiles profile
+ ON
+ players.citizenid = profile.citizenid
+ WHERE
+ reportid = ?
+ ]], parameters)
+
+ local officers = {}
+
+ for _, v in pairs(queryResult) do
+ local charinfo = json.decode(v.charinfo)
+ officers[#officers+1] = {
+ citizenid = v.citizenid,
+ firstname = charinfo.firstname,
+ lastname = charinfo.lastname,
+ callsign = v.callSign,
+ }
+ end
+
+ return officers
+end
+
+function qb.getCitizensInvolvedReport(parameters)
+ local queryResult = MySQL.rawExecute.await([[
+ SELECT
+ players.citizenid,
+ players.charinfo
+ FROM
+ mdt_reports_citizens officer
+ LEFT JOIN
+ players
+ ON
+ players.citizenid = officer.citizenid
+ LEFT JOIN
+ mdt_profiles profile
+ ON
+ players.citizenid = profile.citizenid
+ WHERE
+ reportid = ?
+ ]], parameters)
+
+ local citizens = {}
+
+ for _, v in pairs(queryResult) do
+ local charinfo = json.decode(v.charinfo)
+ citizens[#citizens+1] = {
+ firstname = charinfo.firstname,
+ lastname = charinfo.lastname,
+ citizenid = v.citizenid,
+ dob = charinfo.birthdate
+ }
+ end
+
+ return citizens
+end
+
+function qb.getCriminalsInvolved(parameters)
+ local queryResult = MySQL.rawExecute.await([[
+ SELECT DISTINCT
+ criminal.citizenid,
+ criminal.reduction,
+ players.charinfo,
+ DATE_FORMAT(criminal.warrantExpiry, "%Y-%m-%d") AS warrantExpiry,
+ criminal.processed,
+ criminal.pleadedGuilty
+ FROM
+ mdt_incidents_criminals criminal
+ LEFT JOIN
+ players
+ ON
+ players.citizenid = criminal.citizenid
+ WHERE
+ incidentid = ?
+ ]], parameters)
+
+ local involvedCriminals = {}
+
+ for _, v in pairs(queryResult) do
+ local charinfo = json.decode(v.charinfo)
+ involvedCriminals[#involvedCriminals+1] = {
+ citizenid = v.citizenid,
+ firstname = charinfo.firstname,
+ lastname = charinfo.lastname,
+ reduction = v.reduction,
+ warrantExpiry = v.warrantExpiry,
+ processed = v.processed,
+ pleadedGuilty = v.pleadedGuilty
+ }
+ end
+
+ return involvedCriminals
+end
+
+function qb.getCriminalCharges(parameters)
+ return MySQL.rawExecute.await([[
+ SELECT
+ citizenid,
+ charge as label,
+ type,
+ time,
+ fine,
+ count,
+ points
+ FROM
+ mdt_incidents_charges
+ WHERE
+ incidentid = ?
+ GROUP BY
+ charge, citizenid
+ ]], parameters)
+end
+
+local selectOfficers = [[
+ SELECT
+ mdt_profiles.id,
+ players.charinfo,
+ players.citizenid,
+ player_groups.group AS `group`,
+ player_groups.grade,
+ mdt_profiles.image,
+ mdt_profiles.callSign
+ FROM
+ player_groups
+ LEFT JOIN
+ players
+ ON
+ player_groups.citizenid = players.citizenid
+ LEFT JOIN
+ mdt_profiles
+ ON
+ players.citizenid = mdt_profiles.citizenid
+ WHERE
+ player_groups.group IN ("police")
+]]
+
+function qb.getOfficers()
+ local query = selectOfficers
+ local queryResult = MySQL.rawExecute.await(query)
+ local officers = {}
+
+ for _, v in pairs(queryResult) do
+ local charinfo = json.decode(v.charinfo)
+ officers[#officers+1] = {
+ citizenid = v.citizenid,
+ firstname = charinfo.firstname,
+ lastname = charinfo.lastname,
+ callsign = v.callSign,
+ }
+ end
+
+ return officers
+end
+
+local selectOfficersForRoster = [[
+ SELECT
+ mdt_profiles.id,
+ players.charinfo,
+ players.citizenid,
+ player_groups.group AS `group`,
+ player_groups.grade,
+ mdt_profiles.image,
+ mdt_profiles.callSign,
+ mdt_profiles.apu,
+ mdt_profiles.air,
+ mdt_profiles.mc,
+ mdt_profiles.k9,
+ mdt_profiles.fto,
+ DATE_FORMAT(mdt_profiles.lastActive, "%Y-%m-%d %T") AS formatted_lastActive
+ FROM
+ player_groups
+ LEFT JOIN
+ players
+ ON
+ player_groups.citizenid = players.citizenid
+ LEFT JOIN
+ mdt_profiles
+ ON
+ players.citizenid = mdt_profiles.citizenid
+ WHERE
+ player_groups.group IN ("police")
+]]
+
+utils.registerCallback('mdt:fetchRoster', function()
+ local query = selectOfficersForRoster
+ local queryResult = MySQL.rawExecute.await(query)
+ local rosterOfficers = {}
+
+ local job = exports.qbx_core:GetJob('police')
+
+ for _, v in pairs(queryResult) do
+ local charinfo = json.decode(v.charinfo)
+ rosterOfficers[#rosterOfficers+1] = {
+ citizenid = v.citizenid,
+ firstname = charinfo.firstname,
+ lastname = charinfo.lastname,
+ callsign = v.callSign,
+ image = v.image,
+ title = job.grades[v.grade].name,
+ apu = v.apu,
+ air = v.air,
+ mc = v.mc,
+ k9 = v.k9,
+ fto = v.fto,
+ lastActive = v.formatted_lastActive
+ }
+ end
+
+ return rosterOfficers
+end)
+
+local selectCharacters = [[
+ SELECT
+ charinfo,
+ citizenid
+ FROM
+ players
+]]
+
+function qb.getCharacters()
+ local queryResult = MySQL.rawExecute.await(selectCharacters)
+ local characters = {}
+
+ for _, v in pairs(queryResult) do
+ local charinfo = json.decode(v.charinfo)
+ characters[#characters+1] = {
+ citizenid = v.citizenid,
+ firstname = charinfo.firstname,
+ lastname = charinfo.lastname,
+ dob = charinfo.birthdate,
+ }
+ end
+
+ return characters
+end
+
+local selectVehicles = [[
+ SELECT
+ plate,
+ vehicle
+ FROM
+ player_vehicles
+]]
+
+function qb.getVehicles()
+ return MySQL.rawExecute.await(selectVehicles)
+end
+
+local selectVehicle = [[
+ SELECT
+ player_vehicles.citizenid,
+ player_vehicles.plate,
+ player_vehicles.vehicle,
+ player_vehicles.mods,
+ mdt_vehicles.notes,
+ mdt_vehicles.image,
+ mdt_vehicles.known_information
+ FROM
+ player_vehicles
+ LEFT JOIN
+ mdt_vehicles
+ ON
+ mdt_vehicles.plate = player_vehicles.plate
+ WHERE
+ player_vehicles.plate = ?
+]]
+
+function qb.getVehicle(plate)
+ local response = MySQL.rawExecute.await(selectVehicle, {plate})?[1]
+ local player = exports.qbx_core:GetPlayerByCitizenId(response.citizenid)
+ local data = {
+ plate = response.plate,
+ vehicle = response.vehicle,
+ mods = response.mods,
+ notes = response.notes,
+ image = response.image,
+ known_information = response.known_information,
+ owner = player.PlayerData.charinfo.firstname .. " " .. player.PlayerData.charinfo.lastname .. ' (' .. response.citizenid .. ')'
+ }
+
+ return data
+end
+
+utils.registerCallback('mdt:hireOfficer', function(source, data)
+ exports.qbx_core:AddPlayerToJob(data.citizenid, 'police', 1)
+
+ local success = MySQL.prepare.await('INSERT INTO `mdt_profiles` (`citizenid`, `callsign`, `lastActive`) VALUES (?, ?, ?) ON DUPLICATE KEY UPDATE `callsign` = ?, `lastActive` = ?', { data.citizenid, data.callsign, os.date("%Y-%m-%d %H:%M:%S"), data.callsign, os.date("%Y-%m-%d %H:%M:%S") })
+
+ return success
+end)
+
+utils.registerCallback('mdt:fireOfficer', function(source, data)
+ exports.qbx_core:RemovePlayerFromJob(data, 'police')
+ MySQL.prepare.await('UPDATE `mdt_profiles` SET `callsign` = ? WHERE `citizenid` = ?', { nil, data })
+
+ return true
+end)
+
+utils.registerCallback('mdt:setOfficerRank', function(source, data)
+ exports.qbx_core:AddPlayerToJob(data.citizenId, 'police', data.grade)
+
+ return true
+end)
+
+
+return qb
\ No newline at end of file
diff --git a/server/main.lua b/server/main.lua
new file mode 100644
index 0000000..85195c7
--- /dev/null
+++ b/server/main.lua
@@ -0,0 +1,337 @@
+local utils = require 'server.utils'
+local db = require 'server.db'
+local officers = require 'server.officers'
+
+require 'server.commands'
+require 'server.units'
+require 'server.charges'
+require 'server.calls'
+
+utils.registerCallback('mdt:openMdt', function()
+ local officerData = officers.get(source)
+
+ if not officerData then return end
+
+ local isAuthorised = officerData and true or false
+ local callSign = officerData.callsign
+
+ return isAuthorised, callSign
+end)
+
+utils.registerCallback('mdt:openDispatch', function()
+ return officers.get(source) and true or false
+end)
+
+utils.registerCallback('mdt:getAnnouncements', function(source, page)
+ local announcements = db.selectAnnouncements()
+
+ return {
+ announcements = announcements
+ }
+end)
+
+utils.registerCallback('mdt:createAnnouncement', function(source, data)
+ local officer = officers.get(source)
+
+ return officer and db.createAnnouncement(officer.citizenid, data.contents)
+end)
+
+utils.registerCallback('mdt:getRecentActivity', function(source)
+ return db.getRecentActivity()
+end)
+
+
+utils.registerCallback('mdt:getAllProfiles', function(source, data)
+ local profiles = db.selectAllProfiles()
+
+ return {
+ profiles = profiles
+ }
+end)
+
+utils.registerCallback('mdt:getProfile', function(source, data)
+ return db.selectCharacterProfile(data)
+end)
+
+utils.registerCallback('mdt:saveProfileNotes', function(source, data)
+ return db.updateProfileNotes(data.citizenid, data.notes)
+end)
+
+utils.registerCallback('mdt:isProfileWanted', function(source, data)
+ return db.isProfileWanted(data)
+end)
+
+utils.registerCallback('mdt:getActiveOfficers', function()
+ return officers.getAll()
+end)
+
+utils.registerCallback('mdt:getWarrants', function()
+ return db.getWarrants()
+end)
+
+utils.registerCallback('mdt:getIncidents', function(source, data)
+ local incidents = db.selectIncidents()
+
+ return {
+ incidents = incidents
+ }
+end)
+
+utils.registerCallback('mdt:createIncident', function(source, title)
+ local officer = officers.get(source)
+
+ return officer and db.createIncident(title, ('%s %s'):format(officer.firstname, officer.lastname), officer.citizenid)
+end)
+
+utils.registerCallback('mdt:deleteIncident', function(source, data)
+ local officer = officers.get(source)
+
+ return db.deleteIncident(data.id, officer.citizenid)
+end)
+
+utils.registerCallback('mdt:getIncident', function(source, incidentId)
+ local response = db.selectIncidentById(incidentId)
+
+ if response then
+ response.officersInvolved = db.selectOfficersInvolved(incidentId)
+ response.evidence = db.selectEvidence(incidentId)
+ response.criminals = db.selectCriminalsInvolved(incidentId)
+ end
+
+ return response
+end)
+
+utils.registerCallback('mdt:saveIncidentContents', function(source, data)
+ return db.updateIncidentContents(data.incidentId, data.contents)
+end)
+
+utils.registerCallback('mdt:addOfficer', function(source, data)
+ return db.addOfficer(data.id, data.citizenid)
+end)
+
+utils.registerCallback('mdt:removeOfficer', function(source, data)
+ return db.removeOfficer(data.id, data.citizenid)
+end)
+
+utils.registerCallback('mdt:addCriminal', function(source, data)
+ return db.addCriminal(data.id, data.criminalId)
+end)
+
+utils.registerCallback('mdt:removeCriminal', function(source, data)
+ return db.removeCriminal(data.id, data.criminalId)
+end)
+
+utils.registerCallback('mdt:getCriminalProfiles', function(source)
+ return db.searchCharacters()
+end)
+
+utils.registerCallback('mdt:saveCriminal', function(source, data)
+ local officer = officers.get(source)
+ if data.criminal.issueWarrant then
+ db.createWarrant(data.id, data.criminal.citizenid, data.criminal.warrantExpiry)
+ else
+ db.removeWarrant(data.id, data.criminal.citizenid)
+ end
+
+ return db.saveCriminal(data.id, data.criminal, officer.citizenid)
+end)
+
+utils.registerCallback('mdt:addEvidence', function(source, data)
+ return db.addEvidence(data.id, data.evidence.label, data.evidence.image)
+end)
+
+utils.registerCallback('mdt:addEvidenceFromPictureTaking', function(source, data)
+ return db.addEvidence(data.id, data.imageLabel, data.imageURL)
+end)
+
+utils.registerCallback('mdt:removeEvidence', function(source, data)
+ return db.removeEvidence(data.id, data.label, data.image)
+end)
+
+utils.registerCallback('mdt:deleteCharge', function(source, data)
+ return db.deleteCharge(data.label)
+end)
+
+utils.registerCallback('mdt:createCharge', function(source, data)
+ return db.createCharge(data)
+end)
+
+utils.registerCallback('mdt:editCharge', function(source, data)
+ return db.editCharge(data.chargelabel, data.fine, data.time, data.points)
+end)
+
+utils.registerCallback('mdt:getRecommendedWarrantExpiry', function(source, charges)
+ local currentTime = os.time(os.date("!*t"))
+ local baseWarrantDuration = 259200000 -- 72 hours
+ local addonTime = 0
+
+ for i = 1, #charges do
+ local charge = charges[i]
+ if charge.time ~= 0 then
+ addonTime = addonTime + (charge.time * 60 * 60000 * charge.count) -- 1 month of penalty time = 1 hour of warrant time
+ end
+ end
+
+ return currentTime * 1000 + addonTime + baseWarrantDuration
+end)
+
+utils.registerCallback('mdt:getReports', function()
+ local reports = db.selectReports()
+
+ return reports
+end)
+
+utils.registerCallback('mdt:getReport', function(source, reportId)
+ local response = db.selectReportById(reportId)
+
+ if response then
+ response.officersInvolved = db.selectOfficersInvolvedReport(reportId)
+ response.evidence = db.selectEvidenceReport(reportId)
+ response.citizensInvolved = db.selectCitizensInvolvedReport(reportId)
+ end
+
+ return response
+end)
+
+utils.registerCallback('mdt:removeReportOfficer', function(source, data)
+ return db.removeReportOfficer(data.id, data.citizenid)
+end)
+
+utils.registerCallback('mdt:removeReportCitizen', function(source, data)
+ return db.removeReportCitizen(data.id, data.citizenid)
+end)
+
+utils.registerCallback('mdt:saveReportContents', function(source, data)
+ return db.updateReportContents(data.reportId, data.contents)
+end)
+
+utils.registerCallback('mdt:removeReportEvidence', function(source, data)
+ return db.removeReportEvidence(data.id, data.label, data.image)
+end)
+
+utils.registerCallback('mdt:createReport', function(source, title)
+ local officer = officers.get(source)
+
+ return officer and db.createReport(title, ('%s %s'):format(officer.firstname, officer.lastname), officer.citizenid)
+end)
+
+utils.registerCallback('mdt:addReportOfficer', function(source, data)
+ return db.addReportOfficer(data.id, data.citizenid)
+end)
+
+utils.registerCallback('mdt:addReportEvidenceFromPictureTaking', function(source, data)
+ return db.addReportEvidence(data.id, data.imageLabel, data.imageURL)
+end)
+
+utils.registerCallback('mdt:addReportEvidence', function(source, data)
+ return db.addReportEvidence(data.id, data.evidence.label, data.evidence.image)
+end)
+
+utils.registerCallback('mdt:addReportCitizen', function(source, data)
+ return db.addReportCitizen(data.id, data.citizenid)
+end)
+
+utils.registerCallback('mdt:getAllVehicles', function(source, data)
+ return db.selectVehicles()
+end)
+
+utils.registerCallback('mdt:getVehicle', function(source, data)
+ return db.selectVehicle(data.plate)
+end)
+
+utils.registerCallback('mdt:saveVehicleInformation', function(source, data)
+ return db.updateVehicleInformation(data.plate, data.knownInformation)
+end)
+
+utils.registerCallback('mdt:saveVehicleNotes', function(source, data)
+ return db.updateVehicleNotes(data.plate, data.notes)
+end)
+
+utils.registerCallback('mdt:updateVehicleImage', function(source, data)
+ return db.updateVehicleImage(data.plate, data.image)
+end)
+
+local function isVehicleBOLO(plate)
+ return db.isVehicleBOLO(plate)
+end exports('isVehicleBOLO', isVehicleBOLO)
+
+utils.registerCallback('mdt:isVehicleBOLO', function(source, data)
+ return isVehicleBOLO(data.plate)
+end)
+
+utils.registerCallback('mdt:getBOLOExpirationDate', function(source, data)
+ return db.getBOLOExpirationDate(data.plate)
+end)
+
+utils.registerCallback('mdt:createBOLO', function(source, data)
+ return db.createBOLO(data.plate, data.expirationDate, data.reason)
+end)
+
+utils.registerCallback('mdt:deleteBOLO', function(source, data)
+ return db.deleteBOLO(data.plate)
+end)
+
+utils.registerCallback('mdt:getBolos', function(source, data)
+ return db.getBolos()
+end)
+
+utils.registerCallback('mdt:getBolo', function(source, data)
+ return db.getBolo(data.plate)
+end)
+
+utils.registerCallback('mdt:getOfficers', function(source, data)
+ return db.getOfficers()
+end)
+
+utils.registerCallback('mdt:setOfficerCallSign', function(source, data)
+ if db.selectOfficerCallSign(data.callsign) then return false end
+
+ db.updateOfficerCallSign(data.citizenid, data.callsign)
+
+ return true
+end)
+
+local function updateProfileImage(citizenId, image)
+ return db.updateProfileImage(citizenId, image)
+end exports('updateProfileImage', updateProfileImage)
+
+utils.registerCallback('mdt:updateProfileImage', function(source, data)
+ return db.updateProfileImage(data.citizenId, data.image)
+end)
+
+utils.registerCallback('mdt:setOfficerRoles', function(source, data)
+ return db.setOfficerRoles(data)
+end)
+
+RegisterServerEvent("mdt:updateProfileImage", function(playerId, image)
+ local player = exports.qbx_core:GetPlayer(playerId)
+
+ db.updateProfileImage(player.PlayerData.citizenid, image)
+end)
+
+RegisterServerEvent("mdt:server:CreateCall", function(data)
+ createCall(data)
+end)
+
+RegisterServerEvent("mdt:server:CreateMDTProfile", function(data)
+ db.createMDTProfile(data)
+end)
+
+RegisterServerEvent("mdt:server:AddFingerprintToProfile", function(citizenid, fingerprint)
+ db.addFingerprintToProfile(citizenid, fingerprint)
+end)
+
+AddEventHandler('onResourceStop', function(resource)
+ if resource ~= cache.resource then return end
+
+ for playerId, officer in pairs(officers.getAll()) do
+ if officer.unitId then
+ Player(playerId).state.mdtUnitId = nil
+ end
+ end
+end)
+
+lib.cron.new('0 */1 * * *', function()
+ db.removeOldWarrants()
+ db.removeOldBolos()
+end)
\ No newline at end of file
diff --git a/server/officers.lua b/server/officers.lua
new file mode 100644
index 0000000..a184800
--- /dev/null
+++ b/server/officers.lua
@@ -0,0 +1,55 @@
+-- Credit to ox_mdt for this code. Check ox_mdt out here: (https://github.com/overextended/ox_mdt)
+local activeOfficers = {}
+local officersArray = {}
+
+local function triggerOfficerEvent(eventName, eventData)
+ for playerId in pairs(activeOfficers) do
+ TriggerClientEvent(eventName, playerId, eventData)
+ end
+end
+
+SetInterval(function()
+ local n = 0
+
+ for _, officer in pairs(activeOfficers) do
+ local coords = GetEntityCoords(officer.ped)
+ officer.position[1] = coords.y
+ officer.position[2] = coords.x
+ officer.position[3] = coords.z
+ n += 1
+ officersArray[n] = officer
+ end
+
+ triggerOfficerEvent('mdt:updateOfficerPositions', officersArray)
+ table.wipe(officersArray)
+end, math.max(500, 5000))
+
+local function addOfficer(playerId, firstName, lastName, citizenid)
+ activeOfficers[playerId] = {
+ firstname = firstName,
+ lastname = lastName,
+ citizenid = citizenid,
+ callsign = MySQL.prepare.await('SELECT `callSign` FROM `mdt_profiles` WHERE citizenid = ?', { citizenid }) or 99,
+ playerId = playerId,
+ ped = GetPlayerPed(playerId),
+ position = {},
+ }
+end
+
+local function removeOfficer(playerId)
+ activeOfficers[playerId] = nil
+end
+
+local function getOfficer(playerId)
+ return activeOfficers[playerId]
+end
+
+local function getAll() return activeOfficers end
+
+return {
+ add = addOfficer,
+ remove = removeOfficer,
+ get = getOfficer,
+ getAll = getAll,
+ triggerEvent = triggerOfficerEvent
+}
\ No newline at end of file
diff --git a/server/profileCards.lua b/server/profileCards.lua
new file mode 100644
index 0000000..2938901
--- /dev/null
+++ b/server/profileCards.lua
@@ -0,0 +1,121 @@
+local utils = require 'server.utils'
+local config = require 'config'
+local framework = require(('server.framework.%s'):format(config.framework))
+
+
+-- Credit to ox_mdt for this code. Check ox_mdt out here: (https://github.com/overextended/ox_mdt)
+local customProfileCards = {}
+
+local function checkCardExists(newCard)
+ for i = 1, #customProfileCards do
+ local card = customProfileCards[i]
+
+ if card.id == newCard.id then
+ assert(false, ("Custom card with id `%s` already exists!"):format(card.id))
+ return true
+ end
+ end
+
+ return false
+end
+
+local function createProfileCard(data)
+ local arrLength = #data
+ if arrLength > 0 then
+ for i = 1, arrLength do
+ local newCard = data[i]
+ if not checkCardExists(newCard) then
+ customProfileCards[#customProfileCards+1] = newCard
+ end
+ end
+
+ return
+ end
+
+ if not checkCardExists(data.id) then
+ customProfileCards[#customProfileCards+1] = data
+ end
+end
+
+exports('createProfileCard', createProfileCard)
+
+local function getAll()
+ return customProfileCards
+end
+
+createProfileCard({
+ {
+ id = 'licenses',
+ title = 'Licenses',
+ icon = 'certificate',
+ getData = function(profile)
+ local licenses = framework.getLicenses(profile.citizenid)
+ local licenseLabels = {}
+
+ for key, value in pairs(licenses) do
+ if (value and key ~= 'id') then
+ if (key == 'driver') then
+ table.insert(licenseLabels, key .. ' (' .. framework.getDriverPoints(profile.citizenid) .. ' points)')
+ else
+ table.insert(licenseLabels, key)
+ end
+ end
+ end
+
+ return licenseLabels
+ end
+ },
+ {
+ id = 'vehicles',
+ title = 'Vehicles',
+ icon = 'car',
+ getData = function(profile)
+ local vehicles = framework.getVehiclesForProfile({profile.citizenid})
+ local vehicleLabels = {}
+ for i = 1, #vehicles do
+ vehicleLabels[#vehicleLabels+1] = vehicles[i].label .. ' (' ..vehicles[i].plate.. ')'
+ end
+
+ return vehicleLabels
+ end,
+ },
+ {
+ id = 'jobs',
+ title = 'Jobs',
+ icon = 'briefcase',
+ getData = function(profile)
+ local jobs = framework.getJobs({profile.citizenid})
+ local jobLabels = {}
+
+ for i = 1, #jobs do
+ jobLabels[#jobLabels+1] = jobs[i].job .. ' (' ..jobs[i].gradeLabel.. ')'
+ end
+
+ return jobLabels
+ end,
+ },
+ {
+ id = 'properties',
+ title = 'Properties',
+ icon = 'building-skyscraper',
+ getData = function(profile)
+ local properties = framework.getProperties({profile.citizenid})
+ local propertyLabels = {}
+
+ for i = 1, #properties do
+ propertyLabels[#propertyLabels+1] = properties[i].label .. ' (' ..properties[i].type.. ')'
+ end
+
+ return propertyLabels
+ end,
+ },
+})
+
+utils.registerCallback('mdt:getCustomProfileCards', function()
+ return customProfileCards
+end)
+
+return {
+ getAll = getAll,
+ create = createProfileCard
+}
\ No newline at end of file
diff --git a/server/units.lua b/server/units.lua
new file mode 100644
index 0000000..7ab36fe
--- /dev/null
+++ b/server/units.lua
@@ -0,0 +1,167 @@
+local units = {}
+local officers = require 'server.officers'
+local utils = require 'server.utils'
+
+local function removePlayerFromUnit(officer, state)
+ local unitId = state.mdtUnitId
+
+ if not unitId then return end
+
+ local unit = units[unitId]
+
+ if not unit then return end
+
+ -- If unit owner leaves, remove everyone from the unit and delete it
+ if unit.id == officer.callsign then
+ for i = 1, #unit.members do
+ local member = unit.members[i]
+ member.unitId = nil
+ Player(member.playerId).state.mdtUnitId = nil
+ end
+
+ units[unitId] = nil
+
+ officers.triggerEvent('mdt:refreshUnits', units)
+
+ return true
+ end
+
+ for i = 1, #unit.members do
+ local member = unit.members[i]
+
+ if officer.citizenid == member.citizenid then
+ state.mdtUnitId = nil
+ table.remove(unit.members, i)
+
+ if #unit.members == 0 then
+ units[unitId] = nil
+ -- TODO: Remove unit from all calls it's attached to
+ end
+
+ officers.triggerEvent('mdt:refreshUnits', units)
+
+ return true
+ end
+ end
+end
+
+local function addPlayerToUnit(playerId, unitId)
+ local officer = officers.get(playerId)
+ local unit = units[unitId]
+ local state = Player(playerId).state
+
+ if not officer or not unit then return end
+
+ if state.mdtUnitId then
+ removePlayerFromUnit(officer, state)
+ end
+
+ unit.members[#unit.members + 1] = officer
+ officer.unitId = unitId
+ state.mdtUnitId = unitId
+
+ officers.triggerEvent('mdt:refreshUnits', units)
+
+ return true
+end
+
+utils.registerCallback('mdt:createUnit', function(source, unitType)
+ local officer = officers.get(source)
+
+ if not officer or not officer.callsign then return end
+
+ ---@type string
+ local unitId = officer.callsign
+ local unitName = ('Unit %s'):format(unitId)
+
+
+ units[unitId] = {
+ id = unitId,
+ members = {},
+ name = unitName,
+ type = unitType
+ }
+
+ return addPlayerToUnit(source, unitId) and {
+ id = unitId,
+ name = unitName
+ }
+end)
+
+utils.registerCallback('mdt:joinUnit', function(source, unitId)
+ return addPlayerToUnit(source, unitId)
+end)
+
+utils.registerCallback('mdt:leaveUnit', function(source)
+ local officer = officers.get(source)
+
+ if not officer then return end
+
+ return removePlayerFromUnit(officer, Player(source).state)
+end)
+
+utils.registerCallback('mdt:getUnits', function()
+ return units
+end)
+
+utils.registerCallback('mdt:setUnitOfficers', function(source, data)
+ local unit = units[data.id]
+ local includesCreator = false
+ local newOfficers = {}
+
+ for i = 1, #data.officers do
+ newOfficers[#newOfficers +1] = officers.get(tonumber(data.officers[i]))
+ end
+
+ for i = 1, #unit.members do
+ local officer = unit.members[i]
+
+ if officer.callsign == data.id then
+ includesCreator = true
+ end
+ end
+
+ if #data.officers == 0 or not includesCreator then
+ for i = 1, #units[data.id].members do
+ local officer = units[data.id].members[i]
+ Player(officer.playerId).state.mdtUnitId = nil
+ end
+
+ units[data.id] = nil
+ officers.triggerEvent('mdt:refreshUnits', units)
+
+ return
+ end
+
+ units[data.id].members = newOfficers
+
+ for i = 1, #newOfficers do
+ newOfficers[i].unitId = data.id
+ Player(newOfficers[i].playerId).state.mdtUnitId = data.id
+ end
+
+ officers.triggerEvent('mdt:refreshUnits', units)
+
+ return true
+end)
+
+utils.registerCallback('mdt:setUnitType', function(source, data)
+ local officer = officers.get(source)
+
+ if officer.unitId ~= data.id then return end
+
+ units[data.id].type = data.value
+
+ officers.triggerEvent('mdt:refreshUnits', units)
+
+ return true
+end)
+
+local function getUnit(unitId)
+ return units[unitId]
+end
+
+return {
+ getUnit = getUnit,
+ removePlayerFromUnit = removePlayerFromUnit
+}
\ No newline at end of file
diff --git a/server/utils.lua b/server/utils.lua
new file mode 100644
index 0000000..2a7730a
--- /dev/null
+++ b/server/utils.lua
@@ -0,0 +1,22 @@
+local utils = {}
+
+---@param event string
+---@param cb fun(playerId: number, ...: any): any
+---@param permission string | false | nil
+function utils.registerCallback(event, cb, permission)
+ lib.callback.register(event, function(source, ...)
+ return cb(source, ...)
+ end)
+end
+
+function utils.cleanTable(tab)
+ local newTable = {}
+ for _, value in ipairs(tab) do
+ if value ~= nil then
+ table.insert(newTable, value)
+ end
+ end
+ return newTable
+end
+
+return utils
\ No newline at end of file
diff --git a/sql/data.sql b/sql/data.sql
new file mode 100644
index 0000000..1b0e7b0
--- /dev/null
+++ b/sql/data.sql
@@ -0,0 +1,124 @@
+INSERT INTO `mdt_offenses` (`label`, `type`, `category`, `description`, `time`, `fine`, `points`) VALUES
+ -- OFFENSES AGAINST PERSONS
+ ('Assault', 'misdemeanor', 'OFFENSES AGAINST PERSONS', 'Unlawfully attacking another person.', 30, 1000, 0),
+ ('Kidnapping', 'felony', 'OFFENSES AGAINST PERSONS', 'Unlawfully seizing and carrying away a person by force.', 360, 20000, 0),
+ ('Manslaughter', 'felony', 'OFFENSES AGAINST PERSONS', 'Killing another person without intention during the commission of a non-felony.', 180, 15000, 0),
+ ('Murder', 'felony', 'OFFENSES AGAINST PERSONS', 'Unlawful premeditated killing of one human being by another.', 999, 50000, 0),
+ ('Hate Crime', 'felony', 'OFFENSES AGAINST PERSONS', 'A crime motivated by racial, sexual, or other prejudice.', 180, 10000, 0),
+ ('Battery', 'misdemeanor', 'OFFENSES AGAINST PERSONS', 'Applying force to another, resulting in harmful or offensive contact.', 60, 3000, 0),
+ ('Stalking', 'misdemeanor', 'OFFENSES AGAINST PERSONS', 'Repeatedly following or harassing another person and making threats.', 90, 5000, 0),
+ ('Human Trafficking', 'felony', 'OFFENSES AGAINST PERSONS', 'Illegal trade of human beings for the purposes of forced labor or sexual exploitation.', 720, 50000, 0),
+ ('Sexual Assault', 'felony', 'OFFENSES AGAINST PERSONS', 'An act in which a person sexually touches another person without their consent.', 360, 20000, 0),
+ ('Harassment', 'infraction', 'OFFENSES AGAINST PERSONS', 'Engaging in a pattern of unwanted conduct that alarms or seriously annoys another person, without claiming a legitimate purpose.', 0, 500, 0),
+
+ -- OFFENSES INVOLVING THEFT
+ ('Petty Theft', 'misdemeanor', 'OFFENSES INVOLVING THEFT', 'The theft of relatively low value items.', 30, 500, 0),
+ ('Grand Theft Auto', 'felony', 'OFFENSES INVOLVING THEFT', 'Theft of an automobile.', 180, 10000, 0),
+ ('Burglary', 'felony', 'OFFENSES INVOLVING THEFT', 'Entering a building unlawfully with intent to commit a felony or a theft.', 90, 5000, 0),
+ ('Shoplifting', 'misdemeanor', 'OFFENSES INVOLVING THEFT', 'The act of stealing goods from a store.', 30, 1000, 0),
+ ('Armed Robbery', 'felony', 'OFFENSES INVOLVING THEFT', 'Robbery with the use of a weapon.', 360, 25000, 0),
+ ('Larceny', 'misdemeanor', 'OFFENSES INVOLVING THEFT', 'Unlawful taking of personal property.', 60, 2000, 0),
+ ('Embezzlement', 'felony', 'OFFENSES INVOLVING THEFT', 'Theft or misappropriation of funds placed in ones trust or belonging to ones employer.', 180, 15000, 0),
+ ('Receiving Stolen Property', 'misdemeanor', 'OFFENSES INVOLVING THEFT', 'Receiving, buying, or possessing property known to be stolen.', 90, 4000, 0),
+ ('Identity Theft', 'felony', 'OFFENSES INVOLVING THEFT', 'The fraudulent acquisition and use of a persons private identifying information.', 180, 10000, 0),
+ ('Ticket Scalping', 'infraction', 'OFFENSES INVOLVING THEFT', 'Selling tickets for an event without a proper license and often at a rate exceeding the face value.', 0, 200, 0),
+
+ -- OFFENSES INVOLVING FRAUD
+ ('Wire Fraud', 'felony', 'OFFENSES INVOLVING FRAUD', 'Fraud involving the use of electronic communications.', 180, 15000, 0),
+ ('Insurance Fraud', 'felony', 'OFFENSES INVOLVING FRAUD', 'The act of falsifying or exaggerating the facts of an accident to an insurance company to obtain payment that would not otherwise be made.', 180, 10000, 0),
+ ('Securities Fraud', 'felony', 'OFFENSES INVOLVING FRAUD', 'Fraudulent practices in the stock and commodities markets, including insider trading.', 360, 25000, 0),
+ ('Credit Card Fraud', 'felony', 'OFFENSES INVOLVING FRAUD', 'Unauthorized use of a credit card to obtain goods of value.', 90, 5000, 0),
+ ('Tax Evasion', 'felony', 'OFFENSES INVOLVING FRAUD', 'The illegal nonpayment or underpayment of tax.', 180, 10000, 0),
+ ('Healthcare Fraud', 'felony', 'OFFENSES INVOLVING FRAUD', 'Filing dishonest healthcare claims to obtain a profit.', 180, 15000, 0),
+ ('Mail Fraud', 'felony', 'OFFENSES INVOLVING FRAUD', 'The use of postal services to commit fraud.', 180, 10000, 0),
+ ('Misrepresentation', 'misdemeanor', 'OFFENSES INVOLVING FRAUD', 'Deliberately providing false information in a business transaction.', 90, 3000, 0),
+ ('False Advertising', 'misdemeanor', 'OFFENSES INVOLVING FRAUD', 'Advertising products or services in a misleading or deceptive way.', 30, 2000, 0),
+ ('Phishing', 'infraction', 'OFFENSES INVOLVING FRAUD', 'Attempting to acquire sensitive information such as usernames, passwords, and credit card details by masquerading as a trustworthy entity in an electronic communication.', 0, 500, 0),
+
+ -- OFFENSES INVOLVING DAMAGE TO PROPERTY
+ ('Vandalism', 'misdemeanor', 'OFFENSES INVOLVING DAMAGE TO PROPERTY', 'Deliberately destroying or damaging property.', 30, 1000, 0),
+ ('Arson', 'felony', 'OFFENSES INVOLVING DAMAGE TO PROPERTY', 'The criminal act of deliberately setting fire to property.', 360, 20000, 0),
+ ('Graffiti', 'misdemeanor', 'OFFENSES INVOLVING DAMAGE TO PROPERTY', 'Writing or drawings scribbled, scratched, or sprayed illicitly on a wall or other surface in a public place.', 60, 2500, 0),
+ ('Criminal Mischief', 'misdemeanor', 'OFFENSES INVOLVING DAMAGE TO PROPERTY', 'Intentional or knowing damage to anothers property.', 90, 3000, 0),
+ ('Trespassing with Damage', 'misdemeanor', 'OFFENSES INVOLVING DAMAGE TO PROPERTY', 'Entering anothers property without permission and causing damage.', 30, 2000, 0),
+ ('Illegal Dumping', 'misdemeanor', 'OFFENSES INVOLVING DAMAGE TO PROPERTY', 'Disposing of waste illegally in non-designated areas.', 90, 5000, 0),
+ ('Destruction of Signs', 'infraction', 'OFFENSES INVOLVING DAMAGE TO PROPERTY', 'The act of destroying or defacing road signs or other public signs.', 0, 500, 0),
+ ('Littering', 'infraction', 'OFFENSES INVOLVING DAMAGE TO PROPERTY', 'Carelessly discarding trash or other materials on public or private property.', 0, 250, 0),
+ ('Damaging Public Utilities', 'felony', 'OFFENSES INVOLVING DAMAGE TO PROPERTY', 'Intentionally damaging or interfering with services of public utility providers.', 180, 10000, 0),
+ ('Sabotage', 'felony', 'OFFENSES INVOLVING DAMAGE TO PROPERTY', 'Deliberately destroying, damaging, or obstructing something, especially for political or military advantage.', 360, 25000, 0),
+
+ -- OFFENSES AGAINST PUBLIC ADMINISTRATION
+ ('Bribery', 'felony', 'OFFENSES AGAINST PUBLIC ADMINISTRATION', 'Offering, giving, receiving, or soliciting anything of value to influence the actions of an official or other person in charge of a public or legal duty.', 180, 15000, 0),
+ ('Perjury', 'felony', 'OFFENSES AGAINST PUBLIC ADMINISTRATION', 'The offense of willfully telling an untruth in a court after having taken an oath or affirmation.', 180, 10000, 0),
+ ('Obstruction of Justice', 'felony', 'OFFENSES AGAINST PUBLIC ADMINISTRATION', 'The crime of obstructing prosecutors or other (usually government) officials.', 180, 10000, 0),
+ ('Public Corruption', 'felony', 'OFFENSES AGAINST PUBLIC ADMINISTRATION', 'The abuse of public office for private gain.', 360, 25000, 0),
+ ('Falsifying Records', 'misdemeanor', 'OFFENSES AGAINST PUBLIC ADMINISTRATION', 'Altering, concealing, falsifying, or destroying a document to obstruct the investigation or other official matters.', 90, 5000, 0),
+ ('Witness Tampering', 'felony', 'OFFENSES AGAINST PUBLIC ADMINISTRATION', 'The attempt to alter or prevent the testimony of witnesses within criminal or civil proceedings.', 240, 15000, 0),
+ ('Illegal Lobbying', 'misdemeanor', 'OFFENSES AGAINST PUBLIC ADMINISTRATION', 'Lobbying without proper registration or when specifically prohibited.', 120, 8000, 0),
+ ('Election Fraud', 'felony', 'OFFENSES AGAINST PUBLIC ADMINISTRATION', 'Illegal interference with the process of an election.', 240, 20000, 0),
+ ('Misuse of Public Funds', 'felony', 'OFFENSES AGAINST PUBLIC ADMINISTRATION', 'Using public money for unauthorized, illegal, or unethical purposes.', 180, 15000, 0),
+ ('Unauthorized Disclosure of Confidential Information', 'infraction', 'OFFENSES AGAINST PUBLIC ADMINISTRATION', 'Improperly revealing confidential or classified information without authorization.', 0, 1000, 0),
+
+ -- OFFENSES AGAINST PUBLIC ORDER
+ ('Disorderly Conduct', 'misdemeanor', 'OFFENSES AGAINST PUBLIC ORDER', 'Engaging in behavior that disrupts public peace, including fighting, making excessive noise, or causing a public disturbance.', 30, 1000, 0),
+ ('Illegal Assembly', 'misdemeanor', 'OFFENSES AGAINST PUBLIC ORDER', 'Gathering of people with the intent of engaging in activities that breach public peace or order.', 60, 3000, 0),
+ ('Public Intoxication', 'misdemeanor', 'OFFENSES AGAINST PUBLIC ORDER', 'Appearing in public places while significantly impaired by alcohol or drugs, posing a potential danger to self and others.', 0, 500, 0),
+ ('Inciting a Riot', 'felony', 'OFFENSES AGAINST PUBLIC ORDER', 'Encouraging, promoting, or participating in violent or disruptive behavior that turns into a mass disturbance.', 90, 7000, 0),
+ ('Unlawful Protest', 'misdemeanor', 'OFFENSES AGAINST PUBLIC ORDER', 'Protesting without required permissions or in violation of legal restrictions, potentially leading to public disorder.', 30, 2000, 0),
+ ('Loitering', 'infraction', 'OFFENSES AGAINST PUBLIC ORDER', 'Remaining idle in a public place for an extended period without a clear reason, often seen as a nuisance.', 0, 250, 0),
+ ('Curfew Violation', 'infraction', 'OFFENSES AGAINST PUBLIC ORDER', 'Failing to adhere to government-imposed curfew regulations, typically enforced to maintain public order during emergencies.', 0, 300, 0),
+ ('Vagrancy', 'misdemeanor', 'OFFENSES AGAINST PUBLIC ORDER', 'Living in public spaces without a permanent home or employment, often associated with public nuisance behaviors.', 30, 1000, 0),
+ ('Public Nudity', 'misdemeanor', 'OFFENSES AGAINST PUBLIC ORDER', 'Intentionally exposing oneself in a public space, not complying with local decency laws.', 60, 2000, 0),
+ ('Illegal Gambling', 'misdemeanor', 'OFFENSES AGAINST PUBLIC ORDER', 'Organizing, participating in, or operating games of chance in public or private settings without legal authorization.', 90, 5000, 0),
+
+ -- OFFENSES AGAINST HEALTH AND MORALS
+ ('Drug Possession', 'misdemeanor', 'OFFENSES AGAINST HEALTH AND MORALS', 'Possession of illegal drugs or controlled substances without a prescription.', 60, 2000, 0),
+ ('Prostitution', 'misdemeanor', 'OFFENSES AGAINST HEALTH AND MORALS', 'Engaging in, soliciting, or arranging sexual activities in exchange for payment.', 90, 3000, 0),
+ ('Illegal Substance Sale', 'felony', 'OFFENSES AGAINST HEALTH AND MORALS', 'Selling or distributing illegal drugs or other prohibited substances.', 180, 10000, 0),
+ ('Public Indecency', 'misdemeanor', 'OFFENSES AGAINST HEALTH AND MORALS', 'Performing acts of a sexual nature in public spaces or exposing oneself inappropriately.', 30, 1000, 0),
+ ('Gambling Operation', 'felony', 'OFFENSES AGAINST HEALTH AND MORALS', 'Operating or participating in illegal gambling activities, including unlicensed casinos or sports betting.', 180, 15000, 0),
+ ('Underage Drinking', 'infraction', 'OFFENSES AGAINST HEALTH AND MORALS', 'Consuming or possessing alcohol by individuals under the legal drinking age.', 0, 500, 0),
+ ('Smoking Ban Violation', 'infraction', 'OFFENSES AGAINST HEALTH AND MORALS', 'Smoking in non-smoking areas or violating local smoking regulations.', 0, 250, 0),
+ ('Illegal Fireworks', 'misdemeanor', 'OFFENSES AGAINST HEALTH AND MORALS', 'Possessing, using, or selling fireworks without appropriate authorization.', 30, 2000, 0),
+ ('Animal Cruelty', 'misdemeanor', 'OFFENSES AGAINST HEALTH AND MORALS', 'Intentionally inflicting harm or failing to provide adequate care to animals.', 90, 5000, 0),
+ ('Illegal Tattooing', 'infraction', 'OFFENSES AGAINST HEALTH AND MORALS', 'Tattooing individuals without proper licensing or on minors without legal consent.', 0, 1000, 0),
+
+ -- OFFENSES AGAINST PUBLIC SAFETY
+ ('Firearm Possession without Permit', 'felony', 'OFFENSES AGAINST PUBLIC SAFETY', 'Owning or carrying a firearm without the necessary permits.', 180, 10000, 0),
+ ('Criminal Possession of Weapon Class A', 'felony', 'OFFENSES AGAINST PUBLIC SAFETY', 'Possession of a Class A weapon, such as a machine gun, assault rifle, or destructive device.', 360, 20000, 0),
+ ('Criminal Possession of Weapon Class B', 'felony', 'OFFENSES AGAINST PUBLIC SAFETY', 'Possession of a Class B weapon, such as a sawed-off shotgun or handgun.', 180, 15000, 0),
+ ('Criminal Possession of Weapon Class C', 'misdemeanor', 'OFFENSES AGAINST PUBLIC SAFETY', 'Possession of a Class C weapon, such as a rifle or shotgun.', 90, 5000, 0),
+ ('Criminal Possession of Weapon Class D', 'misdemeanor', 'OFFENSES AGAINST PUBLIC SAFETY', 'Possession of a Class D weapon, such as a knife or club.', 30, 1000, 0),
+ ('Reckless Endangerment', 'felony', 'OFFENSES AGAINST PUBLIC SAFETY', 'Engaging in conduct that poses a significant risk of serious physical injury to others.', 90, 7000, 0),
+ ('Traffic Violation', 'infraction', 'OFFENSES AGAINST PUBLIC SAFETY', 'Violating traffic laws such as speeding, running red lights, or illegal parking.', 0, 500, 1),
+ ('Illegal Hunting', 'misdemeanor', 'OFFENSES AGAINST PUBLIC SAFETY', 'Hunting wildlife in restricted areas or during off-seasons without proper permits.', 60, 3000, 0),
+ ('Building Code Violation', 'misdemeanor', 'OFFENSES AGAINST PUBLIC SAFETY', 'Violating local building regulations, potentially creating safety hazards.', 30, 2000, 0),
+ ('DUI with Bodily Injury', 'felony', 'OFFENSES AGAINST PUBLIC SAFETY', 'Driving under the influence of alcohol or drugs and causing bodily harm.', 180, 15000, 3),
+ ('Possession of Explosives', 'felony', 'OFFENSES AGAINST PUBLIC SAFETY', 'Illegally possessing or improperly handling explosive materials.', 360, 20000, 0),
+ ('Hazardous Waste Dumping', 'felony', 'OFFENSES AGAINST PUBLIC SAFETY', 'Disposing of hazardous materials in a manner that endangers public health and the environment.', 180, 15000, 0),
+ ('Negligent Discharge of a Firearm', 'misdemeanor', 'OFFENSES AGAINST PUBLIC SAFETY', 'Accidentally discharging a firearm due to careless handling.', 60, 3000, 0),
+ ('Improper Transport of Hazardous Materials', 'felony', 'OFFENSES AGAINST PUBLIC SAFETY', 'Transporting hazardous materials without adhering to safety regulations and legal requirements.', 240, 15000, 0),
+
+ -- OFFENSES INVOLVING THE OPERATION OF A VEHICLE
+ ('Driving Without a License', 'misdemeanor', 'OFFENSES INVOLVING THE OPERATION OF A VEHICLE', 'Operating a vehicle without a valid driving license.', 0, 1000, 2),
+ ('Driving with a Suspended License', 'misdemeanor', 'OFFENSES INVOLVING THE OPERATION OF A VEHICLE', 'Driving when your drivers license has been suspended or revoked.', 30, 2000, 2),
+ ('Hit and Run', 'felony', 'OFFENSES INVOLVING THE OPERATION OF A VEHICLE', 'Leaving the scene of an accident without providing contact information or assisting the injured.', 180, 10000, 3),
+ ('Reckless Driving', 'misdemeanor', 'OFFENSES INVOLVING THE OPERATION OF A VEHICLE', 'Driving with a willful disregard for the safety of persons or property.', 60, 3000, 4),
+ ('Vehicle Manslaughter', 'felony', 'OFFENSES INVOLVING THE OPERATION OF A VEHICLE', 'Causing the death of another through negligent or reckless driving.', 360, 20000, 0),
+ ('Traffic Obstruction', 'infraction', 'OFFENSES INVOLVING THE OPERATION OF A VEHICLE', 'Obstructing traffic flow intentionally or unintentionally.', 0, 500, 0),
+ ('Illegal Street Racing', 'misdemeanor', 'OFFENSES INVOLVING THE OPERATION OF A VEHICLE', 'Participating in unauthorized speed contests on public roads.', 90, 5000, 3),
+ ('Driving Under the Influence (DUI)', 'felony', 'OFFENSES INVOLVING THE OPERATION OF A VEHICLE', 'Operating a vehicle while under the influence of alcohol or drugs.', 90, 7000, 3),
+ ('Failure to Yield', 'infraction', 'OFFENSES INVOLVING THE OPERATION OF A VEHICLE', 'Failing to yield the right of way to other road users where required.', 0, 250, 1),
+ ('Driving with Obstructed View', 'infraction', 'OFFENSES INVOLVING THE OPERATION OF A VEHICLE', 'Driving a vehicle with objects blocking the drivers view or control.', 0, 300, 0),
+
+ -- OFFENSES INVOLVING THE WELL-BEING OF WILDLIFE
+ ('Illegal Fishing', 'misdemeanor', 'OFFENSES INVOLVING THE WELL-BEING OF WILDLIFE', 'Fishing without a license or in restricted areas.', 30, 2000, 0),
+ ('Wildlife Smuggling', 'felony', 'OFFENSES INVOLVING THE WELL-BEING OF WILDLIFE', 'Illegally exporting or importing protected or endangered species.', 360, 25000, 0),
+ ('Destroying Habitat', 'felony', 'OFFENSES INVOLVING THE WELL-BEING OF WILDLIFE', 'Deliberate destruction of environments that support wildlife.', 180, 15000, 0),
+ ('Poaching', 'felony', 'OFFENSES INVOLVING THE WELL-BEING OF WILDLIFE', 'Illegal hunting, killing, or capturing of wild animals.', 180, 10000, 0),
+ ('Illegal Logging', 'felony', 'OFFENSES INVOLVING THE WELL-BEING OF WILDLIFE', 'Unauthorized cutting down of trees in protected areas.', 180, 15000, 0),
+ ('Disrupting Wildlife with Noise Pollution', 'misdemeanor', 'OFFENSES INVOLVING THE WELL-BEING OF WILDLIFE', 'Causing noise that can harm wildlife behavior and natural habitat.', 60, 3000, 0),
+ ('Feeding Wildlife Illegally', 'infraction', 'OFFENSES INVOLVING THE WELL-BEING OF WILDLIFE', 'Feeding wildlife in areas where it is prohibited by law.', 0, 500, 0),
+ ('Illegal Pet Trade', 'felony', 'OFFENSES INVOLVING THE WELL-BEING OF WILDLIFE', 'Engaging in the sale or purchase of wild animals as pets illegally.', 360, 20000, 0),
+ ('Use of Harmful Pesticides', 'misdemeanor', 'OFFENSES INVOLVING THE WELL-BEING OF WILDLIFE', 'Using pesticides that are known to cause significant harm to wildlife.', 90, 5000, 0),
+ ('Littering in Natural Reserves', 'misdemeanor', 'OFFENSES INVOLVING THE WELL-BEING OF WILDLIFE', 'Disposing of waste in a natural reserve, negatively affecting wildlife.', 30, 2000, 0);
\ No newline at end of file
diff --git a/sql/import.sql b/sql/import.sql
new file mode 100644
index 0000000..8955282
--- /dev/null
+++ b/sql/import.sql
@@ -0,0 +1,180 @@
+CREATE TABLE
+ IF NOT EXISTS `mdt_offenses` (
+ `label` varchar(100) NOT NULL,
+ `type` ENUM('misdemeanor', 'felony', 'infraction') NOT NULL,
+ `category` ENUM(
+ 'OFFENSES AGAINST PERSONS',
+ 'OFFENSES INVOLVING THEFT',
+ 'OFFENSES INVOLVING FRAUD',
+ 'OFFENSES INVOLVING DAMAGE TO PROPERTY',
+ 'OFFENSES AGAINST PUBLIC ADMINISTRATION',
+ 'OFFENSES AGAINST PUBLIC ORDER',
+ 'OFFENSES AGAINST HEALTH AND MORALS',
+ 'OFFENSES AGAINST PUBLIC SAFETY',
+ 'OFFENSES INVOLVING THE OPERATION OF A VEHICLE',
+ 'OFFENSES INVOLVING THE WELL-BEING OF WILDLIFE') NOT NULL,
+ `description` varchar(250) NOT NULL,
+ `time` int UNSIGNED NOT NULL DEFAULT 0,
+ `fine` int UNSIGNED NOT NULL DEFAULT 0,
+ `points` int UNSIGNED NOT NULL DEFAULT 0,
+ PRIMARY KEY (`label`)
+);
+
+CREATE TABLE
+ IF NOT EXISTS `mdt_incidents` (
+ `id` int UNSIGNED NOT NULL AUTO_INCREMENT,
+ `title` varchar(50) NOT NULL,
+ `description` text DEFAULT NULL,
+ `author` varchar(50) DEFAULT NULL,
+ `date` datetime DEFAULT CURRENT_TIMESTAMP,
+ PRIMARY KEY (`id`)
+);
+
+CREATE TABLE
+ IF NOT EXISTS `mdt_incidents_criminals` (
+ `incidentid` INT UNSIGNED NOT NULL,
+ `citizenid` VARCHAR(50) NOT NULL,
+ `reduction` TINYINT UNSIGNED NULL DEFAULT NULL,
+ `warrantExpiry` DATE NULL DEFAULT NULL,
+ `processed` TINYINT NULL DEFAULT NULL,
+ `pleadedGuilty` TINYINT NULL DEFAULT NULL,
+ INDEX `incidentid` (`incidentid`),
+ INDEX `FK_mdt_incidents_incidents_players` (`citizenid`),
+ CONSTRAINT `mdt_incidents_criminals_ibfk_2` FOREIGN KEY (`incidentid`) REFERENCES `mdt_incidents` (`id`) ON UPDATE CASCADE ON DELETE CASCADE
+);
+
+CREATE TABLE
+ IF NOT EXISTS `mdt_incidents_officers` (
+ `incidentid` int UNSIGNED NOT NULL,
+ `citizenid` VARCHAR(50) NOT NULL,
+ KEY `FK_mdt_incidents_officers_players` (`citizenid`),
+ KEY `incidentid` (`incidentid`),
+ CONSTRAINT `FK_mdt_incidents_officers_mdt_incidents` FOREIGN KEY (`incidentid`) REFERENCES `mdt_incidents` (`id`) ON DELETE CASCADE ON UPDATE CASCADE
+);
+
+CREATE TABLE
+ IF NOT EXISTS `mdt_incidents_charges` (
+ `incidentid` int UNSIGNED NOT NULL,
+ `citizenid` VARCHAR(50) NOT NULL,
+ `charge` VARCHAR(100) DEFAULT NULL,
+ `type` ENUM('misdemeanor', 'felony', 'infraction') NOT NULL,
+ `count` int UNSIGNED NOT NULL DEFAULT 1,
+ `time` int UNSIGNED DEFAULT NULL,
+ `fine` int UNSIGNED DEFAULT NULL,
+ `points` int UNSIGNED DEFAULT NULL,
+ KEY `FK_mdt_incidents_charges_mdt_incidents_criminals` (`incidentid`),
+ KEY `FK_mdt_incidents_charges_mdt_incidents_criminals_2` (`citizenid`),
+ KEY `FK_mdt_incidents_charges_mdt_offenses` (`charge`),
+ CONSTRAINT `FK_mdt_incidents_charges_mdt_offenses` FOREIGN KEY (`charge`) REFERENCES `mdt_offenses` (`label`) ON DELETE CASCADE ON UPDATE CASCADE,
+ CONSTRAINT `FK_mdt_incidents_charges_mdt_incidents_criminals_2` FOREIGN KEY (`citizenid`) REFERENCES `mdt_incidents_criminals` (`citizenid`) ON DELETE CASCADE ON UPDATE CASCADE
+);
+
+CREATE TABLE
+ IF NOT EXISTS `mdt_incidents_evidence` (
+ `incidentid` INT UNSIGNED NOT NULL,
+ `label` VARCHAR(50) NOT NULL DEFAULT '',
+ `image` VARCHAR(90) NOT NULL DEFAULT '',
+ INDEX `incidentid` (`incidentid`),
+ CONSTRAINT `FK_mdt_incidents_evidence_mdt_incidents` FOREIGN KEY (`incidentid`) REFERENCES `mdt_incidents` (`id`) ON UPDATE CASCADE ON DELETE CASCADE
+);
+
+CREATE TABLE
+ IF NOT EXISTS `mdt_announcements` (
+ `id` INT UNSIGNED NOT NULL AUTO_INCREMENT,
+ `creator` VARCHAR(50) NOT NULL,
+ `contents` TEXT NOT NULL,
+ `createdAt` DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
+ PRIMARY KEY (`id`),
+ INDEX `FK_mdt_announcements_players` (`creator`)
+);
+
+CREATE TABLE
+ IF NOT EXISTS `mdt_warrants` (
+ `incidentid` INT UNSIGNED NOT NULL,
+ `citizenid` VARCHAR(50) NOT NULL,
+ `expiresAt` DATETIME NOT NULL,
+ CONSTRAINT `mdt_warrants_mdt_incidents_id_fk` FOREIGN KEY (`incidentid`) REFERENCES `mdt_incidents` (`id`) ON UPDATE CASCADE ON DELETE CASCADE
+);
+
+CREATE TABLE
+ IF NOT EXISTS `mdt_profiles` (
+ `id` INT UNSIGNED AUTO_INCREMENT PRIMARY KEY,
+ `citizenid` VARCHAR(50) NOT NULL,
+ `image` VARCHAR(90) NULL,
+ `notes` TEXT NULL,
+ `callsign` VARCHAR(10) NULL,
+ `apu` TINYINT NULL DEFAULT NULL,
+ `air` TINYINT NULL DEFAULT NULL,
+ `mc` TINYINT NULL DEFAULT NULL,
+ `k9` TINYINT NULL DEFAULT NULL,
+ `fto` TINYINT NULL DEFAULT NULL,
+ `fingerprint` VARCHAR(90) NULL,
+ `lastActive` DATETIME DEFAULT NULL,
+ CONSTRAINT `mdt_profiles_pk` UNIQUE (`callsign`),
+ CONSTRAINT `mdt_profiles_pk2` UNIQUE (`citizenid`)
+);
+
+CREATE TABLE
+ IF NOT EXISTS `mdt_recent_activity` (
+ `id` INT UNSIGNED AUTO_INCREMENT PRIMARY KEY,
+ `citizenid` VARCHAR(50) NOT NULL,
+ `category` VARCHAR(100) DEFAULT NULL,
+ `type` ENUM('created', 'updated', 'deleted') NOT NULL,
+ `date` datetime DEFAULT CURRENT_TIMESTAMP,
+ `activityid` INT UNSIGNED DEFAULT NULL
+);
+
+CREATE TABLE
+ IF NOT EXISTS `mdt_reports` (
+ `id` int UNSIGNED NOT NULL AUTO_INCREMENT,
+ `title` varchar(50) NOT NULL,
+ `description` text DEFAULT NULL,
+ `author` varchar(50) DEFAULT NULL,
+ `date` datetime DEFAULT CURRENT_TIMESTAMP,
+ PRIMARY KEY (`id`)
+);
+
+CREATE TABLE
+ IF NOT EXISTS `mdt_reports_officers` (
+ `reportid` int UNSIGNED NOT NULL,
+ `citizenid` VARCHAR(50) NOT NULL,
+ KEY `FK_mdt_reports_officers_players` (`citizenid`),
+ KEY `reportid` (`reportid`),
+ CONSTRAINT `FK_mdt_reports_officers_mdt_reports` FOREIGN KEY (`reportid`) REFERENCES `mdt_reports` (`id`) ON DELETE CASCADE ON UPDATE CASCADE
+);
+
+CREATE TABLE
+ IF NOT EXISTS `mdt_reports_citizens` (
+ `reportid` int UNSIGNED NOT NULL,
+ `citizenid` VARCHAR(50) NOT NULL,
+ KEY `FK_mdt_reports_players` (`citizenid`),
+ KEY `reportid` (`reportid`),
+ CONSTRAINT `FK_mdt_reports_players_mdt_reports` FOREIGN KEY (`reportid`) REFERENCES `mdt_reports` (`id`) ON DELETE CASCADE ON UPDATE CASCADE
+);
+
+CREATE TABLE
+ IF NOT EXISTS `mdt_reports_evidence` (
+ `reportid` INT UNSIGNED NOT NULL,
+ `label` VARCHAR(50) NOT NULL DEFAULT '',
+ `image` VARCHAR(90) NOT NULL DEFAULT '',
+ INDEX `reportid` (`reportid`),
+ CONSTRAINT `FK_mdt_reports_evidence_mdt_reports` FOREIGN KEY (`reportid`) REFERENCES `mdt_reports` (`id`) ON UPDATE CASCADE ON DELETE CASCADE
+);
+
+CREATE TABLE
+ IF NOT EXISTS `mdt_vehicles` (
+ `id` INT UNSIGNED AUTO_INCREMENT PRIMARY KEY,
+ `plate` VARCHAR(50) NOT NULL,
+ `image` VARCHAR(90) NULL,
+ `notes` TEXT NULL,
+ `known_information` JSON NULL,
+ UNIQUE (`plate`)
+);
+
+CREATE TABLE
+ IF NOT EXISTS `mdt_bolos` (
+ `plate` VARCHAR(50) NOT NULL,
+ `reason` TEXT NOT NULL,
+ `expiresAt` DATETIME NOT NULL,
+ UNIQUE (`plate`)
+);
\ No newline at end of file
diff --git a/web/.eslintrc.cjs b/web/.eslintrc.cjs
new file mode 100644
index 0000000..d6c9537
--- /dev/null
+++ b/web/.eslintrc.cjs
@@ -0,0 +1,18 @@
+module.exports = {
+ root: true,
+ env: { browser: true, es2020: true },
+ extends: [
+ 'eslint:recommended',
+ 'plugin:@typescript-eslint/recommended',
+ 'plugin:react-hooks/recommended',
+ ],
+ ignorePatterns: ['dist', '.eslintrc.cjs'],
+ parser: '@typescript-eslint/parser',
+ plugins: ['react-refresh'],
+ rules: {
+ 'react-refresh/only-export-components': [
+ 'warn',
+ { allowConstantExport: true },
+ ],
+ },
+}
diff --git a/web/.gitignore b/web/.gitignore
new file mode 100644
index 0000000..a547bf3
--- /dev/null
+++ b/web/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/web/index.html b/web/index.html
new file mode 100644
index 0000000..823f379
--- /dev/null
+++ b/web/index.html
@@ -0,0 +1,16 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
+
+export default Dispatch;
diff --git a/web/src/layers/dispatch/dispatch.css b/web/src/layers/dispatch/dispatch.css
new file mode 100644
index 0000000..77736ff
--- /dev/null
+++ b/web/src/layers/dispatch/dispatch.css
@@ -0,0 +1,39 @@
+.box {
+ background-color: #242527;
+ color: #d5d5d5;
+ position: absolute;
+ cursor: move;
+ width: 300px;
+ height: 125px;
+ border-radius: 6.5px;
+ margin: auto;
+ user-select: none;
+ z-index: 2;
+}
+
+.top-bar {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 15px;
+ height: 30px;
+}
+
+.middle {
+ display: flex;
+ align-items: center;
+ padding-left: 15px;
+ padding-right: 15px;
+ height: 60px;
+}
+
+.bottom-bar {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding-top: 15px;
+ padding-bottom: 15px;
+ padding-left: 25px;
+ padding-right: 25px;
+ height: 35px;
+}
\ No newline at end of file
diff --git a/web/src/layers/mdt/MDT.css b/web/src/layers/mdt/MDT.css
new file mode 100644
index 0000000..d458d58
--- /dev/null
+++ b/web/src/layers/mdt/MDT.css
@@ -0,0 +1,20 @@
+.app-container {
+ height: 100%;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.opacity {
+ opacity: 0.5;
+}
+
+.mdt {
+ display: flex;
+ height: 900px;
+ width: 1750px;
+ background-color: var(--main-bg-color);
+ border-radius: 5px;
+ z-index: 5;
+}
\ No newline at end of file
diff --git a/web/src/layers/mdt/MDT.tsx b/web/src/layers/mdt/MDT.tsx
new file mode 100644
index 0000000..bfbaf83
--- /dev/null
+++ b/web/src/layers/mdt/MDT.tsx
@@ -0,0 +1,150 @@
+import { Transition } from "@mantine/core";
+import {
+ Sidebar,
+ Dashboard,
+ Profiles,
+ Roster,
+ Charges,
+ CodesAndCommands,
+} from "./components";
+import { Route, Routes } from "react-router-dom";
+import "./MDT.css";
+import { useEffect, useState } from "react";
+import Incidents from "./components/Incidents";
+import { ModalsProvider } from "@mantine/modals";
+import Dispatch from "./components/Dispatch";
+import {
+ useAppVisibilityStore,
+ useChargeStore,
+ usePersonalDataStore,
+ useProfilesStore,
+} from "../../stores";
+import { useNuiEvent } from "../../hooks/useNuiEvent";
+import { Character, Charge, CustomProfileData } from "../../typings";
+import Reports from "./components/Reports";
+import useReportStore from "../../stores/reports/report";
+import useIncidentStore from "../../stores/incidents/incident";
+import { default as locales, setLocale } from "../../locales";
+import dayjs from "dayjs";
+import { fetchNui } from "../../utils/fetchNui";
+import Vehicles from "./components/Vehicles";
+import { isEnvBrowser } from "../../utils/misc";
+
+const MDT: React.FC = () => {
+ const [isMouseOutsideMdt, setIsMouseOutsideMdt] = useState(false);
+ const { showApp, setVisibility } = useAppVisibilityStore();
+ const { setEvidence } = useReportStore();
+ const setPersonalData = usePersonalDataStore(
+ (state) => state.setPersonalData
+ );
+ const setIncidentEvidence = useIncidentStore((state) => state.setEvidence);
+ const setProfileCards = useProfilesStore((state) => state.setProfileCards);
+ const { setCharges } = useChargeStore();
+
+ useNuiEvent(
+ "setInitData",
+ async (data: {
+ locale: string;
+ locales: typeof locales;
+ profileCards: CustomProfileData[];
+ charges: { [category: string]: Charge[] };
+ }) => {
+ setLocale(data.locales);
+ setCharges(data.charges);
+ setProfileCards(data.profileCards);
+
+ await import(`../../../node_modules/dayjs/locale/${data.locale}.js`);
+ dayjs.locale(data.locale);
+ }
+ );
+
+ useNuiEvent<{ personalData: Character }>("openMDT", (data) => {
+ setPersonalData(data.personalData);
+ setVisibility(true);
+ });
+
+ useNuiEvent("setVisible", (data: { visible: boolean }) => {
+ setVisibility(data.visible);
+ });
+
+ useNuiEvent(
+ "updateReportEvidence",
+ async (data: { imageLabel: string; imageURL: string }) => {
+ setEvidence((prev) => [
+ ...prev,
+ {
+ label: data.imageLabel,
+ image: data.imageURL,
+ },
+ ]);
+ }
+ );
+
+ useNuiEvent(
+ "updateIncidentEvidence",
+ async (data: { imageLabel: string; imageURL: string }) => {
+ setIncidentEvidence((prev) => [
+ ...prev,
+ {
+ label: data.imageLabel,
+ image: data.imageURL,
+ },
+ ]);
+ }
+ );
+
+ useEffect(() => {
+ const keyDownHandler = async (event: KeyboardEvent) => {
+ if (event.key === "Escape") {
+ fetchNui("exit");
+ }
+ };
+
+ // Add event listener
+ window.addEventListener("keydown", keyDownHandler);
+
+ // Cleanup function to remove the event listener
+ return () => {
+ window.removeEventListener("keydown", keyDownHandler);
+ };
+ }, []);
+
+ return (
+
+
+
+
+
+
+
+ {currentCall
+ ? `${calls.indexOf(currentCall) + 1} / ${calls.length}`
+ : `0 / ${calls.length}`}
+
+
+
+
+
+ {currentCall &&
+ (dayjs(currentCall.time).fromNow() === "a few seconds ago"
+ ? "Just now"
+ : dayjs(currentCall.time).fromNow())}
+
+
+
+ {currentCall && (
+
+ {currentCall.units.length}
+
+ )}
+
+ {currentCall ? (
+
+
+
+
+ ) : (
+
+
+ {currentCall.offense}
+
+
+
+ {currentCall.code}
+
+
+
+
+ {currentCall.location}
+
+
+ No active calls
+
+ )}
+
+
+
+
+
+
+ Previous
+
+
+
+ Respond
+
+
+
+ {respondKey}
+
+
+
+
+
+
+ Next
+
+
+
+ {(style) => (
+
+
+ );
+};
+
+export default MDT;
diff --git a/web/src/layers/mdt/assets/lspd.png b/web/src/layers/mdt/assets/lspd.png
new file mode 100644
index 0000000..da54aab
Binary files /dev/null and b/web/src/layers/mdt/assets/lspd.png differ
diff --git a/web/src/layers/mdt/assets/police-logo.png b/web/src/layers/mdt/assets/police-logo.png
new file mode 100644
index 0000000..07ba047
Binary files /dev/null and b/web/src/layers/mdt/assets/police-logo.png differ
diff --git a/web/src/layers/mdt/assets/react.svg b/web/src/layers/mdt/assets/react.svg
new file mode 100644
index 0000000..6c87de9
--- /dev/null
+++ b/web/src/layers/mdt/assets/react.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/web/src/layers/mdt/components/Charges/components/ChargeCard.tsx b/web/src/layers/mdt/components/Charges/components/ChargeCard.tsx
new file mode 100644
index 0000000..47aefe5
--- /dev/null
+++ b/web/src/layers/mdt/components/Charges/components/ChargeCard.tsx
@@ -0,0 +1,136 @@
+import { Badge, Tooltip, Group, Button, Text, ActionIcon } from '@mantine/core'
+import React from 'react'
+import '../index.css'
+import { Charge } from '../../../../../typings'
+import { modals } from '@mantine/modals'
+import EditChargeModal from './modals/EditChargeModal'
+import { fetchNui } from '../../../../../utils/fetchNui'
+import { IconTrash } from '@tabler/icons-react'
+import { useChargeStore, usePersonalDataStore } from '../../../../../stores'
+import { ChargesObject } from '../../../../../stores/chargesStore'
+import locales from '../../../../../locales'
+
+interface Props {
+ charge: Charge
+}
+
+const ChargeCard = ({ charge }: Props) => {
+ const { setCharges } = useChargeStore();
+ const personalRole = usePersonalDataStore(state => state.personalData.role);
+
+ function checkPermissionForRole(personalRole: string): boolean {
+ if (personalRole === 'Chief' || personalRole === 'Assistant Chief' || personalRole === 'Captain' || personalRole === 'Lieutenant' || personalRole === 'Sergeant') {
+ return false;
+ } else {
+ return true;
+ }
+ }
+
+ return (
+ {
+ setIsMouseOutsideMdt(false);
+ }}
+ onMouseLeave={() => {
+ setIsMouseOutsideMdt(isEnvBrowser() ? false : true);
+ }}
+ >
+
+
+
+
+
+ )}
+
+
+ {charge.label}
+
+
+
+
+ {charge.description}
+
+
+
+
+
+ {charge.type.charAt(0).toUpperCase() + charge.type.slice(1)}
+
+
+
+
+ )
+}
+
+export default ChargeCard
\ No newline at end of file
diff --git a/web/src/layers/mdt/components/Charges/components/modals/EditChargeModal.tsx b/web/src/layers/mdt/components/Charges/components/modals/EditChargeModal.tsx
new file mode 100644
index 0000000..6579168
--- /dev/null
+++ b/web/src/layers/mdt/components/Charges/components/modals/EditChargeModal.tsx
@@ -0,0 +1,96 @@
+import { Button, NumberInput, Stack } from '@mantine/core';
+import React, { useState } from 'react';
+import { Charge } from '../../../../../../typings';
+import { fetchNui } from '../../../../../../utils/fetchNui';
+import { modals } from '@mantine/modals';
+import { useChargeStore, usePersonalDataStore } from '../../../../../../stores';
+import { ChargesObject } from '../../../../../../stores/chargesStore';
+import locales from '../../../../../../locales';
+
+interface Props {
+ charge: Charge;
+}
+
+const EditChargeModal: React.FC
+
+ ${charge.fine} {locales.fine}
+
+
+
+ {charge.time} {locales.months}
+
+
+
+ {charge.points} {locales.points}
+
+
+
+
+ {
+ modals.openConfirmModal({
+ title: {locales.delete_charge} ,
+ size: 'sm',
+ centered: true,
+ labels: { confirm: locales.confirm, cancel: locales.cancel },
+ groupProps: {
+ spacing: 6,
+ },
+ confirmProps: { color: 'red' },
+ onConfirm: async () => {
+ const success = await fetchNui(
+ 'deleteCharge',
+ { label: charge.label },
+ { data: 1 }
+ );
+
+ if (success) {
+ setCharges((prevCharges) => {
+ const newCharges: ChargesObject = {};
+ Object.keys(prevCharges).forEach((category) => {
+ newCharges[category] = prevCharges[category].filter(c => c.label !== charge.label);
+ });
+ return newCharges;
+ });
+ }
+ },
+ children: (
+
+ {locales.delete_charge_confirm.format(charge.label)}
+
+ ),
+ })
+ }}>
+
+
+
+
+
+
+
+
+ )
+}
+
+export default Charges
\ No newline at end of file
diff --git a/web/src/layers/mdt/components/CodesAndCommands/index.css b/web/src/layers/mdt/components/CodesAndCommands/index.css
new file mode 100644
index 0000000..6b53fdf
--- /dev/null
+++ b/web/src/layers/mdt/components/CodesAndCommands/index.css
@@ -0,0 +1,34 @@
+.codes-and-command {
+ display: flex;
+ flex-direction: row;
+ gap: 10px;
+ margin: 20px 30px;
+ width: 100%;
+}
+
+.codes-and-command-background {
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+ background-color: #242527;
+ border-radius: 5px;
+ padding: 15px;
+ flex: 1;
+}
+
+.codes-and-command-extra {
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+ flex: 1;
+}
+
+.command-background {
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+ background-color: #242527;
+ border-radius: 5px;
+ padding: 15px;
+ height: 300px;
+}
\ No newline at end of file
diff --git a/web/src/layers/mdt/components/CodesAndCommands/index.tsx b/web/src/layers/mdt/components/CodesAndCommands/index.tsx
new file mode 100644
index 0000000..84c7c7d
--- /dev/null
+++ b/web/src/layers/mdt/components/CodesAndCommands/index.tsx
@@ -0,0 +1,170 @@
+import React, { useState } from 'react'
+import './index.css'
+import { ScrollArea, Table, Text, createStyles, rem } from '@mantine/core';
+
+const useStyles = createStyles((theme) => ({
+ header: {
+ position: 'sticky',
+ top: -1,
+ backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,
+ transition: 'box-shadow 150ms ease',
+
+ '&::after': {
+ content: '""',
+ position: 'absolute',
+ left: 0,
+ right: 0,
+ bottom: 0,
+ borderBottom: `${rem(1)} solid ${
+ theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[2]
+ }`,
+ },
+ },
+
+ scrolled: {
+ boxShadow: theme.shadows.sm,
+ },
+}));
+
+const codesElements = [
+ { code: '10-0', description: 'Mistet mistænkte af syne' },
+ { code: '10-3', description: 'Stop radio transmission' },
+ { code: '10-4', description: 'Modtaget' },
+ { code: '10-6', description: 'Ikke tilgængelig' },
+ { code: '10-7', description: 'Off-Duty' },
+ { code: '10-8', description: 'On-duty' },
+ { code: '10-9', description: 'Gentag' },
+ { code: '10-10', description: 'Skift radio frekvens' },
+ { code: '10-13', description: 'Skud affyret' },
+ { code: '10-14', description: 'Stolen numberplate' },
+ { code: '10-15', description: 'Igangværende biltyveri' },
+ { code: '10-16', description: 'Brug for persontransport' },
+ { code: '10-19', description: 'Kører tilbage til stationen' },
+ { code: '10-20', description: 'Position' },
+ { code: '10-22', description: 'Ignorer sidste signal' },
+ { code: '10-23', description: 'Ankommet til _____' },
+ { code: '10-25', description: 'Mangler køremakker' },
+ { code: '10-26', description: 'Person i varetægt' },
+ { code: '10-28', description: 'Tjek MDT for oplysninger' },
+ { code: '10-37', description: 'Afvent' },
+ { code: '10-38', description: 'Trafikstop' },
+ { code: '10-39', description: 'Mistænkelig adfærd' },
+ { code: '10-43', description: 'Kald en læge' },
+ { code: '10-50', description: 'Færdselsuheld' },
+ { code: '10-51', description: 'Totalskadet køretøj' },
+ { code: '10-56', description: 'Butiks-/juvelrøveri' },
+ { code: '10-66', description: 'Husrøveri' },
+ { code: '10-76', description: 'På vej til' },
+ { code: '10-77', description: 'Ankomsttid / ETA' },
+ { code: '10-78', description: 'Brug for assistance' },
+ { code: '10-80', description: 'Biljagt' },
+ { code: '10-81', description: 'Jagt til fods' },
+ { code: '10-85', description: 'Helikopter enhed' },
+ { code: '10-89', description: 'Betjent nede' },
+ { code: '10-90', description: 'Bankrøveri' },
+ { code: '10-92', description: 'Oil Rig Angreb' },
+ { code: '10-98', description: 'Fængselsudbrud' },
+ { code: '10-99', description: 'Efterlyst person' },
+ { code: '10-101', description: 'Status' },
+];
+
+const codesMeaningElements = [
+ { code: 'Code 1', description: 'Almindelig kørsel' },
+ { code: 'Code 2', description: 'Kørsel med lys' },
+ { code: 'Code 3', description: 'Kørsel med lys & sirene' },
+ { code: 'Code 4', description: 'Alt under kontrol' },
+ { code: 'Code 5', description: 'Felony stop' },
+];
+
+const codesColorMeaningElements = [
+ { code: 'Kode rød', description: 'Stop med nødvendig force' },
+ { code: 'Kode orange', description: 'Pit tilladt hvis muligt' },
+ { code: 'Kode grøn', description: 'Følg efter personen' },
+ { code: 'Ocean king', description: 'Besvarer 10-101' },
+ { code: 'Signal 100', description: 'Alt radio kommunikation stoppes' },
+]
+
+const CodesAndCommands = () => {
+ const { classes, cx } = useStyles();
+ const [scrolledCodes, setScrolledCodes] = useState(false);
+
+ const codesRows = codesElements.map((element) => (
+
+
+
+
+
+ {locales.create_charge}
+
+
+
+
+ setChargeLabel(e.target.value)}
+ w={200}
+ disabled={checkPermissionForRole(personalRole)}
+ />
+
+ setChargeDescription(e.target.value)}
+ w={250}
+ disabled={checkPermissionForRole(personalRole)}
+ />
+
+
+
+
+
+
+
+
+
+ {Object.entries(charges).map(([category, charges]) => (
+
+
+
+ {category}
+
+
+
+ ))}
+
+ {sortCharges(charges).map(charge => (
+
+
+
+ )
+}
+
+export default CodesAndCommands;
\ No newline at end of file
diff --git a/web/src/layers/mdt/components/CreateBoloModal.tsx b/web/src/layers/mdt/components/CreateBoloModal.tsx
new file mode 100644
index 0000000..b056229
--- /dev/null
+++ b/web/src/layers/mdt/components/CreateBoloModal.tsx
@@ -0,0 +1,78 @@
+import React, { useState } from 'react';
+import { Button, Stack, Textarea, TextInput } from '@mantine/core';
+import { modals } from '@mantine/modals';
+import useVehiclesStore from '../../../stores/vehicles/vehicles';
+import { fetchNui } from '../../../utils/fetchNui';
+import locales from '../../../locales';
+import { useForm } from '@mantine/form';
+import { DatePickerInput } from '@mantine/dates';
+import { IconCalendar } from '@tabler/icons-react';
+import dayjs from 'dayjs';
+
+interface Props {
+ plate?: string;
+}
+
+const CreateBoloModal: React.FC
+
+ 10 Codes
+
+ setScrolledCodes(y !== 0)}>
+
+
+
+
+
+
+ | Code | +Description | +
|---|
+
+
+
+ Codes Meaning
+
+
+
+
+
+
+
+
+ | Codes | +Meaning | +
|---|
+
+ Codes Color Meaning
+
+
+
+
+
+
+
+ | Color Codes | +Meaning | +
|---|
+
+ )
+}
+
+export default AnnouncementsCard
\ No newline at end of file
diff --git a/web/src/layers/mdt/components/Dashboard/components/BolosCard.tsx b/web/src/layers/mdt/components/Dashboard/components/BolosCard.tsx
new file mode 100644
index 0000000..768e5cd
--- /dev/null
+++ b/web/src/layers/mdt/components/Dashboard/components/BolosCard.tsx
@@ -0,0 +1,96 @@
+import React, { useEffect, useState } from 'react'
+import '../index.css';
+import { rem, Divider, Text, Center, Loader, ScrollArea } from '@mantine/core'
+import { IconBadgeTm, IconZoomExclamation } from '@tabler/icons-react'
+import locales from '../../../../../locales';
+import useBoloStore, { Bolo } from '../../../../../stores/bolosStore';
+import { modals } from '@mantine/modals';
+import BoloModal from './modals/BoloModal';
+import { fetchNui } from '../../../../../utils/fetchNui';
+import dayjs from 'dayjs';
+
+const BolosCard = () => {
+ const { bolos, getBolos } = useBoloStore();
+ const [isLoading, setIsLoading] = useState(false);
+
+ useEffect(() => {
+ setIsLoading(true);
+ const fetchData = async () => {
+ getBolos();
+ };
+
+ fetchData().then(() => {
+ setIsLoading(false);
+ });
+ }, []);
+
+ return (
+
+
+ {locales.announcements}
+
+
+
+
+
+
+ {
+ modals.open({
+ title: {locales.create_announcement} ,
+ centered: true,
+ children:
+
+
+ {
+ modals.open({
+ title: {locales.all_announcements} ,
+ centered: true,
+ children:
+
+
+
+ {isLoading ? (
+
+
+ ) : sortedAnnouncements.length > 0 ? (
+ sortedAnnouncements.map((announcement) => (
+
+ {locales.no_announcements_found}
+
+ )}
+
+
+
+
+
+ )
+}
+
+export default BolosCard
\ No newline at end of file
diff --git a/web/src/layers/mdt/components/Dashboard/components/Card.tsx b/web/src/layers/mdt/components/Dashboard/components/Card.tsx
new file mode 100644
index 0000000..8b26d74
--- /dev/null
+++ b/web/src/layers/mdt/components/Dashboard/components/Card.tsx
@@ -0,0 +1,53 @@
+import { Group, Avatar, Stack, Text } from '@mantine/core'
+import dayjs from 'dayjs'
+import React from 'react'
+import '../index.css'
+import relativeTime from 'dayjs/plugin/relativeTime';
+import { modals } from '@mantine/modals'
+import AnnouncementModal from './modals/AnnoucementModal'
+import { Announcement } from '../../../../../typings';
+
+dayjs.extend(relativeTime);
+
+interface Props {
+ announcement: Announcement
+}
+
+const Card = ({ announcement }: Props) => {
+ const content = `
+
+ {locales.bolos}
+
+
+
+
+
+ {isLoading ? (
+
+
+ ) : bolos.length > 0 ? (
+ bolos.map((bolo) => (
+
+ {locales.no_bolos_found}
+
+ )}
+
+ {
+ const selectedBOlO = await fetchNui('getBolo', { plate: bolo.plate }, {
+ data: {
+ plate: 'ABCDEFG',
+ reason: 'A pretty nice and cool reason',
+ expiresAt: dayjs(new Date()).format('DD-MM-YYYY')
+ },
+ });
+ modals.open({
+ title:
+ ))
+ ) : (
+
+ {selectedBOlO.plate}
+
,
+ centered: true,
+ children:
+
+ {bolo.reason}
+
+
+
+
+ {locales.expires_at} {bolo.expiresAt}
+
+
+
+
+
+ {bolo.plate}
+
+
+
+ ${announcement.contents}
` + + function removeHtmlTags(input: string): string { + return input.replace(/<\/?[^>]+(>|$)/g, ""); + } + + return ( + {
+ modals.open({
+ title: {`${announcement.firstname} ${announcement.lastname}`} | {dayjs(announcement.createdAt).fromNow()} ,
+ centered: true,
+ children:
+
+
+ {`${announcement.firstname} ${announcement.lastname}`}
+
+ {dayjs(announcement.createdAt).fromNow()}
+
+
+
+
+
+
+ {removeHtmlTags(content)}
+
+
+ )
+}
+
+export default Card
\ No newline at end of file
diff --git a/web/src/layers/mdt/components/Dashboard/components/DispatchesCard.tsx b/web/src/layers/mdt/components/Dashboard/components/DispatchesCard.tsx
new file mode 100644
index 0000000..56aeedd
--- /dev/null
+++ b/web/src/layers/mdt/components/Dashboard/components/DispatchesCard.tsx
@@ -0,0 +1,87 @@
+import React, { useEffect, useMemo, useState } from 'react'
+import '../index.css';
+import { rem, Divider, Text, Center, Loader, Group, ScrollArea } from '@mantine/core'
+import { IconClock, IconPhoneIncoming } from '@tabler/icons-react'
+import dayjs from 'dayjs';
+import { useNavigate } from 'react-router-dom';
+import { useCallsStore } from '../../../../../stores/dispatch/calls';
+import locales from '../../../../../locales';
+
+const DispatchesCard = () => {
+ const { calls, fetchCalls } = useCallsStore();
+ const [isLoading, setIsLoading] = useState(false);
+ const navigate = useNavigate();
+
+ useEffect(() => {
+ setIsLoading(true);
+ const fetchData = async () => {
+ fetchCalls();
+ };
+
+ fetchData().then(() => {
+ setIsLoading(false);
+ });
+ }, []);
+
+ const sortedCalls = useMemo(() => {
+ return calls.sort((a, b) => b.id - a.id);
+ }, [calls]);
+
+ return (
+
+
+
+
+ )
+}
+
+export default DispatchesCard
\ No newline at end of file
diff --git a/web/src/layers/mdt/components/Dashboard/components/RecentActivity.css b/web/src/layers/mdt/components/Dashboard/components/RecentActivity.css
new file mode 100644
index 0000000..5d60d9a
--- /dev/null
+++ b/web/src/layers/mdt/components/Dashboard/components/RecentActivity.css
@@ -0,0 +1,13 @@
+.recent-activity-content {
+ width: 100%;
+}
+
+.recent-activity {
+ height: 366px;
+ border: 1px solid #373A40;
+ border-radius: 0.4rem;
+}
+
+.table-header {
+ background-color: #242527;
+}
\ No newline at end of file
diff --git a/web/src/layers/mdt/components/Dashboard/components/RecentActivity.tsx b/web/src/layers/mdt/components/Dashboard/components/RecentActivity.tsx
new file mode 100644
index 0000000..b403359
--- /dev/null
+++ b/web/src/layers/mdt/components/Dashboard/components/RecentActivity.tsx
@@ -0,0 +1,116 @@
+import { Badge, Table, Group, Text, ActionIcon, ScrollArea, Tooltip } from '@mantine/core';
+import { IconEye } from '@tabler/icons-react';
+import dayjs from 'dayjs';
+import relativeTime from 'dayjs/plugin/relativeTime';
+import './RecentActivity.css';
+import { useNavigate } from 'react-router-dom';
+import { useEffect } from 'react';
+import { useProfilesStore } from '../../../../../stores';
+import useIncidentStore from '../../../../../stores/incidents/incident';
+import useRecentActivityStore from '../../../../../stores/recentActivityStore';
+import { fetchNui } from '../../../../../utils/fetchNui';
+import { Incident, Profile } from '../../../../../typings';
+import { DEBUG_PROFILE } from '../../../../../stores/profilesStore';
+import locales from '../../../../../locales';
+
+dayjs.extend(relativeTime)
+
+const RecentActivity = () => {
+ const setSelectedPlayer = useProfilesStore((state) => state.setSelectedProfile);
+ const { setActiveIncident, setIncidentActive } = useIncidentStore();
+ const { getRecentActivity, recentActivity } = useRecentActivityStore();
+ const navigate = useNavigate();
+
+ const getTimeAgoText = (timeAgo: string) => {
+ const word = dayjs(timeAgo).fromNow();
+ return capitalizeFirstLetter(word);
+ }
+
+ const capitalizeFirstLetter = (string: string) => {
+ return string.charAt(0).toUpperCase() + string.slice(1);
+ }
+
+ useEffect(() => {
+ getRecentActivity();
+ }, []);
+
+ const rows = recentActivity.map((item, index) => (
+
+
+ {locales.dispatch}
+
+
+
+
+
+ {isLoading ? (
+
+
+ ) : sortedCalls.length > 0 ? (
+ sortedCalls.map((call) => (
+
+ {locales.no_recent_calls_found}
+
+ )}
+
+ {
+ navigate('/dispatch')
+ }}>
+
+
+ {locales.responding_units}: {call.units.length}
+
+
+
+ ))
+ ) : (
+
+
+ ({call.code}) {call.offense}
+
+
+
+
+
+
+ {dayjs(call.time).fromNow()}
+
+
+
+
+ {locales.recent_activity}
+
+
+
+
+
+
+
+ )
+}
+
+export default RecentActivity
\ No newline at end of file
diff --git a/web/src/layers/mdt/components/Dashboard/components/WarrantsCard.tsx b/web/src/layers/mdt/components/Dashboard/components/WarrantsCard.tsx
new file mode 100644
index 0000000..b328561
--- /dev/null
+++ b/web/src/layers/mdt/components/Dashboard/components/WarrantsCard.tsx
@@ -0,0 +1,84 @@
+import React, { useEffect, useState } from 'react'
+import '../index.css';
+import { rem, Divider, Text, Center, Loader, Group, Avatar, Stack, ScrollArea } from '@mantine/core'
+import { IconUserExclamation } from '@tabler/icons-react'
+import dayjs from 'dayjs';
+import { useNavigate } from 'react-router-dom';
+import useIncidentStore from '../../../../../stores/incidents/incident';
+import useWarrantStore from '../../../../../stores/warrantStore';
+import { isEnvBrowser } from '../../../../../utils/misc';
+import { fetchNui } from '../../../../../utils/fetchNui';
+import { Incident } from '../../../../../typings';
+import locales from '../../../../../locales';
+
+const WarrantsCard = () => {
+ const { warrants, getWarrants } = useWarrantStore();
+ const [isLoading, setIsLoading] = useState(false);
+ const navigate = useNavigate();
+ const { setActiveIncident, setIncidentActive } = useIncidentStore();
+
+ useEffect(() => {
+ setIsLoading(true);
+ const fetchData = async () => {
+ getWarrants();
+ };
+
+ fetchData().then(() => {
+ setIsLoading(false);
+ });
+ }, []);
+
+ return (
+ | {locales.type} | +{locales.category} | +{locales.done_by} | +{locales.time_ago} | ++ |
|---|
+
+
+
+ )
+}
+
+export default WarrantsCard
\ No newline at end of file
diff --git a/web/src/layers/mdt/components/Dashboard/components/modals/AnnoucementModal.tsx b/web/src/layers/mdt/components/Dashboard/components/modals/AnnoucementModal.tsx
new file mode 100644
index 0000000..9a51a1d
--- /dev/null
+++ b/web/src/layers/mdt/components/Dashboard/components/modals/AnnoucementModal.tsx
@@ -0,0 +1,46 @@
+import { Stack } from '@mantine/core'
+import React from 'react'
+import { RichTextEditor, Link } from '@mantine/tiptap';
+import { useEditor } from '@tiptap/react';
+import Highlight from '@tiptap/extension-highlight';
+import StarterKit from '@tiptap/starter-kit';
+import Underline from '@tiptap/extension-underline';
+import TextAlign from '@tiptap/extension-text-align';
+import Superscript from '@tiptap/extension-superscript';
+import SubScript from '@tiptap/extension-subscript';
+import Image from '@tiptap/extension-image'
+import { Color } from '@tiptap/extension-color';
+import TextStyle from '@tiptap/extension-text-style';
+
+interface Props {
+ contents: string;
+}
+
+const AnnouncementModal = (props: Props) => {
+ const editor = useEditor({
+ extensions: [
+ StarterKit,
+ Underline,
+ Link,
+ Superscript,
+ SubScript,
+ Highlight,
+ Color,
+ TextStyle,
+ Image,
+ TextAlign
+ ],
+ content: props.contents,
+ editable: false,
+ });
+
+ return (
+
+
+ {locales.active_warrants}
+
+
+
+
+
+ {isLoading ? (
+
+
+ ) : warrants.length > 0 ? (
+ warrants.map((warrant) => (
+ {
+ if (isEnvBrowser()) return;
+ const resp = await fetchNui('getIncident', warrant.incidentid);
+ setActiveIncident(resp);
+ setIncidentActive(true);
+ navigate('/incidents');
+ }}
+ >
+
+
+ {`${warrant.firstname} ${warrant.lastname}`}
+
+ {locales.expires_in}: {dayjs().to(warrant.expiresAt, true)}
+
+
+
+
+ ))
+ ) : (
+
+ {locales.no_warrants_found}
+
+ )}
+
+
+
+ )
+}
+
+export default BoloModal;
\ No newline at end of file
diff --git a/web/src/layers/mdt/components/Dashboard/components/modals/CreateAnnouncementModal.tsx b/web/src/layers/mdt/components/Dashboard/components/modals/CreateAnnouncementModal.tsx
new file mode 100644
index 0000000..5010877
--- /dev/null
+++ b/web/src/layers/mdt/components/Dashboard/components/modals/CreateAnnouncementModal.tsx
@@ -0,0 +1,52 @@
+import { Stack, Button } from '@mantine/core'
+import React, { useState } from 'react'
+import TextEditor from '../../../TextEditor';
+import { modals } from '@mantine/modals';
+import useAnnouncementStore from '../../../../../../stores/announcementStore';
+import { isEnvBrowser } from '../../../../../../utils/misc';
+import { fetchNui } from '../../../../../../utils/fetchNui';
+import locales from '../../../../../../locales';
+
+const CreateAnnouncementModal = () => {
+ const { fetchAnnouncements } = useAnnouncementStore(state => ({
+ fetchAnnouncements: state.fetchAnnouncements
+ }));
+ const [isLoading, setIsLoading] = useState(false);
+ const [value, setValue] = useState('');
+
+ const createAnnouncement = async () => {
+ if (!isEnvBrowser()) {
+ setIsLoading(true);
+
+ const resp = await fetchNui('createAnnouncement', { contents: value });
+ if (!resp) return;
+
+ fetchAnnouncements();
+
+ setIsLoading(false);
+ }
+ modals.closeAll();
+ };
+
+ return (
+
+
+ {locales.reason}
+
+
+
+ {props.bolo.reason}
+
+
+
+ {locales.expires_at} {props.bolo.expiresAt}
+
+
+
+
+
+
+
+ {sortedAnnouncements.length > 0 ? (
+ sortedAnnouncements.map((announcement) => (
+
+ {locales.no_announcements_found}
+
+ )}
+
+
+
+ );
+};
+
+export default Dashboard
\ No newline at end of file
diff --git a/web/src/layers/mdt/components/Dispatch/components/CallMarkers.tsx b/web/src/layers/mdt/components/Dispatch/components/CallMarkers.tsx
new file mode 100644
index 0000000..48c7a8b
--- /dev/null
+++ b/web/src/layers/mdt/components/Dispatch/components/CallMarkers.tsx
@@ -0,0 +1,103 @@
+import React, { useEffect } from "react";
+import { Marker } from "react-leaflet";
+import L from "leaflet";
+import { Badge, Group, Stack, Text } from "@mantine/core";
+import MarkerPopup from "./MarkerPopup";
+import { useCalls, useFetchCalls } from "../../../../../stores/dispatch/calls";
+import { GUNSVG } from "./calls/CallCard";
+import { IconClock, IconMap2 } from "@tabler/icons-react";
+import dayjs from "dayjs";
+import { gameToMap } from "../../../../../utils/gameToMap";
+
+const CallMarkers = () => {
+ const calls = useCalls();
+ const fetchCalls = useFetchCalls();
+
+ useEffect(() => {
+ fetchCalls();
+ }, [fetchCalls]);
+
+ return (
+ <>
+ {calls.length > 0 &&
+ calls.map((call) => (
+
+
+
+
+
+ {locales.welcome_back.format(firstname, lastname)}
+
+
+ {new Date().toLocaleDateString('en-EN', { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' })}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {locales.active_officers}
+
+
+
+
+
+
+ {activeOfficers.length}
+
+
+
+ {activeOfficers.length > 0 ? (
+
+ No active officers
+
+ )}
+
+
+ {activeOfficers.map((officer) => (
+
+ ) : (
+
+
+
+ {locales.attached_unit}: {officer.unitId || 'None'}
+
+
+
+ ))}
+
+
+ {officer.firstname} {officer.lastname}
+
+
+
+ {locales.callsign}: {officer.callsign}
+
+
+
+
+
+
+
+ {dayjs(call.time).fromNow() === "a few seconds ago"
+ ? "Just now"
+ : dayjs(call.time).fromNow()}
+
+
+
+
+ {call.location}
+
+
+ {call.info &&
+ call.info.length > 0 &&
+ call.info.map((info) => (
+
+ {info.icon === "gun" ? (
+
+ {info.label}
+
+
+ ))}
+
+
+
+
+ {call.code}
+
+
+ {call.offense}
+
+
+
+
+ props.setMapLayer("game")}
+ />
+ props.setMapLayer("print")}
+ />
+ props.setMapLayer("render")}
+ />
+
+ );
+};
+
+export default MapLayerSettings;
diff --git a/web/src/layers/mdt/components/Dispatch/components/MapWrapper.tsx b/web/src/layers/mdt/components/Dispatch/components/MapWrapper.tsx
new file mode 100644
index 0000000..4379b67
--- /dev/null
+++ b/web/src/layers/mdt/components/Dispatch/components/MapWrapper.tsx
@@ -0,0 +1,74 @@
+import { useMantineTheme } from "@mantine/core";
+import React, { useEffect, useState } from "react";
+import L from "leaflet";
+import "leaflet/dist/leaflet.css";
+import { MapContainer } from "react-leaflet";
+import Map from "./Map";
+import OfficerMarkers from "./OfficerMarkers";
+import CallMarkers from "./CallMarkers";
+import { useSetDispatchMap } from "../../../../../stores/dispatch/map";
+import MapLayerSettings from "./MapLayerSettings";
+
+const chosenLayer = JSON.parse(localStorage.getItem("mapLayer") || '"game"');
+
+const MapWrapper = () => {
+ const theme = useMantineTheme();
+ const setMap = useSetDispatchMap();
+ const [mapLayer, setMapLayer] = useState<"game" | "render" | "print">(
+ chosenLayer
+ );
+ const [mapBackgroundColor, setMapBackgroundColor] = useState(
+ mapLayer === "game"
+ ? "#384950"
+ : mapLayer === "render"
+ ? "rgb(13 43 79)"
+ : "rgb(78 177 208)"
+ );
+
+ const CRS = L.CRS.Simple;
+
+ useEffect(() => {
+ localStorage.setItem("mapLayer", JSON.stringify(mapLayer));
+ }, [mapLayer]);
+
+ return (
+
+
+
+
+ {officer.firstname} {officer.lastname}
+
+
+
+
+ {officer.unitId && (
+
+
+ {officer.callsign}
+
+
+
+
+ Unit {officer.unitId}
+
+
+ )}
+
+
+ {locales.active_calls}
+
+
+
+ )
+}
+
+export default CallCardTitle
\ No newline at end of file
diff --git a/web/src/layers/mdt/components/Dispatch/components/calls/Calls.tsx b/web/src/layers/mdt/components/Dispatch/components/calls/Calls.tsx
new file mode 100644
index 0000000..83ea72e
--- /dev/null
+++ b/web/src/layers/mdt/components/Dispatch/components/calls/Calls.tsx
@@ -0,0 +1,25 @@
+import React from 'react'
+import CallCardTitle from './CallCardTitle'
+import { Center, Loader } from '@mantine/core'
+import CallsList from './CallsList'
+
+const Calls = () => {
+ return (
+ <>
+
+ {sortedCalls.map((call) => (
+
+
+
+
+ {unit.members.length > 0 && (
+
+ {unit.members.map((member) => (
+
+ map &&
+ map.flyTo(
+ gameToMap(member.position[0], member.position[1]),
+ 7
+ )
+ }
+ className={classes.memberBadge}
+ >
+ {member.callsign ? `(${member.callsign})` : ""}{" "}
+ {member.firstname} {member.lastname}
+
+ ))}
+
+ )}
+
+
+
+ {locales.units}
+
+
+
+ )
+}
+
+export default UnitsTitle
\ No newline at end of file
diff --git a/web/src/layers/mdt/components/Dispatch/index.css b/web/src/layers/mdt/components/Dispatch/index.css
new file mode 100644
index 0000000..3498015
--- /dev/null
+++ b/web/src/layers/mdt/components/Dispatch/index.css
@@ -0,0 +1,47 @@
+.dispatch {
+ display: flex;
+ flex-direction: row;
+ gap: 20px;
+ margin: 20px;
+ width: 100%;
+}
+
+.map-wrapper {
+ width: 600px;
+}
+
+.active-calls {
+ padding: 20px;
+ width: 385px;
+ background-color: #242527;
+ border-radius: 0.25rem;
+
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+}
+
+.active-units {
+ padding: 20px;
+ width: 385px;
+ background-color: #242527;
+ border-radius: 0.25rem;
+
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+}
+
+.calls-list {
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+}
+
+.unit-members {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ align-items: center;
+ gap: 10px;
+}
\ No newline at end of file
diff --git a/web/src/layers/mdt/components/Dispatch/index.tsx b/web/src/layers/mdt/components/Dispatch/index.tsx
new file mode 100644
index 0000000..ddd8065
--- /dev/null
+++ b/web/src/layers/mdt/components/Dispatch/index.tsx
@@ -0,0 +1,27 @@
+import React from "react";
+import MapWrapper from "./components/MapWrapper";
+import "./index.css";
+import Calls from "./components/calls/Calls";
+import Units from "./components/units/Units";
+
+// Huge credits to ox_mdt (https://github.com/overextended/ox_mdt) for the dispatch
+
+const Dispatch = () => {
+ return (
+
+
+ );
+};
+
+export default Dispatch;
diff --git a/web/src/layers/mdt/components/Incidents/components/ConfirmSelectedCharges.tsx b/web/src/layers/mdt/components/Incidents/components/ConfirmSelectedCharges.tsx
new file mode 100644
index 0000000..4c51d5e
--- /dev/null
+++ b/web/src/layers/mdt/components/Incidents/components/ConfirmSelectedCharges.tsx
@@ -0,0 +1,61 @@
+import React, { useState } from 'react';
+import { Button } from '@mantine/core';
+import { modals } from '@mantine/modals';
+import { Criminal, SelectedCharge } from '../../../../../typings';
+import useSelectedChargesStore from '../../../../../stores/incidents/editCharges';
+import useIncidentStore from '../../../../../stores/incidents/incident';
+import { fetchNui } from '../../../../../utils/fetchNui';
+import locales from '../../../../../locales';
+
+interface Props {
+ criminal: Criminal;
+}
+
+const calculateCharges = (charges: SelectedCharge[]) => {
+ const penalty: Criminal['penalty'] = {
+ reduction: null,
+ fine: 0,
+ time: 0,
+ points: 0,
+ };
+
+ for (let i = 0; i < charges.length; i++) {
+ const charge = charges[i];
+ penalty.time += charge.time * charge.count;
+ penalty.fine += charge.fine * charge.count;
+ penalty.points += charge.points * charge.count
+ }
+
+ return penalty;
+};
+
+const ConfirmSelectedCharges: React.FC
+
+
+
+
+
+
+
+
+
+ #{criminal.citizenid}
+
+
+
+ )
+}
+
+export default CriminalCard;
\ No newline at end of file
diff --git a/web/src/layers/mdt/components/Incidents/components/EvidenceImage.tsx b/web/src/layers/mdt/components/Incidents/components/EvidenceImage.tsx
new file mode 100644
index 0000000..1075f2a
--- /dev/null
+++ b/web/src/layers/mdt/components/Incidents/components/EvidenceImage.tsx
@@ -0,0 +1,95 @@
+import React, { useState } from 'react';
+import { ActionIcon, Box, createStyles, Image, Tooltip, Text } from '@mantine/core';
+import { modals } from '@mantine/modals';
+import { IconX } from '@tabler/icons-react';
+import useIncidentStore from '../../../../../stores/incidents/incident';
+import { fetchNui } from '../../../../../utils/fetchNui';
+import locales from '../../../../../locales';
+
+const useStyles = createStyles(() => ({
+ container: {
+ position: 'relative',
+ },
+ image: {
+ zIndex: 2,
+ '&:hover': {
+ cursor: 'pointer',
+ },
+ },
+ actionIcon: {
+ position: 'absolute',
+ top: 0,
+ right: 0,
+ zIndex: 1,
+ },
+}));
+
+const EvidenceImage: React.FC<{ evidence: { label: string; image: string } }> = ({ evidence }) => {
+ const { classes } = useStyles();
+ const [isHovering, setIsHovering] = useState(false);
+ const { incident, setEvidence } = useIncidentStore();
+
+ return (
+
+
+ {criminal.firstname} {criminal.lastname}
+
+
+
+
+
+
+ {
+ modals.openConfirmModal({
+ title: {locales.remove_criminal} ,
+ size: 'sm',
+ centered: true,
+ labels: { confirm: locales.confirm, cancel: locales.cancel },
+ groupProps: {
+ spacing: 6,
+ },
+ confirmProps: { color: 'red' },
+ onConfirm: async () => {
+ const success = await fetchNui(
+ 'removeCriminal',
+ { id: incident.id, criminalId: criminal.citizenid },
+ { data: 1 }
+ );
+
+ if (success) setCriminals((prev) => prev.filter((crim) => crim.citizenid !== criminal.citizenid));
+ },
+ children: (
+
+ {locales.remove_criminal_confirm.format(criminal.firstname, criminal.lastname)}
+
+ ),
+ })
+ }}>
+
+
+
+
+ {
+ if (!isEnvBrowser()) {
+ const resp = await fetchNui('getProfile', criminal.citizenid);
+ setSelectedProfile(resp);
+ }
+ navigate('/profiles');
+ }}>
+
+
+
+
+ {
+ fetchNui(
+ 'saveCriminal',
+ {
+ id: incident.id,
+ criminal: {
+ ...criminal,
+ warrantExpiry: criminal.warrantExpiry
+ ? dayjs(criminal.warrantExpiry).format('YYYY-MM-DD HH:mm:ss')
+ : null,
+ },
+ },
+ { data: 1 }
+ );
+ }}>
+
+
+
+
+ setCriminal(criminal.citizenid, (prev) => ({ ...prev, issueWarrant: !prev.issueWarrant }))}
+ />
+
+ {criminal.issueWarrant ? (
+
+
+ {locales.time}: {calculatePenalty(criminal.penalty.time, criminal.penalty.reduction)} {locales.months}
+
+
+ {locales.fine}: {formatNumber(calculatePenalty(criminal.penalty.fine, criminal.penalty.reduction))}
+
+
+
+ setCriminal(criminal.citizenid, (prev) => ({ ...prev, pleadedGuilty: !prev.pleadedGuilty }))}
+ />
+ setCriminal(criminal.citizenid, (prev) => ({ ...prev, processed: !prev.processed }))}
+ />
+
+
+ )}
+
+
+ {
+ setSelectedCharges(criminal.charges)
+ modals.open({ title: {locales.edit_charges} , styles: { body: { height: 700, overflow: 'hidden' }, content: { width: 1400 } }, centered: true, size: 1445, children:
+
+ {criminal.charges.map((charge, index) => (
+
+ {charge.count}x {charge.label}
+
+ ))}
+
+
+
+
+ )
+}
+
+export default IncidentList;
\ No newline at end of file
diff --git a/web/src/layers/mdt/components/Incidents/components/IncidentMiddle.tsx b/web/src/layers/mdt/components/Incidents/components/IncidentMiddle.tsx
new file mode 100644
index 0000000..23c8959
--- /dev/null
+++ b/web/src/layers/mdt/components/Incidents/components/IncidentMiddle.tsx
@@ -0,0 +1,197 @@
+import { ActionIcon, Badge, Button, Divider, rem, ScrollArea, Text, Tooltip } from '@mantine/core';
+import { IconFileOff, IconLinkOff, IconPaperBag, IconPlus, IconTrash, IconUsersGroup, IconX } from '@tabler/icons-react';
+import '../index.css';
+import TextEditor from '../../TextEditor';
+import { modals } from '@mantine/modals';
+import AddOfficerModal from './modals/AddOfficerModal';
+import AddEvidenceModal from './modals/AddEvidenceModal';
+import EvidenceImage from './EvidenceImage';
+import useIncidentStore from '../../../../../stores/incidents/incident';
+import { fetchNui } from '../../../../../utils/fetchNui';
+import locales from '../../../../../locales';
+import useIncidentsStore from '../../../../../stores/incidents/incidentsList';
+
+const IncidentMiddle = () => {
+ const { incident, isIncidentActive, setIncidentActive, setOfficersInvolved, setDescription } = useIncidentStore();
+ const { setIncidents } = useIncidentsStore();
+
+ if (!isIncidentActive) return (
+
+
+
+
+ {locales.incidents}
+
+
+
+
+ }
+ variant="filled"
+ placeholder={locales.search}
+ mt={10}
+ mb={10}
+ onChange={(e) => setSearchQuery(e.target.value)}
+ />
+
+
+
+
+
+
+
+
+ {isLoading ? (
+
+
+ ) : (
+ filteredIncidents.map((incident) => (
+
+ props.handleIncidentClick(incident)} key={incident.id}>
+
+ ))
+ )}
+
+
+ {incident.title}
+
+
+
+
+
+ {incident.author} - {new Date(incident.date).toLocaleDateString()}
+
+
+
+ #{incident.id}
+
+
+
+
+ );
+
+ return (
+
+
+
+
+ {locales.no_incident_selected}
+
+
+
+
+
+
+
+
+
+ {incident.title}
+
+
+
+
+
+
+ {
+ modals.openConfirmModal({
+ title: {locales.delete_incident} ,
+ size: 'sm',
+ centered: true,
+ labels: { confirm: locales.confirm, cancel: locales.cancel },
+ groupProps: {
+ spacing: 6,
+ },
+ confirmProps: { color: 'red' },
+ onConfirm: async () => {
+ const success = await fetchNui('deleteIncident', { id: incident.id }, { data: 1 })
+
+ if (success) setIncidents((prev) => prev.filter((record) => record.id !== incident.id));
+ setIncidentActive(false);
+ // const success = await fetchNui(
+ // 'removeCriminal',
+ // { id: incident.id, criminalId: criminal.citizenid },
+ // { data: 1 }
+ // );
+
+ // if (success) setCriminals((prev) => prev.filter((crim) => crim.citizenid !== criminal.citizenid));
+ },
+ children: (
+
+ {locales.delete_incident_confirm.format(incident.title)}
+
+ ),
+ })
+ }}>
+
+
+
+
+ { setIncidentActive(false); }}>
+
+
+
+
+ {
+ fetchNui('saveIncidentContents', { incidentId: incident.id, contents: value });
+ setDescription(value);
+ }}
+ styles={{ content: { backgroundColor: '#242527' }, toolbar: { backgroundColor: '#2C2E33' }, controlsGroup: { pointerEvents: 'auto', backgroundColor: '#282828' }}}
+ contentAreaStyle={{ height: 270, width: 413, padding: 0 }}
+ />
+
+
+
+
+
+
+ {locales.officers_involved}
+
+
+
+
+
+ modals.open({ title: {locales.add_officer} , centered: true, size: 'sm', children:
+
+ {incident.officersInvolved.map((officer) => (
+ {
+ modals.openConfirmModal({
+ title: {locales.remove_officer} ,
+ centered: true,
+ children: (
+
+ {locales.remove_officer_confirm.format(officer.firstname, officer.lastname, officer.callsign)}
+
+ ),
+ confirmProps: { color: 'red' },
+ groupProps: {
+ spacing: 6,
+ },
+ labels: { confirm: locales.confirm, cancel: locales.cancel },
+ onConfirm: async () => {
+ await fetchNui('removeOfficer', { id: incident.id, citizenid: officer.citizenid }, { data: 1 });
+ setOfficersInvolved((prev) =>
+ prev.filter((prevOfficer) => prevOfficer.citizenid !== officer.citizenid)
+ );
+ },
+ });
+ }}
+ >
+
+ ))}
+
+
+
+
+
+ {locales.evidence}
+
+
+
+
+
+
+
+ {incident.evidence.map((evidence) => (
+
+
+
+ );
+
+ return (
+
+
+
+
+ {locales.no_incident_selected}
+
+
+
+
+
+ {incident.criminals.map(criminal => (
+
+
+
+ {charge.label}
+
+
+
+
+ {charge.description}
+
+
+
+
+
+ {charge.type}
+
+
+
+
+ { setSelectedCharges((prev) => prev.filter((_, indx) => indx !== index)); }} h={31} className='action-icon'>
+
+
+
+
+
+
+ )
+}
+
+export default SelectedChargeCard
\ No newline at end of file
diff --git a/web/src/layers/mdt/components/Incidents/components/modals/AddCriminalModal.tsx b/web/src/layers/mdt/components/Incidents/components/modals/AddCriminalModal.tsx
new file mode 100644
index 0000000..b2944d7
--- /dev/null
+++ b/web/src/layers/mdt/components/Incidents/components/modals/AddCriminalModal.tsx
@@ -0,0 +1,132 @@
+import { Center, Image, Input, Loader, Stack, Text } from '@mantine/core';
+import React, { useEffect, useState } from 'react';
+import { modals } from '@mantine/modals';
+import { IconSearch, IconUserX } from '@tabler/icons-react';
+import useIncidentStore from '../../../../../../stores/incidents/incident';
+import useCriminalProfileStore from '../../../../../../stores/incidents/addCriminal';
+import { shuffleArray } from '../../../../../../helpers/shuffleArray';
+import { CriminalProfile } from '../../../../../../typings';
+import { fetchNui } from '../../../../../../utils/fetchNui';
+import locales from '../../../../../../locales';
+
+const AddCriminalModal: React.FC = () => {
+ const { incident, setCriminals } = useIncidentStore();
+ const [searchQuery, setSearchQuery] = useState('');
+ const { criminalProfiles, getCriminalProfiles } = useCriminalProfileStore();
+ const [filteredProfiles, setFilteredProfiles] = useState(criminalProfiles);
+ const DEBOUNCE_DELAY = 500;
+ const [debouncedSearchQuery, setDebouncedSearchQuery] = useState(searchQuery);
+ const [isLoading, setIsLoading] = useState(false);
+ const [timer, setTimer] = useState
+
+ ${charge.fine} fine
+
+
+
+ {charge.time} month(s)
+
+
+
+ {charge.points} point(s)
+
+
+
+
+
+ size={18}
+ variant="transparent"
+ onClick={() => setSelectedCharge(charge.label, (prev) => ({ ...prev, count: --prev.count }))}
+ disabled={charge.count === 1}
+ className={classes.control}
+ onMouseDown={(event) => event.preventDefault()}
+ >
+
+ size={18}
+ variant="transparent"
+ onClick={() => setSelectedCharge(charge.label, (prev) => ({ ...prev, count: ++prev.count }))}
+ className={classes.control}
+ onMouseDown={(event) => event.preventDefault()}
+ >
+
+
+
+ )
+}
+
+export default EditChargesModal
\ No newline at end of file
diff --git a/web/src/layers/mdt/components/Incidents/index.css b/web/src/layers/mdt/components/Incidents/index.css
new file mode 100644
index 0000000..5be2de1
--- /dev/null
+++ b/web/src/layers/mdt/components/Incidents/index.css
@@ -0,0 +1,228 @@
+.incidents {
+ width: 100%;
+ margin: 20px;
+ display: flex;
+ flex-direction: row;
+ gap: 20px;
+}
+
+.incident-content-width {
+ width: 456.6px;
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+}
+
+.incidents-cards-content {
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+ width: 100%;
+ height: 680px;
+}
+
+.incidents-content-width {
+ width: 456.6px;
+}
+
+.incident-card {
+ display: flex;
+ align-items: center;
+ gap: 10px;
+ height: 80px;
+ border-radius: 0.25rem;
+ padding-right: 15px;
+ padding-left: 15px;
+ background-color: #2C2E33;
+ border: 0.0625rem solid transparent;
+ box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
+}
+
+.incident-card:hover {
+ cursor: pointer;
+ border: 0.0625rem solid #4D4F54;
+}
+
+.incident-card-content {
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+}
+
+.incident-card-dimmed-text {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ width: 100%;
+}
+
+.incident-middle-content {
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+ width: 100%;
+ background-color: #242527;
+ border-radius: 0.2rem;
+ padding: 20px;
+}
+
+.incident-middle-card {
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+ width: 100%;
+}
+
+.incident-info-badge {
+ padding: 11px;
+}
+
+.incident-info-badge-main {
+ padding: 11px;
+}
+
+.incident-info-badge-main:hover {
+ border: 0.0625rem solid #4D4F54;
+ cursor: pointer;
+}
+
+.incident-criminals-content-width {
+ width: 456.6px;
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+}
+
+.incident-criminals {
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+ width: 100%;
+}
+
+.incident-criminal-card-background {
+ padding: 1rem;
+ background-color: #242527;
+}
+
+.incident-criminal-card-header {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ gap: 10px;
+}
+
+.incident-criminal-card-buttons {
+ display: flex;
+ flex-direction: row;
+ gap: 5px;
+}
+
+.incident-criminal-content {
+ margin-top: 5px;
+ display: flex;
+ flex-direction: column;
+ gap: 12.5px;
+}
+
+.incident-criminal-edit-charges-badges {
+ display: flex;
+ flex-direction: row;
+ gap: 5px;
+ flex-wrap: wrap;
+}
+
+.edit-charges-modal {
+ display: flex;
+ flex-direction: column;
+ height: 100%;
+ width: 100%;
+ gap: 10px;
+}
+
+.edit-charges-modal-content {
+ display: flex;
+ flex-direction: row;
+ height: 100%;
+ gap: 20px;
+}
+
+.edit-charges-modal-charges-content {
+ display: flex;
+ flex-direction: row;
+ height: 100%;
+ gap: 15px;
+ flex-wrap: wrap;
+}
+
+.edit-charges-modal-current-charges {
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+ width: 340px;
+}
+
+.edit-charges-modal-added-charges {
+ display: flex;
+ flex-direction: column;
+ gap: 5px;
+}
+
+.edit-charges-modal-charge-card {
+ display: flex;
+ flex-direction: column;
+ gap: 7.5px;
+ background-color: #1d1e20;
+ border: 0.1px solid rgb(42, 42, 42, 1);;
+ padding: 15px;
+ border-radius: 0.2rem;
+ width: 334px;
+}
+
+.edit-charges-number-input-wrapper {
+ width: 105px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 0.5rem 0.5rem;
+ border-radius: 0.25rem;
+ border: 0.0625rem solid transparent;
+}
+
+.number-input-control {
+ background-color: #4D4F54;
+ border: 1rem solid transparent;
+}
+
+.number-input-control:disabled {
+ border-color: transparent;
+ opacity: 0.8;
+ background-color: transparent;
+}
+
+.action-icon {
+ background-color: #2C2E33;
+}
+
+.edit-charges-modal-all-charges {
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+ width: 1032px;
+}
+
+.edit-charges-modal-all-charges-list {
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+ flex-wrap: wrap;
+}
+
+.edit-charges-modal-all-charges-header {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ width: 100%;
+}
\ No newline at end of file
diff --git a/web/src/layers/mdt/components/Incidents/index.tsx b/web/src/layers/mdt/components/Incidents/index.tsx
new file mode 100644
index 0000000..b1e48b5
--- /dev/null
+++ b/web/src/layers/mdt/components/Incidents/index.tsx
@@ -0,0 +1,43 @@
+import React, { useState } from 'react'
+import CustomLoader from '../CustomLoader';
+import { LoadingOverlay } from '@mantine/core';
+import IncidentList from './components/IncidentList';
+import IncidentMiddle from './components/IncidentMiddle';
+import IncidentRight from './components/IncidentRight';
+import useIncidentStore from '../../../../stores/incidents/incident';
+import { Incident, PartialIncidentData } from '../../../../typings';
+import { fetchNui } from '../../../../utils/fetchNui';
+
+const Incidents = () => {
+ const { setActiveIncident, setIncidentActive } = useIncidentStore();
+ const [loading, setLoading] = useState(false);
+
+ const handleIncidentClick = async (incident: PartialIncidentData) => {
+ setLoading(true);
+ const resp = await fetchNui
+
+
+
+ {locales.current_charges}
+
+
+
+
+
+
+
+
+ {selectedCharges.map((charge, index) => (
+
+
+
+
+
+
+
+ {locales.all_charges}
+
+
+ setSearchQuery(e.target.value)} />
+
+
+ {isLoading ? (
+
+
+
+ ) : (
+ <>
+ {Object.entries(filteredCategories).map(([category, chargesArray]) => (
+
+
+ {category}
+
+
+ ))}
+
+ )}
+
+ {chargesArray.map((charge, index) => (
+
+
+
+ {charge.label}
+
+
+
+
+ {charge.description}
+
+
+
+
+
+ {charge.type}
+
+
+
+
+ setSelectedCharges((prev) => {
+ const prevChargeIndex = prev.findIndex((el) => el.label === charge.label);
+
+ if (prevChargeIndex === -1) {
+ return [...prev, {
+ ...charge,
+ count: 1
+ }];
+ }
+
+ return prev.map((el, index) => {
+ if (index === prevChargeIndex) {
+ return { ...el, count: ++el.count };
+ }
+
+ return el;
+ });
+ })
+ }
+ h={31}
+ className='action-icon'
+ >
+
+
+
+
+ ))}
+
+
+ ${charge.fine} fine
+
+
+
+ {charge.time} {locales.months}
+
+
+
+ {charge.points} {locales.points}
+
+
+
+
+
+ )
+}
+
+export default Incidents;
\ No newline at end of file
diff --git a/web/src/layers/mdt/components/Profiles/components/ProfileCard.tsx b/web/src/layers/mdt/components/Profiles/components/ProfileCard.tsx
new file mode 100644
index 0000000..32c3330
--- /dev/null
+++ b/web/src/layers/mdt/components/Profiles/components/ProfileCard.tsx
@@ -0,0 +1,35 @@
+import React from 'react';
+import { Divider, Text } from '@mantine/core';
+import '../index.css';
+
+interface Props {
+ title: string;
+ icon: React.ComponentType | string;
+ children: React.ReactNode;
+}
+
+const ProfileCard: React.FC
+
+ );
+};
+
+export default ProfileCard;
\ No newline at end of file
diff --git a/web/src/layers/mdt/components/Profiles/components/ProfileExtraInformation.tsx b/web/src/layers/mdt/components/Profiles/components/ProfileExtraInformation.tsx
new file mode 100644
index 0000000..0b4b127
--- /dev/null
+++ b/web/src/layers/mdt/components/Profiles/components/ProfileExtraInformation.tsx
@@ -0,0 +1,151 @@
+import { ScrollArea, rem, Divider, Badge, Text } from '@mantine/core'
+import { IconFileDescription, IconScript, IconUserOff } from '@tabler/icons-react'
+import '../index.css';
+import { useNavigate } from 'react-router-dom';
+import ProfileCard from './ProfileCard';
+import { useProfilesStore } from '../../../../../stores';
+import useIncidentStore from '../../../../../stores/incidents/incident';
+import { isEnvBrowser } from '../../../../../utils/misc';
+import { fetchNui } from '../../../../../utils/fetchNui';
+import { Incident, Report } from '../../../../../typings';
+import useReportStore from '../../../../../stores/reports/report';
+import locales from '../../../../../locales';
+
+const ProfileExtraInformation = () => {
+ const { setActiveReport, setReportActive } = useReportStore();
+ const useSelectedProfile = useProfilesStore(state => state.selectedProfile);
+ const profileCards = useProfilesStore(state => state.profileCards);
+ const { setActiveIncident, setIncidentActive } = useIncidentStore();
+ const navigate = useNavigate();
+
+ if (!useSelectedProfile) return (
+
+
+ {props.title}
+
+
+ {typeof props.icon === 'string' ? (
+
+ ) : (
+
+
+
+ {props.children}
+
+
+
+ );
+
+ async function selectRelatedReport(id: number) {
+ if (isEnvBrowser()) return navigate('/reports');
+ const resp = await fetchNui
+
+
+
+ {locales.no_profile_selected}
+
+
+
+
+
+
+ )
+}
+
+export default ProfileExtraInformation
\ No newline at end of file
diff --git a/web/src/layers/mdt/components/Profiles/components/ProfileInformation.tsx b/web/src/layers/mdt/components/Profiles/components/ProfileInformation.tsx
new file mode 100644
index 0000000..0a862c1
--- /dev/null
+++ b/web/src/layers/mdt/components/Profiles/components/ProfileInformation.tsx
@@ -0,0 +1,131 @@
+import { Tooltip, ActionIcon, Divider, Input, Image, Text, rem } from "@mantine/core"
+import { IconLinkOff, IconId, IconUserSquareRounded, IconCalendarEvent, IconDeviceMobile, IconFingerprint, IconUserOff, IconEdit } from "@tabler/icons-react"
+import TextEditor from "../../TextEditor"
+import '../index.css'
+import dayjs from "dayjs"
+import { useProfilesStore } from "../../../../../stores"
+import { fetchNui } from "../../../../../utils/fetchNui"
+import locales from "../../../../../locales"
+import { useState } from "react"
+import { modals } from "@mantine/modals"
+import AvatarModal from "./modals/AvatarModal"
+
+const ProfileInformation = () => {
+ const { selectedProfile, setSelectedProfile, isProfileWanted } = useProfilesStore();
+ const [hovering, setHovering] = useState(false);
+
+ if (!selectedProfile) return (
+
+ {profileCards.map((card) => (
+
+
+ ))}
+
+
+
+ {useSelectedProfile[card.id] ? (
+ useSelectedProfile[card.id].map((label: string) => (
+ {label}
+ ))
+ ) :
+
+ {locales.no_cardid_registered.format(card.id)}
+
+ }
+
+
+
+ {locales.no_related_reports}
+
+ )
+ )}
+
+
+
+
+ {locales.related_reports}
+
+
+
+
+ {selectRelatedReport(report.id)}}>
+
+ {report.title}
+
+
+
+ ))
+ ) : (
+
+
+ {report.author} - Date: {report.date}
+
+
+
+ #{report.id}
+
+
+
+
+ {locales.no_related_incidents}
+
+ )
+ )}
+
+
+
+ {locales.related_incidents}
+
+
+
+
+ {selectRelatedIncident(incident.id)}}>
+
+ {incident.title}
+
+
+
+ ))
+ ) : (
+
+
+ {incident.author} - Date: {incident.date}
+
+
+
+ #{incident.id}
+
+
+
+
+ );
+
+ return (
+
+
+
+
+ {locales.no_profile_selected}
+
+
+
+
+ )
+}
+
+export default ProfileInformation
\ No newline at end of file
diff --git a/web/src/layers/mdt/components/Profiles/components/ProfileList.tsx b/web/src/layers/mdt/components/Profiles/components/ProfileList.tsx
new file mode 100644
index 0000000..9d4f3e9
--- /dev/null
+++ b/web/src/layers/mdt/components/Profiles/components/ProfileList.tsx
@@ -0,0 +1,111 @@
+import { rem, Input, Divider, Text, Image, ScrollArea, Center, Loader } from "@mantine/core"
+import { IconUsers, IconSearch } from "@tabler/icons-react"
+import '../index.css'
+import { useState, useEffect } from "react"
+import dayjs from "dayjs"
+import { PartialProfileData } from "../../../../../typings"
+import { useProfilesStore } from "../../../../../stores"
+import locales from "../../../../../locales"
+
+interface ProfileListProps {
+ handleProfileClick: (profile: PartialProfileData) => void
+}
+
+const ProfileList = (props: ProfileListProps) => {
+ const [searchQuery, setSearchQuery] = useState('');
+ const getProfiles = useProfilesStore((state) => state.getPlayers);
+ const [profiles, setProfiles] = useState
+
+
+
+
+
+ {locales.edit_citizen} #{selectedProfile.citizenid}
+
+
+
+
+
+
+ { setSelectedProfile(null); }}>
+
+
+
+
+
+
+
+
+ setHovering(true)} onMouseLeave={() => setHovering(false)}>
+ {hovering && (
+
+ modals.open({
+ title: {locales.change_picture} ,
+ centered: true,
+ size: 'sm',
+ children:
+ )}
+
+
+
+ }
+ placeholder={selectedProfile.citizenid}
+ size='xs'
+ />
+
+ }
+ placeholder={selectedProfile.firstname + ' ' + selectedProfile.lastname}
+ size='xs'
+ />
+
+ }
+ placeholder={dayjs(selectedProfile.dob).format('DD/MM/YYYY')}
+ size='xs'
+ />
+
+ }
+ placeholder={selectedProfile.phoneNumber}
+ size='xs'
+ />
+
+ }
+ placeholder={selectedProfile.fingerprint ?? 'No fingerprint found'}
+ size='xs'
+ />
+
+
+ {
+ setSelectedProfile({ ...selectedProfile, notes: value });
+
+ fetchNui('saveProfileNotes', { citizenid: selectedProfile.citizenid, notes: value });
+ }}
+ styles={{ content: { backgroundColor: '#242527' }, toolbar: { backgroundColor: '#2C2E33' }, controlsGroup: { pointerEvents: 'auto', backgroundColor: '#282828' }}}
+ contentAreaStyle={{ height: 475, width: 413, padding: 0 }}
+ />
+
+
+
+ )
+}
+
+export default ProfileList
\ No newline at end of file
diff --git a/web/src/layers/mdt/components/Profiles/components/modals/AvatarModal.tsx b/web/src/layers/mdt/components/Profiles/components/modals/AvatarModal.tsx
new file mode 100644
index 0000000..da6ae5a
--- /dev/null
+++ b/web/src/layers/mdt/components/Profiles/components/modals/AvatarModal.tsx
@@ -0,0 +1,42 @@
+import React, { useRef, useState } from 'react';
+import { Button, Stack, TextInput } from '@mantine/core';
+import { modals } from '@mantine/modals';
+import { fetchNui } from '../../../../../../utils/fetchNui';
+import locales from '../../../../../../locales';
+import { useProfilesStore } from '../../../../../../stores';
+
+interface Props {
+ image?: string;
+}
+
+const AvatarModal: React.FC
+
+
+
+ {locales.profiles}
+
+
+
+
+ }
+ variant="filled"
+ placeholder={locales.search}
+ mt={10}
+ mb={10}
+ value={searchQuery}
+ onChange={e => setSearchQuery(e.target.value)}
+ />
+
+
+
+
+
+
+ {isLoading ? (
+
+
+ ) : filteredProfiles.length > 0 ? (
+ filteredProfiles.map((profile) => (
+
+ {locales.no_profiles_found}
+
+ )}
+
+ props.handleProfileClick(profile)} key={profile.citizenid}>
+
+ ))
+ ) : (
+
+
+ {profile.firstname} {profile.lastname}
+
+
+
+ {locales.dob}: {dayjs(profile.dob).format('DD/MM/YYYY')}
+
+
+
+ {locales.citizen_id}: {profile.citizenid}
+
+
+
+
+ );
+}
+
+export default Profiles;
\ No newline at end of file
diff --git a/web/src/layers/mdt/components/Reports/components/EvidenceImage.tsx b/web/src/layers/mdt/components/Reports/components/EvidenceImage.tsx
new file mode 100644
index 0000000..d4ca0fd
--- /dev/null
+++ b/web/src/layers/mdt/components/Reports/components/EvidenceImage.tsx
@@ -0,0 +1,95 @@
+import React, { useState } from 'react';
+import { ActionIcon, Box, createStyles, Image, Tooltip, Text } from '@mantine/core';
+import { modals } from '@mantine/modals';
+import { IconX } from '@tabler/icons-react';
+import { fetchNui } from '../../../../../utils/fetchNui';
+import useReportStore from '../../../../../stores/reports/report';
+import locales from '../../../../../locales';
+
+const useStyles = createStyles(() => ({
+ container: {
+ position: 'relative',
+ },
+ image: {
+ zIndex: 2,
+ '&:hover': {
+ cursor: 'pointer',
+ },
+ },
+ actionIcon: {
+ position: 'absolute',
+ top: 0,
+ right: 0,
+ zIndex: 1,
+ },
+}));
+
+const EvidenceImage: React.FC<{ evidence: { label: string; image: string } }> = ({ evidence }) => {
+ const { classes } = useStyles();
+ const [isHovering, setIsHovering] = useState(false);
+ const { report, setEvidence } = useReportStore();
+
+ return (
+
+
+ )
+}
+
+export default ReportList;
\ No newline at end of file
diff --git a/web/src/layers/mdt/components/Reports/components/ReportMiddle.tsx b/web/src/layers/mdt/components/Reports/components/ReportMiddle.tsx
new file mode 100644
index 0000000..0de02a8
--- /dev/null
+++ b/web/src/layers/mdt/components/Reports/components/ReportMiddle.tsx
@@ -0,0 +1,62 @@
+import { ActionIcon, Divider, rem, ScrollArea, Text, Tooltip } from '@mantine/core';
+import { IconFileOff, IconLinkOff } from '@tabler/icons-react';
+import '../index.css';
+import TextEditor from '../../TextEditor';
+import { fetchNui } from '../../../../../utils/fetchNui';
+import useReportStore from '../../../../../stores/reports/report';
+import locales from '../../../../../locales';
+
+const ReportMiddle = () => {
+ const { report, isReportActive, setReportActive, setDescription } = useReportStore();
+
+ if (!isReportActive) return (
+
+
+
+
+ {locales.reports}
+
+
+
+
+ }
+ variant="filled"
+ placeholder={locales.search}
+ mt={10}
+ mb={10}
+ onChange={(e) => setSearchQuery(e.target.value)}
+ />
+
+
+
+
+
+
+
+
+ {isLoading ? (
+
+
+ ) : (
+ filteredReports.map((report) => (
+
+ props.handleReportClick(report)} key={report.id}>
+
+ ))
+ )}
+
+
+ {report.title}
+
+
+
+
+
+ {report.author} - {new Date(report.date).toLocaleDateString()}
+
+
+
+ #{report.id}
+
+
+
+
+ );
+
+ return (
+
+
+
+
+ {locales.no_report_selected}
+
+
+
+
+
+
+
+
+ {report.title}
+
+
+
+
+
+
+ { setReportActive(false); }}>
+
+
+
+
+ {
+ fetchNui('saveReportContents', { reportId: report.id, contents: value });
+ setDescription(value);
+ }}
+ styles={{ content: { backgroundColor: '#242527' }, toolbar: { backgroundColor: '#2C2E33' }, controlsGroup: { pointerEvents: 'auto', backgroundColor: '#282828' }}}
+ contentAreaStyle={{ height: 680, width: 413, padding: 0 }}
+ />
+
+
+
+ );
+
+ return (
+
+
+
+
+ {locales.no_report_selected}
+
+
+
+
+
+
+
+
+
+ {locales.officers_involved}
+
+
+
+
+
+ modals.open({ title: {locales.add_officer} , centered: true, size: 'sm', children:
+
+ {report.officersInvolved.map((officer) => (
+ {
+ modals.openConfirmModal({
+ title: Remove officer ,
+ centered: true,
+ children: (
+
+ {locales.remove_officer_confirm.format(officer.firstname, officer.lastname, officer.callsign)}
+
+ ),
+ confirmProps: { color: 'red' },
+ groupProps: {
+ spacing: 6,
+ },
+ labels: { confirm: locales.confirm, cancel: locales.cancel },
+ onConfirm: async () => {
+ await fetchNui('removeReportOfficer', { id: report.id, citizenid: officer.citizenid }, { data: 1 });
+ setOfficersInvolved((prev) =>
+ prev.filter((prevOfficer) => prevOfficer.citizenid !== officer.citizenid)
+ );
+ },
+ });
+ }}
+ >
+
+ ))}
+
+
+
+
+
+
+ {locales.citizens_involved}
+
+
+
+
+
+ modals.open({ title: {locales.add_citizen} , centered: true, size: 'sm', children:
+
+ {report.citizensInvolved.map((citizen) => (
+ {
+ modals.openConfirmModal({
+ title: Remove officer ,
+ centered: true,
+ children: (
+
+ {locales.remove_citizen_confirm.format(citizen.firstname, citizen.lastname)}
+
+ ),
+ confirmProps: { color: 'red' },
+ groupProps: {
+ spacing: 6,
+ },
+ labels: { confirm: locales.confirm, cancel: locales.cancel },
+ onConfirm: async () => {
+ await fetchNui('removeReportCitizen', { id: report.id, citizenid: citizen.citizenid }, { data: 1 });
+ setCitizensInvolved((prev) =>
+ prev.filter((prevCitizen) => prevCitizen.citizenid !== citizen.citizenid)
+ );
+ },
+ });
+ }}
+ >
+
+ ))}
+
+
+
+
+
+ {locales.images}
+
+
+
+
+
+
+
+ {report.evidence.map((evidence) => (
+
+
+
+ )
+}
+
+export default Reports;
\ No newline at end of file
diff --git a/web/src/layers/mdt/components/Roster/components/RosterTable.tsx b/web/src/layers/mdt/components/Roster/components/RosterTable.tsx
new file mode 100644
index 0000000..e434c04
--- /dev/null
+++ b/web/src/layers/mdt/components/Roster/components/RosterTable.tsx
@@ -0,0 +1,239 @@
+import { ActionIcon, Avatar, Checkbox, Group, Input, Menu, ScrollArea, Table, Text } from '@mantine/core'
+import React from 'react'
+import { Icon123, IconArrowBadgeUp, IconBadges, IconListDetails, IconSettings, IconUserX } from '@tabler/icons-react';
+import { RosterOfficer } from '../../../../../typings';
+import dayjs from 'dayjs';
+import { modals } from '@mantine/modals';
+import { fetchNui } from '../../../../../utils/fetchNui';
+import useRosterStore from '../../../../../stores/roster/roster';
+import SetCallSignModal from './modals/SetCallSignModal';
+import SetRankModal from './modals/SetRankModal';
+import SetRolesModal from './modals/SetRolesModal';
+import locales from '../../../../../locales';
+
+const RosterTable = ({officers, hasPermission}: {officers: RosterOfficer[], hasPermission: boolean}) => {
+ const { setRosterOfficers } = useRosterStore();
+
+ const capitalize = (s: string) => s.charAt(0).toUpperCase() + s.slice(1);
+
+ const getTimeAgoText = (timeAgo: number) => {
+ const now = dayjs();
+ const dateToCompare = dayjs(timeAgo);
+ const diffDays = now.diff(dateToCompare, 'day');
+
+ if (diffDays === 0) {
+ return capitalize(locales.today);
+ } else if (diffDays === 1) {
+ return capitalize(locales.yesterday);
+ } else {
+ return capitalize(dayjs(timeAgo).fromNow());
+ }
+ }
+
+ const rosterRow = officers.map((officer) => (
+
+
+ {officer.firstname} {officer.lastname}
+
+
+ | {locales.officer} | +{locales.callsign} | +{locales.apu} | +{locales.air} | +{locales.mc} | +{locales.k9} | +{locales.fto} | +{locales.last_active} | +{locales.role} | ++ |
|---|
+ {setAPU(!apu)}} />
+ {setAIR(!air)}} />
+ {setMC(!mc)}} />
+ {setK9(!k9)}} />
+ {setFTO(!fto)}} />
+
+
+
+
+ )
+}
+
+export default Roster;
\ No newline at end of file
diff --git a/web/src/layers/mdt/components/Sidebar.tsx b/web/src/layers/mdt/components/Sidebar.tsx
new file mode 100644
index 0000000..9898384
--- /dev/null
+++ b/web/src/layers/mdt/components/Sidebar.tsx
@@ -0,0 +1,209 @@
+import { useEffect, useState } from "react";
+import {
+ Box,
+ createStyles,
+ Navbar,
+ Group,
+ getStylesRef,
+ rem,
+ Image,
+ Text,
+ ScrollArea,
+ Divider,
+} from "@mantine/core";
+import { NavLink, useLocation } from "react-router-dom";
+import {
+ IconLayoutDashboard,
+ IconGavel,
+ IconUserShield,
+ IconScript,
+ IconFileDescription,
+ IconMap2,
+ IconUsers,
+ IconCar,
+ IconProps,
+ Icon,
+} from "@tabler/icons-react";
+import LSPDLogo from "../assets/police-logo.png";
+import { usePersonalDataStore } from "../../../stores";
+
+const useStyles = createStyles((theme) => ({
+ link: {
+ ...theme.fn.focusStyles(),
+ display: "flex",
+ alignItems: "center",
+ textDecoration: "none",
+ fontSize: theme.fontSizes.xs,
+ color: theme.colors.gray[2],
+ padding: `${theme.spacing.xs} ${theme.spacing.xs}`,
+ fontWeight: 500,
+
+ "&:hover": {
+ borderRadius: theme.radius.sm,
+ background:
+ "linear-gradient(90deg, rgba(51,124,255,0.5) 0%, rgba(187,187,187,0) 100%)", // rgba(49, 212, 169, 0.1) GREEN
+ color: theme.colorScheme === "dark" ? theme.white : theme.black,
+
+ [`& .${getStylesRef("icon")}`]: {
+ color: theme.colorScheme === "dark" ? theme.white : theme.black,
+ },
+ },
+ },
+
+ linkIcon: {
+ ref: getStylesRef("icon"),
+ color:
+ theme.colorScheme === "dark"
+ ? theme.colors.dark[2]
+ : theme.colors.gray[6],
+ marginRight: theme.spacing.sm,
+ },
+
+ linkActive: {
+ "&, &:hover": {
+ borderRadius: theme.radius.sm,
+ background:
+ "linear-gradient(90deg, rgba(51,124,255,0.5) 0%, rgba(187,187,187,0) 100%)",
+ [`& .${getStylesRef("icon")}`]: {
+ color: "white",
+ },
+ },
+ },
+
+ chevron: {
+ transition: "transform 200ms ease",
+ },
+}));
+
+const homeData = [{ link: "", label: "Dashboard", icon: IconLayoutDashboard }];
+
+const pagesData = [
+ { link: "profiles", label: "Profiles", icon: IconUsers },
+ { link: "incidents", label: "Incidents", icon: IconScript },
+ { link: "reports", label: "Reports", icon: IconFileDescription },
+ { link: "vehicles", label: "Vehicles", icon: IconCar },
+ { link: "dispatch", label: "Dispatch", icon: IconMap2 },
+ // {link: 'boloWarrants', label: 'Bolos & Warrants', icon: IconZoomExclamation},
+];
+
+const staffData = [
+ { label: "Roster", link: "roster", icon: IconUserShield },
+ { label: "Charges", link: "charges", icon: IconGavel },
+ // { label: '10 Codes & Commands', link: 'codesAndCommands', icon: IconListCheck }
+];
+
+const Sidebar = () => {
+ const { classes, cx, theme } = useStyles();
+ const [activeLink, setActiveLink] = useState("");
+ const { firstname, lastname, callSign, role } = usePersonalDataStore(
+ (state) => state.personalData
+ );
+ const location = useLocation();
+
+ const renderLinks = (
+ data: {
+ label: string;
+ link: string;
+ icon: React.ForwardRefExoticComponent<
+ IconProps & React.RefAttributes
+
+
+
+
+ {locales.manage_roster}
+
+
+
+ {locales.roster}
+
+
+
+
+
+ {rosterOfficers.length} {locales.members}
+
+
+ setSearchQuery(e.target.value)}
+ />
+
+ }
+ style={{backgroundColor: 'rgba(51, 124, 255, 0.2)', color: 'rgba(159, 194, 255, 1)'}}
+ onClick={() => modals.open({ title: {locales.hire_officer} , centered: true, size: 'xs', children:
+
+ {isLoading ? (
+
+
+ ) : (
+
+
+
+
+
+
+
+ {firstname} {lastname}
+
+
+ {role} | {callSign}
+
+
+
+
+
+
+ );
+
+ return (
+
+
+
+
+ {locales.no_vehicle_selected}
+
+
+
+
+ )
+}
+
+export default VehicleInformation
\ No newline at end of file
diff --git a/web/src/layers/mdt/components/Vehicles/components/VehicleList.tsx b/web/src/layers/mdt/components/Vehicles/components/VehicleList.tsx
new file mode 100644
index 0000000..1472078
--- /dev/null
+++ b/web/src/layers/mdt/components/Vehicles/components/VehicleList.tsx
@@ -0,0 +1,101 @@
+import { rem, Input, Divider, Text, ScrollArea, Center, Loader } from "@mantine/core"
+import { IconSearch, IconCar } from "@tabler/icons-react"
+import '../index.css'
+import { useState, useEffect } from "react"
+import { PartialVehicleData } from "../../../../../typings"
+import locales from "../../../../../locales"
+import useVehiclesStore from "../../../../../stores/vehicles/vehicles"
+import { capitalizeFirstLetter } from "../../../../../helpers"
+
+interface VehicleListProps {
+ handleVehicleClick: (vehicle: PartialVehicleData) => void
+}
+
+const VehicleList = (props: VehicleListProps) => {
+ const [searchQuery, setSearchQuery] = useState('');
+ const { getVehicles } = useVehiclesStore();
+ const [vehicles, setVehicles] = useState
+
+
+
+
+
+ {locales.vehicle_information}
+
+
+
+
+
+
+
+ { setSelectedVehicle(null); }}>
+
+
+
+
+
+
+ setHovering(true)} onMouseLeave={() => setHovering(false)}>
+ {hovering && (
+
+ modals.open({
+ title: {locales.change_picture} ,
+ centered: true,
+ size: 'sm',
+ children:
+ )}
+ {locales.bolo}} size={24} radius="sm" color="red" disabled={!isVehicleBOLO}>
+
+ Image of vehicle was not found
+
+ }
+ />
+
+
+
+
+ }
+ placeholder={selectedVehicle.owner}
+ size='sm'
+ />
+
+ }
+ placeholder={selectedVehicle.plate}
+ size='sm'
+ />
+
+ }
+ placeholder={selectedVehicle.class === 'Sport-Classic' ? capitalizeFirstLetter('Sports Classic') : capitalizeFirstLetter(selectedVehicle.class)}
+ size='sm'
+ />
+
+ }
+ placeholder={capitalizeFirstLetter(selectedVehicle.model)}
+ size='sm'
+ />
+
+ }
+ placeholder={capitalizeFirstLetter(selectedVehicle.color)}
+ size='sm'
+ />
+
+
+ {isVehicleBOLO && (
+ {locales.bolo_expires_at} {BOLOExpirationDate}
+ )}
+
+
+
+
+
+
+ {locales.known_information}
+
+
+ `+ Create ${query}`}
+ onCreate={(query) => {
+ fetchNui(
+ 'saveVehicleInformation',
+ {
+ plate: selectedVehicle.plate,
+ knownInformation: [...selectedVehicle.knownInformation, query]
+ },
+ { data: 1 }
+ );
+ const updatedVehicle = {
+ ...selectedVehicle,
+ knownInformation: [...selectedVehicle.knownInformation, query]
+ };
+ setSelectedVehicle(updatedVehicle);
+ return query;
+ }}
+ />
+
+
+
+ {
+ setSelectedVehicle({ ...selectedVehicle, notes: value });
+
+ fetchNui('saveVehicleNotes', { plate: selectedVehicle.plate, notes: value });
+ }}
+ styles={{ content: { backgroundColor: '#242527' }, toolbar: { backgroundColor: '#2C2E33' }, controlsGroup: { pointerEvents: 'auto', backgroundColor: '#282828' }}}
+ contentAreaStyle={{ height: 270, width: '100%', padding: 0 }}
+ />
+
+
+
+ )
+}
+
+export default VehicleList;
\ No newline at end of file
diff --git a/web/src/layers/mdt/components/Vehicles/index.css b/web/src/layers/mdt/components/Vehicles/index.css
new file mode 100644
index 0000000..816db8f
--- /dev/null
+++ b/web/src/layers/mdt/components/Vehicles/index.css
@@ -0,0 +1,100 @@
+.vehicles {
+ width: 100%;
+ margin: 20px;
+ display: flex;
+ flex-direction: row;
+ gap: 20px;
+}
+
+.vehicle-content-list-width {
+ width: 500px;
+}
+
+.vehicle-content-width {
+ width: 890px;
+}
+
+.Vehicles-card-content {
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+ width: 100%;
+ height: 725px;
+}
+
+.Vehicles-card-content-flex {
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+}
+
+.vehicles-card {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 10px;
+ height: 50px;
+ border-radius: 0.25rem;
+ padding-right: 15px;
+ padding-left: 15px;
+ background-color: #2C2E33;
+ border: 0.0625rem solid transparent;
+ box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
+}
+
+.vehicles-card:hover {
+ cursor: pointer;
+ border: 0.0625rem solid #4D4F54;
+}
+
+.vehicle-card-content {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ gap: 20px;
+ width: 100%;
+ height: 100%;
+}
+
+.vehicle-card-header {
+ width: 100%;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.vehicle-card-header-buttons {
+ display: flex;
+ gap: 5px;
+}
+
+.vehicle-card-information {
+ width: 100%;
+ display: flex;
+ gap: 20px;
+}
+
+.vehicle-card-information-inputs {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ width: 100%;
+}
+
+.vehicle-card-image {
+ position: relative;
+}
+
+.vehicle-card-extra-information {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ width: 100%;
+ gap: 10px;
+}
+
+.vehicle-card-notes {
+ width: 100%;
+ height: auto;
+}
\ No newline at end of file
diff --git a/web/src/layers/mdt/components/Vehicles/index.tsx b/web/src/layers/mdt/components/Vehicles/index.tsx
new file mode 100644
index 0000000..adf9791
--- /dev/null
+++ b/web/src/layers/mdt/components/Vehicles/index.tsx
@@ -0,0 +1,52 @@
+import './index.css'
+import { LoadingOverlay } from '@mantine/core';
+import CustomLoader from '../CustomLoader';
+import { useState } from 'react';
+import { PartialVehicleData, Vehicle } from '../../../../typings';
+import { fetchNui } from '../../../../utils/fetchNui';
+import useVehiclesStore, { DEBUG_VEHICLE1, DEBUG_VEHICLE2 } from '../../../../stores/vehicles/vehicles';
+import VehicleList from './components/VehicleList';
+import VehicleInformation from './components/VehicleInformation';
+
+const Vehicles = () => {
+ const [loading, setLoading] = useState(false);
+ const { setSelectedVehicle, setIsVehicleBOLO, setBOLOExpirationDate } = useVehiclesStore();
+ const DEBUG_VEH = (Math.random() * 10) > 5 ? DEBUG_VEHICLE1 : DEBUG_VEHICLE2
+
+ const handleVehicleClick = async (vehicle: PartialVehicleData) => {
+ setLoading(true);
+ setSelectedVehicle(null);
+ const resp = await fetchNui
+
+
+
+ {locales.vehicles}
+
+
+
+
+ }
+ variant="filled"
+ placeholder={locales.search}
+ mt={10}
+ mb={10}
+ value={searchQuery}
+ onChange={e => setSearchQuery(e.target.value)}
+ />
+
+
+
+
+
+
+ {isLoading ? (
+
+
+ ) : filteredVehicles.length > 0 ? (
+ filteredVehicles.map((vehicle) => (
+
+ {locales.no_profiles_found}
+
+ )}
+
+ props.handleVehicleClick(vehicle)} key={vehicle.plate}>
+
+ {capitalizeFirstLetter(vehicle.model)}
+
+
+
+ {vehicle.plate}
+
+
+ ))
+ ) : (
+
+
+ );
+}
+
+export default Vehicles;
\ No newline at end of file
diff --git a/web/src/layers/mdt/components/Vehicles/modals/AvatarModal.tsx b/web/src/layers/mdt/components/Vehicles/modals/AvatarModal.tsx
new file mode 100644
index 0000000..e30693d
--- /dev/null
+++ b/web/src/layers/mdt/components/Vehicles/modals/AvatarModal.tsx
@@ -0,0 +1,42 @@
+import React, { useRef, useState } from 'react';
+import { Button, Stack, TextInput } from '@mantine/core';
+import { modals } from '@mantine/modals';
+import { fetchNui } from '../../../../../utils/fetchNui';
+import locales from '../../../../../locales';
+import useVehiclesStore from '../../../../../stores/vehicles/vehicles';
+
+interface Props {
+ image?: string;
+}
+
+const AvatarModal: React.FC
+ {typeof props.icon !== "string" ? (
+ {props.label}
+
+ );
+};
+
+export default NotificationInfo;
diff --git a/web/src/locales.ts b/web/src/locales.ts
new file mode 100644
index 0000000..d2ff2e5
--- /dev/null
+++ b/web/src/locales.ts
@@ -0,0 +1,31 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { isEnvBrowser } from './utils/misc';
+import locale from '../../locales/en.json';
+import { printf } from 'fast-printf';
+
+const locales: RecordThis is a incident description
', + officersInvolved: [ + { + firstname: 'Callum', + lastname: 'Graham', + callsign: 188, + citizenid: '132142', + playerId: 1, + position: [0, 0, 0], + }, + { + firstname: 'Jacob', + lastname: 'Gray', + callsign: 273, + citizenid: '152312', + playerId: 1, + position: [0, 0, 0], + }, + { + firstname: 'Edward', + lastname: 'Atkinson', + callsign: 125, + citizenid: '948213', + playerId: 1, + position: [0, 0, 0], + }, + ], + evidence: [], + criminals: [ + { + firstname: 'Archie', + lastname: 'Moss', + dob: Date.now(), + issueWarrant: false, + processed: false, + pleadedGuilty: false, + citizenid: '0', + charges: [], + penalty: { + time: 0, + fine: 0, + reduction: null, + points: 0, + }, + }, + ], +}; + +const useIncidentStore = createThis is a incident description
', + evidence: [], + officersInvolved: [ + { + firstname: 'Callum', + lastname: 'Graham', + callsign: 188, + citizenid: '132142', + playerId: 1, + position: [0, 0, 0], + }, + { + firstname: 'Jacob', + lastname: 'Gray', + callsign: 273, + citizenid: '152312', + playerId: 1, + position: [0, 0, 0], + }, + { + firstname: 'Edward', + lastname: 'Atkinson', + callsign: 125, + citizenid: '948213', + playerId: 1, + position: [0, 0, 0], + }, + ], + citizensInvolved: [ + { + firstname: 'John', + lastname: 'Doe', + citizenid: 'BUB193Z4A', + dob: Date.now(), + }, + ], +}; + +const useReportStore = create(events: DebugEvent
[], timer = 1000): void => {
+ if (import.meta.env.MODE === 'development' && isEnvBrowser()) {
+ for (const event of events) {
+ setTimeout(() => {
+ window.dispatchEvent(
+ new MessageEvent('message', {
+ data: {
+ action: event.action,
+ data: event.data,
+ },
+ }),
+ );
+ }, timer);
+ }
+ }
+};
\ No newline at end of file
diff --git a/web/src/utils/fetchNui.ts b/web/src/utils/fetchNui.ts
new file mode 100644
index 0000000..081d82e
--- /dev/null
+++ b/web/src/utils/fetchNui.ts
@@ -0,0 +1,37 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/**
+ * Simple wrapper around fetch API tailored for CEF/NUI use. This abstraction
+ * can be extended to include AbortController if needed or if the response isn't
+ * JSON. Tailor it to your needs.
+ *
+ * @param eventName - The endpoint eventname to target
+ * @param data - Data you wish to send in the NUI Callback
+ *
+ * @return returnData - A promise for the data sent back by the NuiCallbacks CB argument
+ */
+
+import { isEnvBrowser } from "./misc";
+
+export async function fetchNui