mirror of
https://github.com/DJ2LS/FreeDATA
synced 2024-05-14 08:04:33 +00:00
added support for bs light/dark mode
This commit is contained in:
parent
f6ddef87e5
commit
9eb2cb210c
|
@ -32,7 +32,7 @@
|
||||||
"@electron/osx-sign": "^1.0.4",
|
"@electron/osx-sign": "^1.0.4",
|
||||||
"@popperjs/core": "^2.11.6",
|
"@popperjs/core": "^2.11.6",
|
||||||
"blob-util": "^2.0.2",
|
"blob-util": "^2.0.2",
|
||||||
"bootstrap": "^5.2.3",
|
"bootstrap": "^5.3.0-alpha.1",
|
||||||
"bootstrap-icons": "^1.10.3",
|
"bootstrap-icons": "^1.10.3",
|
||||||
"bootswatch": "^5.2.3",
|
"bootswatch": "^5.2.3",
|
||||||
"browser-image-compression": "^2.0.0",
|
"browser-image-compression": "^2.0.0",
|
||||||
|
|
|
@ -998,9 +998,9 @@ update_chat = function (obj) {
|
||||||
|
|
||||||
var controlarea_transmit = `
|
var controlarea_transmit = `
|
||||||
<div class="ms-auto" id="msg-${obj._id}-control-area">
|
<div class="ms-auto" id="msg-${obj._id}-control-area">
|
||||||
<button class="btn bg-transparent p-1 m-1"><i class="bi bi-arrow-repeat" id="retransmit-msg-${obj._id}" style="font-size: 1.2rem; color: grey;"></i></button>
|
<button class="btn bg-transparent p-1 m-1"><i class="bi bi-arrow-repeat" id="retransmit-msg-${obj._id}" style="font-size: 1.2rem;"></i></button>
|
||||||
<button class="btn bg-transparent p-1 m-1"><i class="bi bi-download" id="save-file-msg-${obj._id}" style="font-size: 1.2rem; color: grey;"></i></button>
|
<button class="btn bg-transparent p-1 m-1"><i class="bi bi-download" id="save-file-msg-${obj._id}" style="font-size: 1.2rem;"></i></button>
|
||||||
<button class="btn bg-transparent p-1 m-1"><i class="bi bi-trash" id="del-msg-${obj._id}" style="font-size: 1.2rem; color: grey;"></i></button>
|
<button class="btn bg-transparent p-1 m-1"><i class="bi bi-trash" id="del-msg-${obj._id}" style="font-size: 1.2rem;"></i></button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
`;
|
`;
|
||||||
|
@ -1008,8 +1008,8 @@ update_chat = function (obj) {
|
||||||
var controlarea_receive = `
|
var controlarea_receive = `
|
||||||
|
|
||||||
<div class="me-auto" id="msg-${obj._id}-control-area">
|
<div class="me-auto" id="msg-${obj._id}-control-area">
|
||||||
<button class="btn bg-transparent p-1 m-1"><i class="bi bi-download" id="save-file-msg-${obj._id}" style="font-size: 1.2rem; color: grey;"></i></button>
|
<button class="btn bg-transparent p-1 m-1"><i class="bi bi-download" id="save-file-msg-${obj._id}" style="font-size: 1.2rem;"></i></button>
|
||||||
<button class="btn bg-transparent p-1 m-1"><i class="bi bi-trash" id="del-msg-${obj._id}" style="font-size: 1.2rem; color: grey;"></i></button>
|
<button class="btn bg-transparent p-1 m-1"><i class="bi bi-trash" id="del-msg-${obj._id}" style="font-size: 1.2rem;"></i></button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
`;
|
`;
|
||||||
|
@ -1019,13 +1019,13 @@ update_chat = function (obj) {
|
||||||
var filetype = "text/plain";
|
var filetype = "text/plain";
|
||||||
var controlarea_transmit = `
|
var controlarea_transmit = `
|
||||||
<div class="ms-auto" id="msg-${obj._id}-control-area">
|
<div class="ms-auto" id="msg-${obj._id}-control-area">
|
||||||
<button class="btn bg-transparent p-1 m-1"><i class="bi bi-arrow-repeat" id="retransmit-msg-${obj._id}" style="font-size: 1.2rem; color: grey;"></i></button>
|
<button class="btn bg-transparent p-1 m-1"><i class="bi bi-arrow-repeat" id="retransmit-msg-${obj._id}" style="font-size: 1.2rem;"></i></button>
|
||||||
<button class="btn bg-transparent p-1 m-1"><i class="bi bi-trash" id="del-msg-${obj._id}" style="font-size: 1.2rem; color: grey;"></i></button>
|
<button class="btn bg-transparent p-1 m-1"><i class="bi bi-trash" id="del-msg-${obj._id}" style="font-size: 1.2rem;"></i></button>
|
||||||
</div>
|
</div>
|
||||||
`;
|
`;
|
||||||
var controlarea_receive = `
|
var controlarea_receive = `
|
||||||
<div class="float-start" id="msg-${obj._id}-control-area">
|
<div class="float-start" id="msg-${obj._id}-control-area">
|
||||||
<button class="btn bg-transparent p-1 m-1"><i class="bi bi-trash" id="del-msg-${obj._id}" style="font-size: 1.2rem; color: grey;"></i></button>
|
<button class="btn bg-transparent p-1 m-1"><i class="bi bi-trash" id="del-msg-${obj._id}" style="font-size: 1.2rem;"></i></button>
|
||||||
</div>
|
</div>
|
||||||
`;
|
`;
|
||||||
}
|
}
|
||||||
|
@ -1221,7 +1221,7 @@ update_chat = function (obj) {
|
||||||
|
|
||||||
<!--<button type="button" id="retransmit-msg-${
|
<!--<button type="button" id="retransmit-msg-${
|
||||||
obj._id
|
obj._id
|
||||||
}" class="btn btn-sm btn-light p-0" style="height:20px;width:30px"><i class="bi bi-arrow-repeat" style="font-size: 0.9rem; color: black;"></i></button>-->
|
}" class="btn btn-sm btn-light p-0" style="height:20px;width:30px"><i class="bi bi-arrow-repeat" style="font-size: 0.9rem;"></i></button>-->
|
||||||
|
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en" data-bs-theme="light">
|
||||||
<head>
|
<head>
|
||||||
<!-- Required meta tags -->
|
<!-- Required meta tags -->
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
|
@ -48,7 +48,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<div class="row h-100">
|
<div class="row h-100">
|
||||||
<div class="col-4 p-2 bg-light">
|
<div class="col-4 p-2">
|
||||||
<! ------Chats area ---------------------------------------------------------------------->
|
<! ------Chats area ---------------------------------------------------------------------->
|
||||||
<div class="container-fluid m-0 p-0">
|
<div class="container-fluid m-0 p-0">
|
||||||
<div class="input-group bottom-0 m-0 w-100">
|
<div class="input-group bottom-0 m-0 w-100">
|
||||||
|
@ -284,11 +284,11 @@
|
||||||
<div class="input-group bottom-0 ms-2">
|
<div class="input-group bottom-0 ms-2">
|
||||||
<!--<input class="form-control" maxlength="8" style="max-width: 6rem; text-transform:uppercase; display:none" id="chatModuleDxCall" placeholder="DX CALL"></input>-->
|
<!--<input class="form-control" maxlength="8" style="max-width: 6rem; text-transform:uppercase; display:none" id="chatModuleDxCall" placeholder="DX CALL"></input>-->
|
||||||
<!--<button class="btn btn-sm btn-primary me-2" id="emojipickerbutton" type="button">-->
|
<!--<button class="btn btn-sm btn-primary me-2" id="emojipickerbutton" type="button">-->
|
||||||
<div class="input-group-text bg-white">
|
<div class="input-group-text">
|
||||||
<i
|
<i
|
||||||
id="emojipickerbutton"
|
id="emojipickerbutton"
|
||||||
class="bi bi-emoji-smile p-0"
|
class="bi bi-emoji-smile p-0"
|
||||||
style="font-size: 1rem; color: grey"
|
style="font-size: 1rem;"
|
||||||
></i>
|
></i>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -299,10 +299,10 @@
|
||||||
placeholder="Message - Send with [Enter]"
|
placeholder="Message - Send with [Enter]"
|
||||||
></textarea>
|
></textarea>
|
||||||
|
|
||||||
<div class="input-group-text bg-white me-3">
|
<div class="input-group-text me-3">
|
||||||
<i
|
<i
|
||||||
class="bi bi-paperclip"
|
class="bi bi-paperclip"
|
||||||
style="font-size: 1rem; color: grey"
|
style="font-size: 1rem;"
|
||||||
id="selectFilesButton"
|
id="selectFilesButton"
|
||||||
></i>
|
></i>
|
||||||
|
|
||||||
|
@ -313,7 +313,7 @@
|
||||||
>
|
>
|
||||||
<i
|
<i
|
||||||
class="bi bi-send"
|
class="bi bi-send"
|
||||||
style="font-size: 1.2rem; color: white"
|
style="font-size: 1.2rem;"
|
||||||
></i>
|
></i>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
@ -346,7 +346,7 @@
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="col position-absolute image-overlay text-white justify-content-center align-items-center d-flex align-middle h-100 bg-dark opacity-0"
|
class="col position-absolute image-overlay text-white justify-content-center align-items-center d-flex align-middle h-100 opacity-0"
|
||||||
id="userImageSelector"
|
id="userImageSelector"
|
||||||
>
|
>
|
||||||
<i class="bi bi-upload" style="font-size: 2.2rem"></i>
|
<i class="bi bi-upload" style="font-size: 2.2rem"></i>
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en" data-bs-theme="dark">
|
<html lang="en" data-bs-theme="light">
|
||||||
<head>
|
<head>
|
||||||
<!-- Required meta tags -->
|
<!-- Required meta tags -->
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
|
@ -24,7 +24,7 @@
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<!-- SECONDARY NAVBAR -->
|
<!-- SECONDARY NAVBAR -->
|
||||||
<nav class="navbar fixed-top bg-white border-bottom rounded-3 mt-0 p-2">
|
<nav class="navbar fixed-top border-bottom rounded-3 mt-0 p-2">
|
||||||
<div style="margin-left: 5px">
|
<div style="margin-left: 5px">
|
||||||
<div
|
<div
|
||||||
class="btn-toolbar"
|
class="btn-toolbar"
|
||||||
|
@ -104,7 +104,7 @@
|
||||||
>
|
>
|
||||||
<i
|
<i
|
||||||
class="bi bi-diagram-3"
|
class="bi bi-diagram-3"
|
||||||
style="font-size: 1rem; color: white"
|
style="font-size: 1rem;"
|
||||||
></i>
|
></i>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
@ -273,12 +273,12 @@
|
||||||
<div class="container p-0" style="margin-top: 55px">
|
<div class="container p-0" style="margin-top: 55px">
|
||||||
<div class="row collapse multi-collapse show" id="collapseFirstRow">
|
<div class="row collapse multi-collapse show" id="collapseFirstRow">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<div class="card text-dark mb-0 border-5 border-start border-end">
|
<div class="card mb-0 ">
|
||||||
<div class="card-header p-2 bg-white">
|
<div class="card-header p-2 ">
|
||||||
<div class="">
|
<div class="">
|
||||||
<i
|
<i
|
||||||
class="bi bi-volume-up"
|
class="bi bi-volume-up"
|
||||||
style="font-size: 1rem; color: black"
|
style="font-size: 1rem;"
|
||||||
></i
|
></i
|
||||||
><strong>AUDIO</strong>
|
><strong>AUDIO</strong>
|
||||||
|
|
||||||
|
@ -292,10 +292,10 @@
|
||||||
|
|
||||||
<div class="card-body p-1" style="height:100px">
|
<div class="card-body p-1" style="height:100px">
|
||||||
<div class="input-group input-group-sm mb-1">
|
<div class="input-group input-group-sm mb-1">
|
||||||
<span class="input-group-text bg-white">
|
<span class="input-group-text ">
|
||||||
<i
|
<i
|
||||||
class="bi bi-mic-fill"
|
class="bi bi-mic-fill"
|
||||||
style="font-size: 1rem; color: black"
|
style="font-size: 1rem;"
|
||||||
></i>
|
></i>
|
||||||
</span>
|
</span>
|
||||||
<select
|
<select
|
||||||
|
@ -307,10 +307,10 @@
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
<div class="input-group input-group-sm mb-1">
|
<div class="input-group input-group-sm mb-1">
|
||||||
<span class="input-group-text bg-white">
|
<span class="input-group-text ">
|
||||||
<i
|
<i
|
||||||
class="bi bi-volume-up"
|
class="bi bi-volume-up"
|
||||||
style="font-size: 1rem; color: black"
|
style="font-size: 1rem;"
|
||||||
></i>
|
></i>
|
||||||
</span>
|
</span>
|
||||||
<select
|
<select
|
||||||
|
@ -320,18 +320,18 @@
|
||||||
></select>
|
></select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-footer text-muted small bg-white">
|
<div class="card-footer text-muted small ">
|
||||||
Please select audio device for RX and TX
|
Please select audio device for RX and TX
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!--Start of TNC rig control pane-->
|
<!--Start of TNC rig control pane-->
|
||||||
</div>
|
</div>
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<div class="card text-dark mb-0 border-5 border-start border-end">
|
<div class="card mb-0 ">
|
||||||
<div class="card-header p-1 bg-white">
|
<div class="card-header p-1 ">
|
||||||
<i
|
<i
|
||||||
class="bi bi-projector"
|
class="bi bi-projector"
|
||||||
style="font-size: 1rem; color: black"
|
style="font-size: 1rem;"
|
||||||
></i
|
></i
|
||||||
><strong> TNC RIG CONTROL</strong>
|
><strong> TNC RIG CONTROL</strong>
|
||||||
<div
|
<div
|
||||||
|
@ -407,10 +407,10 @@
|
||||||
<div id="radio-control-rigctld">
|
<div id="radio-control-rigctld">
|
||||||
<div class="input-group input-group-sm mb-1">
|
<div class="input-group input-group-sm mb-1">
|
||||||
<div class="input-group input-group-sm mb-1">
|
<div class="input-group input-group-sm mb-1">
|
||||||
<span class="input-group-text bg-white"
|
<span class="input-group-text "
|
||||||
>Rigctld Network settings</span
|
>Rigctld Network settings</span
|
||||||
>
|
>
|
||||||
<span class="input-group-text bg-white">IP</span>
|
<span class="input-group-text ">IP</span>
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="text"
|
||||||
class="form-control"
|
class="form-control"
|
||||||
|
@ -419,7 +419,7 @@
|
||||||
aria-label="Device IP"
|
aria-label="Device IP"
|
||||||
aria-describedby="basic-addon1"
|
aria-describedby="basic-addon1"
|
||||||
/>
|
/>
|
||||||
<span class="input-group-text bg-white">Port</span>
|
<span class="input-group-text ">Port</span>
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="text"
|
||||||
class="form-control"
|
class="form-control"
|
||||||
|
@ -431,7 +431,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="input-group input-group-sm mb-1">
|
<div class="input-group input-group-sm mb-1">
|
||||||
<span class="input-group-text bg-white">Rigctld application</span>
|
<span class="input-group-text ">Rigctld application</span>
|
||||||
<button
|
<button
|
||||||
class="btn btn-outline-success"
|
class="btn btn-outline-success"
|
||||||
type="button"
|
type="button"
|
||||||
|
@ -481,7 +481,7 @@
|
||||||
happens automatically.
|
happens automatically.
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-footer text-muted small bg-white" id="hamlib_info_field">
|
<div class="card-footer text-muted small " id="hamlib_info_field">
|
||||||
Define TNC rig control mode (none/hamlib)
|
Define TNC rig control mode (none/hamlib)
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -492,8 +492,8 @@
|
||||||
id="collapseSecondRow"
|
id="collapseSecondRow"
|
||||||
>
|
>
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<div class="card text-dark mb-1 border-5 border-start border-end">
|
<div class="card mb-1 ">
|
||||||
<div class="card-header bg-white p-2"><i class="bi bi-house-door"></i><strong> MY STATION</strong></div>
|
<div class="card-header p-2"><i class="bi bi-house-door"></i><strong> MY STATION</strong></div>
|
||||||
<div class="card-body p-2">
|
<div class="card-body p-2">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-auto">
|
<div class="col-md-auto">
|
||||||
|
@ -505,10 +505,10 @@
|
||||||
data-bs-html="false"
|
data-bs-html="false"
|
||||||
title="Enter your callsign and save it"
|
title="Enter your callsign and save it"
|
||||||
>
|
>
|
||||||
<span class="input-group-text bg-white">
|
<span class="input-group-text ">
|
||||||
<i
|
<i
|
||||||
class="bi bi-person-bounding-box"
|
class="bi bi-person-bounding-box"
|
||||||
style="font-size: 1rem; color: black"
|
style="font-size: 1rem;"
|
||||||
></i>
|
></i>
|
||||||
</span>
|
</span>
|
||||||
<input
|
<input
|
||||||
|
@ -555,10 +555,10 @@
|
||||||
data-bs-html="false"
|
data-bs-html="false"
|
||||||
title="Enter your gridsquare and save it"
|
title="Enter your gridsquare and save it"
|
||||||
>
|
>
|
||||||
<span class="input-group-text bg-white">
|
<span class="input-group-text ">
|
||||||
<i
|
<i
|
||||||
class="bi bi-house-fill"
|
class="bi bi-house-fill"
|
||||||
style="font-size: 1rem; color: black"
|
style="font-size: 1rem;"
|
||||||
></i>
|
></i>
|
||||||
</span>
|
</span>
|
||||||
<input
|
<input
|
||||||
|
@ -579,11 +579,11 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<div class="card text-dark mb-0 border-5 border-start border-end">
|
<div class="card mb-0 ">
|
||||||
<div class="card-header p-2 bg-white d-flex">
|
<div class="card-header p-2 d-flex">
|
||||||
<i
|
<i
|
||||||
class="bi bi-cloud-download ms-1 me-1"
|
class="bi bi-cloud-download ms-1 me-1"
|
||||||
style="font-size: 1rem; color: black"
|
style="font-size: 1rem;"
|
||||||
></i>
|
></i>
|
||||||
<strong>UPDATER</strong>
|
<strong>UPDATER</strong>
|
||||||
<div class="progress w-75 ms-1 m-1">
|
<div class="progress w-75 ms-1 m-1">
|
||||||
|
@ -641,11 +641,11 @@
|
||||||
<div class="container mt-2 p-0">
|
<div class="container mt-2 p-0">
|
||||||
<div class="row collapse multi-collapse" id="collapseThirdRow">
|
<div class="row collapse multi-collapse" id="collapseThirdRow">
|
||||||
<div class="col-5">
|
<div class="col-5">
|
||||||
<div class="card text-dark mb-1 border-5 border-start border-end">
|
<div class="card mb-1 ">
|
||||||
<div class="card-header p-1 bg-white">
|
<div class="card-header p-1 ">
|
||||||
<i
|
<i
|
||||||
class="bi bi-volume-up"
|
class="bi bi-volume-up"
|
||||||
style="font-size: 1rem; color: black"
|
style="font-size: 1rem;"
|
||||||
></i>
|
></i>
|
||||||
<strong>AUDIO LEVEL</strong>
|
<strong>AUDIO LEVEL</strong>
|
||||||
<button
|
<button
|
||||||
|
@ -780,8 +780,8 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<div class="card text-dark mb-1 border-5 border-start border-end">
|
<div class="card mb-1 ">
|
||||||
<div class="card-header p-2 bg-white">
|
<div class="card-header p-2 ">
|
||||||
<strong>PING, CQ & BEACON</strong>
|
<strong>PING, CQ & BEACON</strong>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-body p-2">
|
<div class="card-body p-2">
|
||||||
|
@ -890,8 +890,8 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="row collapse multi-collapse" id="collapseFourthRow">
|
<div class="row collapse multi-collapse" id="collapseFourthRow">
|
||||||
<div class="col-5">
|
<div class="col-5">
|
||||||
<div class="card text-dark mb-1 border-5 border-start border-end">
|
<div class="card mb-1 ">
|
||||||
<div class="card-header p-1 bg-white">
|
<div class="card-header p-1 ">
|
||||||
<div
|
<div
|
||||||
class="btn-group btn-group-sm"
|
class="btn-group btn-group-sm"
|
||||||
role="group"
|
role="group"
|
||||||
|
@ -987,13 +987,12 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<div class="card text-dark mb-1 border-5 border-start border-end" style="height: 240px">
|
<div class="card mb-1 " style="height: 240px">
|
||||||
<!--325px-->
|
<!--325px-->
|
||||||
<div class="card-header p-2 bg-white">
|
<div class="card-header p-2 ">
|
||||||
<i
|
<i
|
||||||
class="bi bi-list-columns-reverse"
|
class="bi bi-list-columns-reverse"
|
||||||
style="font-size: 1rem; color: black"
|
style="font-size: 1rem;"
|
||||||
style="font-size: 1rem; color: black"
|
|
||||||
></i>
|
></i>
|
||||||
<strong> HEARD STATIONS</strong>
|
<strong> HEARD STATIONS</strong>
|
||||||
</div>
|
</div>
|
||||||
|
@ -1048,7 +1047,7 @@
|
||||||
>
|
>
|
||||||
<i
|
<i
|
||||||
class="bi bi-folder2-open"
|
class="bi bi-folder2-open"
|
||||||
style="font-size: 1rem; color: white"
|
style="font-size: 1rem;"
|
||||||
></i>
|
></i>
|
||||||
</button>
|
</button>
|
||||||
<h5 id="receivedFilesSidebarLabel">Filetransfer</h5>
|
<h5 id="receivedFilesSidebarLabel">Filetransfer</h5>
|
||||||
|
@ -1130,7 +1129,7 @@
|
||||||
<div class="container mt-1">
|
<div class="container mt-1">
|
||||||
<div class="row mb-1">
|
<div class="row mb-1">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<div class="card text-dark mb-0">
|
<div class="card mb-0">
|
||||||
<div class="card-header p-1"><strong>DX Station</strong></div>
|
<div class="card-header p-1"><strong>DX Station</strong></div>
|
||||||
<div class="card-body p-2">
|
<div class="card-body p-2">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
@ -1175,7 +1174,7 @@
|
||||||
<!--row-->
|
<!--row-->
|
||||||
<div class="row mb-1">
|
<div class="row mb-1">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<div class="card text-dark mb-0">
|
<div class="card mb-0">
|
||||||
<!--
|
<!--
|
||||||
<div class="card-header p-1"> <strong>Data</strong>
|
<div class="card-header p-1"> <strong>Data</strong>
|
||||||
</div>
|
</div>
|
||||||
|
@ -1193,7 +1192,7 @@
|
||||||
<!--row-->
|
<!--row-->
|
||||||
<div class="row mb-1">
|
<div class="row mb-1">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<div class="card text-dark mb-0">
|
<div class="card mb-0">
|
||||||
<div class="card-header p-1"><strong>Mode</strong></div>
|
<div class="card-header p-1"><strong>Mode</strong></div>
|
||||||
<div class="card-body p-2">
|
<div class="card-body p-2">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
@ -1249,18 +1248,6 @@
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!--
|
|
||||||
<div class="row">
|
|
||||||
<div class="col">
|
|
||||||
<div class="card text-dark bg-light mb-0" >
|
|
||||||
<div class="card-header p-2">Info </div>
|
|
||||||
<div class="card-body p-2">
|
|
||||||
123
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
-->
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col"></div>
|
<div class="col"></div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -1274,7 +1261,7 @@
|
||||||
<!--end of blur div -->
|
<!--end of blur div -->
|
||||||
<!---------------------------------------------------------------------- FOOTER AREA ------------------------------------------------------------>
|
<!---------------------------------------------------------------------- FOOTER AREA ------------------------------------------------------------>
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<nav class="navbar fixed-bottom navbar-expand-xl navbar-light bg-white border-top rounded-3 p-2">
|
<nav class="navbar fixed-bottom navbar-expand-xl navbar-light border-top rounded-3 p-2">
|
||||||
<div class="col-sm-2">
|
<div class="col-sm-2">
|
||||||
<div class="btn-toolbar" role="toolbar" style="margin-left: 2px">
|
<div class="btn-toolbar" role="toolbar" style="margin-left: 2px">
|
||||||
<div class="btn-group btn-group-sm me-1" role="group">
|
<div class="btn-group btn-group-sm me-1" role="group">
|
||||||
|
@ -1290,7 +1277,7 @@
|
||||||
>
|
>
|
||||||
<i
|
<i
|
||||||
class="bi bi-broadcast-pin"
|
class="bi bi-broadcast-pin"
|
||||||
style="font-size: 0.8rem; color: white"
|
style="font-size: 0.8rem;"
|
||||||
></i>
|
></i>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
@ -1307,7 +1294,7 @@
|
||||||
>
|
>
|
||||||
<i
|
<i
|
||||||
class="bi bi-cpu"
|
class="bi bi-cpu"
|
||||||
style="font-size: 0.8rem; color: white"
|
style="font-size: 0.8rem;"
|
||||||
></i>
|
></i>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
@ -1324,7 +1311,7 @@
|
||||||
>
|
>
|
||||||
<i
|
<i
|
||||||
class="bi bi-arrow-left-right"
|
class="bi bi-arrow-left-right"
|
||||||
style="font-size: 0.8rem; color: white"
|
style="font-size: 0.8rem;"
|
||||||
></i>
|
></i>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
@ -1341,7 +1328,7 @@
|
||||||
>
|
>
|
||||||
<i
|
<i
|
||||||
class="bi bi-file-earmark-binary"
|
class="bi bi-file-earmark-binary"
|
||||||
style="font-size: 0.8rem; color: white"
|
style="font-size: 0.8rem;"
|
||||||
></i>
|
></i>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
@ -1358,7 +1345,7 @@
|
||||||
>
|
>
|
||||||
<i
|
<i
|
||||||
class="bi bi-usb-symbol"
|
class="bi bi-usb-symbol"
|
||||||
style="font-size: 0.8rem; color: white"
|
style="font-size: 0.8rem;"
|
||||||
></i>
|
></i>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
@ -1402,7 +1389,7 @@
|
||||||
>
|
>
|
||||||
<i
|
<i
|
||||||
class="bi bi-check-lg"
|
class="bi bi-check-lg"
|
||||||
style="font-size: 0.8rem; color: white"
|
style="font-size: 0.8rem;"
|
||||||
></i>
|
></i>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
@ -1508,7 +1495,7 @@
|
||||||
<span class="input-group-text">
|
<span class="input-group-text">
|
||||||
<i
|
<i
|
||||||
class="bi bi-speedometer2"
|
class="bi bi-speedometer2"
|
||||||
style="font-size: 1rem; color: black"
|
style="font-size: 1rem;"
|
||||||
></i>
|
></i>
|
||||||
</span>
|
</span>
|
||||||
<span
|
<span
|
||||||
|
@ -1522,13 +1509,13 @@
|
||||||
<i
|
<i
|
||||||
id="speed_level"
|
id="speed_level"
|
||||||
class="bi bi-reception-0"
|
class="bi bi-reception-0"
|
||||||
style="font-size: 1rem; color: black"
|
style="font-size: 1rem;"
|
||||||
></i>
|
></i>
|
||||||
</span>
|
</span>
|
||||||
<span class="input-group-text">
|
<span class="input-group-text">
|
||||||
<i
|
<i
|
||||||
class="bi bi-file-earmark-binary"
|
class="bi bi-file-earmark-binary"
|
||||||
style="font-size: 1rem; color: black"
|
style="font-size: 1rem;"
|
||||||
></i>
|
></i>
|
||||||
</span>
|
</span>
|
||||||
<span
|
<span
|
||||||
|
@ -1805,7 +1792,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="input-group input-group-sm mb-1">
|
<div class="input-group input-group-sm mb-1">
|
||||||
<label class="input-group-text w-50">Enable fancy GUI</label>
|
<label class="input-group-text w-50">Enable fancy GUI</label>
|
||||||
<label class="input-group-text bg-white w-50">
|
<label class="input-group-text w-50">
|
||||||
<div class="form-check form-switch form-check-inline">
|
<div class="form-check form-switch form-check-inline">
|
||||||
<input
|
<input
|
||||||
class="form-check-input"
|
class="form-check-input"
|
||||||
|
@ -1852,7 +1839,7 @@
|
||||||
<label class="input-group-text w-50"
|
<label class="input-group-text w-50"
|
||||||
>Enable "is typing"</label
|
>Enable "is typing"</label
|
||||||
>
|
>
|
||||||
<label class="input-group-text bg-white w-50">
|
<label class="input-group-text w-50">
|
||||||
<div class="form-check form-switch form-check-inline">
|
<div class="form-check form-switch form-check-inline">
|
||||||
<input
|
<input
|
||||||
class="form-check-input"
|
class="form-check-input"
|
||||||
|
@ -1870,7 +1857,7 @@
|
||||||
<label class="input-group-text w-50"
|
<label class="input-group-text w-50"
|
||||||
>Allow requesting "user profile"</label
|
>Allow requesting "user profile"</label
|
||||||
>
|
>
|
||||||
<label class="input-group-text bg-white w-50">
|
<label class="input-group-text w-50">
|
||||||
<div class="form-check form-switch form-check-inline">
|
<div class="form-check form-switch form-check-inline">
|
||||||
<input
|
<input
|
||||||
class="form-check-input"
|
class="form-check-input"
|
||||||
|
@ -1885,7 +1872,7 @@
|
||||||
<label class="input-group-text w-50"
|
<label class="input-group-text w-50"
|
||||||
>Allow requesting "shared folder"</label
|
>Allow requesting "shared folder"</label
|
||||||
>
|
>
|
||||||
<label class="input-group-text bg-white w-50">
|
<label class="input-group-text w-50">
|
||||||
<div class="form-check form-switch form-check-inline">
|
<div class="form-check form-switch form-check-inline">
|
||||||
<input
|
<input
|
||||||
class="form-check-input"
|
class="form-check-input"
|
||||||
|
@ -2496,7 +2483,7 @@
|
||||||
<label class="input-group-text w-50"
|
<label class="input-group-text w-50"
|
||||||
>Enable waterfall data</label
|
>Enable waterfall data</label
|
||||||
>
|
>
|
||||||
<label class="input-group-text bg-white w-50">
|
<label class="input-group-text w-50">
|
||||||
<div class="form-check form-switch form-check-inline">
|
<div class="form-check form-switch form-check-inline">
|
||||||
<input
|
<input
|
||||||
class="form-check-input"
|
class="form-check-input"
|
||||||
|
@ -2513,7 +2500,7 @@
|
||||||
<label class="input-group-text w-50"
|
<label class="input-group-text w-50"
|
||||||
>Enable scatter diagram data</label
|
>Enable scatter diagram data</label
|
||||||
>
|
>
|
||||||
<label class="input-group-text bg-white w-50">
|
<label class="input-group-text w-50">
|
||||||
<div class="form-check form-switch form-check-inline">
|
<div class="form-check form-switch form-check-inline">
|
||||||
<input
|
<input
|
||||||
class="form-check-input"
|
class="form-check-input"
|
||||||
|
@ -2530,7 +2517,7 @@
|
||||||
<label class="input-group-text w-50"
|
<label class="input-group-text w-50"
|
||||||
>Enable 563Hz only mode</label
|
>Enable 563Hz only mode</label
|
||||||
>
|
>
|
||||||
<label class="input-group-text bg-white w-50">
|
<label class="input-group-text w-50">
|
||||||
<div class="form-check form-switch form-check-inline">
|
<div class="form-check form-switch form-check-inline">
|
||||||
<input
|
<input
|
||||||
class="form-check-input"
|
class="form-check-input"
|
||||||
|
@ -2545,7 +2532,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="input-group input-group-sm mb-1">
|
<div class="input-group input-group-sm mb-1">
|
||||||
<label class="input-group-text w-50">Respond to CQ</label>
|
<label class="input-group-text w-50">Respond to CQ</label>
|
||||||
<label class="input-group-text bg-white w-50">
|
<label class="input-group-text w-50">
|
||||||
<div class="form-check form-switch form-check-inline">
|
<div class="form-check form-switch form-check-inline">
|
||||||
<input
|
<input
|
||||||
class="form-check-input"
|
class="form-check-input"
|
||||||
|
@ -2560,7 +2547,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="input-group input-group-sm mb-1">
|
<div class="input-group input-group-sm mb-1">
|
||||||
<label class="input-group-text w-50">RX buffer size</label>
|
<label class="input-group-text w-50">RX buffer size</label>
|
||||||
<label class="input-group-text bg-white w-50">
|
<label class="input-group-text w-50">
|
||||||
<select
|
<select
|
||||||
class="form-select form-select-sm"
|
class="form-select form-select-sm"
|
||||||
id="rx_buffer_size"
|
id="rx_buffer_size"
|
||||||
|
@ -2592,7 +2579,7 @@
|
||||||
<label class="input-group-text w-50"
|
<label class="input-group-text w-50"
|
||||||
>Explorer publishing</label
|
>Explorer publishing</label
|
||||||
>
|
>
|
||||||
<label class="input-group-text bg-white w-50">
|
<label class="input-group-text w-50">
|
||||||
<div class="form-check form-switch form-check-inline">
|
<div class="form-check form-switch form-check-inline">
|
||||||
<input
|
<input
|
||||||
class="form-check-input"
|
class="form-check-input"
|
||||||
|
@ -2609,7 +2596,7 @@
|
||||||
<label class="input-group-text w-50"
|
<label class="input-group-text w-50"
|
||||||
>Explorer stats publishing</label
|
>Explorer stats publishing</label
|
||||||
>
|
>
|
||||||
<label class="input-group-text bg-white w-50">
|
<label class="input-group-text w-50">
|
||||||
<div class="form-check form-switch form-check-inline">
|
<div class="form-check form-switch form-check-inline">
|
||||||
<input
|
<input
|
||||||
class="form-check-input"
|
class="form-check-input"
|
||||||
|
@ -2633,7 +2620,7 @@
|
||||||
>
|
>
|
||||||
<div class="input-group input-group-sm mb-1">
|
<div class="input-group input-group-sm mb-1">
|
||||||
<label class="input-group-text w-50">Enable autotune</label>
|
<label class="input-group-text w-50">Enable autotune</label>
|
||||||
<label class="input-group-text bg-white w-50">
|
<label class="input-group-text w-50">
|
||||||
<div class="form-check form-switch form-check-inline ms-2">
|
<div class="form-check form-switch form-check-inline ms-2">
|
||||||
<input
|
<input
|
||||||
class="form-check-input"
|
class="form-check-input"
|
||||||
|
@ -2648,7 +2635,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="input-group input-group-sm mb-1">
|
<div class="input-group input-group-sm mb-1">
|
||||||
<label class="input-group-text w-50">Enable FSK mode</label>
|
<label class="input-group-text w-50">Enable FSK mode</label>
|
||||||
<label class="input-group-text bg-white w-50">
|
<label class="input-group-text w-50">
|
||||||
<div class="form-check form-switch form-check-inline ms-2">
|
<div class="form-check form-switch form-check-inline ms-2">
|
||||||
<input
|
<input
|
||||||
class="form-check-input"
|
class="form-check-input"
|
||||||
|
|
|
@ -1,3 +1,4 @@
|
||||||
|
|
||||||
/* disable scrolling in main window */
|
/* disable scrolling in main window */
|
||||||
body {
|
body {
|
||||||
padding-right: 0px !important;
|
padding-right: 0px !important;
|
||||||
|
@ -93,3 +94,19 @@ https://stackoverflow.com/a/9622873
|
||||||
opacity: 0.75 !important;
|
opacity: 0.75 !important;
|
||||||
transition: 0.5s;
|
transition: 0.5s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* theme area */
|
||||||
|
|
||||||
|
/* default light theme mods */
|
||||||
|
[data-bs-theme="light"] {
|
||||||
|
.card-header{
|
||||||
|
background-color: var(--bs-card-cap-bg);
|
||||||
|
/*--bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.3);*/
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* default light theme mods */
|
||||||
|
[data-bs-theme="dark"] {
|
||||||
|
|
||||||
|
}
|
Loading…
Reference in a new issue