frontend: adding SliderComponent

This commit is contained in:
Mose Müller
2023-08-02 12:06:20 +02:00
parent 44639222bf
commit fa0d69feb8
4 changed files with 186 additions and 5 deletions

View File

@ -3,8 +3,16 @@ import { Component, ComponentLabel } from './components/component';
import { ButtonComponent } from './components/ButtonComponent';
import { socket } from './socket';
import { NumberComponent } from './components/NumberComponent';
import { SliderComponent } from './components/SliderComponent';
type AttributeType = 'str' | 'bool' | 'float' | 'int' | 'method' | 'Subclass';
type AttributeType =
| 'str'
| 'bool'
| 'float'
| 'int'
| 'method'
| 'Subclass'
| 'NumberSlider';
type ValueType = boolean | string | number | object;
interface Attribute {
@ -145,6 +153,21 @@ const App = () => {
/>
</div>
);
} else if (value.type === 'NumberSlider') {
return (
<div key={key}>
<SliderComponent
name={key}
parent_path="DataService"
docString={value.doc}
readOnly={value.readonly}
value={value.value['value']['value']}
min={value.value['min']['value']}
max={value.value['max']['value']}
stepSize={value.value['step_size']['value']}
/>
</div>
);
} else if (!value.async) {
return (
<div key={key}>