uwap/mqtt-control-map
1
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add slider from material-ui/lab

Browse source
This commit is contained in:
uwap 2018-06-18 10:31:37 +02:00
parent c082f89935
commit b966fb4610
8 changed files with 261 additions and 1254 deletions
Download patch file Download diff file Expand all files Collapse all files

41
src/components/UiItemList/UiItem.js
View file

@ -6,18 +6,19 @@ import {
ListItemSecondaryAction,
ListItemText,
ListSubheader
} from "material-ui/List";
import Switch from "material-ui/Switch";
import Input, { InputLabel } from "material-ui/Input";
import { FormControl } from "material-ui/Form";
import Select from "material-ui/Select";
import { MenuItem } from "material-ui/Menu";
import Button from "material-ui/Button";
import { LinearProgress } from "material-ui/Progress";
} from "@material-ui/core/List";
import Switch from "@material-ui/core/Switch";
import Input, { InputLabel } from "@material-ui/core/Input";
import FormControl from "@material-ui/core/FormControl";
import Select from "@material-ui/core/Select";
import { MenuItem } from "@material-ui/core/Menu";
import Button from "@material-ui/core/Button";
import LinearProgress from "@material-ui/core/LinearProgress";
import SliderComponent from "@material-ui/lab/Slider";
import type {
UIControl, UIToggle, UIDropDown, UILink,
UISection, UIText, UIProgress
UISection, UIText, UIProgress, UISlider
} from "config/flowtypes";
import keyOf from "utils/keyOf";
@ -184,6 +185,27 @@ export class DropDown extends UiControl<UIDropDown> {
}
}
export class Slider extends UiControl<UISlider> {
runPrimaryAction = (_e: ?any, v: ?number) => {
if (v != null) {
this.changeState(v);
}
}
render() {
return [
<ListItemText key="label" secondary={this.props.item.text} />,
<SliderComponent key="slidercomponent"
value={this.getValue().internal || this.getValue().actual}
min={this.props.item.min || 0} max={this.props.item.max || 0}
step={this.props.item.step || 0}
onChange={() => this.props.item.delayedApply || this.runPrimaryAction()}
onDragEnd={this.runPrimaryAction}
disabled={!this.isEnabled()} />
];
}
}
export class Link extends UiItem<UILink> {
runPrimaryAction = () => {
const control = this.props.item;
@ -242,3 +264,4 @@ export class Progress extends UiControl<UIProgress> {
];
}
}