+130
-1
lines changedFilter options
+130
-1
lines changed Original file line number Diff line number Diff line change
@@ -1,5 +1,134 @@
1 1
import React from "react";
2 2 3 -
const Pilots = () => <div>Pilots content</div>;
3 +
import {
4 +
Grid,
5 +
Table,
6 +
Segment,
7 +
Header,
8 +
Form,
9 +
Dropdown,
10 +
} from "semantic-ui-react";
11 + 12 + 13 +
const RANKS = [
14 +
{value: "Private", text : "Private"},
15 +
{value: "Corporal", text : "Corporal"},
16 +
{value: "Sergeant", text : "Sergeant"},
17 +
{value: "Lieutenant", text : "Lieutenant"},
18 +
{value: "Captain", text : "Captain"},
19 +
{value: "Major", text : "Major"},
20 +
{value: "Colonel", text : "Colonel"},
21 +
];
22 + 23 +
const MECHS = [
24 +
{value : "WHM-6R", text : "Warhammer WHM-6R"}
25 +
];
26 + 27 +
const Pilots = () => {
28 + 29 +
return (
30 +
<Segment>
31 +
<Grid>
32 +
<Grid.Column width={10}>
33 +
<Header as="h3">Pilot List</Header>
34 +
<Table celled>
35 + 36 +
<Table.Header>
37 +
<Table.Row>
38 +
<Table.HeaderCell width={5}>
39 +
Name
40 +
</Table.HeaderCell>
41 +
<Table.HeaderCell width={3}>
42 +
Rank
43 +
</Table.HeaderCell>
44 +
<Table.HeaderCell width={2}>
45 +
Age
46 +
</Table.HeaderCell>
47 +
<Table.HeaderCell width={2}>
48 +
Skills
49 +
</Table.HeaderCell>
50 +
<Table.HeaderCell width={4}>
51 +
Mech
52 +
</Table.HeaderCell>
53 + 54 +
</Table.Row>
55 +
</Table.Header>
56 +
<Table.Body>
57 +
<Table.Row>
58 +
<Table.Cell>
59 +
Natasha Kerensky
60 +
</Table.Cell>
61 +
<Table.Cell>
62 +
Captain
63 +
</Table.Cell>
64 +
<Table.Cell>
65 +
52
66 +
</Table.Cell>
67 +
<Table.Cell>
68 +
2/3
69 +
</Table.Cell>
70 +
<Table.Cell>
71 +
WHM-6R
72 +
</Table.Cell>
73 +
</Table.Row>
74 +
</Table.Body>
75 + 76 +
</Table>
77 +
</Grid.Column>
78 +
<Grid.Column width={6}>
79 +
<Header as="h3">Pilot Details</Header>
80 +
<Segment >
81 +
<Form size="large">
82 +
<Form.Field name="name" width={16} >
83 +
<label>Name</label>
84 +
<input
85 +
placeholder="Name"
86 +
value="Natasha Kerensky"
87 +
/>
88 +
</Form.Field>
89 +
<Form.Field name="rank" width={16}>
90 +
<label>Rank</label>
91 +
<Dropdown
92 +
fluid
93 +
selection
94 +
options={RANKS}
95 +
value="Colonel"
96 +
/>
97 +
</Form.Field>
98 +
<Form.Field name="age" width={6} >
99 +
<label>Age</label>
100 +
<input
101 +
placeholder="Age"
102 +
value="52"
103 +
/>
104 +
</Form.Field>
105 +
<Form.Field name="gunnery" width={6} >
106 +
<label>Gunnery</label>
107 +
<input
108 +
value="2"
109 +
/>
110 +
</Form.Field>
111 +
<Form.Field name="piloting" width={6} >
112 +
<label>Piloting</label>
113 +
<input
114 +
value="3"
115 +
/>
116 +
</Form.Field>
117 +
<Form.Field name="mech" width={16}>
118 +
<label>Mech</label>
119 +
<Dropdown
120 +
fluid
121 +
selection
122 +
options={MECHS}
123 +
value="WHM-6R"
124 +
/>
125 +
</Form.Field>
126 +
</Form>
127 +
</Segment>
128 +
</Grid.Column>
129 +
</Grid>
130 +
</Segment>
131 +
)
132 +
}
4 133 5 134
export default Pilots;
You can’t perform that action at this time.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4