forked from Simnation/Main
487 lines
No EOL
26 KiB
HTML
487 lines
No EOL
26 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<title>Jobs Tracker</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">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
|
|
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
|
|
|
|
<!-- Bootstrap CSS -->
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet"
|
|
integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
|
|
<!-- jQuery, then Bootstrap, then popper -->
|
|
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.1/dist/umd/popper.min.js"
|
|
integrity="sha384-SR1sx49pcuLnqZUnnPwx6FCym0wLsk5JZuNx2bPPENzswTNFaQU1RDvt3wT4gWFG"
|
|
crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.min.js"
|
|
integrity="sha384-j0CNLUeiqtyaRmlzUHCPZ+Gy5fQu0dQ6eZ/xAww941Ai1SxSY+0EQqNXNE6DZiVc"
|
|
crossorigin="anonymous"></script>
|
|
|
|
<!-- Bootstrap icons -->
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">
|
|
|
|
<!-- Datatables -->
|
|
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs5/dt-1.11.3/datatables.min.css"/>
|
|
<script type="text/javascript" src="https://cdn.datatables.net/v/bs5/dt-1.11.3/datatables.min.js"></script>
|
|
</head>
|
|
|
|
<body style="background-color: transparent !important;">
|
|
|
|
<div id="trackers-creator" class="container-lg bg-dark text-white position-absolute top-50 start-50 translate-middle rounded" style="display: none; font-family: 'Roboto', sans-serif;">
|
|
<div id="main-bar" class="d-inline-block col-12 text-center mt-2">
|
|
<p id="trackers-creator-label" class="d-inline fw-bold fs-1">Trackers Creator - <span id="trackers-creator-version" class="d-inline fw-bold fs-1"></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 text-white active" data-is-default="1" data-translation-id="menu:trackers" id="trackers-tab" data-bs-toggle="pill" data-bs-target="#trackers" type="button" role="tab"><i class="bi bi-pin-map-fill"></i> Trackers</button>
|
|
<button class="nav-link text-white" 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="trackers" role="tabpanel">
|
|
<div class="d-inline-block col-12 my-2">
|
|
<button id="new-tracker-btn" type="button" class="btn btn-success float-end" data-translation-id="menu:new_tracker">New tracker</button>
|
|
</div>
|
|
|
|
<table id="trackers-container" class="table table-dark table-hover text-white fs-4 mb-2">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col" data-translation-id="menu:id">ID</th>
|
|
<th scope="col" data-translation-id="menu:label">Label</th>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tbody>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<form class="tab-pane fade needs-validation" id="settings" role="tabpanel" novalidate>
|
|
<div class="container my-2" style="max-height: 60vh; overflow-y: auto">
|
|
|
|
<div>
|
|
<p class="text-center fs-3" data-translation-id="menu:settings:language">Language</p>
|
|
|
|
<select class="form-select" id="settings-locale">
|
|
<option value="en">English</option>
|
|
<option value="de">Deutsch</option>
|
|
<option value="fr">Français</option>
|
|
<option value="es">Español</option>
|
|
<option value="it">Italiano</option>
|
|
<option value="hu">Magyar</option>
|
|
<option value="pl">Polski</option>
|
|
<option value="cs">Česky</option>
|
|
</select>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<div>
|
|
<p class="text-center fs-3" data-translation-id="menu:settings:generic">Generic</p>
|
|
|
|
<div class="input-group my-3 fs-4">
|
|
<span class="input-group-text">ACE permission</span>
|
|
<input id="settings-ace-permission" type="text" class="form-control" required>
|
|
</div>
|
|
|
|
<div class="form-check col fs-3 mt-4 my-auto">
|
|
<input class="form-check-input" type="checkbox" value="" id="settings-enable-detailed-blip-sprite" data-bs-toggle="tooltip" data-bs-placement="top" data-translation-id="menu:enable_detailed_blip_sprite_description">
|
|
<label class="form-check-label" for="settings-enable-detailed-blip-sprite" data-translation-id="menu:enable_detailed_blip_sprite">Enable detailed blip sprite</label>
|
|
</div>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<div>
|
|
<p class="text-center fs-3" data-translation-id="menu:settings:panic_button">Panic button</p>
|
|
|
|
<div class="row g-2 row-cols-auto align-items-center justify-content-center">
|
|
<div class="form-floating text-body col">
|
|
<input type="text" class="form-control" id="settings-panic-button-default-key" placeholder="Default key" required>
|
|
<label for="settings-panic-button-default-key" data-translation-id="menu:default_key">Default key</label>
|
|
</div>
|
|
|
|
<div class="form-check col fs-3 ms-2 my-auto">
|
|
<input class="form-check-input" type="checkbox" value="" id="settings-panic-button-enable-hotkey">
|
|
<label class="form-check-label" for="settings-panic-button-enable-hotkey" data-translation-id="menu:enable_hotkey">Enable hotkey</label>
|
|
</div>
|
|
|
|
<div class="form-check col fs-3 ms-2 my-auto">
|
|
<input class="form-check-input" type="checkbox" value="" id="settings-panic-button-emits-sound">
|
|
<label class="form-check-label" for="settings-panic-button-emits-sound" data-translation-id="menu:emits_sound">Emits sound</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row g-2 row-cols-auto align-items-center justify-content-center mt-3">
|
|
<div class="form-floating text-body col">
|
|
<input type="number" class="form-control" id="settings-panic-button-blip-sprite" placeholder="Blip sprite" required>
|
|
<label for="settings-panic-button-blip-sprite" data-translation-id="menu:blip_sprite">Blip sprite</label>
|
|
</div>
|
|
|
|
<div class="form-floating text-body col">
|
|
<input type="number" step="0.1" min="0.1" class="form-control" id="settings-panic-button-blip-scale" placeholder="Blip scale" required>
|
|
<label for="settings-panic-button-blip-scale" data-translation-id="menu:blip_scale">Blip scale</label>
|
|
</div>
|
|
|
|
<div class="form-floating text-body col">
|
|
<input type="number" class="form-control" id="settings-panic-button-blip-color" placeholder="Blip color" required>
|
|
<label for="settings-panic-button-blip-color" data-translation-id="menu:blip_color">Blip color</label>
|
|
</div>
|
|
|
|
<div class="form-floating text-body col">
|
|
<input type="number" class="form-control" id="settings-panic-button-blip-duration" placeholder="Duration" required>
|
|
<label for="settings-panic-button-blip-duration" data-translation-id="menu:duration">Duration (seconds)</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<div>
|
|
<p class="text-center fs-3" data-translation-id="menu:settings:private_trackers">Panic button</p>
|
|
|
|
<div class="row g-2 row-cols-auto align-items-center justify-content-center mt-3">
|
|
<div class="form-check col-auto fs-3 ms-2 my-auto">
|
|
<input class="form-check-input" type="checkbox" value="" id="settings-private-tracker-enabled">
|
|
<label class="form-check-label" for="settings-private-tracker-enabled" data-translation-id="menu:enabled">Enabled</label>
|
|
</div>
|
|
|
|
<div class="form-check col-auto fs-3 ms-2 my-auto">
|
|
<input class="form-check-input" type="checkbox" value="" id="settings-private-tracker-use-roleplay-name-as-blip-name">
|
|
<label class="form-check-label" for="settings-private-tracker-use-roleplay-name-as-blip-name" data-translation-id="menu:use_rp_name_as_blip_name">Use RP name as blip name</label>
|
|
</div>
|
|
|
|
<button id="settings-private-tracker-customize-blip-btn" type="button" class="btn btn-secondary mx-1" data-translation-id="menu:customize_blip">Customize blip</button>
|
|
</div>
|
|
|
|
<div class="row g-2 row-cols-auto align-items-center justify-content-center mt-3">
|
|
<div class="form-floating text-body col">
|
|
<input type="number" class="form-control" id="settings-private-tracker-refresh-time" placeholder="Refresh time" required>
|
|
<label for="settings-private-tracker-refresh-time" data-translation-id="menu:refresh_time">Refresh time (seconds)</label>
|
|
</div>
|
|
|
|
<div class="form-floating text-body col">
|
|
<input type="number" class="form-control" id="settings-private-tracker-max-frequency" placeholder="Max frequency" min="1" required>
|
|
<label for="settings-private-tracker-max-frequency" data-translation-id="menu:max_frequency">Max frequency</label>
|
|
</div>
|
|
|
|
<div class="form-floating text-body col">
|
|
<input type="text" class="form-control" id="settings-private-tracker-item-name" placeholder="Refresh time" required>
|
|
<label for="settings-private-tracker-item-name" data-translation-id="menu:item_name">Item name</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<div>
|
|
<p class="text-center fs-3" data-translation-id="menu:settings:discord">Discord</p>
|
|
|
|
<div class="form-check form-switch fs-4 mt-4">
|
|
<input class="form-check-input" type="checkbox" role="switch" id="settings-areDiscordLogsActive">
|
|
<label class="form-check-label" data-translation-id="menu:settings:enable_discord_logs" for="settings-areDiscordLogsActive">Enable discord logs</label>
|
|
</div>
|
|
|
|
<div>
|
|
<p class="fs-5" data-translation-id="menu:settings:discord_webhooks">Discord webhooks</p>
|
|
|
|
<div class="input-group mt-1 mb-3 fs-5" data-bs-toggle="tooltip" data-bs-placement="top" data-translation-id="menu:main_webhook_description">
|
|
<span class="input-group-text col-3" data-translation-id="menu:settings:main_webhook">Main webhook</span>
|
|
<input id="settings-mainDiscordWebhook" type="text" class="form-control" placeholder="https://discord.com/api/webhooks/USE_YOUR_WEBHOOK/YOUR_WEBHOOK">
|
|
</div>
|
|
|
|
<p class="fs-5" data-translation-id="menu:settings:separated_webhooks">Separated webhooks</p>
|
|
|
|
<div id="settings-specific-webooks-div">
|
|
<div class="input-group my-1 fs-5">
|
|
<span class="input-group-text col-3" data-translation-id="menu:discord_logs:panic_button">Panic button</span>
|
|
<input type="text" class="form-control" data-log-type="panic_button" placeholder="https://discord.com/api/webhooks/USE_YOUR_WEBHOOK/YOUR_WEBHOOK">
|
|
</div>
|
|
<div class="input-group my-1 fs-5">
|
|
<span class="input-group-text col-3" data-translation-id="menu:discord_logs:signal_lost">Signal lost</span>
|
|
<input type="text" class="form-control" data-log-type="signal_lost" placeholder="https://discord.com/api/webhooks/USE_YOUR_WEBHOOK/YOUR_WEBHOOK">
|
|
</div>
|
|
<div class="input-group my-1 fs-5">
|
|
<span class="input-group-text col-3" data-translation-id="menu:discord_logs:private_frequency_set">Private frequency set</span>
|
|
<input type="text" class="form-control" data-log-type="private_frequency" placeholder="https://discord.com/api/webhooks/USE_YOUR_WEBHOOK/YOUR_WEBHOOK">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<button type="submit" class="btn btn-success float-end" data-translation-id="menu:apply_changes">Apply changes</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="tracker-modal" class="modal fade" tabindex="-1">
|
|
<div class="modal-dialog modal-dialog-centered modal-xl modal-dialog-scrollable">
|
|
<form id="tracker-form" class="modal-content needs-validation" novalidate>
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" data-translation-id="menu:tracker">Tracker</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
|
</div>
|
|
|
|
<div class="modal-body">
|
|
<p class="text-center fs-3" data-translation-id="menu:generic">Generic</p>
|
|
|
|
<div class="row g-2 row-cols-auto align-items-center justify-content-center">
|
|
<div class="form-floating text-body col-2">
|
|
<input type="text" class="form-control" id="tracker-label" placeholder="Label" required>
|
|
<label for="tracker-label" data-translation-id="menu:label">Label</label>
|
|
</div>
|
|
|
|
<div class="form-floating text-body col-3">
|
|
<input type="number" min="1" class="form-control" id="tracker-refresh-time" placeholder="Refresh time (seconds)" required>
|
|
<label for="tracker-refresh-time" data-translation-id="menu:refresh_time">Refresh time (seconds)</label>
|
|
</div>
|
|
|
|
<button id="tracker-customize-blip-btn" type="button" class="btn btn-secondary mx-1" data-translation-id="menu:customize_blip">Customize blip</button>
|
|
|
|
<div class="form-check ms-3 fs-4">
|
|
<input id="tracker-use-rp-name-as-blip-name" class="form-check-input" type="checkbox" value="">
|
|
<label class="form-check-label" for="tracker-use-rp-name-as-blip-name" data-translation-id="menu:use_rp_name_as_blip_name">Use RP name as blip name</label>
|
|
</div>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<div data-translation-id="menu:requirements_to_send_signal_description" data-bs-toggle="tooltip" data-bs-placement="top">
|
|
<p class="text-center fs-3" data-translation-id="menu:requirements_to_send_signal">Requirements to send signal</p>
|
|
</div>
|
|
|
|
<div class="row g-2 row-cols-auto align-items-center justify-content-center mt-3">
|
|
<button id="tracker-send-options-allowed-jobs-btn" type="button" class="btn btn-secondary mx-1" data-translation-id="menu:allowed_jobs">Allowed jobs</button>
|
|
|
|
<div id="tracker-send-options-can-use-panic-button-div" class="form-check ms-3 fs-3">
|
|
<input id="tracker-send-options-can-use-panic-button" class="form-check-input" type="checkbox" value="">
|
|
<label class="form-check-label" for="tracker-send-options-can-use-panic-button" data-translation-id="menu:can_use_panic_button">Can use the panic button</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row g-2 row-cols-auto align-items-center justify-content-center mt-3">
|
|
<div class="form-check ms-3 fs-3">
|
|
<input id="tracker-send-options-requires-item" class="form-check-input" type="checkbox" value="">
|
|
<label class="form-check-label" for="tracker-send-options-requires-item" data-translation-id="menu:requires_item">Requires item</label>
|
|
</div>
|
|
|
|
<div class="form-floating ms-3">
|
|
<input type="text" class="form-control" id="tracker-send-options-item-name" >
|
|
<label for="tracker-send-options-item-name" data-translation-id="menu:item_name">Item name</label>
|
|
</div>
|
|
|
|
<button id="tracker-send-options-choose-item-btn" type="button" class="btn btn-secondary col-auto" data-translation-id="menu:choose" data-bs-toggle="tooltip" data-bs-placement="top"><i class="bi bi-list-ul"></i></button>
|
|
|
|
<div class="form-floating ms-3">
|
|
<input type="number" class="form-control" id="tracker-send-options-item-min-quantity" >
|
|
<label for="tracker-send-options-item-min-quantity" data-translation-id="menu:min_quantity">Min quantity</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="signal-lost-div" class="row g-2 row-cols-auto align-items-center justify-content-center mt-3">
|
|
<div class="form-check fs-3" data-translation-id="menu:signal_lost_notification_description" data-bs-toggle="tooltip" data-bs-placement="top">
|
|
<input id="tracker-signal-lost-notification-enabled" class="form-check-input" type="checkbox" value="">
|
|
<label class="form-check-label" for="tracker-signal-lost-notification-enabled" data-translation-id="menu:signal_lost_notification">Signal lost notification</label>
|
|
</div>
|
|
|
|
<div class="form-floating ms-2">
|
|
<input type="number" class="form-control" min="1" id="tracker-signal-lost-duration">
|
|
<label for="tracker-signal-lost-duration" data-translation-id="menu:duration">Duration (seconds)</label>
|
|
</div>
|
|
|
|
<button id="tracker-signal-lost-customize-blip-btn" type="button" class="btn btn-secondary ms-3" data-translation-id="menu:customize_blip">Customize blip</button>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<div data-translation-id="menu:requirements_to_receive_signal_description" data-bs-toggle="tooltip" data-bs-placement="top">
|
|
<p class="text-center fs-3" data-translation-id="menu:requirements_to_receive_signal">Requirements to receive signal</p>
|
|
</div>
|
|
|
|
<div class="row g-2 row-cols-auto align-items-center justify-content-center mt-3">
|
|
<button id="tracker-receive-options-allowed-jobs-btn" type="button" class="btn btn-secondary mx-1" data-translation-id="menu:allowed_jobs">Allowed jobs</button>
|
|
|
|
<div class="form-check ms-3 fs-3">
|
|
<input id="tracker-receive-options-requires-item" class="form-check-input" type="checkbox" value="">
|
|
<label class="form-check-label" for="tracker-receive-options-requires-item" data-translation-id="menu:requires_item">Requires item</label>
|
|
</div>
|
|
|
|
<div class="form-floating ms-3">
|
|
<input type="text" class="form-control" id="tracker-receive-options-item-name" >
|
|
<label for="tracker-receive-options-item-name" data-translation-id="menu:item_name">Item name</label>
|
|
</div>
|
|
|
|
<button id="tracker-receive-options-choose-item-btn" type="button" class="btn btn-secondary col-auto" data-translation-id="menu:choose" data-bs-toggle="tooltip" data-bs-placement="top"><i class="bi bi-list-ul"></i></button>
|
|
|
|
<div class="form-floating ms-3">
|
|
<input type="number" class="form-control" id="tracker-receive-options-item-min-quantity" >
|
|
<label for="tracker-receive-options-item-min-quantity" data-translation-id="menu:min_quantity">Min quantity</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-footer">
|
|
<button id="delete-tracker-btn" type="button" class="btn btn-danger me-auto" data-translation-id="menu:delete">Delete</button>
|
|
<button type="button" class="btn btn-secondary" data-translation-id="menu:close" data-bs-dismiss="modal">Close</button>
|
|
<button id="save-tracker-btn" type="submit" class="btn btn-success" data-translation-id="menu:create">Create</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Input dialog -->
|
|
<div class="modal fade" id="input-dialog-modal" data-bs-backdrop="static" tabindex="-1" role="dialog" style="z-index: 1070;">
|
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
|
<form id="input-dialog-modal-form" class="modal-content needs-validation" novalidate>
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="input-dialog-modal-title">Title</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
|
|
<div class="modal-body">
|
|
<div class="input-group mb-3">
|
|
<span class="input-group-text" id="input-dialog-modal-label">Label</span>
|
|
<input type="text" class="form-control" id="input-dialog-modal-value" required>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-translation-id="menu:close" data-bs-dismiss="modal">Close</button>
|
|
<button type="submit" class="btn btn-success" data-translation-id="menu:confirm">Confirm</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Blip customization dialog -->
|
|
<div class="modal fade" id="blip-customization-dialog-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="blip-customization-form" class="modal-content needs-validation" novalidate>
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" data-translation-id="menu:blip_customization">Blip customization</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
|
|
<div class="form-check form-switch fs-4 mb-3">
|
|
<input class="form-check-input" type="checkbox" role="switch" id="blip-enabled">
|
|
<label class="form-check-label" data-translation-id="menu:blip_enabled" for="blip-enabled">Blip enabled</label>
|
|
</div>
|
|
|
|
<div class="form-floating text-body">
|
|
<input type="number" class="form-control" id="blip-sprite" placeholder="Blip sprite" required>
|
|
<label for="blip-sprite" data-translation-id="menu:blip_sprite">Blip sprite</label>
|
|
</div>
|
|
|
|
<a class="fst-italic text-center" href="https://docs.fivem.net/docs/game-references/blips/" target="_blank" onclick='window.invokeNative("openUrl", "https://docs.fivem.net/docs/game-references/blips/")'>https://docs.fivem.net/docs/game-references/blips/</a>
|
|
|
|
<div class="form-floating text-body mt-4">
|
|
<input type="text" class="form-control" id="blip-name" placeholder="Blip name" required>
|
|
<label for="blip-name" data-translation-id="menu:blip_name">Blip name</label>
|
|
</div>
|
|
|
|
<div class="mt-3">
|
|
<p class="text-center fs-4" data-translation-id="menu:other">Other</p>
|
|
|
|
<div class="row g-2 row-cols-auto align-items-center">
|
|
<div class="form-floating text-body col-6">
|
|
<input type="number" step="0.1" class="form-control" id="blip-scale" placeholder="Blip scale" required>
|
|
<label for="blip-scale" data-translation-id="menu:blip_scale">Blip scale</label>
|
|
</div>
|
|
|
|
<div class="form-floating text-body col-6">
|
|
<input type="number" class="form-control" id="blip-color" placeholder="Blip color" required>
|
|
<label for="blip-color" data-translation-id="menu:blip_color">Blip color</label>
|
|
</div>
|
|
</div>
|
|
|
|
<select id="blip-display" class="form-select col-12 mt-3">
|
|
<option data-translation-id="menu:blip_minimap_only" value="5" selected>Minimap only</option>
|
|
<option data-translation-id="menu:blip_mainmap_only" value="3">Main map only</option>
|
|
<option data-translation-id="menu:blip_main_and_minimap" value="2">Main map + minimap</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-translation-id="menu:close" data-bs-dismiss="modal">Close</button>
|
|
<button type="submit" class="btn btn-success" data-translation-id="menu:confirm">Confirm</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Jobs input dialog -->
|
|
<div class="modal fade" id="input-jobs-dialog-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">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" data-translation-id="menu:jobs_dialog:title">Jobs List</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body" style="max-height: 60vh; overflow-y: auto">
|
|
|
|
<p class="text-center fs-4 fw-bold" data-translation-id="menu:no_jobs_means_all_allowed">No jobs means all allowed</p>
|
|
|
|
<div class="input-group">
|
|
<span class="input-group-text" data-translation-id="menu:jobs_dialog:search_job">Search job</span>
|
|
<input id="input-job-search" type="text" class="form-control">
|
|
</div>
|
|
|
|
<div id="jobs-list" class="mt-2">
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-translation-id="menu:close" data-bs-dismiss="modal">Close</button>
|
|
<button id="input-jobs-confirm-btn" type="button" class="btn btn-success" data-translation-id="menu:confirm">Confirm</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Items input dialog -->
|
|
<div class="modal fade" id="input-items-dialog-modal" tabindex="-1" role="dialog" style="z-index: 1072;">
|
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" data-translation-id="menu:items_dialog:title">Items List</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="input-group">
|
|
<span class="input-group-text" data-translation-id="menu:items_dialog:search_item">Search item</span>
|
|
<input id="input-item-search" type="text" class="form-control">
|
|
</div>
|
|
|
|
<ul id="items-list" class="list-group mt-2" style="overflow: auto; max-height: 70vh">
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="index.js"></script>
|
|
<script src="../utils/dialogs/dialogs.js"></script>
|
|
</body>
|
|
|
|
</html> |