Skip to content

Commit 63e9fdd

Browse files
modularcodermodularcoder
committed
Forms fixes and adjustments
1 parent ba4a40d commit 63e9fdd

19 files changed

Lines changed: 486 additions & 536 deletions

File tree

‎src/app/forms/basic-form/basic-form.hbs‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<div class="card card-block sameheight-item">
2-
<div class="card-title-block">
2+
<div class="title-block">
33
<h3 class="title">
44
Basic Forms
55
</h3>

‎src/app/forms/boxed-validation/boxed-validation.hbs‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<div class="card card-block sameheight-item">
2-
<div class="panel-title-block" style="margin-bottom: 20px;">
2+
<div class="title-block">
33
<h3 class="title">
44
Boxed Inputs Validation
55
</h3>

‎src/app/forms/boxed/boxed.hbs‎

Lines changed: 37 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -1,39 +1,39 @@
1-
<div class="card sameheight-item">
2-
<div class="card-block">
3-
<div class="title-block">
4-
<h3 class="title">
5-
Boxed Inputs
6-
</h3>
7-
</div>
8-
<form>
9-
<div class="form-group">
10-
<label class="control-label">Input Text</label>
11-
<input type="text" class="form-control boxed">
12-
</div>
13-
<div class="form-group">
14-
<label class="control-label">Input Password</label>
15-
<input type="password" class="form-control boxed">
16-
</div>
17-
<div class="form-group">
18-
<label class="control-label">Placeholder Input</label>
19-
<input type="text" class="form-control boxed" placeholder="Placeholder text">
20-
</div>
21-
<div class="form-group">
22-
<label class="control-label">Disabled Input</label>
23-
<input type="text" disabled="disabled" class="form-control boxed" placeholder="Disabled input text">
24-
</div>
25-
<div class="form-group">
26-
<label class="control-label">Static control</label>
27-
<p class="form-control-static boxed">email@example.com</p>
28-
</div>
29-
<div class="form-group">
30-
<label class="control-label">Readonly Input</label>
31-
<input type="text" readonly="readonly" class="form-control boxed" value="Readonly input text">
32-
</div>
33-
<div class="form-group">
34-
<label class="control-label">Textarea</label>
35-
<textarea rows="3" class="form-control boxed"></textarea>
36-
</div>
37-
</form>
1+
<div class="card card-block sameheight-item">
2+
3+
<div class="title-block">
4+
<h3 class="title">
5+
Boxed Inputs
6+
</h3>
387
</div>
8+
<form>
9+
<div class="form-group">
10+
<label class="control-label">Input Text</label>
11+
<input type="text" class="form-control boxed">
12+
</div>
13+
<div class="form-group">
14+
<label class="control-label">Input Password</label>
15+
<input type="password" class="form-control boxed">
16+
</div>
17+
<div class="form-group">
18+
<label class="control-label">Placeholder Input</label>
19+
<input type="text" class="form-control boxed" placeholder="Placeholder text">
20+
</div>
21+
<div class="form-group">
22+
<label class="control-label">Disabled Input</label>
23+
<input type="text" disabled="disabled" class="form-control boxed" placeholder="Disabled input text">
24+
</div>
25+
<div class="form-group">
26+
<label class="control-label">Static control</label>
27+
<p class="form-control-static boxed">email@example.com</p>
28+
</div>
29+
<div class="form-group">
30+
<label class="control-label">Readonly Input</label>
31+
<input type="text" readonly="readonly" class="form-control boxed" value="Readonly input text">
32+
</div>
33+
<div class="form-group">
34+
<label class="control-label">Textarea</label>
35+
<textarea rows="3" class="form-control boxed"></textarea>
36+
</div>
37+
</form>
38+
3939
</div>

‎src/app/forms/checboxes/checboxes.hbs‎

Lines changed: 62 additions & 64 deletions
Original file line numberDiff line numberDiff line change
@@ -1,68 +1,66 @@
1-
<div class="card">
2-
<div class="card-block">
3-
<div class="card-title-block">
4-
<h3 class="title">
5-
Checkboxe Types
6-
</h3>
7-
</div>
8-
<form role="form">
9-
<div class="form-group">
10-
<label class="control-label">Checkboxes</label>
11-
<div>
12-
<label>
13-
<input class="checkbox" type="checkbox">
14-
<span>Option one</span>
15-
</label>
16-
</div>
17-
<div>
18-
<label>
19-
<input class="checkbox" type="checkbox" checked="checked">
20-
<span>Option two checked</span>
21-
</label>
22-
</div>
23-
<div>
24-
<label>
25-
<input class="checkbox" type="checkbox" disabled="disabled" checked="checked">
26-
<span>Option three checked and disabled</span>
27-
</label>
28-
</div>
29-
<div>
30-
<label>
31-
<input class="checkbox" type="checkbox" disabled="disabled" >
32-
<span>Option four disabled</span>
33-
</label>
34-
</div>
1+
<div class="card card-block">
2+
<div class="title-block">
3+
<h3 class="title">
4+
Checkboxe Types
5+
</h3>
6+
</div>
7+
<form role="form">
8+
<div class="form-group">
9+
<label class="control-label">Checkboxes</label>
10+
<div>
11+
<label>
12+
<input class="checkbox" type="checkbox">
13+
<span>Option one</span>
14+
</label>
3515
</div>
36-
<div class="form-group">
37-
<label class="control-label">Inline Checkboxes</label>
38-
<div>
39-
<label>
40-
<input class="checkbox" type="checkbox">
41-
<span>a</span>
42-
</label>
43-
<label>
44-
<input class="checkbox" type="checkbox">
45-
<span>b</span>
46-
</label>
47-
<label>
48-
<input class="checkbox" type="checkbox">
49-
<span>c</span>
50-
</label>
51-
</div>
16+
<div>
17+
<label>
18+
<input class="checkbox" type="checkbox" checked="checked">
19+
<span>Option two checked</span>
20+
</label>
5221
</div>
53-
<div class="form-group">
54-
<label class="control-label">Rounded Checkboxes</label>
55-
<div>
56-
<label>
57-
<input class="checkbox rounded" checked="checked" type="checkbox">
58-
<span>Checked</span>
59-
</label>
60-
<label>
61-
<input class="checkbox rounded" type="checkbox">
62-
<span>Unchecked</span>
63-
</label>
64-
</div>
22+
<div>
23+
<label>
24+
<input class="checkbox" type="checkbox" disabled="disabled" checked="checked">
25+
<span>Option three checked and disabled</span>
26+
</label>
6527
</div>
66-
</form>
67-
</div>
28+
<div>
29+
<label>
30+
<input class="checkbox" type="checkbox" disabled="disabled" >
31+
<span>Option four disabled</span>
32+
</label>
33+
</div>
34+
</div>
35+
<div class="form-group">
36+
<label class="control-label">Inline Checkboxes</label>
37+
<div>
38+
<label>
39+
<input class="checkbox" type="checkbox">
40+
<span>a</span>
41+
</label>
42+
<label>
43+
<input class="checkbox" type="checkbox">
44+
<span>b</span>
45+
</label>
46+
<label>
47+
<input class="checkbox" type="checkbox">
48+
<span>c</span>
49+
</label>
50+
</div>
51+
</div>
52+
<div class="form-group">
53+
<label class="control-label">Rounded Checkboxes</label>
54+
<div>
55+
<label>
56+
<input class="checkbox rounded" checked="checked" type="checkbox">
57+
<span>Checked</span>
58+
</label>
59+
<label>
60+
<input class="checkbox rounded" type="checkbox">
61+
<span>Unchecked</span>
62+
</label>
63+
</div>
64+
</div>
65+
</form>
6866
</div>

‎src/app/forms/column-sizing/column-sizing.hbs‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<div class="card card-block sameheight-item">
2-
<div class="panel-title-block" style="margin-bottom: 20px;">
2+
<div class="title-block">
33
<h3 class="title">
44
Column sizing
55
</h3>

‎src/app/forms/control-sizing/control-sizing.hbs‎

Lines changed: 39 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -1,44 +1,42 @@
11
<div class="card card-block sameheight-item">
2-
<div class="panel-body">
3-
<div class="panel-title-block" style="margin-bottom: 20px;">
4-
<h3 class="title">
5-
Control Sizing
6-
</h3>
7-
</div>
8-
<form role="form">
9-
<div class="form-group">
10-
<input class="form-control form-control-lg" type="text" placeholder=".form-control-lg">
11-
</div>
12-
<div class="form-group">
13-
<input class="form-control" type="text" placeholder="Default input">
14-
</div>
15-
<div class="form-group">
16-
<input class="form-control form-control-sm" type="text" placeholder=".form-control-sm">
17-
</div>
18-
<div class="form-group">
19-
<select class="form-control form-control-lg">
20-
<option>Option one</option>
21-
<option>Option two</option>
22-
<option>Option three</option>
23-
<option>Option four</option>
24-
</select>
25-
</div>
26-
<div class="form-group">
27-
<select class="form-control">
28-
<option>Option one</option>
29-
<option>Option two</option>
30-
<option>Option three</option>
31-
<option>Option four</option>
32-
</select>
33-
</div>
34-
<div class="form-group">
35-
<select class="form-control form-control-sm">
36-
<option>Option one</option>
37-
<option>Option two</option>
38-
<option>Option three</option>
39-
<option>Option four</option>
40-
</select>
41-
</div>
42-
</form>
2+
<div class="title-block" >
3+
<h3 class="title">
4+
Control Sizing
5+
</h3>
436
</div>
7+
<form role="form">
8+
<div class="form-group">
9+
<input class="form-control form-control-lg" type="text" placeholder=".form-control-lg">
10+
</div>
11+
<div class="form-group">
12+
<input class="form-control" type="text" placeholder="Default input">
13+
</div>
14+
<div class="form-group">
15+
<input class="form-control form-control-sm" type="text" placeholder=".form-control-sm">
16+
</div>
17+
<div class="form-group">
18+
<select class="form-control form-control-lg">
19+
<option>Option one</option>
20+
<option>Option two</option>
21+
<option>Option three</option>
22+
<option>Option four</option>
23+
</select>
24+
</div>
25+
<div class="form-group">
26+
<select class="form-control">
27+
<option>Option one</option>
28+
<option>Option two</option>
29+
<option>Option three</option>
30+
<option>Option four</option>
31+
</select>
32+
</div>
33+
<div class="form-group">
34+
<select class="form-control form-control-sm">
35+
<option>Option one</option>
36+
<option>Option two</option>
37+
<option>Option three</option>
38+
<option>Option four</option>
39+
</select>
40+
</div>
41+
</form>
4442
</div>

‎src/app/forms/default-bootstrap-validation/default-bootstrap-validation.hbs‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<div class="card card-block sameheight-item">
2-
<div class="panel-title-block" style="margin-bottom: 20px;">
2+
<div class="title-block">
33
<h3 class="title">
44
Default Bootstrap Inputs Validation
55
</h3>

‎src/app/forms/default-bootstrap/default-bootstrap.hbs‎

Lines changed: 34 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -1,39 +1,37 @@
11
<div class="card card-block sameheight-item">
2-
<div class="panel-body">
3-
<div class="panel-title-block" style="margin-bottom: 20px;">
4-
<h3 class="title">
5-
Default Bootstrap Inputs
6-
</h3>
7-
</div>
8-
<form role="form">
9-
<fieldset class="form-group">
10-
<label class="control-label" for="formGroupExampleInput">Input Text</label>
11-
<input type="text" class="form-control" id="formGroupExampleInput">
12-
</fieldset>
13-
<fieldset class="form-group">
14-
<label class="control-label" for="formGroupExampleInput2">Input Password</label>
15-
<input type="password" class="form-control" id="formGroupExampleInput2">
16-
</fieldset>
17-
<fieldset class="form-group">
18-
<label class="control-label" for="formGroupExampleInput3">Placeholder input</label>
19-
<input type="text" class="form-control" id="formGroupExampleInput3" placeholder="Placeholder text">
20-
</fieldset>
21-
<fieldset class="form-group">
22-
<label class="control-label" for="formGroupExampleInput4">Disabled input</label>
23-
<input type="text" disabled="disabled" class="form-control" id="formGroupExampleInput4" placeholder="Disabled input text">
24-
</fieldset>
25-
<fieldset class="form-group">
26-
<label class="control-label" for="formGroupExampleInput5">Static control</label>
27-
<p class="form-control-static" id="formGroupExampleInput5">email@example.com</p>
28-
</fieldset>
29-
<fieldset class="form-group">
30-
<label class="control-label" for="formGroupExampleInput6">Readonly input</label>
31-
<input type="text" readonly="readonly" class="form-control" id="formGroupExampleInput6" value="Readonly input text">
32-
</fieldset>
33-
<fieldset class="form-group">
34-
<label class="control-label" for="formGroupExampleInput7">Textarea</label>
35-
<textarea rows="3" class="form-control"id="formGroupExampleInput7"></textarea>
36-
</fieldset>
37-
</form>
2+
<div class="title-block">
3+
<h3 class="title">
4+
Default Bootstrap Inputs
5+
</h3>
386
</div>
7+
<form role="form">
8+
<fieldset class="form-group">
9+
<label class="control-label" for="formGroupExampleInput">Input Text</label>
10+
<input type="text" class="form-control" id="formGroupExampleInput">
11+
</fieldset>
12+
<fieldset class="form-group">
13+
<label class="control-label" for="formGroupExampleInput2">Input Password</label>
14+
<input type="password" class="form-control" id="formGroupExampleInput2">
15+
</fieldset>
16+
<fieldset class="form-group">
17+
<label class="control-label" for="formGroupExampleInput3">Placeholder input</label>
18+
<input type="text" class="form-control" id="formGroupExampleInput3" placeholder="Placeholder text">
19+
</fieldset>
20+
<fieldset class="form-group">
21+
<label class="control-label" for="formGroupExampleInput4">Disabled input</label>
22+
<input type="text" disabled="disabled" class="form-control" id="formGroupExampleInput4" placeholder="Disabled input text">
23+
</fieldset>
24+
<fieldset class="form-group">
25+
<label class="control-label" for="formGroupExampleInput5">Static control</label>
26+
<p class="form-control-static" id="formGroupExampleInput5">email@example.com</p>
27+
</fieldset>
28+
<fieldset class="form-group">
29+
<label class="control-label" for="formGroupExampleInput6">Readonly input</label>
30+
<input type="text" readonly="readonly" class="form-control" id="formGroupExampleInput6" value="Readonly input text">
31+
</fieldset>
32+
<fieldset class="form-group">
33+
<label class="control-label" for="formGroupExampleInput7">Textarea</label>
34+
<textarea rows="3" class="form-control"id="formGroupExampleInput7"></textarea>
35+
</fieldset>
36+
</form>
3937
</div>

0 commit comments

Comments
 (0)