Scripts/resources/[ps]/ps-mdt/ui/dashboard.html

1069 lines
69 KiB
HTML
Raw Permalink Normal View History

2024-12-29 20:28:24 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project Sloth MDT</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A==" crossorigin=""/>
<!-- <script src="nui://game/ui/jquery.js" type="text/javascript"></script> -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.13.1/jquery-ui.min.js" integrity="sha256-eTyxS0rkjpLEo16uXTS0uVCS4815lc40K2iVpWDvdSY=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js" integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA==" crossorigin=""></script>
<!-- Markdown -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Trumbowyg/2.27.3/ui/trumbowyg.min.css" integrity="sha512-Fm8kRNVGCBZn0sPmwJbVXlqfJmPC13zRsMElZenX6v721g/H7OukJd8XzDEBRQ2FSATK8xNF9UYvzsCtUpfeJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Trumbowyg/2.27.3/plugins/colors/ui/trumbowyg.colors.min.css" integrity="sha512-vw0LMar38zTSJghtmUo0uw000TBbzhsxLZkOgXZG+U4GYEQn+c+FmVf7glhSZUQydrim3pI+/m7sTxAsKhObFA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/Trumbowyg/2.27.3/trumbowyg.min.js" integrity="sha512-YJgZG+6o3xSc0k5wv774GS+W1gx0vuSI/kr0E0UylL/Qg/noNspPtYwHPN9q6n59CTR/uhgXfjDXLTRI+uIryg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Trumbowyg/2.27.3/plugins/fontsize/trumbowyg.fontsize.min.js" integrity="sha512-eFYo+lmyjqGLpIB5b2puc/HeJieqGVD+b8rviIck2DLUVuBP1ltRVjo9ccmOkZ3GfJxWqEehmoKnyqgQwxCR+g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Trumbowyg/2.27.3/plugins/fontfamily/trumbowyg.fontfamily.min.js" integrity="sha512-oATdSCPRZu3qFFyxrZ66ma2QbQybLqpRqwLRp2IQEaIABnEHcs2qDf6UOVA/V5LhBvxFxKCNvyVb/yQfwDkFhQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Trumbowyg/2.27.3/plugins/colors/trumbowyg.colors.min.js" integrity="sha512-SHpxBJFbCaHlqGpH13FqtSA+QQkQfdgwtpmcWedAXFCDxAYMgrqj9wbVfwgp9+HgIT6TdozNh2UlyWaXRkiurw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Trumbowyg/2.27.3/plugins/indent/trumbowyg.indent.min.js" integrity="sha512-N89zRHLWXok+vH182YWrgGljMTqIw3lUfseand3N4OqzTtIXkObsRoq3l1vMBkp008c1fb+KGYU/DwJO783cug==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
</head>
<body>
<ul class="contextmenu"></ul>
<ul class="ccontextmenu"></ul>
<div id="draggedItem">
</div>
<img src="" class="gallery-image-enlarged">
<div class="callsign-container" style="display: none">
<div class="callsign-inner-container" style="display: none">
<div class="callsign-title">Indtast kaldenavn</div>
<input type="text" maxlength="5" class="callsign-input" placeholder="6969">
<div class="callsign-buttons">
<div class="callsign-cancel">Annuller</div>
<div class="callsign-submit">Gem</div>
</div>
</div>
</div>
<div class="radio-container" style="display: none">
<div class="radio-inner-container" style="display: none">
<div class="radio-title">Indtast radio</div>
<input type="number" maxlength="3" class="radio-input" placeholder="0">
<div class="radio-buttons">
<div class="radio-cancel">Annuller</div>
<div class="radio-submit">Gem</div>
</div>
</div>
</div>
<div class="dispatch-attached-units">
<div class="dispatch-attached-units-container">
<div class="dispatch-attached-units-title" data-id="0">Tilknyttede enheder</div>
<div class="dispatch-attached-units-holder">
</div>
</div>
</div>
<div class="respond-calls" style="display:none;">
<div class="respond-calls-container" style="display:none;">
<div class="respond-calls-title">Opkaldsvar</div>
<div class="respond-calls-responses">
</div>
<textarea class="respond-calls-input" type="text" id="respondcalls" name="respondcalls" placeholder="Hvad vil du svare?"></textarea>
</div>
</div>
<div class="incidents-person-search">
<div class="incidents-person-search-container">
<div class="incidents-person-search-title">Personsøgning</div>
<div class="incidents-person-search-name-title">Navn</div>
<div style="width: 95%; margin: auto; border-bottom: 2px solid #2C537B;"><input class="incidents-person-search-name-input"></div>
<div class="incidents-person-search-holder">
</div>
</div>
</div>
<div class="convictions-known">
<div class="convictions-known-container">
<div class="convictions-known-title">Domme</div>
<div class="convictions-holder">
</div>
</div>
</div>
<div class="incidents-known">
<div class="incidents-known-container">
<div class="incidents-known-title">Kendte hændelser</div>
<div class="profile-incidents-holder">
</div>
</div>
</div>
<div class="incidents-charges-table" style="display: none;">
<div class="incidents-charges-table-container">
<div class="incidents-charges-title-container">
<div class="incidents-charges-title">Anklager</div>
<div class="incidents-charges-title-description">Søg og venstreklik på anklager fra den større liste, som du vil tilføje til den mistænkte. Højreklik på anklager på samme liste, som du vil fjerne.</div>
</div>
<div class="current-charges-container">
<div class="current-charges-inner-container">
<div class="current-charges-title">Nuværrende anklager</div>
</div>
<div id="current-charges-holder">
<div class="current-charges-tag">Test</div>
</div>
</div>
<div class="offenses-search-area">
<input type="text" class="offenses-search" placeholder="Søg efter anklage" id="offenses-search" name="offenses-search">
</div>
<div class="offenses-main-container"></div>
</div>
</div>
<div class="container-load">
<div class="header">
<img src="img/sasp_badge.webp" class="badge-logo">
<div class="header-left">
<div class="header-title" style="color: #caa95d; font-weight: bold; font-size: 18px;">HYPERION RIGSPOLITI</div>
<div style="color: white; font-weight: lighter; font-size: 16px;">Mobil Data Terminal</div>
</div>
<div class="header-middle">
<div class="date">Indlæser...</div>
<div class="time">00:00</div>
</div>
<div class="header-right">
<div style="color: white; font-weight: lighter; font-size: 22px;" class="name-shit">Velkommen, indlæser....
</div>
<div style="color: lightgray; font-size: 15px;"><span class="fas fa-map-pin header-pin"></span><span class="header-location"></span></div>
</div>
</div>
<div class="loader"></div>
<div class="main-container">
<div class="nav-menu">
<div class="nav-item">Startskærm</div>
<div class="nav-item">Profiler</div>
<div class="nav-item incidents-nav-item">Hændelser</div>
<div class="nav-item">Rapporter</div>
<div class="nav-item map-nav-item">Kort</div>
<div class="nav-item bolo-nav-item">Efterlysninger</div>
<div class="nav-item">Roster</div>
<div class="nav-item">SOP</div>
<div class="nav-item dmv-nav-item">Motorregister</div>
<div class="nav-item weapons-nav-item" data-page=".weapons-page-container">Våbenregister</div>
<div class="nav-item cams-nav-item">Kameraer</div>
<div class="nav-item">Staff Logs</div>
</div>
</div>
</div>
<div class="dashboard-page-container close-all">
<div class="header">
<img src="img/sasp_badge.webp" class="badge-logo">
<div class="header-left">
<div class="header-title" style="color: #caa95d; font-weight: bold; font-size: 18px;">HYPERION RIGSPOLITI</div>
<div style="color: white; font-weight: lighter; font-size: 16px;">Mobil Data Terminal</div>
</div>
<div class="header-middle">
<div class="date">Indlæser...</div>
<div class="time">00:00</div>
</div>
<div class="header-right">
<div style="color: white; font-weight: lighter; font-size: 22px;" class="name-shit">Velkommen, indlæser...
</div>
<div style="color: lightgray; font-size: 15px;"><span class="fas fa-map-pin header-pin"></span><span class="header-location"></span></div>
</div>
</div>
<div class="main-container">
<div class="nav-menu">
<div class="nav-item active-nav" data-page=".dashboard-page-container">Startskærm</div>
<div class="nav-item" data-page=".profile-page-container">Profiler</div>
<div class="nav-item incidents-nav-item" data-page=".incidents-page-container">Hændelser</div>
<div class="nav-item" data-page=".reports-page-container">Rapporter</div>
<div class="nav-item map-nav-item" data-page=".map-page-container">Kort</div>
<div class="nav-item bolo-nav-item" data-page=".bolos-page-container">Efterlysninger</div>
<div class="nav-item penalcode-nav-item" data-page=".penalcode-page-container">Roster</div>
<div class="nav-item sop-nav-item" data-page=".sop-page-container">SOP</div>
<div class="nav-item dmv-nav-item" data-page=".dmv-page-container">Motorregister</div>
<div class="nav-item weapons-nav-item" data-page=".weapons-page-container">Våbenregister</div>
<div class="nav-item cams-nav-item" data-page=".cams-page-container">Kameraer</div>
<div class="nav-item" data-page=".stafflogs-page-container">Staff Logs</div>
</div>
<div style="display: flex; flex-direction: column;">
<div class="dispatch-comms-container">
<div style="display: flex;" class="reports-search-title-holder">
<div class="reports-search-title dispatch-title-ofsomesort">Udsendelser</div>
<div class="dispatch-comms-refresh">Opdater</div>
</div>
<div class="dispatch-items"> </div>
<textarea class="dispatch-input" type="text" id="dispatchmsg" name="dispatchmsg" placeholder="Besked til #dispatch"></textarea>
</div>
<div class="reports-container" id="home-reports-container" style="display:none">
<div style="display: flex;" class="reports-search-title-holder">
<div class="reports-search-title">Rapporter</div>
<div class="reports-search-refresh">Opdater</div>
</div>
<div class="reports-items">
</div>
</div>
<div class="warrants-container" id="home-warrants-container">
<div class="warrants-title"> <span class="fas fa-search"></span> Arrestordre</div>
<div class="warrants-items">
</div>
</div>
</div>
<div style="display: flex; flex-direction: column;">
<div class="quotes-container">
<div class="quote-title"><span style="color: #caa95d;">Dagens</span> citat</div>
<div class="quote"><span class="quote-span">All lives matter... Med undtagelse af Amerikanere.</span></div>
</div>
<div class="bulletin-container">
<div style="display: flex; align-items: center;">
<div class="bulletin-title">Opslagstavle</div>
<div class="bulletin-add-btn fas fa-plus"></div>
</div>
<div class="bulletin-items-continer"> </div>
</div>
</div>
<div class="dispatch-container">
<div class="dispatch-title"><span class="fas fa-search"></span> Udsendelse</div>
<div style="display: flex; align-items: center;">
<div class="active-unit-title">Aktive enheder</div>
<div class="active-unit-count" id="police-count">0</div>
<div class="active-unit-count" id="bcso-count">0</div>
<div class="active-unit-count" id="sasp-count">0</div>
<div class="active-unit-count" id="ems-count">0</div>
<div class="active-unit-count" id="doj-count">0</div>
<!-- <div class="active-unit-count" id="fire-count">0</div> -->
</div>
<div class="active-unit-list">
</div>
<div class="calls-title">Seneste opkald</div>
<div class="active-calls-list">
<div class="active-calls-item">
<div class="active-call-inner-container">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="profile-page-container close-all">
<div class="header">
<img src="img/sasp_badge.webp" class="badge-logo">
<div class="header-left">
<div class="header-title" style="color: #caa95d; font-weight: bold; font-size: 18px;">HYPERION RIGSPOLITI</div>
<div style="color: white; font-weight: lighter; font-size: 16px;">Mobil Data Terminal</div>
</div>
<div class="header-middle">
<div class="date">Indlæser...</div>
<div class="time">00:00</div>
</div>
<div class="header-right">
<div style="color: white; font-weight: lighter; font-size: 22px;" class="name-shit">Velkommen, indlæser...
</div>
<div style="color: lightgray; font-size: 15px;"><span class="fas fa-map-pin header-pin"></span><span class="header-location"></span></div>
</div>
</div>
<div class="main-container">
<div class="nav-menu">
<div class="nav-item" data-page=".dashboard-page-container">Startskærm</div>
<div class="nav-item active-nav" data-page=".profile-page-container">Profiler</div>
<div class="nav-item incidents-nav-item" data-page=".incidents-page-container">Hændelser</div>
<div class="nav-item" data-page=".reports-page-container">Rapporter</div>
<div class="nav-item map-nav-item" data-page=".map-page-container">Kort</div>
<div class="nav-item bolo-nav-item" data-page=".bolos-page-container">Efterlysninger</div>
<div class="nav-item penalcode-nav-item" data-page=".penalcode-page-container">Roster</div>
<div class="nav-item sop-nav-item" data-page=".sop-page-container">SOP</div>
<div class="nav-item dmv-nav-item" data-page=".dmv-page-container">Motorregister</div>
<div class="nav-item weapons-nav-item" data-page=".weapons-page-container">Våbenregister</div>
<div class="nav-item cams-nav-item" data-page=".cams-page-container">Kameraer</div>
<div class="nav-item" data-page=".stafflogs-page-container">Staff Logs</div>
</div>
<div class="profile-container">
<div class="profile-title"> <span class="fas fa-search"></span> Profiler</div>
<div class="profile-search-input"><input id="profile-search-input" type="text"
placeholder="Søg efter person..."></div>
<div class="profile-items">
</div>
</div>
<div class="manage-profile-container">
<div class="manage-profile-title">Administrer profiler</div>
<div style="display: flex;">
<div class="manage-profile-editing-title">Du redigerer lige nu ...</div>
<div class="manage-profile-save">Gem</div>
</div>
<div class="manage-profile-active-warrant">AKTIV ARRESTORDRE</div>
<div class="manage-profile-info-container">
<img src="img/male.png" class="manage-profile-pic" onerror="this.src='img/not-found.webp'">
<div class="manage-profile-info-inner-container">
<div class="manage-profile-citizenid">Borger ID</div>
<div><span class="fas fa-address-card manage-cid-pic"></span><input type="text" readonly class="manage-profile-citizenid-input"></div>
<div class="line"></div>
<div class="manage-profile-name">Fornavn</div>
<div><span class="fas fa-user manage-cid-pic"></span><input type="text" readonly class="manage-profile-name-input manage-profile-name-input-1"></div>
<div class="line"></div>
<div class="manage-profile-name">Efternavn</div>
<div><span class="fas fa-user manage-cid-pic"></span><input type="text" readonly class="manage-profile-name-input manage-profile-name-input-2"></div>
<div class="line"></div>
<div class="manage-profile-dob">Fødselsdate</div>
<div><span class="far fa-calendar-alt manage-cid-pic"></span><input type="text" readonly class="manage-profile-dob-input"></div>
<div class="line"></div>
<div class="manage-profile-fingerprint">Fingeraftryk</div>
<div><span class="fas fa-fingerprint manage-cid-pic"></span><input type="text" class="manage-profile-fingerprint-input"></div>
<div class="line"></div>
<div class="manage-profile-phonenumber">Telefonnummer</div>
<div><span class="fas fa-phone-volume manage-cid-pic"></span><input type="text" readonly class="manage-profile-phonenumber-input"></div>
<div class="line"></div>
<div class="manage-profile-job">Beskæftigelse</div>
<div><span class="fas fa-briefcase manage-cid-pic"></span><input type="text" readonly class="manage-profile-job-input"></div>
<div class="line"></div>
<div class="manage-profile-apartment">Ejendom</div>
<div><span class="fas fa-building manage-cid-pic"></span><input type="text" readonly class="manage-profile-apartment-input"></div>
<div class="line"></div>
<div class="manage-profile-url">Billede</div>
<div><span class="fas fa-images manage-cid-pic"></span><input type="text" class="manage-profile-url-input"></div>
<div class="line" style="margin-bottom: 0px;"></div>
</div>
</div>
<textarea class="manage-profile-info" placeholder="Indtast person-info her" disabled></textarea>
</div>
<div class="manage-profile-right-container">
<div class="manage-profile-licenses-container display_hidden">
<div class="license-title">Tilladelser <span class="licenses-amount"></span></div>
<div class="licenses-holder"></div>
</div>
<div class="manage-profile-vehs-container display_hidden">
<div class="vehs-title">Køretøjer</div>
<div class="vehs-holder"></div>
</div>
<div class="manage-profile-tags-container">
<div style="display: flex; align-items: center;">
<div class="tags-title">Tags</div>
<div class="tags-add-btn fas fa-plus"></div>
</div>
<div class="tags-holder"></div>
</div>
<div class="manage-profile-houses-container display_hidden">
<div class="houses-title">Ejendomme</div>
<div class="houses-holder"></div>
</div>
<div class="manage-profile-gallery-container">
<div style="display: flex; align-items: center;">
<div class="gallery-title">Galleri</div>
<div class="gallery-add-btn fas fa-plus"></div>
</div>
<div class="gallery-upload-input"><input id="gallery-upload-input" placeholder="Billede URL...">
</div>
<div class="gallery-inner-container"></div>
</div>
<div class="convictions-title"><span class="fas fa-eye"></span> Vis domme</div>
<div class="profile-incidents-title"><span class="fas fa-eye"></span> Vis hændelser</div>
</div>
</div>
</div>
<div class="incidents-page-container close-all">
<div class="header">
<img src="img/sasp_badge.webp" class="badge-logo">
<div class="header-left">
<div class="header-title" style="color: #caa95d; font-weight: bold; font-size: 18px;">HYPERION RIGSPOLITI</div>
<div style="color: white; font-weight: lighter; font-size: 16px;">Mobil Data Terminal</div>
</div>
<div class="header-middle">
<div class="date">Indlæser...</div>
<div class="time">00:00</div>
</div>
<div class="header-right">
<div style="color: white; font-weight: lighter; font-size: 22px;" class="name-shit">Velkommen, indlæser...
</div>
<div style="color: lightgray; font-size: 15px;"><span class="fas fa-map-pin header-pin"></span><span class="header-location"></span></div>
</div>
</div>
<div class="main-container">
<div class="nav-menu">
<div class="nav-item" data-page=".dashboard-page-container">Startskærm</div>
<div class="nav-item" data-page=".profile-page-container">Profiler</div>
<div class="nav-item incidents-nav-item active-nav" data-page=".incidents-page-container">Hændelser</div>
<div class="nav-item" data-page=".reports-page-container">Rapporter</div>
<div class="nav-item map-nav-item" data-page=".map-page-container">Kort</div>
<div class="nav-item bolo-nav-item" data-page=".bolos-page-container">Efterlysninger</div>
<div class="nav-item penalcode-nav-item" data-page=".penalcode-page-container">Roster</div>
<div class="nav-item sop-nav-item" data-page=".sop-page-container">SOP</div>
<div class="nav-item dmv-nav-item" data-page=".dmv-page-container">Motorregister</div>
<div class="nav-item weapons-nav-item" data-page=".weapons-page-container">Våbenregister</div>
<div class="nav-item cams-nav-item" data-page=".cams-page-container">Kameraer</div>
<div class="nav-item" data-page=".stafflogs-page-container">Staff Logs</div>
</div>
<div class="incidents-container">
<div style="display: flex;" class="reports-search-title-holder">
<div class="incidents-title"> <span class="fas fa-search"></span> Hændelser</div>
<div class="incidents-search-refresh">Opdater</div>
</div>
<div class="incidents-search-input"><input id="incidents-search-input" placeholder="Søg efter hændelse">
</div>
<div class="modify-charges-label"><span class="fas fa-solid fa-info"></span> Højreklik for at slette hændelser.</div>
<div class="incidents-items">
</div>
</div>
<div class="manage-incidents-container">
<div style="display: flex;" class="manage-incidents-title-holder">
<div class="manage-incidents-title">Administrer hændelser</div>
<div class="manage-incidents-create"> <span class="fas fa-plus" style="margin-top: 3.5px;"></span>
</div>
<!-- <div class="manage-incidents-save"><span class="fas fa-save" style="margin-top: 3.5px;"></span></div> -->
</div>
<div class="manage-incidents-editing-title" data-id=0>Du opretter en ny hændelse</div>
<div class="manage-incidents-title-tag">Titel</div>
<div class="manage-incidents-title-input"><span class="fas fa-tags"></span> <input placeholder="Indtast titel her..." class="manage-incidents-title-input" id="manage-incidents-title-input"></div>
<textarea class="manage-incidents-reports-content"
placeholder="Incident report content goes here..."></textarea>
<div class="manage-incidents-tags-container">
<div style="display: flex; align-items: center; width: 95%;">
<div class="manage-incidents-tags-title">Tags</div>
<div class="manage-incidents-tags-add-btn fas fa-plus"></div>
</div>
<div class="manage-incidents-tags-holder">
</div>
</div>
<div class="manage-incidents-evidence-container">
<div style="display: flex; align-items: center; width: 95%;">
<div class="manage-incidents-evidence-title">Beviser</div>
<div class="manage-incidents-evidence-add-btn fas fa-plus"></div>
</div>
<div class="incidents-upload-input"><input id="incidents-upload-input" placeholder="Billede URL...">
</div>
<div class="manage-incidents-evidence-holder">
</div>
</div>
</div>
<div class="associated-incidents-container">
<div class="associated-incidents-title">Involverede</div>
<div class="manage-incidents-officers-container">
<div style="display: flex; align-items: center; width: 95%;">
<div class="manage-incidents-officers-title">Betjente involveret</div>
<div class="manage-incidents-officers-add-btn fas fa-plus"></div>
</div>
<div class="manage-incidents-officers-holder">
</div>
</div>
<div class="manage-incidents-civilians-container">
<div style="display: flex; align-items: center; width: 95%;">
<div class="manage-incidents-civilians-title">Borgere involveret</div>
<div class="manage-incidents-civilians-add-btn fas fa-plus"></div>
</div>
<div class="manage-incidents-civilians-holder">
</div>
</div>
<div class="associated-incidents-tags-container">
<div style="display: flex; align-items: center; width: 95%;">
<div class="associated-incidents-tags-title">Kriminelle involveret</div>
<div class="associated-incidents-tags-add-btn fas fa-plus"></div>
</div>
<div class="associated-incidents-tags-holder">
</div>
</div>
<div class="incidents-ghost-holder">
</div>
</div>
</div>
</div>
<div class="reports-page-container close-all">
<div class="header">
<img src="img/sasp_badge.webp" class="badge-logo">
<div class="header-left">
<div class="header-title" style="color: #caa95d; font-weight: bold; font-size: 18px;">HYPERION RIGSPOLITI</div>
<div style="color: white; font-weight: lighter; font-size: 16px;">Mobil Data Terminal</div>
</div>
<div class="header-middle">
<div class="date">Indlæser...</div>
<div class="time">00:00</div>
</div>
<div class="header-right">
<div style="color: white; font-weight: lighter; font-size: 22px;" class="name-shit">Velkommen, indlæser...
</div>
<div style="color: lightgray; font-size: 15px;"><span class="fas fa-map-pin header-pin"></span><span class="header-location"></span></div>
</div>
</div>
<div class="main-container">
<div class="nav-menu">
<div class="nav-item" data-page=".dashboard-page-container">Startskærm</div>
<div class="nav-item" data-page=".profile-page-container">Profiler</div>
<div class="nav-item incidents-nav-item" data-page=".incidents-page-container">Hændelser</div>
<div class="nav-item active-nav" data-page=".reports-page-container">Rapporter</div>
<div class="nav-item map-nav-item" data-page=".map-page-container">Kort</div>
<div class="nav-item bolo-nav-item" data-page=".bolos-page-container">Efterlysninger</div>
<div class="nav-item penalcode-nav-item" data-page=".penalcode-page-container">Roster</div>
<div class="nav-item sop-nav-item" data-page=".sop-page-container">SOP</div>
<div class="nav-item dmv-nav-item" data-page=".dmv-page-container">Motorregister</div>
<div class="nav-item weapons-nav-item" data-page=".weapons-page-container">Våbenregister</div>
<div class="nav-item cams-nav-item" data-page=".cams-page-container">Kameraer</div>
<div class="nav-item" data-page=".stafflogs-page-container">Staff Logs</div>
</div>
<div class="reports-container">
<div style="display: flex;" class="reports-search-title-holder">
<div class="reports-search-title"> <span class="fas fa-search"></span> Rapporter</div>
<div class="reports-search-refresh">Opdater</div>
</div>
<div class="reports-search-input"><input id="reports-search-input" placeholder="Søg efter rapport..."> </div>
<div class="modify-charges-label"><span class="fas fa-solid fa-info"></span> Højreklik forneden for at slette rapport.</div>
<div class="reports-items">
</div>
</div>
<div class="manage-reports-container">
<div style="display: flex;" class="manage-reports-title-holder">
<div class="manage-reports-title">Administrer rapport</div>
<div class="manage-reports-new">Ny</div>
<div class="manage-reports-save">Gem</div>
</div>
<div class="manage-reports-editing-title" data-id=0>Du er ved at skrive ny rapport</div>
<div class="manage-reports-input-tag">Titel</div>
<div class="manage-reports-input-title">
<span class="fas fa-tags"></span>
<input placeholder="Indtast titel her..." id="reporttitle" class="manage-reports-input-title">
</div>
<div class="manage-reports-input-tag">Type</div>
<div class="manage-reports-input-type"><span class="fas fa-folder"></span> <input placeholder="Indtast type her..." id="reporttype" class="manage-reports-input-type"></div>
<textarea class="manage-reports-reports-content" id="reportdetail" placeholder="Detaljer her..."></textarea>
</div>
<div class="manage-reports-right-container">
<div class="manage-reports-tags-container">
<div style="display: flex; align-items: center;">
<div class="manage-reports-title-tag">Tags</div>
<div class="manage-reports-tags-add-btn fas fa-plus"></div>
</div>
<div class="manage-reports-tags-holder"></div>
</div>
<div class="reports-officers-tags-container">
<div style="display: flex; align-items: center;">
<div class="tags-title" id="reports-officers-involved-tag-title">Betjente involveret</div>
<div class="reports-officers-add-btn fas fa-plus"></div>
</div>
<div class="reports-officers-tags-holder"></div>
</div>
<div class="reports-civilians-tags-container">
<div style="display: flex; align-items: center;">
<div class="tags-title">Borgere involveret</div>
<div class="reports-civilians-add-btn fas fa-plus"></div>
</div>
<div class="reports-civilians-tags-holder"></div>
</div>
<div class="manage-reports-gallery-container">
<div style="display: flex; align-items: center;">
<div class="gallery-title">Galleri</div>
<div class="reports-gallery-add-btn fas fa-plus"></div>
</div>
<div class="reports-gallery-upload-input"><input id="reports-gallery-upload-input" placeholder="Upload URL...">
</div>
<div class="reports-gallery-inner-container"></div>
</div>
</div>
</div>
</div>
<div class="bolos-page-container close-all">
<div class="header">
<img src="img/sasp_badge.webp" class="badge-logo">
<div class="header-left">
<div class="header-title" style="color: #caa95d; font-weight: bold; font-size: 18px;">HYPERION RIGSPOLITI</div>
<div style="color: white; font-weight: lighter; font-size: 16px;">Mobil Data Terminal</div>
</div>
<div class="header-middle">
<div class="date">Indlæser...</div>
<div class="time">00:00</div>
</div>
<div class="header-right">
<div style="color: white; font-weight: lighter; font-size: 22px;" class="name-shit">Velkommen, indlæser...
</div>
<div style="color: lightgray; font-size: 15px;"><span class="fas fa-map-pin header-pin"></span><span class="header-location"></span></div>
</div>
</div>
<div class="main-container">
<div class="nav-menu">
<div class="nav-item" data-page=".dashboard-page-container">Startskærm</div>
<div class="nav-item" data-page=".profile-page-container">Profiler</div>
<div class="nav-item incidents-nav-item" data-page=".incidents-page-container">Hændelser</div>
<div class="nav-item" data-page=".reports-page-container">Rapporter</div>
<div class="nav-item map-nav-item" data-page=".map-page-container">Kort</div>
<div class="nav-item bolo-nav-item active-nav" data-page=".bolos-page-container">Efterlysninger</div>
<div class="nav-item penalcode-nav-item" data-page=".penalcode-page-container">Roster</div>
<div class="nav-item sop-nav-item" data-page=".sop-page-container">SOP</div>
<div class="nav-item dmv-nav-item" data-page=".dmv-page-container">Motorregister</div>
<div class="nav-item weapons-nav-item" data-page=".weapons-page-container">Våbenregister</div>
<div class="nav-item cams-nav-item" data-page=".cams-page-container">Kameraer</div>
<div class="nav-item" data-page=".stafflogs-page-container">Staff Logs</div>
</div>
<div class="bolos-container">
<div style="display: flex;" class="bolos-search-title-holder">
<div class="bolos-search-title"> <span class="fas fa-search"></span> Bolos</div>
<div class="bolos-search-refresh">Opdater</div>
</div>
<div class="bolos-search-input"><input id="bolos-search-input" placeholder="Search Bolo..."> </div>
<div class="bolos-items">
</div>
</div>
<div class="manage-bolos-container">
<div style="display: flex;" class="manage-bolos-title-holder">
<div class="manage-bolos-title">Manage Bolo</div>
<div class="manage-bolos-new">New</div>
<div class="manage-bolos-save">Save</div>
</div>
<div class="manage-bolos-editing-title" data-id=0>You are currently creating a new BOLO</div>
<div class="manage-bolos-input-tag bolotitle-title">Title</div>
<div class="manage-bolos-input-title">
<span class="fas fa-tags"></span>
<input placeholder="Place title here..." id="bolotitle" class="manage-bolos-input-title">
</div>
<div class="manage-bolos-input-tag boloplate-title">Plate</div>
<div class="manage-bolos-input-plate"><span class="fas fa-address-card"></span> <input placeholder="Place plate here..." id="boloplate" class="manage-bolos-input-plate"></div>
<div class="manage-bolos-input-tag boloowner-title">Owner</div>
<div class="manage-bolos-input-owner"><span class="fas fa-bookmark"></span> <input placeholder="Place vehicle owner here..." id="boloowner" class="manage-bolos-input-owner"></div>
<div class="manage-bolos-input-tag boloindividual-title">Individual</div>
<div class="manage-bolos-input-individual"><span class="fas fa-user"></span> <input placeholder="Place individual here..." id="boloindividual" class="manage-bolos-input-individual"></div>
<textarea class="manage-bolos-reports-content" id="bolodetail" placeholder="Bolo detail goes here..."></textarea>
</div>
<div class="manage-bolos-right-container">
<div class="manage-bolos-tags-container">
<div style="display: flex; align-items: center;">
<div class="manage-bolos-title-tag">Tags</div>
<div class="manage-bolos-tags-add-btn fas fa-plus"></div>
</div>
<div class="manage-bolos-tags-holder"></div>
</div>
<div class="manage-officers-tags-container">
<div style="display: flex; align-items: center;">
<div class="tags-title" id="bolos-officers-involved-tag-title">Betjente involveret</div>
<div class="officers-add-btn fas fa-plus"></div>
</div>
<div class="manage-officers-tags-holder"></div>
</div>
<div class="manage-bolos-gallery-container">
<div style="display: flex; align-items: center;">
<div class="gallery-title">Galleri</div>
<div class="bolo-gallery-add-btn fas fa-plus"></div>
</div>
<div class="bolo-gallery-upload-input"><input id="bolo-gallery-upload-input" placeholder="Billede URL...">
</div>
<div class="bolo-gallery-inner-container"></div>
</div>
</div>
</div>
</div>
<div class="penalcode-page-container close-all">
<div class="header">
<img src="img/sasp_badge.webp" class="badge-logo">
<div class="header-left">
<div class="header-title" style="color: #caa95d; font-weight: bold; font-size: 18px;">HYPERION RIGSPOLITI</div>
<div style="color: white; font-weight: lighter; font-size: 16px;">Mobil Data Terminal</div>
</div>
<div class="header-middle">
<div class="date">Indlæser...</div>
<div class="time">00:00</div>
</div>
<div class="header-right">
<div style="color: white; font-weight: lighter; font-size: 22px;" class="name-shit">Velkommen, indlæser...
</div>
<div style="color: lightgray; font-size: 15px;"><span class="fas fa-map-pin header-pin"></span><span class="header-location"></span></div>
</div>
</div>
<div class="main-container">
<div class="nav-menu">
<div class="nav-item" data-page=".dashboard-page-container">Startskærm</div>
<div class="nav-item" data-page=".profile-page-container">Profiler</div>
<div class="nav-item incidents-nav-item" data-page=".incidents-page-container">Hændelser</div>
<div class="nav-item" data-page=".reports-page-container">Rapporter</div>
<div class="nav-item map-nav-item" data-page=".map-page-container">Kort</div>
<div class="nav-item bolo-nav-item" data-page=".bolos-page-container">Efterlysninger</div>
<div class="nav-item penalcode-nav-item active-nav" data-page=".penalcode-page-container">Roster</div>
<div class="nav-item sop-nav-item" data-page=".sop-page-container">SOP</div>
<div class="nav-item dmv-nav-item" data-page=".dmv-page-container">Motorregister</div>
<div class="nav-item weapons-nav-item" data-page=".weapons-page-container">Våbenregister</div>
<div class="nav-item cams-nav-item" data-page=".cams-page-container">Kameraer</div>
<div class="nav-item" data-page=".stafflogs-page-container">Staff Logs</div>
</div>
<div class="penalcode-embed" style="border:none;">
<iframe class="roster-iframe" src="" target="_blank"></iframe>
</div>
</div>
</div>
<div class="sop-page-container close-all">
<div class="header">
<img src="img/sasp_badge.webp" class="badge-logo">
<div class="header-left">
<div class="header-title" style="color: #caa95d; font-weight: bold; font-size: 18px;">HYPERION RIGSPOLITI</div>
<div style="color: white; font-weight: lighter; font-size: 16px;">Mobil Data Terminal</div>
</div>
<div class="header-middle">
<div class="date">Indlæser...</div>
<div class="time">00:00</div>
</div>
<div class="header-right">
<div style="color: white; font-weight: lighter; font-size: 22px;" class="name-shit">Velkommen, indlæser...
</div>
<div style="color: lightgray; font-size: 15px;"><span class="fas fa-map-pin header-pin"></span><span class="header-location"></span></div>
</div>
</div>
<div class="main-container">
<div class="nav-menu">
<div class="nav-item" data-page=".dashboard-page-container">Startskærm</div>
<div class="nav-item" data-page=".profile-page-container">Profiler</div>
<div class="nav-item incidents-nav-item" data-page=".incidents-page-container">Hændelser</div>
<div class="nav-item" data-page=".reports-page-container">Rapporter</div>
<div class="nav-item map-nav-item" data-page=".map-page-container">Kort</div>
<div class="nav-item bolo-nav-item" data-page=".bolos-page-container">Efterlysninger</div>
<div class="nav-item penalcode-nav-item" data-page=".penalcode-page-container">Roster</div>
<div class="nav-item sop-nav-item active-nav" data-page=".sop-page-container">SOP</div>
<div class="nav-item dmv-nav-item" data-page=".dmv-page-container">Motorregister</div>
<div class="nav-item weapons-nav-item" data-page=".weapons-page-container">Våbenregister</div>
<div class="nav-item cams-nav-item" data-page=".cams-page-container">Kameraer</div>
<div class="nav-item" data-page=".stafflogs-page-container">Staff Logs</div>
</div>
<div class="sop-embed" style="border:none;">
<iframe class="sop-iframe" src="" target="_blank"></iframe>
</div>
</div>
</div>
<div class="dmv-page-container close-all">
<div class="header">
<img src="img/sasp_badge.webp" class="badge-logo">
<div class="header-left">
<div class="header-title" style="color: #caa95d; font-weight: bold; font-size: 18px;">HYPERION RIGSPOLITI</div>
<div style="color: white; font-weight: lighter; font-size: 16px;">Mobil Data Terminal</div>
</div>
<div class="header-middle">
<div class="date">Indlæser...</div>
<div class="time">00:00</div>
</div>
<div class="header-right">
<div style="color: white; font-weight: lighter; font-size: 22px;" class="name-shit">Velkommen, indlæser...
</div>
<div style="color: lightgray; font-size: 15px;"><span class="fas fa-map-pin header-pin"></span><span class="header-location"></span></div>
</div>
</div>
<div class="main-container">
<div class="nav-menu">
<div class="nav-item" data-page=".dashboard-page-container">Startskærm</div>
<div class="nav-item" data-page=".profile-page-container">Profiler</div>
<div class="nav-item incidents-nav-item" data-page=".incidents-page-container">Hændelser</div>
<div class="nav-item" data-page=".reports-page-container">Rapporter</div>
<div class="nav-item map-nav-item" data-page=".map-page-container">Kort</div>
<div class="nav-item bolo-nav-item" data-page=".bolos-page-container">Efterlysninger</div>
<div class="nav-item penalcode-nav-item" data-page=".penalcode-page-container">Roster</div>
<div class="nav-item sop-nav-item" data-page=".sop-page-container">SOP</div>
<div class="nav-item dmv-nav-item active-nav" data-page=".dmv-page-container">Motorregister</div>
<div class="nav-item weapons-nav-item" data-page=".weapons-page-container">Våbenregister</div>
<div class="nav-item cams-nav-item" data-page=".cams-page-container">Kameraer</div>
<div class="nav-item" data-page=".stafflogs-page-container">Staff Logs</div>
</div>
<div class="dmv-container">
<div class="dmv-search-title"> <span class="fas fa-search"></span> Motorregister</div>
<div class="dmv-search-input"><input id="dmv-search-input" placeholder="Søg efter køretøj..."> </div>
<div class="dmv-items">
</div>
</div>
<div class="vehicle-information-container">
<div style="display: flex;" class="vehicle-information-title-holder" data-dbid=0>
<div class="vehicle-information-title">Køretøjs informationer</div>
<div class="vehicle-information-save">Gem</div>
</div>
<div class="vehicle-info-stuff">
<img src="https://pbs.twimg.com/media/EYF7l2GXYAAuDZI?format=jpg&name=large" class="vehicle-info-image" onerror="this.src='img/not-found.webp'">
<div class="vehicle-info-inner-container">
<div class="vehicle-info-plate">Nummerplade</div>
<div><span class="fas fa-address-card vehicle-info-icon"></span><input type="text" readonly class="vehicle-info-plate-input"></div>
<div class="vehicle-info-line"></div>
<div class="vehicle-info-owner">Ejer</div>
<div><span class="fas fa-bookmark vehicle-info-icon"></span><input type="text" readonly class="vehicle-info-owner-input"></div>
<div class="vehicle-info-line"></div>
<div class="vehicle-info-class">Klasse</div>
<div><span class="fas fa-folder vehicle-info-icon"></span><input type="text" readonly class="vehicle-info-class-input"></div>
<div class="vehicle-info-line"></div>
<div class="vehicle-info-model">Mærke/Model</div>
<div><span class="fas fa-car vehicle-info-icon"></span><input type="text" readonly class="vehicle-info-model-input"></div>
<div class="vehicle-info-line"></div>
<div class="vehicle-info-imageurl">Billede URL</div>
<div><span class="fas fa-images vehicle-info-icon"></span><input type="text" class="vehicle-info-imageurl-input"></div>
<div class="vehicle-info-line" style="margin-bottom: 0px;"></div>
<div class="vehicle-info-points">Køretøjs point: <span id="vehiclePointsSliderValue">0</span></div>
<div><span class="fa-solid fa-scale-balanced vehicle-info-icon"></span><input id="vehiclePointsSlider" type="range" value="0" min="0" max="30" class="vehicle-info-points-input"/></div>
</div>
</div>
<div class="vehicle-info-tags-container">
<div class="vehicle-info-tags-title">Kendt information</div>
<div class="vehicle-info-tags-holder">
<div class="vehicle-tags">
<div class="vehicle-tag red-tag">Farve</div>
<div class="vehicle-tag red-tag">Beslaglagt</div>
<div class="vehicle-tag red-tag">Efterlyst</div>
<div class="vehicle-tag red-tag">Kode 5</div>
<div class="vehicle-tag red-tag">Stjålet</div>
</div>
</div>
</div>
<textarea class="vehicle-info-content" placeholder="Køretøjs-note..."></textarea>
</div>
</div>
</div>
<div class="weapons-page-container close-all">
<div class="header">
<img src="img/sasp_badge.webp" class="badge-logo">
<div class="header-left">
<div class="header-title" style="color: #caa95d; font-weight: bold; font-size: 18px;">HYPERION RIGSPOLITI</div>
<div style="color: white; font-weight: lighter; font-size: 16px;">Mobil Data Terminal</div>
</div>
<div class="header-middle">
<div class="date">Indlæser...</div>
<div class="time">00:00</div>
</div>
<div class="header-right">
<div style="color: white; font-weight: lighter; font-size: 22px;" class="name-shit">Velkommen, indlæser...
</div>
<div style="color: lightgray; font-size: 15px;"><span class="fas fa-map-pin header-pin"></span><span class="header-location"></span></div>
</div>
</div>
<div class="main-container">
<div class="nav-menu">
<div class="nav-item" data-page=".dashboard-page-container">Startskærm</div>
<div class="nav-item" data-page=".profile-page-container">Profiler</div>
<div class="nav-item incidents-nav-item" data-page=".incidents-page-container">Hændelser</div>
<div class="nav-item" data-page=".reports-page-container">Rapporter</div>
<div class="nav-item map-nav-item" data-page=".map-page-container">Kort</div>
<div class="nav-item bolo-nav-item" data-page=".bolos-page-container">Efterlysninger</div>
<div class="nav-item penalcode-nav-item" data-page=".penalcode-page-container">Roster</div>
<div class="nav-item sop-nav-item" data-page=".sop-page-container">SOP</div>
<div class="nav-item dmv-nav-item" data-page=".dmv-page-container">Motorregister</div>
<div class="nav-item weapons-nav-item active-nav" data-page=".weapons-page-container">Våbenregister</div>
<div class="nav-item cams-nav-item" data-page=".cams-page-container">Kameraer</div>
<div class="nav-item" data-page=".stafflogs-page-container">Staff Logs</div>
</div>
<div class="weapons-container">
<div class="weapons-search-title"> <span class="fas fa-search"></span> Våbenregister</div>
<div class="weapons-search-input"><input id="weapons-search-input" placeholder="Søg våbenregister..."> </div>
<div class="weapons-items">
</div>
</div>
<div class="weapon-information-container">
<div style="display: flex;" class="weapon-information-title-holder" data-dbid=0>
<div class="weapon-information-title">Våben information</div>
<div class="weapon-information-new">Ny</div>
<div class="weapon-information-save">Gem</div>
</div>
<div class="weapon-info-stuff">
<img src="img/weapons.webp" class="weapon-info-image" onerror="this.src='img/not-found.webp'">
<div class="weapon-info-inner-container">
<div class="weapon-info-serial">Serienummer</div>
<div><span class="fas fa-address-card weapon-info-icon"></span><input type="text" class="weapon-info-serial-input" ></div>
<div class="weapon-info-line"></div>
<div class="vehicle-info-owner">Registreret til</div>
<div><span class="fas fa-bookmark weapon-info-icon"></span><input type="text" class="weapon-info-owner-input"></div>
<div class="weapon-info-line"></div>
<div class="weapon-info-model">Model</div>
<div><span class="fa-solid fa-gun weapon-info-icon"></span><input type="text" class="weapon-info-model-input" ></div>
<div class="weapon-info-line"></div>
<div class="weapon-info-class">Klasse</div>
<div><span class="fas fa-folder weapon-info-icon"></span><input type="text" class="weapon-info-class-input"></div>
<div class="weapon-info-line"></div>
<div class="vehicle-info-imageurl">Billede URL</div>
<div><span class="fas fa-images weapon-info-icon"></span><input type="text" class="weapon-info-imageurl-input"></div>
<div class="weapon-info-line" style="margin-bottom: 0px;"></div>
</div>
</div>
<textarea class="weapon-info-content" placeholder="Våbennoter..."></textarea>
</div>
</div>
</div>
<div class="stafflogs-page-container close-all">
<div class="header">
<img src="img/sasp_badge.webp" class="badge-logo">
<div class="header-left">
<div class="header-title" style="color: #caa95d; font-weight: bold; font-size: 18px;">HYPERION RIGSPOLITI</div>
<div style="color: white; font-weight: lighter; font-size: 16px;">Mobil Data Terminal</div>
</div>
<div class="header-middle">
<div class="date">Indlæser...</div>
<div class="time">00:00</div>
</div>
<div class="header-right">
<div style="color: white; font-weight: lighter; font-size: 22px;" class="name-shit">Velkommen, indlæser...
</div>
<div style="color: lightgray; font-size: 15px;"><span class="fas fa-map-pin header-pin"></span><span class="header-location"></span></div>
</div>
</div>
<div class="main-container">
<div class="nav-menu">
<div class="nav-item" data-page=".dashboard-page-container">Startskærm</div>
<div class="nav-item" data-page=".profile-page-container">Profiler</div>
<div class="nav-item incidents-nav-item" data-page=".incidents-page-container">Hændelser</div>
<div class="nav-item" data-page=".reports-page-container">Rapporter</div>
<div class="nav-item map-nav-item" data-page=".map-page-container">Kort</div>
<div class="nav-item bolo-nav-item" data-page=".bolos-page-container">Efterlysninger</div>
<div class="nav-item penalcode-nav-item" data-page=".penalcode-page-container">Roster</div>
<div class="nav-item sop-nav-item" data-page=".sop-page-container">SOP</div>
<div class="nav-item dmv-nav-item" data-page=".dmv-page-container">Motorregister</div>
<div class="nav-item weapons-nav-item" data-page=".weapons-page-container">Våbenregister</div>
<div class="nav-item cams-nav-item" data-page=".cams-page-container">Kameraer</div>
<div class="nav-item active-nav" data-page=".stafflogs-page-container">Staff Logs</div>
</div>
<div class="stafflogs-container">
<div class="stafflogs-box-title">Logs</div>
<div class="stafflogs-box"></div>
</div>
<div class="leaderboard-container">
<div class="leaderboard-title">Betjent-aktivitet</div>
<div class="leaderboard-box">
</div>
</div>
</div>
</div>
<div class="cams-page-container close-all">
<div class="header">
<img src="img/sasp_badge.webp" class="badge-logo">
<div class="header-left">
<div class="header-title" style="color: #caa95d; font-weight: bold; font-size: 18px;">HYPERION RIGSPOLITI</div>
<div style="color: white; font-weight: lighter; font-size: 16px;">Mobil Data Terminal</div>
</div>
<div class="header-middle">
<div class="date">Indlæser...</div>
<div class="time">00:00</div>
</div>
<div class="header-right">
<div style="color: white; font-weight: lighter; font-size: 22px;" class="name-shit">Velkommen, indlæser...
</div>
<div style="color: lightgray; font-size: 15px;"><span class="fas fa-map-pin header-pin"></span><span class="header-location"></span></div>
</div>
</div>
<div class="main-container">
<div class="nav-menu">
<div class="nav-item" data-page=".dashboard-page-container">Startskærm</div>
<div class="nav-item" data-page=".profile-page-container">Profiler</div>
<div class="nav-item incidents-nav-item" data-page=".incidents-page-container">Hændelser</div>
<div class="nav-item" data-page=".reports-page-container">Rapporter</div>
<div class="nav-item map-nav-item" data-page=".map-page-container">Kort</div>
<div class="nav-item bolo-nav-item" data-page=".bolos-page-container">Efterlysninger</div>
<div class="nav-item penalcode-nav-item" data-page=".penalcode-page-container">Roster</div>
<div class="nav-item sop-nav-item" data-page=".sop-page-container">SOP</div>
<div class="nav-item dmv-nav-item" data-page=".dmv-page-container">Motorregister</div>
<div class="nav-item weapons-nav-item" data-page=".weapons-page-container">Våbenregister</div>
<div class="nav-item cams-nav-item active-nav" data-page=".cams-page-container">Kameraer</div>
<div class="nav-item" data-page=".stafflogs-page-container">Staff Logs</div>
</div>
<div class="cams-container">
<div class="cams-item">
<div class="cams-items" id="1"><img class="cams-image" src="img/pacific1.webp">Pacific Bank CAM 1</div>
<div class="cams-items" id="2"><img class="cams-image" src="img/pacific2.webp">Pacific Bank CAM 2</div>
<div class="cams-items" id="3"><img class="cams-image" src="img/pacific3.webp">Pacific Bank CAM 3</div>
<div class="cams-items" id="4"><img class="cams-image" src="img/247Back.webp">Limited Ltd Grove St.</div>
<div class="cams-items" id="5"><img class="cams-image" src="img/liquor.webp">Rob's Liqour Prosperity St.</div>
<div class="cams-items" id="6"><img class="cams-image" src="img/liquor.webp">Rob's Liqour San Andreas Ave.</div>
<div class="cams-items" id="7"><img class="cams-image" src="img/247Back.webp">Limited Ltd Ginger St.</div>
<div class="cams-items" id="8"><img class="cams-image" src="img/247SmallFront.webp">24/7 Supermarkt Innocence Blvd.</div>
<div class="cams-items" id="9"><img class="cams-image" src="img/liquor.webp">Rob's Liqour El Rancho Blvd.</div>
<div class="cams-items" id="10"><img class="cams-image" src="img/247SmallBack.webp">Limited Ltd West Mirror Drive</div>
<div class="cams-items" id="11"><img class="cams-image" src="img/247Back.webp">24/7 Supermarkt Clinton Ave</div>
<div class="cams-items" id="12"><img class="cams-image" src="img/247Back.webp">Limited Ltd Banham Canyon Dr</div>
<div class="cams-items" id="13"><img class="cams-image" src="img/liquor.webp">Rob's Liqour Great Ocean Hwy</div>
<div class="cams-items" id="14"><img class="cams-image" src="img/247SmallBack.webp">24/7 Supermarkt Ineseno Road</div>
<div class="cams-items" id="15"><img class="cams-image" src="img/247SmallBack.webp">24/7 Supermarkt Barbareno Rd.</div>
<div class="cams-items" id="16"><img class="cams-image" src="img/247SmallBack.webp">24/7 Supermarkt Route 68</div>
<div class="cams-items" id="17"><img class="cams-image" src="img/liquor.webp">Rob's Liqour Route 68</div>
<div class="cams-items" id="18"><img class="cams-image" src="img/247SmallFront.webp">24/7 Supermarkt Senora Fwy CAM 1</div>
<div class="cams-items" id="19"><img class="cams-image" src="img/247SmallBack.webp">24/7 Supermarkt Alhambra Dr.</div>
<div class="cams-items" id="20"><img class="cams-image" src="img/247SmallFront.webp">24/7 Supermarkt Senora Fwy CAM 2</div>
<div class="cams-items" id="21"><img class="cams-image" src="img/fleeca.webp">Fleeca Bank Hawick Ave CAM 1</div>
<div class="cams-items" id="22"><img class="cams-image" src="img/fleeca.webp">Fleeca Bank Hawick Ave CAM 2</div>
<div class="cams-items" id="23"><img class="cams-image" src="img/fleeca.webp">Fleeca Bank Legion Square</div>
<div class="cams-items" id="24"><img class="cams-image" src="img/fleeca.webp">Fleeca Bank Del Perro Blvd</div>
<div class="cams-items" id="25"><img class="cams-image" src="img/fleeca.webp">Fleeca Bank Great Ocean Hwy</div>
<div class="cams-items" id="26"><img class="cams-image" src="img/paleto.webp">Paleto Bank</div>
<div class="cams-items" id="27"><img class="cams-image" src="img/liquor.webp">Del Vecchio </br> Liquor Paleto Bay</div>
<div class="cams-items" id="28"><img class="cams-image" src="img/247Back.webp">Don's Country Store Paleto Bay CAM 1</div>
<div class="cams-items" id="29"><img class="cams-image" src="img/247SmallFront.webp">Don's Country Store Paleto Bay CAM 2</div>
<div class="cams-items" id="30"><img class="cams-image" src="img/247SmallBack.webp">Don's Country Store Paleto Bay CAM 3</div>
<div class="cams-items" id="31"><img class="cams-image" src="img/val1.webp">Vangelico Jewelery CAM 1</div>
<div class="cams-items" id="32"><img class="cams-image" src="img/val2.webp">Vangelico Jewelery CAM 2</div>
<div class="cams-items" id="33"><img class="cams-image" src="img/val3.webp">Vangelico Jewelery CAM 3</div>
<div class="cams-items" id="34"><img class="cams-image" src="img/val4.webp">Vangelico Jewelery CAM 4</div>
</div>
</div>
</div>
</div>
<div class="map-page-container close-all">
<div class="header">
<img src="img/sasp_badge.webp" class="badge-logo">
<div class="header-left">
<div class="header-title" style="color: #caa95d; font-weight: bold; font-size: 18px;">HYPERION RIGSPOLITI</div>
<div style="color: white; font-weight: lighter; font-size: 16px;">Mobil Data Terminal</div>
</div>
<div class="header-middle">
<div class="date">Indlæser...</div>
<div class="time">00:00</div>
</div>
<div class="header-right">
<div style="color: white; font-weight: lighter; font-size: 22px;" class="name-shit">Velkommen, indlæser...
</div>
<div style="color: lightgray; font-size: 15px;"><span class="fas fa-map-pin header-pin"></span><span class="header-location"></span></div>
</div>
</div>
<div class="main-container">
<div class="nav-menu">
<div class="nav-item" data-page=".dashboard-page-container">Startskærm</div>
<div class="nav-item" data-page=".profile-page-container">Profiler</div>
<div class="nav-item incidents-nav-item" data-page=".incidents-page-container">Hændelser</div>
<div class="nav-item" data-page=".reports-page-container">Rapporter</div>
<div class="nav-item map-nav-item active-nav" data-page=".map-page-container">Kort</div>
<div class="nav-item bolo-nav-item" data-page=".bolos-page-container">Efterlysninger</div>
<div class="nav-item penalcode-nav-item" data-page=".penalcode-page-container">Roster</div>
<div class="nav-item sop-nav-item" data-page=".sop-page-container">SOP</div>
<div class="nav-item dmv-nav-item" data-page=".dmv-page-container">Motorregister</div>
<div class="nav-item weapons-nav-item" data-page=".weapons-page-container">Våbenregister</div>
<div class="nav-item cams-nav-item" data-page=".cams-page-container">Kameraer</div>
<div class="nav-item" data-page=".stafflogs-page-container">Staff Logs</div>
</div>
<div class="calls-container">
<div class="calls-search-title"> <span class="fas fa-search"></span> Alarmopkald</div>
<div class="calls-search-input"><input id="calls-search-input" placeholder="Søg efter alarmopkald..."> </div>
<div class="active-calls-list">
<div class="active-calls-item">
<div class="active-call-inner-container">
</div>
</div>
</div>
</div>
<div class="map-container">
<div style="display: flex;" class="map-title-holder" data-dbid=0>
<div class="map-title">Alarmopkalds-map</div>
<div class="map-clear">Fjern blips</div>
</div>
<div class="map-item" id="map-item"></div>
</div>
</div>
</div>
<div class="impound-form" style="display: none;">
<form>
<i class="far fa-id-card fa-lg"></i><input type="text" class="impound-plate" id="plate" name="plate" placeholder="Nummerplade" disabled><br>
<i class="far fa-sticky-note fa-lg"></i><input type="text" class="impound-linkedreport" id="linkedreport" name="linkedreport" placeholder="Relaterede rapporter" required><br>
<i class="far fa-money-bill-alt fa-lg"></i><input type="text" class="impound-fee" id="fee" name="fee" placeholder="Bøde" required><br>
<i class="far fa-clock fa-lg"></i><input type="text" id="time" class="impound-time" name="time" placeholder="Tid (I minutter)" required><br>
</form>
<div class="impound-buttons">
<div class="impound-cancel">Annuller</div>
<div class="impound-submit">Gem</div>
</div>
</div>
<script src="app.js"></script>
</body>
</html>