2023-02-11 21:49:07 +00:00
<!DOCTYPE html>
2023-03-16 06:47:47 +00:00
< html lang = "en" data-bs-theme = "light" >
2023-02-11 21:49:07 +00:00
< head >
<!-- Required meta tags -->
< meta charset = "utf-8" / >
< meta name = "viewport" content = "width=device-width, initial-scale=1" / >
< meta http-equiv = "Content-Security-Policy" content = "script-src 'self';" / >
<!-- Bootstrap CSS -->
< link
rel="stylesheet"
id="bootstrap_theme"
href="../node_modules/bootstrap/dist/css/bootstrap.min.css"
/>
< link
rel="stylesheet"
href="../node_modules/bootstrap-icons/font/bootstrap-icons.css"
/>
<!-- Custom CSS -->
< link rel = "stylesheet" type = "text/css" href = "styles.css" / >
< title > FreeDATA - CHAT< / title >
< / head >
2021-11-19 16:30:17 +00:00
2023-02-11 21:49:07 +00:00
< body >
<!-- bootstrap -->
< script src = "../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js" > < / script >
<!-- chart.js -->
< script src = "../node_modules/chart.js/dist/chart.umd.js" > < / script >
<!-- <script src="../node_modules/chartjs - plugin - annotation/dist/chartjs - plugin - annotation.min.js"></script> -->
<!-- <script type="module" src="../node_modules/emoji - picker - element/index.js"></script> -->
< script
type="module"
src="../node_modules/emoji-picker-element/picker.js"
>< / script >
< script
type="module"
src="../node_modules/emoji-picker-element/database.js"
2023-02-25 22:23:59 +00:00
>< / script >
2023-02-11 21:49:07 +00:00
< div
class="position-absolute container w-100 h-100 bottom-0 end-0 mb-5"
style="z-index: 100; display: none"
id="emojipickercontainer"
>
< emoji-picker
locale="en"
class="position-absolute bottom-0 end-0 p-1 mb-2"
data-source="../node_modules/emoji-picker-element-data/en/emojibase/data.json"
>< / emoji-picker >
< / div >
< div class = "container-fluid" >
< div class = "row h-100" >
2023-03-16 06:47:47 +00:00
< div class = "col-4 p-2" >
2023-02-11 21:49:07 +00:00
<! ------Chats area ---------------------------------------------------------------------->
< div class = "container-fluid m-0 p-0" >
< div class = "input-group bottom-0 m-0 w-100" >
< input
class="form-control w-50"
maxlength="9"
style="text-transform: uppercase"
id="chatModuleNewDxCall"
placeholder="DX CALL"
/>
< button
2023-02-18 15:11:40 +00:00
class="btn btn-sm btn-success"
2023-02-11 21:49:07 +00:00
id="createNewChatButton"
type="button"
2023-02-28 21:50:55 +00:00
title="Start a new chat (enter dx call sign first)"
2023-02-11 21:49:07 +00:00
>
< i class = "bi bi-pencil-square" style = "font-size: 1.2rem" > < / i >
< / button >
2023-02-18 15:11:40 +00:00
< button
type="button"
id="userModalButton"
data-bs-toggle="modal"
data-bs-target="#userModal"
class="btn btn-sm btn-primary ms-2"
2023-02-28 21:50:55 +00:00
title="My station info"
2023-02-20 17:55:21 +00:00
>
< i class = "bi bi-person" style = "font-size: 1.2rem" > < / i >
< / button >
< button
2023-02-18 15:11:40 +00:00
type="button"
id="sharedFolderButton"
data-bs-toggle="modal"
data-bs-target="#sharedFolderModal"
class="btn btn-sm btn-primary"
2023-02-28 21:50:55 +00:00
title="My shared folder"
2023-02-20 17:55:21 +00:00
>
< i class = "bi bi-files" style = "font-size: 1.2rem" > < / i >
< / button >
2023-02-11 21:49:07 +00:00
< / div >
< / div >
< hr class = "m-2" / >
< div class = "overflow-auto vh-100" >
< div
class="list-group overflow-auto"
id="list-tab"
role="tablist"
style="height: calc(100vh - 70px)"
>< / div >
< / div >
< / div >
< div class = "col-8 border vh-100 p-0" >
<! ------ chat navbar ---------------------------------------------------------------------->
< div class = "container-fluid m-2 p-0" >
< div class = "input-group bottom-0" >
< button
2023-02-27 17:41:20 +00:00
class="btn btn-sm btn-outline-secondary me"
2023-02-11 21:49:07 +00:00
id="ping"
type="button"
2023-02-28 21:50:55 +00:00
data-bs-toggle="tooltip"
data-bs-trigger="hover"
data-bs-html="false"
title="Ping remote station"
2023-02-11 21:49:07 +00:00
>
Ping
< / button >
2023-02-18 15:11:40 +00:00
2023-02-20 17:55:21 +00:00
< button
2023-02-18 15:11:40 +00:00
type="button"
id="userModalDXButton"
data-bs-toggle="modal"
data-bs-target="#userModalDX"
2023-02-27 17:41:20 +00:00
class="btn btn-sm btn-outline-secondary"
2023-02-28 21:50:55 +00:00
title="Request remote station's information"
2023-02-20 17:55:21 +00:00
>
< i class = "bi bi-person" style = "font-size: 1.2rem" > < / i >
< / button >
2023-02-18 15:11:40 +00:00
2023-02-20 17:55:21 +00:00
< button
2023-02-18 15:11:40 +00:00
type="button"
id="sharedFolderDXButton"
data-bs-toggle="modal"
data-bs-target="#sharedFolderModalDX"
2023-02-27 17:41:20 +00:00
class="btn btn-sm btn-outline-secondary me-2"
2023-02-28 21:50:55 +00:00
title="Request remote station's shared files"
2023-02-20 17:55:21 +00:00
>
< i class = "bi bi-files" style = "font-size: 1.2rem" > < / i >
< / button >
2023-02-18 15:11:40 +00:00
2023-02-20 17:55:21 +00:00
< button
type="button"
2023-02-27 17:41:20 +00:00
class="btn btn-small btn-outline-primary dropdown-toggle me-2"
2023-02-20 17:55:21 +00:00
data-bs-toggle="dropdown"
aria-expanded="false"
data-bs-auto-close="outside"
2023-02-28 21:50:55 +00:00
data-bs-toggle="tooltip"
data-bs-trigger="hover"
data-bs-html="false"
title="Message filter"
2023-02-20 17:55:21 +00:00
>
< i class = "bi bi-funnel-fill" > < / i >
< / button >
2023-02-27 17:41:41 +00:00
< form class = "dropdown-menu p-4" id = "frmFilter" >
2023-02-20 17:55:21 +00:00
< div class = "mb-1" >
< div class = "form-check" >
< input
checked="true"
type="checkbox"
class="form-check-input"
id="chkMessage"
/>
< label class = "form-check-label" for = "chkMessage" >
Messages
< / label >
2023-02-19 07:06:28 +00:00
< / div >
2023-02-20 17:55:21 +00:00
< / div >
< div class = "mb-1" >
< div class = "form-check" >
< input
type="checkbox"
class="form-check-input"
id="chkPing"
/>
< label class = "form-check-label" for = "chkPing" >
Pings
< / label >
2023-02-19 07:06:28 +00:00
< / div >
2023-02-20 17:55:21 +00:00
< / div >
< div class = "mb-1" >
< div class = "form-check" >
< input
checked="true"
type="checkbox"
class="form-check-input"
id="chkPingAck"
/>
< label class = "form-check-label" for = "chkPingAck" >
Ping-Acks
< / label >
2023-02-19 07:06:28 +00:00
< / div >
2023-02-20 17:55:21 +00:00
< / div >
< div class = "mb-1" >
< div class = "form-check" >
< input
type="checkbox"
class="form-check-input"
id="chkBeacon"
/>
< label class = "form-check-label" for = "chkBeacon" >
Beacons
< / label >
< / div >
< / div >
2023-02-26 14:41:49 +00:00
< div class = "mb-1" >
< div class = "form-check" >
< input
type="checkbox"
class="form-check-input"
id="chkRequest"
/>
< label class = "form-check-label" for = "chkRequest" >
Requests
< / label >
< / div >
< / div >
2023-02-26 15:26:24 +00:00
< div class = "mb-1" >
< div class = "form-check" >
< input
type="checkbox"
class="form-check-input"
id="chkResponse"
/>
< label class = "form-check-label" for = "chkResponse" >
2023-02-26 16:54:21 +00:00
Responses
2023-02-26 15:26:24 +00:00
< / label >
< / div >
< / div >
2023-02-20 17:55:21 +00:00
< button type = "button" class = "btn btn-primary" id = "btnFilter" >
Refresh
< / button >
< / form >
2023-02-27 17:41:20 +00:00
< button
id="chatSettingsDropDown"
type="button"
class="btn btn-outline-secondary dropdown-toggle"
data-bs-toggle="dropdown"
aria-expanded="false"
2023-02-28 21:50:55 +00:00
title="More options...."
2023-02-27 17:41:20 +00:00
>
< i class = "bi bi-three-dots-vertical" > < / i >
< / button >
2023-02-28 19:40:08 +00:00
< ul class = "dropdown-menu" aria-labelledby = "chatSettingsDropDown" >
2023-02-28 19:39:45 +00:00
< li >
< a
class="dropdown-item bg-danger text-white"
id="delete_selected_chat"
href="#"
>Delete chat< /a
>
< / li >
2023-04-17 21:48:09 +00:00
< li >
< button
class="dropdown-item"
id="openHelpModalchat"
data-bs-toggle="modal"
data-bs-target="#chatHelpModal"
>< i class = "bi bi-question-circle" style = "font-size: 1rem" > < / i >
Help
< / button >
< / li >
2023-02-28 19:39:45 +00:00
< / ul >
2023-02-11 21:49:07 +00:00
< / div >
2023-04-17 21:48:09 +00:00
2023-02-11 21:49:07 +00:00
< / div >
2023-04-17 21:48:09 +00:00
2023-02-11 21:49:07 +00:00
< hr class = "m-0" / >
<! ------messages area ---------------------------------------------------------------------->
< div
class="container overflow-auto"
id="message-container"
style="height: calc(100% - 150px)"
>
< div class = "tab-content" id = "nav-tabContent" > < / div >
<!-- <div class="container position - absolute bottom - 0"> -->
< / div >
<!-- </div> -->
< div class = "container-fluid mt-2 p-0" >
< input
type="checkbox"
id="expand_textarea"
class="btn-check"
autocomplete="off"
/>
< label
class="btn d-flex justify-content-center"
id="expand_textarea_label"
for="expand_textarea"
>< i
id="expand_textarea_button"
class="bi bi-chevron-compact-up"
>< /i
>< / label >
2022-04-03 13:26:24 +00:00
2023-03-04 11:56:17 +00:00
< div class = "input-group bottom-0 ms-2" >
2023-02-11 21:49:07 +00:00
<!-- <input class="form - control" maxlength="8" style="max - width: 6rem; text - transform:uppercase; display:none" id="chatModuleDxCall" placeholder="DX CALL"></input> -->
2023-03-04 11:56:17 +00:00
<!-- <button class="btn btn - sm btn - primary me - 2" id="emojipickerbutton" type="button"> -->
2023-03-16 06:47:47 +00:00
< div class = "input-group-text" >
2023-03-04 11:56:42 +00:00
< i
id="emojipickerbutton"
class="bi bi-emoji-smile p-0"
2023-03-16 06:48:18 +00:00
style="font-size: 1rem"
2023-03-04 11:56:42 +00:00
>< / i >
< / div >
2022-11-08 18:53:14 +00:00
2023-02-11 21:49:07 +00:00
< textarea
2023-03-04 11:56:17 +00:00
class="form-control"
2023-02-11 21:49:07 +00:00
rows="1"
id="chatModuleMessage"
placeholder="Message - Send with [Enter]"
>< / textarea >
2021-11-19 16:30:17 +00:00
2023-03-16 06:47:47 +00:00
< div class = "input-group-text me-3" >
2023-02-11 21:49:07 +00:00
< i
2023-03-04 11:56:42 +00:00
class="bi bi-paperclip"
2023-03-16 06:48:18 +00:00
style="font-size: 1rem"
2023-03-04 11:56:42 +00:00
id="selectFilesButton"
2023-02-11 21:49:07 +00:00
>< / i >
2023-03-04 11:56:17 +00:00
2023-03-04 11:56:42 +00:00
< button
class="btn btn-sm btn-secondary d-none invisible"
id="sendMessage"
type="button"
>
2023-03-16 06:48:18 +00:00
< i class = "bi bi-send" style = "font-size: 1.2rem" > < / i >
2023-03-04 11:56:42 +00:00
< / button >
< / div >
2023-02-11 21:49:07 +00:00
< / div >
< / div >
< / div >
< / div >
< / div >
2023-02-20 17:55:21 +00:00
<!-- user modal -->
2023-02-25 15:49:20 +00:00
2023-02-20 17:55:21 +00:00
< div
2023-02-18 15:11:40 +00:00
class="modal fade"
id="userModal"
tabindex="-1"
aria-labelledby="userModalLabel"
aria-hidden="true"
>
2023-02-25 16:20:31 +00:00
< div class = "modal-dialog" style = "max-width: 600px" >
2023-02-18 15:11:40 +00:00
< div class = "modal-content" >
2023-02-25 16:20:31 +00:00
< div class = "card mb-1 border-0" >
< div class = "row g-0" >
< div class = "col-md-4" >
2023-02-25 21:28:44 +00:00
< div class = "row position-relative p-0 m-0" >
< div class = "col p-0 m-0" >
< img
2023-02-27 14:34:08 +00:00
src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcGVyc29uLWJvdW5kaW5nLWJveCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMS41IDFhLjUuNSAwIDAgMC0uNS41djNhLjUuNSAwIDAgMS0xIDB2LTNBMS41IDEuNSAwIDAgMSAxLjUgMGgzYS41LjUgMCAwIDEgMCAxaC0zek0xMSAuNWEuNS41IDAgMCAxIC41LS41aDNBMS41IDEuNSAwIDAgMSAxNiAxLjV2M2EuNS41IDAgMCAxLTEgMHYtM2EuNS41IDAgMCAwLS41LS41aC0zYS41LjUgMCAwIDEtLjUtLjV6TS41IDExYS41LjUgMCAwIDEgLjUuNXYzYS41LjUgMCAwIDAgLjUuNWgzYS41LjUgMCAwIDEgMCAxaC0zQTEuNSAxLjUgMCAwIDEgMCAxNC41di0zYS41LjUgMCAwIDEgLjUtLjV6bTE1IDBhLjUuNSAwIDAgMSAuNS41djNhMS41IDEuNSAwIDAgMS0xLjUgMS41aC0zYS41LjUgMCAwIDEgMC0xaDNhLjUuNSAwIDAgMCAuNS0uNXYtM2EuNS41IDAgMCAxIC41LS41eiIvPgogIDxwYXRoIGQ9Ik0zIDE0cy0xIDAtMS0xIDEtNCA2LTQgNiAzIDYgNC0xIDEtMSAxSDN6bTgtOWEzIDMgMCAxIDEtNiAwIDMgMyAwIDAgMSA2IDB6Ii8+Cjwvc3ZnPg=="
2023-02-26 08:21:51 +00:00
class="img-fluid rounded-start w-100"
2023-02-25 21:28:44 +00:00
alt="..."
2023-02-26 09:48:21 +00:00
id="user_info_image"
2023-02-25 21:28:44 +00:00
/>
< / div >
< div
2023-03-16 06:47:47 +00:00
class="col position-absolute image-overlay text-white justify-content-center align-items-center d-flex align-middle h-100 opacity-0"
2023-02-25 22:23:59 +00:00
id="userImageSelector"
2023-02-25 21:28:44 +00:00
>
< i class = "bi bi-upload" style = "font-size: 2.2rem" > < / i >
< / div >
< / div >
2023-02-18 18:55:13 +00:00
< / div >
2023-02-25 16:20:31 +00:00
< div class = "col-md-8" >
< div class = "card-body" >
< div class = "input-group input-group-sm mb-1" >
< span class = "input-group-text"
>< i class = "bi bi-pass" > < /i
>< / span >
< input
type="text"
class="form-control"
placeholder="Callsign"
id="user_info_callsign"
aria-label="Call"
aria-describedby="basic-addon1"
/>
< span class = "input-group-text"
>< i class = "bi bi-person-vcard" > < /i
>< / span >
< input
type="text"
class="form-control"
placeholder="name"
id="user_info_name"
aria-label="Name"
aria-describedby="basic-addon1"
/>
< span class = "input-group-text"
>< i class = "bi bi-sunrise" > < /i
>< / span >
< input
type="text"
class="form-control"
placeholder="age"
id="user_info_age"
aria-label="age"
aria-describedby="basic-addon1"
/>
< / div >
2023-02-18 18:55:13 +00:00
2023-02-25 16:20:31 +00:00
< div class = "input-group input-group-sm mb-1" >
< span class = "input-group-text"
>< i class = "bi bi-house" > < /i
>< / span >
< input
type="text"
class="form-control"
placeholder="Location"
id="user_info_location"
aria-label="Name"
aria-describedby="basic-addon1"
/>
< span class = "input-group-text"
>< i class = "bi bi-pin-map" > < /i
>< / span >
< input
type="text"
class="form-control"
placeholder="Grid"
id="user_info_gridsquare"
aria-label="Name"
aria-describedby="basic-addon1"
/>
< / div >
2023-02-25 15:49:20 +00:00
2023-02-25 16:20:31 +00:00
< div class = "input-group input-group-sm mb-1" >
< span class = "input-group-text"
>< i class = "bi bi-projector" > < /i
>< / span >
< input
type="text"
class="form-control"
placeholder="Radio"
id="user_info_radio"
aria-label="Name"
aria-describedby="basic-addon1"
/>
2023-02-18 18:55:13 +00:00
2023-02-25 16:20:31 +00:00
< span class = "input-group-text"
>< i class = "bi bi-broadcast-pin" > < /i
>< / span >
< input
type="text"
class="form-control"
placeholder="Antenna"
id="user_info_antenna"
aria-label="Name"
aria-describedby="basic-addon1"
/>
< / div >
2023-02-18 18:55:13 +00:00
2023-02-25 16:20:31 +00:00
< div class = "input-group input-group-sm mb-1" >
< span class = "input-group-text"
>< i class = "bi bi-envelope" > < /i
>< / span >
< input
type="text"
class="form-control"
placeholder="Email"
id="user_info_email"
aria-label="Name"
aria-describedby="basic-addon1"
/>
2023-02-18 18:55:13 +00:00
2023-02-25 16:20:31 +00:00
< span class = "input-group-text"
>< i class = "bi bi-globe" > < /i
>< / span >
< input
type="text"
class="form-control"
placeholder="Website"
id="user_info_website"
aria-label="Name"
aria-describedby="basic-addon1"
/>
< / div >
< div class = "input-group input-group-sm mb-1" >
< span class = "input-group-text"
>< i class = "bi bi-info-circle" > < /i
>< / span >
< input
type="text"
class="form-control"
placeholder="Comments"
id="user_info_comments"
2023-02-26 13:00:53 +00:00
aria-label="Comments"
2023-02-25 16:20:31 +00:00
aria-describedby="basic-addon1"
/>
< / div >
< / div >
2023-02-18 18:55:13 +00:00
< / div >
2023-02-25 16:20:31 +00:00
< / div >
< / div >
2023-02-25 15:49:20 +00:00
2023-02-25 16:20:31 +00:00
< button
type="button"
class="btn btn-primary"
data-bs-dismiss="modal"
aria-label="Close"
2023-02-26 09:48:21 +00:00
id="userInfoSave"
2023-02-25 16:20:31 +00:00
>
Save & Close
< / button >
2023-02-18 15:11:40 +00:00
< / div >
< / div >
< / div >
2023-02-20 17:55:21 +00:00
<!-- dx user modal -->
< div
2023-02-18 15:11:40 +00:00
class="modal fade"
id="userModalDX"
tabindex="-1"
aria-labelledby="userModalDXLabel"
aria-hidden="true"
>
2023-02-25 16:20:31 +00:00
< div class = "modal-dialog" style = "max-width: 600px" >
2023-02-18 15:11:40 +00:00
< div class = "modal-content" >
2023-02-25 16:20:31 +00:00
< div class = "card mb-1 border-0" >
< div class = "row g-0" >
< div class = "col-md-4" >
< img
2023-02-27 14:34:08 +00:00
src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcGVyc29uLWJvdW5kaW5nLWJveCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMS41IDFhLjUuNSAwIDAgMC0uNS41djNhLjUuNSAwIDAgMS0xIDB2LTNBMS41IDEuNSAwIDAgMSAxLjUgMGgzYS41LjUgMCAwIDEgMCAxaC0zek0xMSAuNWEuNS41IDAgMCAxIC41LS41aDNBMS41IDEuNSAwIDAgMSAxNiAxLjV2M2EuNS41IDAgMCAxLTEgMHYtM2EuNS41IDAgMCAwLS41LS41aC0zYS41LjUgMCAwIDEtLjUtLjV6TS41IDExYS41LjUgMCAwIDEgLjUuNXYzYS41LjUgMCAwIDAgLjUuNWgzYS41LjUgMCAwIDEgMCAxaC0zQTEuNSAxLjUgMCAwIDEgMCAxNC41di0zYS41LjUgMCAwIDEgLjUtLjV6bTE1IDBhLjUuNSAwIDAgMSAuNS41djNhMS41IDEuNSAwIDAgMS0xLjUgMS41aC0zYS41LjUgMCAwIDEgMC0xaDNhLjUuNSAwIDAgMCAuNS0uNXYtM2EuNS41IDAgMCAxIC41LS41eiIvPgogIDxwYXRoIGQ9Ik0zIDE0cy0xIDAtMS0xIDEtNCA2LTQgNiAzIDYgNC0xIDEtMSAxSDN6bTgtOWEzIDMgMCAxIDEtNiAwIDMgMyAwIDAgMSA2IDB6Ii8+Cjwvc3ZnPg=="
2023-02-26 15:30:26 +00:00
class="img-fluid rounded-start w-100"
2023-02-25 16:20:31 +00:00
alt="..."
2023-02-26 11:15:29 +00:00
id="dx_user_info_image"
2023-02-25 16:20:31 +00:00
/>
< / div >
< div class = "col-md-8" >
< div class = "card-body" >
2023-02-26 11:20:01 +00:00
< h5 >
2023-02-26 13:01:21 +00:00
< span
class="badge bg-secondary"
id="dx_user_info_callsign"
>< / span >
-
< span
class="badge bg-secondary"
id="dx_user_info_name"
>< / span >
< span
class="badge bg-secondary"
2023-02-26 11:20:01 +00:00
id="dx_user_info_age"
2023-02-26 13:01:21 +00:00
>< / span >
2023-02-26 11:20:01 +00:00
< / h5 >
2023-02-26 11:15:29 +00:00
2023-02-26 11:17:47 +00:00
< ul class = "card-text list-unstyled" >
2023-02-26 11:20:01 +00:00
< li >
2023-02-26 13:01:21 +00:00
< strong class = "col" > < i class = "bi bi-house" > < / i > < /strong
2023-02-26 11:20:01 +00:00
>< span id = "dx_user_info_location" > < / span > (< span
id="dx_user_info_gridsquare"
>< /span
>)
< / li >
< li >
2023-02-26 13:01:21 +00:00
< strong class = "col"
>< i class = "bi bi-envelope" > < / i > < /strong
2023-02-26 11:20:01 +00:00
>< span id = "dx_user_info_email" > < / span >
< / li >
< li >
2023-02-26 13:01:21 +00:00
< strong class = "col" > < i class = "bi bi-globe" > < / i > < /strong
2023-02-26 11:20:01 +00:00
>< span id = "dx_user_info_website" > < / span >
< / li >
< li >
2023-02-26 13:01:21 +00:00
< strong class = "col"
>< i class = "bi bi-broadcast-pin" > < / i > < /strong
2023-02-26 11:20:01 +00:00
>< span id = "dx_user_info_antenna" > < / span >
< / li >
< li >
2023-02-26 13:01:21 +00:00
< strong class = "col"
>< i class = "bi bi-projector" > < / i > < /strong
2023-02-26 11:20:01 +00:00
>< span id = "dx_user_info_radio" > < / span >
< / li >
< li >
2023-02-26 13:01:21 +00:00
< strong class = "col"
>< i class = "bi bi-info-circle" > < / i > < /strong
2023-02-26 11:20:01 +00:00
>< span id = "dx_user_info_comments" > < / span >
< / li >
< / ul >
2023-02-25 16:20:31 +00:00
< / div >
< / div >
< / div >
< / div >
2023-02-25 16:20:12 +00:00
< div class = "input-group input-group-sm m-0 p-0" >
2023-02-25 16:20:31 +00:00
< button
2023-02-18 15:11:40 +00:00
type="button"
2023-02-25 16:20:12 +00:00
class="btn btn-warning w-75"
aria-label="Request"
2023-02-26 13:08:26 +00:00
id="requestUserInfo"
2023-02-25 16:20:31 +00:00
>
2023-02-28 08:09:47 +00:00
Request user data (about 20kBytes!)
2023-02-25 16:20:31 +00:00
< / button >
2023-02-25 16:20:12 +00:00
2023-02-25 16:20:31 +00:00
< button
2023-02-25 16:20:12 +00:00
type="button"
class="btn btn-primary w-25"
2023-02-18 15:11:40 +00:00
data-bs-dismiss="modal"
aria-label="Close"
2023-02-25 16:20:31 +00:00
>
Close
< / button >
< / div >
2023-02-18 15:11:40 +00:00
< / div >
< / div >
< / div >
<!-- user shared folder -->
2023-02-20 17:55:21 +00:00
< div
2023-02-28 12:55:54 +00:00
class="modal fade"
2023-02-18 15:11:40 +00:00
id="sharedFolderModal"
tabindex="-1"
aria-labelledby="sharedFolderModalLabel"
aria-hidden="true"
>
2023-02-28 12:55:11 +00:00
< div class = "modal-dialog modal-dialog-scrollable" >
2023-02-18 15:11:40 +00:00
< div class = "modal-content" >
< div class = "modal-header" >
2023-02-20 17:55:21 +00:00
< h1 class = "modal-title fs-5" id = "sharedFolderModalLabel" >
My Shared folder
2023-02-28 12:55:54 +00:00
< button
type="button"
class="btn btn-primary"
id="openSharedFilesFolder"
>
< i class = "bi bi-archive" > < / i >
< / button >
2023-02-20 17:55:21 +00:00
< / h1 >
2023-02-18 15:11:40 +00:00
< button
type="button"
class="btn-close"
data-bs-dismiss="modal"
aria-label="Close"
>< / button >
< / div >
2023-03-04 12:24:37 +00:00
2023-02-18 15:11:40 +00:00
< div class = "modal-body" >
2023-03-04 12:24:37 +00:00
< div class = "container-fluid p-0" >
2023-03-04 12:25:09 +00:00
< div class = "center mb-1" >
< div class = "badge text-bg-info" >
< i class = "bi bi-info" > < / i > Change folder in settings!
2023-03-04 12:24:37 +00:00
< / div >
2023-03-04 12:25:09 +00:00
< / div >
2023-02-28 19:38:22 +00:00
< div class = "table-responsive" >
2023-02-28 19:37:55 +00:00
<!-- START OF TABLE FOR SHARED FOLDER -->
2023-02-28 19:38:22 +00:00
< table
class="table table-sm table-hover table-bordered align-middle"
>
2023-02-28 12:55:54 +00:00
< thead >
< tr >
< th scope = "col" > #< / th >
< th scope = "col" > Name< / th >
< th scope = "col" > Type< / th >
< th scope = "col" > Size< / th >
< / tr >
< / thead >
< tbody id = "sharedFolderTable" > < / tbody >
< / table >
< / div >
2023-02-18 15:11:40 +00:00
< / div >
< / div >
< / div >
< / div >
< / div >
2023-04-17 21:48:09 +00:00
<!-- HELP MODAL -->
< div
class="modal fade"
data-bs-backdrop="static"
tabindex="-1"
id="chatHelpModal"
>
< div class = "modal-dialog modal-dialog-scrollable" >
< div class = "modal-content" >
< div class = "modal-header" >
< h5 class = "modal-title" > Chat Help< / h5 >
< button
type="button"
class="btn btn-close"
data-bs-dismiss="modal"
aria-label="Close"
>< / button >
< / div >
< div class = "modal-body" >
< div class = "card mb-3" >
< div class = "card-body" >
< p class = "card-text" >
Welcome to the chat window. Heard stations are listed in the list on the left. Clicking on a station will show messages sent and/or received
from the selected station. Additional help is available on various extra features below.
< / p >
< / div >
< / div >
< div class = "card mb-3" >
< div class = "card-body" >
< button
type="button"
class="btn btn-sm btn-primary ms-2"
>
< i class = "bi bi-person" style = "font-size: 1.2rem" > < / i >
< / button >
< p class = "card-text" >
Set your station information and picture. This information can be requested by a remote station and can be enabled/disabled via settings.
< / p >
< / div >
< / div >
< div class = "card mb-3" >
< div class = "card-body" >
< button
type="button"
class="btn btn-sm btn-outline-secondary ms-2"
>
< i class = "bi bi-person" style = "font-size: 1.2rem" > < / i >
< / button >
< p class = "card-text" >
Request the selected station's information.
< / p >
< / div >
< / div >
< div class = "card mb-3" >
< div class = "card-body" >
< button
type="button"
class="btn btn-sm btn-outline-secondary ms-2"
>
< i class = "bi bi-files" style = "font-size: 1.2rem" > < / i >
< / button >
< p class = "card-text" >
Request the selected station's shared file(s) list. Clicking < button
type="button"
class="btn btn-sm btn-primary ms-2"
>
< i class = "bi bi-files" style = "font-size: 1.2rem" > < / i >
< / button > will allow you to preview your shared files. Shared file can be enabled/disabled in settings.
< / p >
< / div >
< / div >
< div class = "card mb-3" >
< div class = "card-body" >
< button
type="button"
class="btn btn-small btn-outline-primary dropdown-toggle me-2"
>
< i class = "bi bi-funnel-fill" > < / i >
< / button >
< p class = "card-text" >
The filter button allows you to show or hide certain types of messages. A lot of data is logged and this allows you to modify what is shown. By default sent and received messages and ping acknowlegements are displayed.
< / p >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
2023-02-18 15:11:40 +00:00
<!-- dx user shared folder -->
2023-02-20 17:55:21 +00:00
< div
2023-02-18 15:11:40 +00:00
class="modal fade"
id="sharedFolderModalDX"
tabindex="-1"
aria-labelledby="sharedFolderModalDXLabel"
aria-hidden="true"
>
2023-02-28 19:06:39 +00:00
< div class = "modal-dialog modal-dialog-scrollable" >
2023-02-18 15:11:40 +00:00
< div class = "modal-content" >
< div class = "modal-header" >
2023-02-20 17:55:21 +00:00
< h1 class = "modal-title fs-5" id = "sharedFolderModalDXLabel" >
Shared folder
< / h1 >
2023-02-28 19:07:10 +00:00
< button
type="button"
class="btn btn-primary m-2"
aria-label="Request"
id="requestSharedFolderList"
>
< i class = "bi bi-arrow-repeat" > < / i >
< / button >
2023-03-19 15:56:11 +00:00
2023-02-28 19:06:39 +00:00
< button
type="button"
class="btn-close"
data-bs-dismiss="modal"
aria-label="Close"
>< / button >
< / div >
< div class = "modal-body" >
2023-02-28 19:07:10 +00:00
< div class = "container-fluid" >
< div class = "table-responsive" >
2023-02-28 19:37:55 +00:00
<!-- START OF TABLE FOR SHARED FOLDER DX -->
2023-02-28 19:38:22 +00:00
< table
class="table table-sm table-hover table-bordered align-middle"
>
2023-02-28 19:06:39 +00:00
< thead >
< tr >
< th scope = "col" > #< / th >
< th scope = "col" > Name< / th >
< th scope = "col" > Type< / th >
< th scope = "col" > Size< / th >
< / tr >
< / thead >
< tbody id = "sharedFolderTableDX" > < / tbody >
< / table >
2023-02-28 14:20:17 +00:00
< / div >
2023-02-18 15:11:40 +00:00
< / div >
2023-02-28 19:07:10 +00:00
< div class = "modal-footer" >
< div class = "input-group input-group-sm m-0 p-0" > < / div >
< / div >
2023-02-18 15:11:40 +00:00
< / div >
< / div >
< / div >
< / div >
2023-02-11 21:49:07 +00:00
< / body >
2021-11-19 16:30:17 +00:00
< / html >
