pierre/VirtWeb
1
0
Fork 0
Code Issues Pull Requests 4 Packages Projects Releases 5 Wiki Activity

Start to build VM page

Browse Source
This commit is contained in:
Pierre HUBERT
2023-10-17 18:11:31 +02:00
parent fcf66e3e93
commit 62364594c9
8 changed files with 221 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
virtweb_frontend/src/widgets/forms/CheckboxInput.tsx
View File

@ -6,15 +6,16 @@ export function CheckboxInput(p: {
checked: boolean | undefined;
onValueChange: (v: boolean) => void;
}): React.ReactElement {
if (!p.editable && p.checked)
return <Typography variant="body2">{p.label}</Typography>;
//if (!p.editable && p.checked)
// return <Typography variant="body2">{p.label}</Typography>;
if (!p.editable) return <></>;
//if (!p.editable) return <></>;
return (
<FormControlLabel
control={
<Checkbox
disabled={!p.editable}
checked={p.checked}
onChange={(e) => p.onValueChange(e.target.checked)}
/>

8
virtweb_frontend/src/widgets/forms/SelectInput.tsx
View File

@ -8,16 +8,16 @@ export interface SelectOption {
export function SelectInput(p: {
value?: string;
editing: boolean;
editable: boolean;
label: string;
options: SelectOption[];
onValueChange: (o?: string) => void;
}): React.ReactElement {
if (!p.editing && !p.value) return <></>;
if (!p.editable && !p.value) return <></>;
if (!p.editing) {
if (!p.editable) {
const value = p.options.find((o) => o.value === p.value)?.label;
return <TextInput label={p.label} editable={p.editing} value={value} />;
return <TextInput label={p.label} editable={p.editable} value={value} />;
}
return (
<FormControl fullWidth variant="standard" style={{ marginBottom: "15px" }}>