webui stuff

This commit is contained in:
Stian Fredrik Aune
2021-05-24 13:02:52 +02:00
parent a2e719def9
commit 38d370894e
11 changed files with 147 additions and 11962 deletions
+19 -2
View File
@@ -2,14 +2,31 @@ import React from 'react';
import {HookRouter, navigate, usePath, useRoutes} from "hookrouter";
import {Tabs} from "./primitives/Layout";
import {HSColorPicker} from "./primitives/Forms";
import {ColorElement} from "./primitives/Elements";
const routeObj: HookRouter.RouteObject = {
"/": () => (
<div>
<HSColorPicker h={60} s={1} onChange={() => void(0)}/>
<HSColorPicker h={30} s={1} onChange={() => void (0)}/>
</div>
),
"/devices": () => (
<div>
<ColorElement name="Grønn" value={{h: 125, s: 0.5}}/>
<ColorElement name="Kelvin 1k" value={{kelvin: 1000}}/>
<ColorElement name="Kelvin 2k" value={{kelvin: 2000}}/>
<ColorElement name="Kelvin 3k" value={{kelvin: 3000}}/>
<ColorElement name="Kelvin 4k" value={{kelvin: 4000}}/>
<ColorElement name="Kelvin 5k" value={{kelvin: 5000}}/>
<ColorElement name="Kelvin 6k" value={{kelvin: 6000}}/>
<ColorElement name="Kelvin 7k" value={{kelvin: 7000}}/>
<ColorElement name="Kelvin 8k" value={{kelvin: 8000}}/>
<ColorElement name="Kelvin 9k" value={{kelvin: 9000}}/>
<ColorElement name="Kelvin 10k" value={{kelvin: 10000}}/>
<ColorElement name="Mer... (HS)" value="hs-gradient"/>
<ColorElement name="Mer... (K)" value="k-gradient"/>
</div>
),
"/devices": () => <div>2</div>,
"/settings": () => <div>3</div>,
}