fix device default name

This commit is contained in:
britea 2020-03-25 22:15:52 +01:00
parent 6b09bdf016
commit a8c8de8bdc
7 changed files with 81 additions and 45 deletions

View file

@ -84,12 +84,11 @@ class App extends Component {
this.setState({
error: res.data.message,
});
return this.state.error;
return res.status;
}
})
.catch((err) => {
console.log(err);
return { status: "Errore" };
return err;
});
}

View file

@ -36,6 +36,7 @@ export default class NewDevice extends Component {
step: 1,
openModal: false,
motion: false,
name: "",
};
this.baseState = this.state;
this.createDevice = this.createDevice.bind(this);
@ -95,22 +96,47 @@ export default class NewDevice extends Component {
};
switch (this.state.typeOfDevice) {
case "regularLight":
if (this.state.name === "") {
data.params["name"] = "Regular Light";
}
break;
case "smartPlug":
if (this.state.name === "") {
data.params["name"] = "Smart Plug";
}
break;
case "dimmableLight":
if (this.state.name === "") {
data.params["name"] = "Dimmable Light";
}
data.params["intensity"] = 1;
break;
case "sensor":
if (this.state.name === "") {
data.params["name"] = "Sensor";
}
if (!this.state.motion) {
data.params["sensor"] = this.state.typeOfSensor;
data.params["value"] = 0;
}
break;
case "switch":
if (this.state.name === "") {
data.params["name"] = "Switch";
}
data.params["lights"] = this.state.lightsAttached;
break;
case "buttonDimmer":
if (this.state.name === "") {
data.params["name"] = "Button Dimmer";
}
data.params["lights"] = this.state.lightsAttached;
break;
case "knobDimmer":
if (this.state.name === "") {
data.params["name"] = "Knob Dimmer";
}
data.params["lights"] = this.state.lightsAttached;
break;
default:
@ -254,7 +280,7 @@ export default class NewDevice extends Component {
);
const switchOptions = (
<Form.Field style={{ marginTop: "1rem" }}>
<label>Select the Lights You Want to Attach: </label>
<label>Select the lights or smart plugs You Want to Attach: </label>
<Dropdown
name="typeOfDevice"
placeholder="Select Lights"
@ -267,7 +293,7 @@ export default class NewDevice extends Component {
);
const dimmerOptions = (
<Form.Field style={{ marginTop: "1rem" }}>
<label>Select the Lights You Want to Attach: </label>
<label>Select the dimmable lights You Want to Attach: </label>
<Dropdown
name="typeOfDevice"
placeholder="Select Lights"

View file

@ -84,6 +84,7 @@ export default class Dashboard extends Component {
.then((res) => {
if (res.status === 200 && res.data) {
this.getRooms();
this.handleItemClick(-1);
}
})
.catch((err) => {
@ -100,6 +101,9 @@ export default class Dashboard extends Component {
.then((res) => {
//remove room in state.rooms
this.getRooms();
this.setState({
activeItem: -1,
});
this.handleItemClick(-1);
})
.catch((err) => {

View file

@ -18,7 +18,7 @@ export default class ForgotPass extends Component {
user: "",
error: {
state: false,
message: "",
message: [],
},
success: false,
};
@ -39,17 +39,15 @@ export default class ForgotPass extends Component {
call
.initResetPassword(params)
.then((res) => {
console.log(res);
if (res.status === 200) {
this.setState({ success: true });
}
if (res.status === "Errore") {
this.setState({ error: { state: true, message: "Errore" } });
}
//set a message that an email has been sent
})
.catch((err) => {
console.log(err);
let errs = [
...new Set(err.response.data.errors.map((e) => e.defaultMessage)),
];
this.setState({ error: { state: true, message: errs } });
});
};
@ -77,11 +75,16 @@ export default class ForgotPass extends Component {
style={{ marginTop: "2em" }}
error={this.state.error.state}
>
<Message
error
header="Send E-mail Error"
content={this.state.error.message}
/>
<Message error>
<Message.Header>Reset Password Error</Message.Header>
{this.state.error.message.map((e, i) => (
<span key={i}>
{e}
<br />
</span>
))}
</Message>
<Form.Input
icon="address card outline"
iconPosition="left"

View file

@ -7,7 +7,6 @@ import {
Image,
Message,
Icon,
Checkbox,
Input,
} from "semantic-ui-react";
@ -35,9 +34,16 @@ export default class Login extends Component {
params: params,
})
.then((res) => {
if (res.status === 200) {
if (res.response.status === 200) {
} else if (res.response.status === 401) {
this.setState({
error: { state: true, message: "Wrong credentials" },
});
} else {
this.setState({ error: { state: true, message: "Errore" } });
console.log(res);
this.setState({
error: { state: true, message: "An error occurred while logging" },
});
}
})
.catch((err) => {
@ -97,13 +103,6 @@ export default class Login extends Component {
type="password"
onChange={this.onChangeHandler}
/>
<Checkbox
type="checkbox"
name="rememberme"
onClick={this.toggle}
label="Remember me"
style={{ margin: "1.5em 0", float: "left" }}
/>
<Button
color="blue"

View file

@ -11,6 +11,7 @@ class Navbar extends Component {
activeItem: -1,
edited: "",
editMode: false,
room: "",
};
}
@ -24,23 +25,20 @@ class Navbar extends Component {
this.setState((prevState) => ({ editMode: !prevState.editMode }));
handleClick = (e, { id, name }) => {
let obj = undefined;
this.props.rooms.forEach((e) => {
if (e.id === id) {
obj = e;
}
});
const room = this.props.rooms.filter((d) => d.id === id)[0];
this.setState({
activeItem: id,
activeRoom: obj,
activeRoom: room,
activeItemName: name,
});
this.forceUpdate();
console.log(this.state.activeRoom);
this.props.handleItemClick(id);
};
render() {
//const { activeItem } = this.state
const { activeRoom } = this.state;
console.log("DIO", activeRoom);
return (
<div style={{ background: "#1b1c1d!important", padding: "0 20px" }}>
<Responsive minWidth={768}>
@ -172,7 +170,7 @@ class Navbar extends Component {
<Grid.Column width={8}>
<ModalWindow
type="modify"
idRoom={this.state.activeRoom}
idRoom={activeRoom}
updateRoom={this.props.updateRoom}
deleteRoom={this.props.deleteRoom}
/>

View file

@ -20,7 +20,7 @@ export default class Signup extends Component {
username: "",
email: "",
password: "",
error: { state: false, message: "" },
error: { state: false, message: [] },
success: false,
};
}
@ -39,12 +39,14 @@ export default class Signup extends Component {
.then((res) => {
if (res.status === 200 && res.data) {
this.setState({ success: true });
} else {
this.setState({ error: { state: true, message: "Errore" } });
}
})
.catch((err) => {
//console.log(err);
let errs = [
...new Set(err.response.data.errors.map((e) => e.defaultMessage)),
];
this.setState({ error: { state: true, message: errs } });
});
};
@ -78,11 +80,16 @@ export default class Signup extends Component {
style={{ marginTop: "2em" }}
error={this.state.error.state}
>
<Message
error
header="Singup Error"
content={this.state.error.message}
/>
<Message error>
<Message.Header>Singup Error</Message.Header>
{this.state.error.message.map((e, i) => (
<span key={i}>
{e}
<br />
</span>
))}
</Message>
<Form.Input
icon="address card outline"
iconPosition="left"