weyne/DCSOlympus
1
0
Fork 0
mirror of https://github.com/Pax1601/DCSOlympus.git synced 2025-10-29 16:56:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: added volume slider for radios

Browse Source
This commit is contained in:
Davide Passoni
2025-01-20 17:09:37 +01:00
parent 6e5e1914ec
commit e6a564ff61
1 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/react/src/ui/panels/components/radiosinkpanel.tsx
View File

@@ -1,6 +1,6 @@
import React, { ForwardedRef, forwardRef, useEffect, useState } from "react"; import React, { ForwardedRef, forwardRef, useEffect, useState } from "react";
import { OlFrequencyInput } from "../../components/olfrequencyinput"; import { OlFrequencyInput } from "../../components/olfrequencyinput";
import { FaChevronUp, FaXmark } from "react-icons/fa6"; import { FaChevronUp, FaVolumeHigh, FaXmark } from "react-icons/fa6";
import { OlLabelToggle } from "../../components/ollabeltoggle"; import { OlLabelToggle } from "../../components/ollabeltoggle";
import { OlStateButton } from "../../components/olstatebutton"; import { OlStateButton } from "../../components/olstatebutton";
import { faEarListen, faMicrophoneLines } from "@fortawesome/free-solid-svg-icons"; import { faEarListen, faMicrophoneLines } from "@fortawesome/free-solid-svg-icons";
@@ -77,6 +77,16 @@ export const RadioSinkPanel = forwardRef((props: { radio: RadioSink; shortcutKey
props.radio.setFrequency(value); props.radio.setFrequency(value);
}} }}
/> />
<div className="flex content-center gap-2 p-2">
<div><FaVolumeHigh className="text-xl"/></div>
<OlRangeSlider
value={props.radio.getVolume() * 100}
onChange={(ev) => {
props.radio.setVolume(Number(ev.currentTarget.value) / 100);
}}
className="my-auto"
></OlRangeSlider>
</div>
<div className="flex content-center gap-2 p-2"> <div className="flex content-center gap-2 p-2">
<div>Left</div> <div>Left</div>
<OlRangeSlider <OlRangeSlider