mirror of https://github.com/jetkvm/kvm.git
added slug dependency
device name slugified to dns name when set
This commit is contained in:
JackTheRooster
parent
fa01d7c828
commit
10af116404
|
|
@ -313,6 +313,11 @@ func rpcSetDeviceName(deviceName string) error {
|
|||
return nil
|
||||
}
|
||||
|
||||
func rpcGetDNSName() (string, error) {
|
||||
LoadConfig()
|
||||
return config.DNSName, nil
|
||||
}
|
||||
|
||||
func rpcGetDevModeState() (DevModeState, error) {
|
||||
devModeEnabled := false
|
||||
if _, err := os.Stat(devModeFile); err != nil {
|
||||
|
|
@ -777,6 +782,7 @@ var rpcHandlers = map[string]RPCHandler{
|
|||
"tryUpdate": {Func: rpcTryUpdate},
|
||||
"getDeviceName": {Func: rpcGetDeviceName},
|
||||
"setDeviceName": {Func: rpcSetDeviceName, Params: []string{"deviceName"}},
|
||||
"getDNSName": {Func: rpcGetDNSName},
|
||||
"getDevModeState": {Func: rpcGetDevModeState},
|
||||
"setDevModeState": {Func: rpcSetDevModeState, Params: []string{"enabled"}},
|
||||
"getSSHKeyState": {Func: rpcGetSSHKeyState},
|
||||
|
|
|
|||
|
|
@ -362,6 +362,8 @@ export default function SettingsSidebar() {
|
|||
document.title = deviceName;
|
||||
});
|
||||
|
||||
|
||||
|
||||
send("getDevModeState", {}, resp => {
|
||||
if ("error" in resp) return;
|
||||
const result = resp.result as { enabled: boolean };
|
||||
|
|
@ -470,7 +472,7 @@ export default function SettingsSidebar() {
|
|||
currentVersions ? (
|
||||
<>
|
||||
App: {currentVersions.appVersion}
|
||||
<br />
|
||||
<br/>
|
||||
System: {currentVersions.systemVersion}
|
||||
</>
|
||||
) : (
|
||||
|
|
@ -487,7 +489,7 @@ export default function SettingsSidebar() {
|
|||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="h-[1px] w-full bg-slate-800/10 dark:bg-slate-300/20" />
|
||||
<div className="h-[1px] w-full bg-slate-800/10 dark:bg-slate-300/20"/>
|
||||
<SectionHeader
|
||||
title="Mouse"
|
||||
description="Customize mouse behavior and interaction settings"
|
||||
|
|
@ -517,7 +519,7 @@ export default function SettingsSidebar() {
|
|||
/>
|
||||
</SettingsItem>
|
||||
<div className="space-y-4">
|
||||
<SettingsItem title="Modes" description="Choose the mouse input mode" />
|
||||
<SettingsItem title="Modes" description="Choose the mouse input mode"/>
|
||||
<div className="flex items-center gap-4">
|
||||
<button
|
||||
className="block group grow"
|
||||
|
|
@ -539,7 +541,7 @@ export default function SettingsSidebar() {
|
|||
Most convenient
|
||||
</p>
|
||||
</div>
|
||||
<CheckCircleIcon className="w-4 h-4 text-blue-700 dark:text-blue-500" />
|
||||
<CheckCircleIcon className="w-4 h-4 text-blue-700 dark:text-blue-500"/>
|
||||
</div>
|
||||
</div>
|
||||
</GridCard>
|
||||
|
|
@ -550,7 +552,7 @@ export default function SettingsSidebar() {
|
|||
>
|
||||
<GridCard>
|
||||
<div className="flex items-center px-4 py-3 gap-x-4">
|
||||
<img className="w-6 shrink-0 dark:invert" src={MouseIcon} alt="Mouse icon" />
|
||||
<img className="w-6 shrink-0 dark:invert" src={MouseIcon} alt="Mouse icon"/>
|
||||
<div className="flex items-center justify-between grow">
|
||||
<div className="text-left">
|
||||
<h3 className="text-sm font-semibold text-black dark:text-white">
|
||||
|
|
@ -568,7 +570,7 @@ export default function SettingsSidebar() {
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="h-[1px] w-full bg-slate-800/10 dark:bg-slate-300/20" />
|
||||
<div className="h-[1px] w-full bg-slate-800/10 dark:bg-slate-300/20"/>
|
||||
<div className="pb-2 space-y-4">
|
||||
<SectionHeader
|
||||
title="Video"
|
||||
|
|
@ -584,9 +586,9 @@ export default function SettingsSidebar() {
|
|||
label=""
|
||||
value={streamQuality}
|
||||
options={[
|
||||
{ value: "1", label: "High" },
|
||||
{ value: "0.5", label: "Medium" },
|
||||
{ value: "0.1", label: "Low" },
|
||||
{value: "1", label: "High"},
|
||||
{value: "0.5", label: "Medium"},
|
||||
{value: "0.1", label: "Low"},
|
||||
]}
|
||||
onChange={e => handleStreamQualityChange(e.target.value)}
|
||||
/>
|
||||
|
|
@ -608,7 +610,7 @@ export default function SettingsSidebar() {
|
|||
handleEDIDChange(e.target.value as string);
|
||||
}
|
||||
}}
|
||||
options={[...edids, { value: "custom", label: "Custom" }]}
|
||||
options={[...edids, {value: "custom", label: "Custom"}]}
|
||||
/>
|
||||
</SettingsItem>
|
||||
{customEdidValue !== null && (
|
||||
|
|
@ -647,7 +649,7 @@ export default function SettingsSidebar() {
|
|||
</div>
|
||||
{isOnDevice && (
|
||||
<>
|
||||
<div className="h-[1px] w-full bg-slate-800/10 dark:bg-slate-300/20" />
|
||||
<div className="h-[1px] w-full bg-slate-800/10 dark:bg-slate-300/20"/>
|
||||
<div className="pb-4 space-y-4">
|
||||
<SectionHeader
|
||||
title="JetKVM Cloud"
|
||||
|
|
@ -656,7 +658,7 @@ export default function SettingsSidebar() {
|
|||
|
||||
<GridCard>
|
||||
<div className="flex items-start p-4 gap-x-4">
|
||||
<ShieldCheckIcon className="w-8 h-8 mt-1 text-blue-600 shrink-0 dark:text-blue-500" />
|
||||
<ShieldCheckIcon className="w-8 h-8 mt-1 text-blue-600 shrink-0 dark:text-blue-500"/>
|
||||
<div className="space-y-3">
|
||||
<div className="space-y-2">
|
||||
<h3 className="text-base font-bold text-slate-900 dark:text-white">
|
||||
|
|
@ -684,7 +686,7 @@ export default function SettingsSidebar() {
|
|||
.
|
||||
</div>
|
||||
</div>
|
||||
<hr className="block w-full dark:border-slate-600" />
|
||||
<hr className="block w-full dark:border-slate-600"/>
|
||||
|
||||
<div>
|
||||
<LinkButton
|
||||
|
|
@ -745,7 +747,7 @@ export default function SettingsSidebar() {
|
|||
</div>
|
||||
</>
|
||||
)}
|
||||
<div className="h-[1px] w-full bg-slate-800/10 dark:bg-slate-300/20" />
|
||||
<div className="h-[1px] w-full bg-slate-800/10 dark:bg-slate-300/20"/>
|
||||
{isOnDevice ? (
|
||||
<>
|
||||
<div className="pb-2 space-y-4">
|
||||
|
|
@ -800,7 +802,7 @@ export default function SettingsSidebar() {
|
|||
)}
|
||||
</div>
|
||||
</div>
|
||||
<div className="h-[1px] w-full bg-slate-800/10 dark:bg-slate-300/20" />
|
||||
<div className="h-[1px] w-full bg-slate-800/10 dark:bg-slate-300/20"/>
|
||||
</>
|
||||
) : null}
|
||||
<div className="pb-2 space-y-4">
|
||||
|
|
@ -834,7 +836,7 @@ export default function SettingsSidebar() {
|
|||
</SettingsItem>
|
||||
</div>
|
||||
</div>
|
||||
<div className="h-[1px] w-full bg-slate-800/10 dark:bg-slate-300/20" />
|
||||
<div className="h-[1px] w-full bg-slate-800/10 dark:bg-slate-300/20"/>
|
||||
|
||||
<SectionHeader
|
||||
title="Appearance"
|
||||
|
|
@ -846,9 +848,9 @@ export default function SettingsSidebar() {
|
|||
label=""
|
||||
value={currentTheme}
|
||||
options={[
|
||||
{ value: "system", label: "System" },
|
||||
{ value: "light", label: "Light" },
|
||||
{ value: "dark", label: "Dark" },
|
||||
{value: "system", label: "System"},
|
||||
{value: "light", label: "Light"},
|
||||
{value: "dark", label: "Dark"},
|
||||
]}
|
||||
onChange={e => {
|
||||
setCurrentTheme(e.target.value);
|
||||
|
|
@ -865,7 +867,15 @@ export default function SettingsSidebar() {
|
|||
onChange={e => handleDeviceNameChange(e.target.value)}
|
||||
/>
|
||||
</SettingsItem>
|
||||
<div className="h-[1px] w-full bg-slate-800/10 dark:bg-slate-300/20" />
|
||||
<div className="flex items-center gap-x-2">
|
||||
<Button
|
||||
size="SM"
|
||||
theme="primary"
|
||||
text="Update Device Name"
|
||||
onClick={handleDeviceNameChange}
|
||||
/>
|
||||
</div>
|
||||
<div className="h-[1px] w-full bg-slate-800/10 dark:bg-slate-300/20"/>
|
||||
<div className="pb-2 space-y-4">
|
||||
<SectionHeader
|
||||
title="Hardware"
|
||||
|
|
@ -878,10 +888,10 @@ export default function SettingsSidebar() {
|
|||
label=""
|
||||
value={settings.backlightSettings.max_brightness.toString()}
|
||||
options={[
|
||||
{ value: "0", label: "Off" },
|
||||
{ value: "10", label: "Low" },
|
||||
{ value: "35", label: "Medium" },
|
||||
{ value: "64", label: "High" },
|
||||
{value: "0", label: "Off"},
|
||||
{value: "10", label: "Low"},
|
||||
{value: "35", label: "Medium"},
|
||||
{value: "64", label: "High"},
|
||||
]}
|
||||
onChange={e => {
|
||||
settings.backlightSettings.max_brightness = parseInt(e.target.value)
|
||||
|
|
@ -897,12 +907,12 @@ export default function SettingsSidebar() {
|
|||
label=""
|
||||
value={settings.backlightSettings.dim_after.toString()}
|
||||
options={[
|
||||
{ value: "0", label: "Never" },
|
||||
{ value: "60", label: "1 Minute" },
|
||||
{ value: "300", label: "5 Minutes" },
|
||||
{ value: "600", label: "10 Minutes" },
|
||||
{ value: "1800", label: "30 Minutes" },
|
||||
{ value: "3600", label: "1 Hour" },
|
||||
{value: "0", label: "Never"},
|
||||
{value: "60", label: "1 Minute"},
|
||||
{value: "300", label: "5 Minutes"},
|
||||
{value: "600", label: "10 Minutes"},
|
||||
{value: "1800", label: "30 Minutes"},
|
||||
{value: "3600", label: "1 Hour"},
|
||||
]}
|
||||
onChange={e => {
|
||||
settings.backlightSettings.dim_after = parseInt(e.target.value)
|
||||
|
|
@ -910,17 +920,18 @@ export default function SettingsSidebar() {
|
|||
}}
|
||||
/>
|
||||
</SettingsItem>
|
||||
<SettingsItem title="Turn off Display After" description="Set how long to wait before turning off the display">
|
||||
<SettingsItem title="Turn off Display After"
|
||||
description="Set how long to wait before turning off the display">
|
||||
<SelectMenuBasic
|
||||
size="SM"
|
||||
label=""
|
||||
value={settings.backlightSettings.off_after.toString()}
|
||||
options={[
|
||||
{ value: "0", label: "Never" },
|
||||
{ value: "300", label: "5 Minutes" },
|
||||
{ value: "600", label: "10 Minutes" },
|
||||
{ value: "1800", label: "30 Minutes" },
|
||||
{ value: "3600", label: "1 Hour" },
|
||||
{value: "0", label: "Never"},
|
||||
{value: "300", label: "5 Minutes"},
|
||||
{value: "600", label: "10 Minutes"},
|
||||
{value: "1800", label: "30 Minutes"},
|
||||
{value: "3600", label: "1 Hour"},
|
||||
]}
|
||||
onChange={e => {
|
||||
settings.backlightSettings.off_after = parseInt(e.target.value)
|
||||
|
|
@ -933,7 +944,7 @@ export default function SettingsSidebar() {
|
|||
<p className="text-xs text-slate-600 dark:text-slate-400">
|
||||
The display will wake up when the connection state changes, or when touched.
|
||||
</p>
|
||||
<div className="h-[1px] w-full bg-slate-800/10 dark:bg-slate-300/20" />
|
||||
<div className="h-[1px] w-full bg-slate-800/10 dark:bg-slate-300/20"/>
|
||||
<div className="pb-2 space-y-4">
|
||||
<SectionHeader
|
||||
title="Advanced"
|
||||
|
|
|
|||
Loading…
Reference in New Issue