A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://github.com/markerikson/project-minimek/commit/dcdc0ec2dbb5dee0c4c6bec459eaa3d5818033c9 below:

Rework PilotDetails form layout for consistency · markerikson/project-minimek@dcdc0ec · GitHub

File tree Expand file treeCollapse file tree 1 file changed

+48

-24

lines changed

Filter options

Expand file treeCollapse file tree 1 file changed

+48

-24

lines changed Original file line number Diff line number Diff line change

@@ -22,6 +22,18 @@ const RANKS = [

22 22

{value: "Colonel", text : "Colonel"},

23 23

];

24 24 25 +

const SKILL_VALUES = [

26 +

{value : 0, text : 0},

27 +

{value : 1, text : 1},

28 +

{value : 2, text : 2},

29 +

{value : 3, text : 3},

30 +

{value : 4, text : 4},

31 +

{value : 5, text : 5},

32 +

{value : 6, text : 6},

33 +

{value : 7, text : 7},

34 +

{value : 8, text : 8},

35 +

]

36 + 25 37

const MECHS = [

26 38

{value : "WHM-6R", text : "Warhammer WHM-6R"}

27 39

];

@@ -71,56 +83,68 @@ export class PilotDetails extends Component {

71 83 72 84

return (

73 85

<Form size="large">

74 -

<Form.Field name="name" width={16}>

75 -

<label>Name</label>

76 -

<input

86 +

<Form.Field

87 +

name="name"

88 +

label="Name"

89 +

width={16}

77 90

placeholder="Name"

78 91

value={name}

79 92

disabled={!canStopEditing}

93 +

control="input"

80 94

/>

81 -

</Form.Field>

82 -

<Form.Field name="rank" width={16}>

83 -

<label>Rank</label>

84 -

<Dropdown

95 +

<Form.Field

96 +

name="rank"

97 +

label="Rank"

98 +

width={16}

99 +

control={Dropdown}

85 100

fluid

86 101

selection

87 102

options={RANKS}

88 103

value={rank}

89 104

disabled={!canStopEditing}

90 105

/>

91 -

</Form.Field>

92 -

<Form.Field name="age" width={6}>

93 -

<label>Age</label>

94 -

<input

106 +

<Form.Field

107 +

name="age"

108 +

width={6}

109 +

label="Age"

95 110

placeholder="Age"

111 +

control="input"

96 112

value={age}

97 113

disabled={!canStopEditing}

98 114

/>

99 -

</Form.Field>

100 -

<Form.Field name="gunnery" width={6}>

101 -

<label>Gunnery</label>

102 -

<input

115 +

<Form.Field

116 +

name="gunnery"

117 +

label="Gunnery"

118 +

width={6}

119 +

control={Dropdown}

120 +

fluid

121 +

selection

122 +

options={SKILL_VALUES}

103 123

value={gunnery}

104 124

disabled={!canStopEditing}

105 125

/>

106 -

</Form.Field>

107 -

<Form.Field name="piloting" width={6}>

108 -

<label>Piloting</label>

109 -

<input

126 +

<Form.Field

127 +

name="piloting"

128 +

label="Piloting"

129 +

width={6}

130 +

control={Dropdown}

131 +

fluid

132 +

selection

133 +

options={SKILL_VALUES}

110 134

value={piloting}

111 135

disabled={!canStopEditing}

112 136

/>

113 -

</Form.Field>

114 -

<Form.Field name="mech" width={16}>

115 -

<label>Mech</label>

116 -

<Dropdown

137 +

<Form.Field

138 +

name="mech"

139 +

label="Mech"

140 +

width={16}

141 +

control={Dropdown}

117 142

fluid

118 143

selection

119 144

options={MECHS}

120 145

value={mechType}

121 146

disabled={true}

122 147

/>

123 -

</Form.Field>

124 148

<Grid.Row width={16}>

125 149

<Button

126 150

primary

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