Merge branch 'dev' of https://lab.si.usi.ch/sa4-2020/the-sanmarinoes/frontend into dev
This commit is contained in:
commit
5828cb3ffd
5 changed files with 50 additions and 20 deletions
9
.mailmap
9
.mailmap
|
@ -1 +1,8 @@
|
|||
Claudio Maggioni <maggicl@usi.ch> Claudio Maggioni <maggicl@kolabnow.ch>
|
||||
Claudio Maggioni <maggicl@usi.ch> Claudio Maggioni (maggicl) <maggicl@kolabnow.ch>
|
||||
Claudio Maggioni <maggicl@usi.ch> Claudio Maggioni (maggicl) <maggicl@usi.ch>
|
||||
Filippo Cesana <cesanf@usi.ch> FilippoCesana <cesanf@usi.ch>
|
||||
Filippo Cesana <cesanf@usi.ch> Fil Cesana <cesanf@usi.ch>
|
||||
Andrea Brites Marto <britea@usi.ch> britea <andreabritesma@gmail.com>
|
||||
Christian Capeáns Pérez <capeac@usi.ch> christiancp <capeac@usi.ch>
|
||||
Tommaso Rodolfo Masera <rodolt@usi.ch> tommi27 <tommi99@hotmail.it>
|
||||
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
// vim: set ts=2 sw=2 et tw=80:
|
||||
|
||||
import React, { Component } from "react";
|
||||
import { Segment, Card } from "semantic-ui-react";
|
||||
import { Segment, Card, Header, Icon } from "semantic-ui-react";
|
||||
import Device from "./devices/Device";
|
||||
import NewDevice from "./devices/NewDevice";
|
||||
import { connect } from "react-redux";
|
||||
|
@ -25,16 +25,31 @@ class DevicePanel extends Component {
|
|||
render() {
|
||||
return (
|
||||
<Card.Group centered style={{ paddingTop: "3rem" }}>
|
||||
{this.props.devices.map((e, i) => {
|
||||
return <Device key={i} tab={this.props.tab} id={e.id} />;
|
||||
})}
|
||||
{!this.props.isActiveRoomHome ? (
|
||||
<Card style={{ height: "27em" }}>
|
||||
<Segment basic style={{ width: "100%", height: "100%" }}>
|
||||
<NewDevice />
|
||||
</Segment>
|
||||
</Card>
|
||||
) : null}
|
||||
{this.props.devices.length !== 0 ? (
|
||||
<React.Fragment>
|
||||
{this.props.devices.map((e, i) => {
|
||||
return <Device key={i} tab={this.props.tab} id={e.id} />;
|
||||
})}
|
||||
{!this.props.isActiveRoomHome ? (
|
||||
<Card style={{ height: "27em" }}>
|
||||
<Segment basic style={{ width: "100%", height: "100%" }}>
|
||||
<NewDevice />
|
||||
</Segment>
|
||||
</Card>
|
||||
) : null}
|
||||
</React.Fragment>
|
||||
) : (
|
||||
<Segment placeholder>
|
||||
<Header icon>
|
||||
<Icon
|
||||
name="exclamation triangle"
|
||||
style={{ paddingBottom: "1rem" }}
|
||||
/>
|
||||
Please create a room on the left, and then add devices to the
|
||||
same.
|
||||
</Header>
|
||||
</Segment>
|
||||
)}
|
||||
</Card.Group>
|
||||
);
|
||||
}
|
||||
|
|
|
@ -19,12 +19,17 @@ class HostsPanel extends Component {
|
|||
render() {
|
||||
if (this.props.isActiveDefaultHost) {
|
||||
return (
|
||||
<Segment placeholder style={{ paddingTop: "3rem" }}>
|
||||
<Header icon>
|
||||
<Icon name="folder open" />
|
||||
Please select a host to visit on the left.
|
||||
</Header>
|
||||
</Segment>
|
||||
<Card.Group centered style={{ paddingTop: "3rem" }}>
|
||||
<Segment placeholder>
|
||||
<Header icon>
|
||||
<Icon
|
||||
name="exclamation triangle"
|
||||
style={{ paddingBottom: "1rem" }}
|
||||
/>
|
||||
Please select a host to visit on the left.
|
||||
</Header>
|
||||
</Segment>
|
||||
</Card.Group>
|
||||
);
|
||||
}
|
||||
|
||||
|
|
|
@ -44,7 +44,10 @@ class ScenesPanel extends Component {
|
|||
) : (
|
||||
<Segment placeholder>
|
||||
<Header icon>
|
||||
<Icon name="folder open" />
|
||||
<Icon
|
||||
name="exclamation triangle"
|
||||
style={{ paddingBottom: "1rem" }}
|
||||
/>
|
||||
Please select a scene on the left or add a new one.
|
||||
</Header>
|
||||
</Segment>
|
||||
|
|
|
@ -116,7 +116,7 @@ export default class Signup extends Component {
|
|||
<Form.Input
|
||||
icon="lock"
|
||||
iconPosition="left"
|
||||
placeholder="Password (at least 8 characters)"
|
||||
placeholder="Password (at least 6 characters)"
|
||||
name="password"
|
||||
type="password"
|
||||
onChange={this.onChangeHandler}
|
||||
|
|
Loading…
Reference in a new issue