Skip to content

Commit 8affbd2

Browse files
CITguyCITguy
authored
Merge pull request #466 from rackerlabs/dev-bfc--revertish-docs-update
[^459] docs(*): semi-revert demo config form refactor
2 parents 5ec921c + 366aa6a commit 8affbd2

File tree

20 files changed

+65
-118
lines changed

20 files changed

+65
-118
lines changed

‎docs/components/alerts/index.html‎

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -17,14 +17,13 @@ <h2 id="basic-alert">Basic Alert</h2>
1717
<div class="example" id="vue-alertDemo" v-cloak>
1818
<header>
1919
<form class="beta-hxForm">
20-
<div class="hxSelect">
20+
<div>
21+
<label for="selType" class="beta-hxFieldName">Type</label>
2122
<select id="selType" v-model="type">
2223
<option v-for="_type in types" :value="_type">
2324
{% raw %}{{ _type.label }}{% endraw %}
2425
</option>
2526
</select>
26-
<hx-select></hx-select>
27-
<label for="selType" class="beta-hxFieldName">Type</label>
2827
</div>
2928
<p>
3029
<label for="txtStatus" class="beta-hxFieldName">Status</label>
@@ -40,9 +39,8 @@ <h2 id="basic-alert">Basic Alert</h2>
4039
</p>
4140
<fieldset>
4241
<legend class="beta-hxFieldName">Options</legend>
43-
<div class="hxCheckbox">
42+
<div>
4443
<input id="chkIsPersistent" type="checkbox" v-model="isPersistent">
45-
<hx-checkbox for="chkIsPersistent"></hx-checkbox>
4644
<label for="chkIsPersistent">Persist</label>
4745
</div>
4846
</fieldset>

‎docs/components/box/index.html‎

Lines changed: 4 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -52,16 +52,15 @@ <h2 id="spacing">Spacing</h2>
5252
<div class="example" id="vue-boxDemo" v-cloak>
5353
<header>
5454
<form class="beta-hxForm">
55-
<div class="hxSelect">
55+
<div>
56+
<label for="selSpacing" class="beta-hxFieldName">Spacing</label>
5657
<select id="selSpacing" v-model="spacing">
5758
<option
5859
v-for="_spacing in spacings"
5960
v-text="_spacing.label"
6061
:value="_spacing"
6162
></option>
6263
</select>
63-
<hx-select></hx-select>
64-
<label for="selSpacing" class="beta-hxFieldName">Spacing</label>
6564
</div>
6665
</form>
6766
</header>
@@ -169,23 +168,21 @@ <h2 id="scrolling-containers">Scrolling Containers</h2>
169168
<form class="beta-hxForm">
170169
<fieldset>
171170
<legend class="beta-hxFieldName">Scroll Direction</legend>
172-
<div v-for="(_direction, idx) in directions" class="hxRadio">
171+
<div v-for="(_direction, idx) in directions">
173172
<input
174173
:id="'radDirection' + idx"
175174
:value="_direction"
176175
name="direction"
177176
type="radio"
178177
v-model="direction"
179178
/>
180-
<hx-radio :for="'radDirection' + idx"></hx-radio>
181179
<label :for="'radDirection' + idx" v-text="_direction"></label>
182180
</div>
183181
</fieldset>
184182
<fieldset>
185183
<legend class="beta-hxFieldName">Options</legend>
186-
<div class="hxCheckbox">
184+
<div>
187185
<input id="chkLogEvents" type="checkbox" v-model="isListening" />
188-
<hx-checkbox for="chkLogEvents"></hx-checkbox>
189186
<label for="chkLogEvents">Log events to console</label>
190187
</div>
191188
</fieldset>

‎docs/components/buttons/index.html‎

Lines changed: 4 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -35,15 +35,14 @@ <h2 id="basic-button">Basic Button</h2>
3535
<form class="beta-hxForm">
3636
<fieldset>
3737
<legend class="beta-hxFieldName">Variant</legend>
38-
<div v-for="(_variant, idx) in variants" class="hxRadio">
38+
<div v-for="(_variant, idx) in variants">
3939
<input
4040
:id="'radBasicVariant' + idx"
4141
:value="_variant"
4242
name="variant"
4343
type="radio"
4444
v-model="variant"
4545
/>
46-
<hx-radio :for="'radBasicVariant' + idx"></hx-radio>
4746
<label :for="'radBasicVariant' + idx">
4847
<span v-text="_variant.label"></span>
4948
<em class="hxSubBody" v-if="_variant.default">(default)</em>
@@ -52,15 +51,14 @@ <h2 id="basic-button">Basic Button</h2>
5251
</fieldset>
5352
<fieldset>
5453
<legend class="beta-hxFieldName">Size</legend>
55-
<div v-for="(_size, idx) in sizes" class="hxRadio">
54+
<div v-for="(_size, idx) in sizes">
5655
<input
5756
:id="'radBasicSize' + idx"
5857
:value="_size"
5958
name="size"
6059
type="radio"
6160
v-model="size"
6261
/>
63-
<hx-radio :for="'radBasicSize' + idx"></hx-radio>
6462
<label :for="'radBasicSize' + idx">
6563
<span v-text="_size.label"></span>
6664
<em class="hxSubBody" v-if="_size.default">(default)</em>
@@ -131,15 +129,14 @@ <h2 id="button-group">Button Group</h2>
131129
<form class="beta-hxForm">
132130
<fieldset>
133131
<legend class="beta-hxFieldName">Variant</legend>
134-
<div v-for="(_variant, idx) in variants" class="hxRadio">
132+
<div v-for="(_variant, idx) in variants">
135133
<input
136134
:id="'radGroupVariant' + idx"
137135
:value="_variant"
138136
name="variant"
139137
type="radio"
140138
v-model="variant"
141139
/>
142-
<hx-radio :for="'radGroupVariant' + idx"></hx-radio>
143140
<label :for="'radGroupVariant' + idx">
144141
<span v-text="_variant.label"></span>
145142
<em class="hxSubBody" v-if="_variant.default">(default)</em>
@@ -148,15 +145,14 @@ <h2 id="button-group">Button Group</h2>
148145
</fieldset>
149146
<fieldset>
150147
<legend class="beta-hxFieldName">Size</legend>
151-
<div v-for="(_size, idx) in sizes" class="hxRadio">
148+
<div v-for="(_size, idx) in sizes">
152149
<input
153150
:id="'radGroupSize' + idx"
154151
:value="_size"
155152
name="size"
156153
type="radio"
157154
v-model="size"
158155
/>
159-
<hx-radio :for="'radGroupSize' + idx"></hx-radio>
160156
<label :for="'radGroupSize' + idx">
161157
<span v-text="_size.label"></span>
162158
<em class="hxSubBody" v-if="_size.default">(default)</em>

‎docs/components/checkboxes/index.html‎

Lines changed: 4 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -14,24 +14,20 @@ <h2 id="basic-checkbox">Basic Checkbox</h2>
1414
<form class="beta-hxForm">
1515
<fieldset>
1616
<legend class="beta-hxFieldName">Options</legend>
17-
<div class="hxCheckbox">
17+
<div>
1818
<input id="chkIsChecked" type="checkbox" v-model="isChecked" />
19-
<hx-checkbox for="chkIsChecked"></hx-checkbox>
2019
<label for="chkIsChecked">Checked</label>
2120
</div>
22-
<div class="hxCheckbox">
21+
<div>
2322
<input id="chkIsDisabled" type="checkbox" v-model="isDisabled" />
24-
<hx-checkbox for="chkIsDisabled"></hx-checkbox>
2523
<label for="chkIsDisabled">Disabled</label>
2624
</div>
27-
<div class="hxCheckbox">
25+
<div>
2826
<input id="chkIsIndeterminate" type="checkbox" v-model="isIndeterminate" />
29-
<hx-checkbox for="chkIsIndeterminate"></hx-checkbox>
3027
<label for="chkIsIndeterminate">Indeterminate</label>
3128
</div>
32-
<div class="hxCheckbox">
29+
<div>
3330
<input id="chkIsInvalid" type="checkbox" v-model="isInvalid" />
34-
<hx-checkbox for="chkIsInvalid"></hx-checkbox>
3531
<label for="chkIsInvalid">Invalid</label>
3632
</div>
3733
</fieldset>

‎docs/components/choice-tiles/index.html‎

Lines changed: 6 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -12,14 +12,13 @@ <h2 id="basic-choice-tile">Basic Choice Tile</h2>
1212
<div class="example" id="vue-choiceDemo" v-cloak>
1313
<header>
1414
<form class="beta-hxForm">
15-
<div class="hxSelect">
15+
<div>
16+
<label for="selSize" class="beta-hxFieldName">Size</label>
1617
<select id="selSize" v-model="size">
1718
<option v-for="_size in sizes" :value="_size">
1819
{% raw %}{{ _size.label }}{% endraw %}
1920
</option>
2021
</select>
21-
<hx-select></hx-select>
22-
<label for="selSize" class="beta-hxFieldName">Size</label>
2322
</div>
2423
<p>
2524
<label for="txtTitle" class="beta-hxFieldName">Title</label>
@@ -31,24 +30,20 @@ <h2 id="basic-choice-tile">Basic Choice Tile</h2>
3130
</p>
3231
<fieldset>
3332
<legend class="beta-hxFieldName">Options</legend>
34-
<div class="hxCheckbox">
33+
<div>
3534
<input id="chkIsChecked" type="checkbox" v-model="isChecked" />
36-
<hx-checkbox for="chkIsChecked"></hx-checkbox>
3735
<label for="chkIsChecked">Checked</label>
3836
</div>
39-
<div class="hxCheckbox">
37+
<div>
4038
<input id="chkIsDisabled" type="checkbox" v-model="isDisabled" />
41-
<hx-checkbox for="chkIsDisabled"></hx-checkbox>
4239
<label for="chkIsDisabled">Disabled</label>
4340
</div>
44-
<div class="hxCheckbox">
41+
<div>
4542
<input id="chkIsInvalid" type="checkbox" v-model="isInvalid" />
46-
<hx-checkbox for="chkIsInvalid"></hx-checkbox>
4743
<label for="chkIsInvalid">Invalid</label>
4844
</div>
49-
<div class="hxCheckbox">
45+
<div>
5046
<input id="chkIsSubdued" type="checkbox" v-model="isSubdued" />
51-
<hx-checkbox for="chkIsSubdued"></hx-checkbox>
5247
<label for="chkIsSubdued">Subdued</label>
5348
</div>
5449
</fieldset>

‎docs/components/dropdown-select/index.html‎

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -18,14 +18,12 @@ <h2 id="basic-select">Basic Select</h2>
1818
<form class="beta-hxForm">
1919
<fieldset>
2020
<legend class="beta-hxFieldName">Options</legend>
21-
<div class="hxCheckbox">
21+
<div>
2222
<input id="chkRequired" type="checkbox" v-model="isRequired" />
23-
<hx-checkbox for="chkRequired"></hx-checkbox>
2423
<label for="chkRequired">Required</label>
2524
</div>
26-
<div class="hxCheckbox">
25+
<div>
2726
<input id="chkDisabled" type="checkbox" v-model="isDisabled" />
28-
<hx-checkbox for="chkDisabled"></hx-checkbox>
2927
<label for="chkDisabled">Disabled</label>
3028
</div>
3129
</fieldset>

‎docs/components/files/index.html‎

Lines changed: 11 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -68,15 +68,14 @@ <h2 id="file-selector">File Selector</h2>
6868
<form class="beta-hxForm">
6969
<fieldset>
7070
<legend class="beta-hxFieldName">Variant</legend>
71-
<div v-for="(_variant, idx) in variants" class="hxRadio">
71+
<div v-for="(_variant, idx) in variants">
7272
<input
7373
:id="'radSelectorVariant' + idx"
7474
:value="_variant"
7575
name="variant"
7676
type="radio"
7777
v-model="variant"
7878
/>
79-
<hx-radio :for="'radSelectorVariant' + idx"></hx-radio>
8079
<label :for="'radSelectorVariant' + idx">
8180
<span v-text="_variant.label"></span>
8281
<em class="hxSubBody" v-if="_variant.default">(default)</em>
@@ -85,30 +84,28 @@ <h2 id="file-selector">File Selector</h2>
8584
</fieldset>
8685
<fieldset>
8786
<legend class="beta-hxFieldName">Icon</legend>
88-
<div v-for="(_icon, idx) in icons" class="hxRadio">
87+
<div v-for="(_icon, idx) in icons">
8988
<input
9089
:id="'radSelectorIcon' + idx"
9190
:value="_icon"
9291
name="icon"
9392
type="radio"
9493
v-model="icon"
9594
/>
96-
<hx-radio :for="'radSelectorIcon' + idx"></hx-radio>
9795
<label
9896
:for="'radSelectorIcon' + idx"
9997
v-text="_icon"
10098
></label>
10199
</div>
102100
</fieldset>
103101
<p>
104-
<label for="inputLabel" class="beta-hxFieldName">Label</label>
105-
<input id="inputLabel" class="hxTextCtrl" v-model="label" />
102+
<label for="txtLabel" class="beta-hxFieldName">Label</label>
103+
<input id="txtLabel" class="hxTextCtrl" v-model="label" />
106104
</p>
107105
<fieldset>
108106
<legend class="beta-hxFieldName">Options</legend>
109-
<div class="hxCheckbox">
107+
<div>
110108
<input id="chkIsMultiple" type="checkbox" v-model="isMultiple">
111-
<hx-checkbox for="chkIsMultiple"></hx-checkbox>
112109
<label for="chkIsMultiple">Multiple</label>
113110
</div>
114111
</fieldset>
@@ -136,29 +133,25 @@ <h2 id="file-tile">File Tile</h2>
136133
<form class="beta-hxForm">
137134
<fieldset>
138135
<legend class="beta-hxFieldName">States</legend>
139-
<div class="hxRadio">
136+
<div>
140137
<input id="radTileDownloadable" type="radio" value="downloadable" name="file-state" v-model="state" />
141-
<hx-radio for="radTileDownloadable"></hx-radio>
142138
<label for="radTileDownloadable">Downloadable</label>
143139
</div>
144-
<div class="hxRadio">
140+
<div>
145141
<input id="radTileLoading" type="radio" value="loading" name="file-state" v-model="state" />
146-
<hx-radio for="radTileLoading"></hx-radio>
147142
<label for="radTileLoading">Loading</label>
148143
</div>
149-
<div class="hxRadio">
144+
<div>
150145
<input id="radTileInvalid" type="radio" value="invalid" name="file-state" v-model="state" />
151-
<hx-radio for="radTileInvalid"></hx-radio>
152146
<label for="radTileInvalid">Invalid</label>
153147
</div>
154148
</fieldset>
155-
<div class="hxSelect">
149+
<div>
150+
<label for="selIcon" class="beta-hxFieldName">Icon</label>
156151
<select id="selIcon" v-model="icon">
157152
<option v-for="_icon in icons" :value="_icon" v-text="_icon">
158153
</option>
159154
</select>
160-
<hx-select></hx-select>
161-
<label for="selIcon" class="beta-hxFieldName">Icon</label>
162155
</div>
163156
<p>
164157
<label for="txtName" class="beta-hxFieldName">Name</label>
@@ -175,9 +168,8 @@ <h2 id="file-tile">File Tile</h2>
175168
</p>
176169
<fieldset>
177170
<legend class="beta-hxFieldName">Options</legend>
178-
<div class="hxCheckbox">
171+
<div>
179172
<input id="chkTileReadOnly" type="checkbox" v-model="readonly" />
180-
<hx-checkbox for="chkTileReadOnly"></hx-checkbox>
181173
<label for="chkTileReadOnly">Readonly</label>
182174
</div>
183175
</fieldset>

‎docs/components/icons/index.html‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -34,13 +34,12 @@ <h2 id="file-icons">File Icon</h2>
3434
<div class="example" id="vue-fileIconDemo" v-cloak>
3535
<header>
3636
<form class="beta-hxForm">
37-
<div class="hxSelect">
37+
<div>
38+
<label for="selType" class="beta-hxFieldName">Type</label>
3839
<select id="selType" v-model="type">
3940
<option v-for="_type in types" :value="_type" v-text="_type">
4041
</option>
4142
</select>
42-
<hx-select></hx-select>
43-
<label for="selType" class="beta-hxFieldName">Type</label>
4443
</div>
4544
<p>
4645
<label for="txtExt" class="beta-hxFieldName">File Extension</label>

‎docs/components/lists/index.html‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,9 +12,8 @@ <h2 id="description-list">Description List</h2>
1212
<form class="beta-hxForm">
1313
<fieldset>
1414
<legend class="beta-hxFieldName">Options</legend>
15-
<div class="hxCheckbox">
15+
<div>
1616
<input id="chkIsVertical" type="checkbox" v-model="isVertical" />
17-
<hx-checkbox for="chkIsVertical"></hx-checkbox>
1817
<label for="chkIsVertical">Vertical Layout</label>
1918
</div>
2019
</fieldset>

‎docs/components/loaders/index.html‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -15,9 +15,8 @@ <h2 id="busy">Busy</h2>
1515
<form class="beta-hxForm">
1616
<fieldset>
1717
<legend class="beta-hxFieldName">Options</legend>
18-
<div class="hxCheckbox">
18+
<div>
1919
<input id="chkIsPaused" type="checkbox" v-model="isPaused" />
20-
<hx-checkbox for="chkIsPaused"></hx-checkbox>
2120
<label for="chkIsPaused">Paused</label>
2221
</div>
2322
</fieldset>

0 commit comments

Comments
 (0)