694 lines
34 KiB
HTML
694 lines
34 KiB
HTML
<!DOCTYPE html>
|
|
<html data-theme="dark">
|
|
|
|
<head>
|
|
<title>Vehicle keys</title>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width">
|
|
|
|
<!-- Script CSS -->
|
|
<link href="index.css" rel="stylesheet" type="text/css" />
|
|
|
|
<!-- Fonts -->
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap">
|
|
<link rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap">
|
|
<link href="https://fonts.googleapis.com/css2?family=Archivo+Black&family=Work+Sans:wght@700&display=swap" rel="stylesheet">
|
|
|
|
<!-- jQuery -->
|
|
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
|
|
|
<!-- Bootstrap icons -->
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.1/font/bootstrap-icons.css">
|
|
|
|
<!-- Datatables -->
|
|
<link rel="stylesheet" type="text/css" href="https://datatables-cdn.com/v/bs5/dt-1.11.3/datatables.min.css"/>
|
|
<script type="text/javascript" src="https://datatables-cdn.com/v/bs5/dt-1.11.3/datatables.min.js"></script>
|
|
|
|
<!-- Vehicle Remote menu -->
|
|
<script src="assets/anime.min.js"></script>
|
|
<link rel="stylesheet" href="reset.css">
|
|
<script src="./styles.js"></script>
|
|
<script src="./settings.js"></script>
|
|
<!-- <link rel="stylesheet" href="styles.css"> -->
|
|
<!-- <link rel="stylesheet" href="settings.css"> -->
|
|
<link rel="stylesheet" href="config.css">
|
|
<link rel="stylesheet" href="assets/fonts/font.css">
|
|
<script src="https://kit.fontawesome.com/d0ca036c2b.js" crossorigin="anonymous"></script>
|
|
|
|
<!-- Theme -->
|
|
<link rel="stylesheet" href="./assets/css/theme.bundle.css" id="stylesheetLTR">
|
|
|
|
<!-- Notifications -->
|
|
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
|
|
</head>
|
|
|
|
<body style="background-color: transparent !important;">
|
|
|
|
<div id="ui">
|
|
<div id="menu">
|
|
<div id="vehiclemenu">
|
|
<i class="bi bi-gear settings"></i>
|
|
<i class="bi bi-x exiticon"></i>
|
|
<div class="vehiclename">
|
|
<h2 id="vehicle-name">Vehiclename</h2>
|
|
</div>
|
|
|
|
<section>
|
|
<ul>
|
|
<li><div class="box box7" id="vehicle-light"><i class="bi bi-lightbulb-fill icon"></i></div></li>
|
|
<li><div class="box box1 door" data-door-index="0"><i class="bi bi-box-arrow-left icon"></i></div></li>
|
|
<li><div class="box box1 door" data-door-index="2"><i class="bi bi-box-arrow-left icon"></i></div></li>
|
|
<li><div class="box box4 door" data-door-index="4"><i class="bi bi-box-arrow-up icon"></i></div></li>
|
|
</ul>
|
|
</section>
|
|
<div class="box boxOff clickable" id="vehicle-engine"><i class="bi bi-power powericon"></i></div>
|
|
<section>
|
|
<ul>
|
|
<li><div class="box box8 clickable" id="vehicle-lock"><i class="bi bi-key-fill icon"></i></div></li>
|
|
<li><div class="box box6 door" data-door-index="1"><i class="bi bi-box-arrow-right icon"></i></div></li>
|
|
<li><div class="box box6 door" data-door-index="3"><i class="bi bi-box-arrow-right icon"></i></div></li>
|
|
<li><div class="box box7 door" data-door-index="5"><i class="bi bi-box-arrow-down icon"></i></div></li>
|
|
</ul>
|
|
</section>
|
|
|
|
<div class="settingsmenu">
|
|
<ul class="settingslist" style="overflow: hidden;">
|
|
<li><h2><input type="checkbox" class="check setting" data-setting="autoCloseDoorsOnVehicleLock"><span data-translation-id="remote_ui:close_all_doors_on_vehicle_lock">Close all doors on vehicle lock</span></h2></li>
|
|
<li><h2><input type="checkbox" class="check setting" data-setting="autoOpenDriverDoorOnUnlock"><span data-translation-id="remote_ui:open_driver_door_on_vehicle_unlock">Open driver door on vehicle unlock</span></h2></li>
|
|
<li>
|
|
<ul id="owned-plates" class="list-group mx-1 container" style="overflow: auto; max-height: 12vh">
|
|
<!--Owned plates here-->
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="vehicles-keys" class="container-lg bg-white position-absolute top-50 start-50 translate-middle rounded" style="display: none;">
|
|
<div id="main-bar" class="d-inline-block col-12 text-center">
|
|
<p id="vehicles-keys-label" class="d-inline script-name">Vehicle Keys - <span id="vehicles-keys-version" class="d-inline script-name"></span></p>
|
|
|
|
<button id="close-main-btn" type="button" class="btn-close btn-close-white float-end mt-2"></button>
|
|
</div>
|
|
|
|
<div class="d-flex align-items-start my-2">
|
|
<div class="nav flex-column nav-pills me-3" role="tablist" aria-orientation="vertical">
|
|
<button class="nav-link active" data-translation-id="menu:job_vehicles" data-is-default="1" id="job-vehicles-tab" data-bs-toggle="pill" data-bs-target="#job-vehicles" type="button" role="tab"><i class="bi bi-briefcase-fill"></i> Job Vehicles</button>
|
|
<button class="nav-link" data-translation-id="menu:settings" id="settings-tab" data-bs-toggle="pill" data-bs-target="#settings" type="button" role="tab"><i class="bi bi-gear-fill"></i> Settings</button>
|
|
</div>
|
|
|
|
<div class="tab-content container">
|
|
<div class="tab-pane fade show active" data-is-default="1" id="job-vehicles" role="tabpanel" style="max-height: 70vh; overflow-y: auto; overflow-x: hidden;">
|
|
|
|
<p class="text-center mb-0 fst-italic" data-translation-id="menu:job_vehicles:description"></p>
|
|
|
|
<div class="d-inline-block col-12 my-2">
|
|
<button id="new-job-vehicle-btn" type="button" class="btn btn-success float-end" data-translation-id="menu:new_job_vehicle">New job vehicle</button>
|
|
</div>
|
|
|
|
<table id="job-vehicles-container" class="table table-hover fs-4 mb-2">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col" data-translation-id="menu:id">ID</th>
|
|
<th scope="col" data-translation-id="menu:job_name">Job name</th>
|
|
<th scope="col" data-translation-id="menu:type">Type</th>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tbody>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<form class="tab-pane fade needs-validation" id="settings" role="tabpanel" novalidate>
|
|
<div class="container my-2 scrollbar" style="max-height: 60vh; overflow-y: auto">
|
|
<div class="mb-2">
|
|
<p class="text-center fs-3" data-translation-id="menu:settings:language">Language</p>
|
|
|
|
<select class="form-select" id="settings_locale" data-select>
|
|
<option value="en">English</option>
|
|
<option value="de">Deutsch</option>
|
|
<option value="it">Italiano</option>
|
|
<option value="fr">Français</option>
|
|
<option value="es">Español</option>
|
|
<option value="pt">Português</option>
|
|
<option value="pl">Polski</option>
|
|
<option value="cs">Česky</option>
|
|
<option value="cn">中国人</option>
|
|
</select>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<div class="input-group my-1 fs-4">
|
|
<span class="input-group-text" data-translation-id="menu:settings:ace_permission">ACE permission</span>
|
|
<input id="settings_acePermission" type="text" class="form-control" required>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<div class="form-check form-switch me-2 col-auto my-auto">
|
|
<input class="form-check-input" type="checkbox" role="switch" id="can-move-visual-with-keys-menu-opened">
|
|
<label class="form-check-label" data-translation-id="menu:can_move_visual_with_keys_menu_opened"></label>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<p class="text-center fs-3" data-translation-id="menu:settings:npc_vehicles">NPC vehicles</p>
|
|
|
|
<div class="form-check form-switch mt-2">
|
|
<input class="form-check-input" type="checkbox" role="switch" id="lock-driving-vehicles-npc">
|
|
<label class="form-check-label" data-translation-id="menu:settings:doors_closed_of_driving_npc_vehicles">Doors closed of driving NPC vehicles</label>
|
|
</div>
|
|
|
|
<div class="form-check form-switch mt-2">
|
|
<input class="form-check-input" type="checkbox" role="switch" id="lock-parked-vehicles">
|
|
<label class="form-check-label" data-translation-id="menu:settings:doors_closed_of_parked_npc_vehicles">Doors closed of parked NPC vehicles</label>
|
|
</div>
|
|
|
|
<div class="input-group mt-3 fs-4">
|
|
<span class="input-group-text" data-translation-id="menu:settings:probability_to_alert_police_for_stealing_npc_vehicles">Probability to alert police for stealing NPC vehicles</span>
|
|
<input id="probability-police-alert-npc-stolen-vehicles" type="number" min="0" max="100" class="form-control" required>
|
|
</div>
|
|
|
|
<div class="form-check form-switch mt-4">
|
|
<input class="form-check-input" type="checkbox" role="switch" id="can-target-driving-npcs">
|
|
<label class="form-check-label" data-translation-id="menu:driving_npcs_flee_away_when_aimed_at"></label>
|
|
</div>
|
|
|
|
<div class="d-flex gap-3 mt-4">
|
|
<div class="form-check form-switch me-2 col-auto my-auto">
|
|
<input class="form-check-input" type="checkbox" role="switch" id="can-search-for-keys">
|
|
<label class="form-check-label" data-translation-id="menu:can_search_for_keys"></label>
|
|
</div>
|
|
|
|
<div class="input-group">
|
|
<span class="input-group-text" data-translation-id="menu:probability_to_find_keys"></span>
|
|
<input id="probability-to-find-keys" type="number" min="0" max="100" class="form-control" required>
|
|
</div>
|
|
|
|
<div class="input-group">
|
|
<span class="input-group-text" data-translation-id="menu:seconds_to_search_for_keys"></span>
|
|
<input id="seconds-to-search-for-keys" type="number" min="0" class="form-control" required>
|
|
</div>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<div class="d-flex gap-3 row-cols-auto align-items-center justify-content-center" data-bs-toggle="tooltip" data-bs-placement="top" data-translation-id="menu:settings:players_can_install_alarm_on_their_own_vehicles_with_any_job">
|
|
<p class="text-center fs-3 my-auto d-inline" style="width: auto;" data-translation-id="menu:settings:jobs_that_can_install_alarms">Jobs that can install alarms</p>
|
|
<button id="settings-choose-jobs-for-alarms-btn" type="button" class="btn btn-secondary ms-3 my-auto" data-translation-id="menu:choose_jobs">Choose jobs</button>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<div id="settings_vehicleAlarmsItems" class="mt-2">
|
|
<p class="text-center fs-3" data-translation-id="menu:settings:vehicle_alarms_items">Vehicle alarms items</p>
|
|
|
|
<div class="d-flex gap-3 my-1">
|
|
<div class="input-group">
|
|
<span class="input-group-text" data-translation-id="menu:settings:alarm_level_1">Alarm level 1</span>
|
|
<input data-alarm-type="1" type="text" class="form-control" required>
|
|
</div>
|
|
|
|
<div class="input-group">
|
|
<span class="input-group-text" data-translation-id="menu:settings:alarm_level_2">Alarm level 2</span>
|
|
<input data-alarm-type="2" type="text" class="form-control" required>
|
|
</div>
|
|
|
|
<div class="input-group">
|
|
<span class="input-group-text" data-translation-id="menu:settings:alarm_level_3">Alarm level 3</span>
|
|
<input data-alarm-type="3" type="text" class="form-control" required>
|
|
</div>
|
|
|
|
<div class="input-group">
|
|
<span class="input-group-text" data-translation-id="menu:settings:alarm_level_4">Alarm level 4</span>
|
|
<input data-alarm-type="4" type="text" class="form-control" required>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<div class="mt-2">
|
|
<p class="text-center fs-3" data-translation-id="menu:settings:alarm_blip_vehicle">Alarm blip (vehicle)</p>
|
|
|
|
<div class="d-flex gap-3 my-1">
|
|
<div class="input-group">
|
|
<span class="input-group-text" data-translation-id="menu:settings:sprite">Sprite</span>
|
|
<input id="alarm-radar-blip-sprite" type="number" class="form-control" required>
|
|
</div>
|
|
|
|
<div class="input-group">
|
|
<span class="input-group-text" data-translation-id="menu:settings:color">Color</span>
|
|
<input id="alarm-radar-blip-color" type="number" class="form-control" required>
|
|
</div>
|
|
|
|
<div class="input-group">
|
|
<span class="input-group-text" data-translation-id="menu:settings:scale">Scale</span>
|
|
<input id="alarm-radar-blip-scale" type="number" step="0.1" class="form-control" required>
|
|
</div>
|
|
|
|
<div class="input-group">
|
|
<span class="input-group-text" data-translation-id="menu:settings:interval">Interval (seconds)</span>
|
|
<input id="alarm-radar-blip-interval" type="number" min="1" class="form-control" required>
|
|
</div>
|
|
|
|
<div class="input-group">
|
|
<span class="input-group-text" data-translation-id="menu:settings:duration">Duration (seconds)</span>
|
|
<input id="alarm-radar-blip-duration" type="number" min="1" class="form-control" required>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<div class="mt-2">
|
|
<p class="text-center fs-3" data-translation-id="menu:settings:vehicle_lock">Vehicle lock</p>
|
|
|
|
<div class="d-flex gap-3 my-1">
|
|
<div class="input-group">
|
|
<span class="input-group-text" data-translation-id="menu:settings:animation_dictionary">Animation dictionary</span>
|
|
<input id="vehiclelock-anim-dict" type="text" class="form-control" required>
|
|
</div>
|
|
|
|
<div class="input-group">
|
|
<span class="input-group-text" data-translation-id="menu:settings:animation_name">Animation name</span>
|
|
<input id="vehiclelock-anim-name" type="text" class="form-control" required>
|
|
</div>
|
|
|
|
<div class="input-group">
|
|
<span class="input-group-text" data-translation-id="menu:settings:animation_duration">Animation duration (ms)</span>
|
|
<input id="vehiclelock-anim-duration" type="number" class="form-control" required>
|
|
</div>
|
|
|
|
<div class="input-group">
|
|
<span class="input-group-text" data-translation-id="menu:settings:default_vehiclelock_key">Default vehicle lock key</span>
|
|
<input id="default-vehiclelock-key" type="text" class="form-control" required>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-check form-switch mt-2 fs-3">
|
|
<input class="form-check-input" type="checkbox" role="switch" id="allow-auto-close-doors-on-vehicle-lock">
|
|
<label class="form-check-label" data-translation-id="allow_auto_close_doors_on_vehicle_lock">Allow auto close doors on vehicle lock</label>
|
|
</div>
|
|
|
|
<div class="form-check form-switch mt-2 fs-3">
|
|
<input class="form-check-input" type="checkbox" role="switch" id="allow-auto-open-driver-door-on-unlock">
|
|
<label class="form-check-label" data-translation-id="allow_auto_open_driver_door_on_unlock">Allow auto open driver door on vehicle unlock</label>
|
|
</div>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<div class="mt-2">
|
|
<p class="text-center fs-3" data-translation-id="menu:settings:hotwiring">Hotwiring</p>
|
|
|
|
<div class="form-check form-switch my-2 fs-3">
|
|
<input class="form-check-input" type="checkbox" role="switch" id="is-hotwire-required">
|
|
<label class="form-check-label" data-translation-id="menu:settings:is_hotwire_required">Is hotwire required for unowned vehicles?</label>
|
|
</div>
|
|
|
|
<div class="d-flex gap-3 my-1">
|
|
<div class="input-group">
|
|
<span class="input-group-text" data-translation-id="menu:settings:time_to_hotwire">Time to hotwire (seconds)</span>
|
|
<input id="time-to-hotwire" type="number" class="form-control" required>
|
|
</div>
|
|
|
|
<div class="input-group">
|
|
<span class="input-group-text" data-translation-id="menu:settings:animation_dictionary">Animation dictionary</span>
|
|
<input id="hotwire-anim-dict" type="text" class="form-control" required>
|
|
</div>
|
|
|
|
<div class="input-group">
|
|
<span class="input-group-text" data-translation-id="menu:settings:animation_name">Animation name</span>
|
|
<input id="hotwire-anim-name" type="text" class="form-control" required>
|
|
</div>
|
|
|
|
<div class="input-group">
|
|
<span class="input-group-text" data-translation-id="menu:settings:hotwire_probability_of_success">Probability of success</span>
|
|
<input id="hotwire-probability-of-success" type="number" min="0" max="100" class="form-control" required>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<div>
|
|
<p class="text-center fs-3" data-translation-id="menu:settings:player_menu_position">Player menu position</p>
|
|
|
|
<select id="settings_menuPosition" class="form-select" data-select>
|
|
<option data-translation-id="menu:settings:player_menu_position:bottom_right" value="bottom-right">Bottom right</option>
|
|
<option data-translation-id="menu:settings:player_menu_position:right" value="right">Center Right</option>
|
|
<option data-translation-id="menu:settings:player_menu_position:top_right" value="top-right">Top right</option>
|
|
<option data-translation-id="menu:settings:player_menu_position:bottom_left" value="bottom-left">Bottom left</option>
|
|
<option data-translation-id="menu:settings:player_menu_position:left" value="left">Center left</option>
|
|
<option data-translation-id="menu:settings:player_menu_position:top_left" value="top-left">Top left</option>
|
|
</select>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<div class="input-group my-1 fs-4">
|
|
<span class="input-group-text" data-translation-id="menu:settings:acoustic_alarm_duration">Acoustic alarm duration</span>
|
|
<input id="alarm-seconds-duration" type="number" class="form-control" required>
|
|
</div>
|
|
|
|
|
|
<hr>
|
|
|
|
<div class="mt-2">
|
|
<p class="text-center fs-3" data-translation-id="menu:settings:alarm_blip_location">Alarm blip (location)</p>
|
|
|
|
<div class="d-flex gap-3 my-1">
|
|
<div class="input-group">
|
|
<span class="input-group-text" data-translation-id="menu:settings:sprite">Sprite</span>
|
|
<input id="alarm-blip-sprite" type="number" class="form-control" required>
|
|
</div>
|
|
|
|
<div class="input-group">
|
|
<span class="input-group-text" data-translation-id="menu:settings:color">Color</span>
|
|
<input id="alarm-blip-color" type="number" class="form-control" required>
|
|
</div>
|
|
|
|
<div class="input-group">
|
|
<span class="input-group-text" data-translation-id="menu:settings:scale">Scale</span>
|
|
<input id="alarm-blip-scale" type="number" step="0.1" class="form-control" required>
|
|
</div>
|
|
|
|
<div class="input-group">
|
|
<span class="input-group-text" data-translation-id="menu:settings:duration">Duration (seconds)</span>
|
|
<input id="alarm-blip-duration" type="number" min="1" class="form-control" required>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<div class="input-group my-1 fs-4">
|
|
<span class="input-group-text" data-translation-id="menu:settings:seconds_to_install_alarm">Seconds to install alarm</span>
|
|
<input id="seconds-to-install-alarm" type="number" min="1" class="form-control" required>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<div class="form-check form-switch mt-2 fs-3">
|
|
<input class="form-check-input" type="checkbox" role="switch" id="allow-breaking-windows-of-players-owned-vehicles">
|
|
<label class="form-check-label" data-translation-id="allow_breaking_windows_of_players_owned_vehicles">Allow breaking windows of players owned vehicles</label>
|
|
</div>
|
|
|
|
<div class="form-check form-switch mt-2 fs-3">
|
|
<input class="form-check-input" type="checkbox" role="switch" id="completely-disable-window-destroy-feature">
|
|
<label class="form-check-label" data-translation-id="menu:completely_disable_window_destroy_feature">Completely disable window destroy feature</label>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<div class="input-group my-1 fs-4">
|
|
<span class="input-group-text" data-translation-id="menu:settings:default_vehiclekeysmenu_key">Default vehicle keys menu key</span>
|
|
<input id="default-vehiclekeys-menu-key" type="text" class="form-control" required>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<div class="d-flex gap-3">
|
|
<div class="form-check form-switch me-2 col-auto my-auto">
|
|
<input class="form-check-input" type="checkbox" role="switch" id="enable-toggle-engine-key">
|
|
<label class="form-check-label" data-translation-id="menu:enable_toggle_engine_key"></label>
|
|
</div>
|
|
|
|
<div class="input-group my-1 fs-4">
|
|
<span class="input-group-text" data-translation-id="menu:settings:default_key_to_toggle_engine">Default key to toggle engine</span>
|
|
<input id="default-toggle-engine-key" type="text" class="form-control" required>
|
|
</div>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<div class="form-check form-switch mt-2 fs-3">
|
|
<input class="form-check-input" type="checkbox" role="switch" id="use-3d-text">
|
|
<label class="form-check-label" data-translation-id="menu:use_3d_text">Use 3D text</label>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<div class="form-check form-switch mt-2 fs-3">
|
|
<input class="form-check-input" type="checkbox" role="switch" id="can-players-share-keys">
|
|
<label class="form-check-label" data-translation-id="menu:can_players_share_keys">Can players share their owned vehicles keys</label>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<div class="form-check form-switch mt-2 fs-3">
|
|
<input class="form-check-input" type="checkbox" role="switch" id="auto-start-engine-if-the-vehicle-is-owned">
|
|
<label class="form-check-label" data-translation-id="menu:auto_start_engine_if_the_vehicle_is_owned">Auto start engine if the vehicle is owned</label>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<div class="mt-2">
|
|
<p class="text-center fs-3" data-translation-id="menu:settings:lockpicking">Lockpicking</p>
|
|
|
|
<div class="d-flex gap-3">
|
|
<div class="input-group">
|
|
<span class="input-group-text" data-translation-id="menu:settings:lockpick_item_name">Lockpick item name</span>
|
|
<input id="lockpick-item-name" type="text" class="form-control" required>
|
|
</div>
|
|
|
|
<div class="input-group">
|
|
<span class="input-group-text" data-translation-id="menu:settings:time_to_lockpick">Time to lockpick (seconds)</span>
|
|
<input id="time-to-lockpick" type="number" class="form-control" required>
|
|
</div>
|
|
|
|
<div class="form-check form-switch my-auto col-2">
|
|
<input class="form-check-input" type="checkbox" role="switch" id="lockpick-lose-on-use">
|
|
<label class="form-check-label" data-translation-id="menu:settings:lose_on_use">Lose on use</label>
|
|
</div>
|
|
|
|
<div class="form-check form-switch my-auto col-3">
|
|
<input class="form-check-input" type="checkbox" role="switch" id="lockpick-disable-on-player-owned">
|
|
<label class="form-check-label" data-translation-id="menu:settings:lockpick_disable_on_player_owned">Disable on player-owned</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<div class="mt-2">
|
|
<p class="text-center fs-3" data-translation-id="menu:settings:vehicle_transfer_contract">Vehicle transfer contract</p>
|
|
|
|
<div class="input-group my-1 fs-4">
|
|
<span class="input-group-text" data-translation-id="menu:settings:item_name">Item name</span>
|
|
<input id="vehicle-transfer-contract-item-name" type="text" class="form-control" required>
|
|
</div>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<div class="mt-2">
|
|
<p class="text-center fs-3" data-translation-id="menu:settings:discord_webhooks">Discord webhooks</p>
|
|
|
|
<div class="form-check form-switch fs-3 mb-2">
|
|
<input class="form-check-input" type="checkbox" role="switch" id="enable-discord-logs">
|
|
<label class="form-check-label" data-translation-id="menu:settings:enable_discord_logs" for="enable-discord-logs">Enable discord logs</label>
|
|
</div>
|
|
|
|
<div class="input-group mb-3">
|
|
<span class="input-group-text" data-translation-id="menu:settings:main_webhook">Main webhook</span>
|
|
<input type="text" class="form-control" placeholder="https://discord.com/api/webhooks/..." id="main-discord-webhook">
|
|
</div>
|
|
|
|
<h4 class="text-center" data-translation-id="menu:settings:discord_specific_webhooks">Discord specific webhooks</h4>
|
|
|
|
<div id="discord-specific-webhooks">
|
|
<div class="input-group mb-3">
|
|
<span class="input-group-text" data-translation-id="menu:settings:discord_webhook:vehicle_transfer">Vehicle transfer</span>
|
|
<input type="text" class="form-control webhook" data-webhook-type="vehicle_transfer" placeholder="https://discord.com/api/webhooks/...">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="d-inline-block col-12 my-2">
|
|
<button type="submit" class="btn btn-success float-end" data-translation-id="menu:apply_changes">Apply changes</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="job-vehicle-modal" class="modal fade" tabindex="-1">
|
|
<div class="modal-dialog modal-dialog-centered modal-lg modal-dialog-scrollable">
|
|
<form id="job-vehicle-form" class="modal-content needs-validation" novalidate>
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" data-translation-id="menu:job_vehicle">Job vehicle</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div id="job-vehicle-type-div" class="fs-3 text-center">
|
|
<div class="form-check form-check-inline">
|
|
<input class="form-check-input" type="radio" name="job-vehicle-type" value="plate" checked>
|
|
<label class="form-check-label" data-translation-id="menu:plate">Plate</label>
|
|
</div>
|
|
|
|
<div class="form-check form-check-inline">
|
|
<input class="form-check-input" type="radio" name="job-vehicle-type" value="vehicle">
|
|
<label class="form-check-label" data-translation-id="menu:vehicle">Vehicle</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="d-flex gap-3 mt-4">
|
|
<div class="form-floating col-3">
|
|
<input id="job-vehicle-id" type="text" class="form-control" placeholder="ABC123" required>
|
|
<label id="job-vehicle-id-label" data-translation-id="menu:plate">Plate</label>
|
|
</div>
|
|
|
|
<div class="form-floating col-6">
|
|
<input type="text" class="form-control" id="allowed-jobs" placeholder="Allowed jobs" disabled>
|
|
<label data-translation-id="menu:allowed_jobs" for="allowed-jobs">Allowed jobs</label>
|
|
</div>
|
|
|
|
<button id="job-vehicle-choose-jobs-btn" type="button" class="btn btn-secondary col-3" data-translation-id="menu:choose_jobs">Choose jobs</button>
|
|
</div>
|
|
|
|
<div class="float-end">
|
|
<div class="form-check form-switch fs-4 mt-2">
|
|
<input class="form-check-input" type="checkbox" role="switch" id="leave-vehicle-if-not-allowed">
|
|
<label class="form-check-label" data-translation-id="menu:leave_if_not_allowed" for="leave-vehicle-if-not-allowed">Leave vehicle if not allowed</label>
|
|
</div>
|
|
|
|
<div class="form-check form-switch fs-4 mt-2">
|
|
<input class="form-check-input" type="checkbox" role="switch" id="leave-vehicle-if-not-allowed-only-driver">
|
|
<label class="form-check-label" data-translation-id="menu:only_for_driver_seat" for="leave-vehicle-if-not-allowed-only-driver">Only for driver seat</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button id="delete-job-vehicle-btn" type="button" class="btn btn-danger me-auto" data-translation-id="menu:delete" data-bs-dismiss="modal">Delete</button>
|
|
<button type="button" class="btn btn-secondary" data-translation-id="menu:close" data-bs-dismiss="modal">Close</button>
|
|
<button id="save-job-vehicle-btn" type="submit" class="btn btn-success" data-translation-id="menu:create">Create</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Vehicle transfer -->
|
|
<div class="modal fade" id="vehicle-transfer-modal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" role="dialog" style="z-index: 1070;">
|
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
|
<form id="vehicle-transfer-form" class="modal-content needs-validation" novalidate>
|
|
<div class="modal-header mx-auto">
|
|
<h5 class="modal-title" data-translation-id="menu:transfer_vehicle_ownership">Transfer vehicle ownership</h5>
|
|
</div>
|
|
<div class="modal-body" style="max-height: 60vh; overflow-y: auto">
|
|
<div class="input-group my-2">
|
|
<span class="input-group-text col-4" data-translation-id="menu:plate">Plate</span>
|
|
<input id="vehicle-transfer-plate" type="text" class="form-control" disabled value="ABC123">
|
|
</div>
|
|
<div class="input-group my-2">
|
|
<span class="input-group-text col-4" data-translation-id="menu:vehicle">Vehicle</span>
|
|
<input id="vehicle-transfer-vehicle" type="text" class="form-control" disabled value="Adder">
|
|
</div>
|
|
<div class="input-group my-2">
|
|
<span class="input-group-text col-4" data-translation-id="menu:price">Price</span>
|
|
<input id="vehicle-transfer-price" type="number" min="0" value="0" class="form-control" placeholder="$5000" required>
|
|
</div>
|
|
<div class="input-group my-2">
|
|
<span class="input-group-text col-4" data-translation-id="menu:transfer_to">Transfer to</span>
|
|
<input id="vehicle-transfer-target" min="1" type="number" class="form-control" required>
|
|
<button type="button" id="vehicle-transfer-choose-target-btn" class="btn btn-info col-auto" data-bs-toggle="tooltip" data-bs-placement="top" data-translation-id="menu:choose"><i class="bi bi-person-bounding-box"></i></button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-footer mx-auto">
|
|
<button id="vehicle-transfer-cancel" type="button" class="btn btn-secondary" data-translation-id="menu:cancel" data-bs-dismiss="modal">Cancel</button>
|
|
<button type="submit" class="btn btn-success" data-translation-id="menu:send_request">Send request</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Vehicle transfer confirm -->
|
|
<div class="modal fade" id="vehicle-transfer-ask-confirm-modal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" role="dialog" style="z-index: 1070;">
|
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
|
<form id="vehicle-transfer-ask-confirm-form" class="modal-content needs-validation" novalidate>
|
|
<div class="modal-header mx-auto">
|
|
<h5 class="modal-title" data-translation-id="menu:confirm_vehicle_transfer_purchase">Confirm vehicle transfer purchase</h5>
|
|
</div>
|
|
<div class="modal-body" style="max-height: 60vh; overflow-y: auto">
|
|
<div class="input-group my-2">
|
|
<span class="input-group-text col-4" data-translation-id="menu:plate">Plate</span>
|
|
<input id="vehicle-transfer-ask-confirm-plate" type="text" class="form-control" disabled value="ABC123">
|
|
</div>
|
|
<div class="input-group my-2">
|
|
<span class="input-group-text col-4" data-translation-id="menu:vehicle">Vehicle</span>
|
|
<input id="vehicle-transfer-ask-confirm-vehicle" type="text" class="form-control" disabled value="Adder">
|
|
</div>
|
|
<div class="input-group my-2">
|
|
<span class="input-group-text col-4" data-translation-id="menu:price">Price</span>
|
|
<input id="vehicle-transfer-ask-confirm-price" type="number" class="form-control" placeholder="$5000" disabled>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-footer mx-auto">
|
|
<button id="vehicle-transfer-ask-confirm-cancel" type="button" class="btn btn-secondary" data-translation-id="menu:cancel" data-bs-dismiss="modal">Cancel</button>
|
|
<button type="submit" class="btn btn-success" data-translation-id="menu:purchase">Purchase</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
dragElement(document.getElementById("menu"));
|
|
|
|
function dragElement(elmnt) {
|
|
var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
|
|
if (document.getElementById(elmnt.id + "drag")) {
|
|
document.getElementById(elmnt.id + "drag").onmousedown = dragMouseDown;
|
|
} else {
|
|
elmnt.onmousedown = dragMouseDown;
|
|
}
|
|
|
|
function dragMouseDown(e) {
|
|
e = e || window.event;
|
|
e.preventDefault();
|
|
// get the mouse cursor position at startup:
|
|
pos3 = e.clientX;
|
|
pos4 = e.clientY;
|
|
document.onmouseup = closeDragElement;
|
|
// call a function whenever the cursor moves:
|
|
document.onmousemove = elementDrag;
|
|
}
|
|
|
|
function elementDrag(e) {
|
|
e = e || window.event;
|
|
e.preventDefault();
|
|
// calculate the new cursor position:
|
|
pos1 = pos3 - e.clientX;
|
|
pos2 = pos4 - e.clientY;
|
|
pos3 = e.clientX;
|
|
pos4 = e.clientY;
|
|
// set the element's new position:
|
|
elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
|
|
elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
|
|
}
|
|
|
|
function closeDragElement() {
|
|
// stop moving when mouse button is released:
|
|
document.onmouseup = null;
|
|
document.onmousemove = null;
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<script src="./assets/js/theme.bundle.js"></script>
|
|
<script src="script.js" type="text/javascript"></script>
|
|
<script src="index.js"></script>
|
|
<script src="../utils/dialogs/dialogs.js"></script>
|
|
</body>
|
|
|
|
</html> |