Permalink
Browse files

Add initial Pilots tab layout with hardcoded content

  • Loading branch information...
markerikson committed Nov 17, 2016
1 parent 7bcde03 commit 4f871f1684186ba6a0ca8a34d14f3fcd0b26eaf1
Showing with 130 additions and 1 deletion.
  1. +130 −1 src/features/pilots/Pilots/Pilots.jsx
@@ -1,5 +1,134 @@
import React from "react";
const Pilots = () => <div>Pilots content</div>;
import {
Grid,
Table,
Segment,
Header,
Form,
Dropdown,
} from "semantic-ui-react";
const RANKS = [
{value: "Private", text : "Private"},
{value: "Corporal", text : "Corporal"},
{value: "Sergeant", text : "Sergeant"},
{value: "Lieutenant", text : "Lieutenant"},
{value: "Captain", text : "Captain"},
{value: "Major", text : "Major"},
{value: "Colonel", text : "Colonel"},
];
const MECHS = [
{value : "WHM-6R", text : "Warhammer WHM-6R"}
];
const Pilots = () => {
return (
<Segment>
<Grid>
<Grid.Column width={10}>
<Header as="h3">Pilot List</Header>
<Table celled>
<Table.Header>
<Table.Row>
<Table.HeaderCell width={5}>
Name
</Table.HeaderCell>
<Table.HeaderCell width={3}>
Rank
</Table.HeaderCell>
<Table.HeaderCell width={2}>
Age
</Table.HeaderCell>
<Table.HeaderCell width={2}>
Skills
</Table.HeaderCell>
<Table.HeaderCell width={4}>
Mech
</Table.HeaderCell>
</Table.Row>
</Table.Header>
<Table.Body>
<Table.Row>
<Table.Cell>
Natasha Kerensky
</Table.Cell>
<Table.Cell>
Captain
</Table.Cell>
<Table.Cell>
52
</Table.Cell>
<Table.Cell>
2/3
</Table.Cell>
<Table.Cell>
WHM-6R
</Table.Cell>
</Table.Row>
</Table.Body>
</Table>
</Grid.Column>
<Grid.Column width={6}>
<Header as="h3">Pilot Details</Header>
<Segment >
<Form size="large">
<Form.Field name="name" width={16} >
<label>Name</label>
<input
placeholder="Name"
value="Natasha Kerensky"
/>
</Form.Field>
<Form.Field name="rank" width={16}>
<label>Rank</label>
<Dropdown
fluid
selection
options={RANKS}
value="Colonel"
/>
</Form.Field>
<Form.Field name="age" width={6} >
<label>Age</label>
<input
placeholder="Age"
value="52"
/>
</Form.Field>
<Form.Field name="gunnery" width={6} >
<label>Gunnery</label>
<input
value="2"
/>
</Form.Field>
<Form.Field name="piloting" width={6} >
<label>Piloting</label>
<input
value="3"
/>
</Form.Field>
<Form.Field name="mech" width={16}>
<label>Mech</label>
<Dropdown
fluid
selection
options={MECHS}
value="WHM-6R"
/>
</Form.Field>
</Form>
</Segment>
</Grid.Column>
</Grid>
</Segment>
)
}
export default Pilots;

0 comments on commit 4f871f1

Please sign in to comment.