Skip to content

Commit 1a31f93

Browse files
Davidtiger92Davidtiger92
committed
Forms - types
1 parent ff3ec5f commit 1a31f93

5 files changed

Lines changed: 201 additions & 0 deletions

File tree

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

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
<div class="card card-block sameheight-item">
2+
<div class="panel-title-block" style="margin-bottom: 20px;">
3+
<h3 class="title">
4+
Boxed Inputs Validation
5+
</h3>
6+
</div>
7+
<div class="panel-body">
8+
<form role="form">
9+
<div class="form-group has-success">
10+
<label class="control-label" for="inputSuccess1">Input with success</label>
11+
<input type="text" class="form-control boxed" id="inputSuccess1">
12+
<span class="has-success">Success message.</span>
13+
</div>
14+
<div class="form-group has-warning">
15+
<label class="control-label" for="inputWarning1">Input with warning</label>
16+
<input type="text" class="form-control boxed" id="inputWarning1">
17+
<span class="has-warning">Warning message.</span>
18+
</div>
19+
<div class="form-group has-error">
20+
<label class="control-label" for="inputError1">Input with error</label>
21+
<input type="text" class="form-control boxed" id="inputError1">
22+
<span class="has-error">Error message.</span>
23+
</div>
24+
<div class="form-group has-success has-feedback">
25+
<label class="control-label" for="inputSuccess2">Input with success icon</label>
26+
<input type="text" class="form-control boxed" id="inputSuccess2">
27+
<span class="fa fa-check form-control-feedback"></span>
28+
</div>
29+
<div class="form-group has-warning has-feedback">
30+
<label class="control-label" for="inputWarning2">Input with warning icon</label>
31+
<input type="text" class="form-control boxed" id="inputWarning2">
32+
<span class="fa fa-exclamation form-control-feedback"></span>
33+
</div>
34+
<div class="form-group has-error has-feedback">
35+
<label class="control-label" for="inputError2">Input with error icon</label>
36+
<input type="text" class="form-control boxed" id="inputError2">
37+
<span class="fa fa-times form-control-feedback"></span>
38+
</div>
39+
</form>
40+
</div>
41+
</div>

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

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
<div class="card card-block sameheight-item">
2+
<div class="panel-title-block" style="margin-bottom: 20px;">
3+
<h3 class="title">
4+
Default Bootstrap Inputs Validation
5+
</h3>
6+
</div>
7+
<div class="panel-body">
8+
<form role="form">
9+
<div class="form-group has-success">
10+
<label class="control-label" for="inputSuccess1">Input with success</label>
11+
<input type="text" class="form-control" id="inputSuccess1">
12+
<span class="has-success">Success message.</span>
13+
</div>
14+
<div class="form-group has-warning">
15+
<label class="control-label" for="inputWarning1">Input with warning</label>
16+
<input type="text" class="form-control" id="inputWarning1">
17+
<span class="has-warning">Warning message.</span>
18+
</div>
19+
<div class="form-group has-error">
20+
<label class="control-label" for="inputError1">Input with error</label>
21+
<input type="text" class="form-control" id="inputError1">
22+
<span class="has-error">Error message.</span>
23+
</div>
24+
<div class="form-group has-success has-feedback">
25+
<label class="control-label" for="inputSuccess2">Input with success icon</label>
26+
<input type="text" class="form-control" id="inputSuccess2">
27+
<span class="fa fa-check form-control-feedback"></span>
28+
</div>
29+
<div class="form-group has-warning has-feedback">
30+
<label class="control-label" for="inputWarning2">Input with warning icon</label>
31+
<input type="text" class="form-control" id="inputWarning2">
32+
<span class="fa fa-exclamation form-control-feedback"></span>
33+
</div>
34+
<div class="form-group has-error has-feedback">
35+
<label class="control-label" for="inputError2">Input with error icon</label>
36+
<input type="text" class="form-control" id="inputError2">
37+
<span class="fa fa-times form-control-feedback"></span>
38+
</div>
39+
</form>
40+
</div>
41+
</div>

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

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
<div class="card card-block sameheight-item">
2+
<div class="panel-title-block" style="margin-bottom: 20px;">
3+
<h3 class="title">
4+
Default Bootstrap Inputs
5+
</h3>
6+
</div>
7+
<div class="panel-body">
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>
38+
</div>
39+
</div>

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

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
<div class="card card-block sameheight-item">
2+
<div class="panel-title-block">
3+
<h3 class="title">
4+
Underlined Inputs Validation
5+
</h3>
6+
</div>
7+
<div class="panel-body">
8+
<form role="form">
9+
<div class="form-group has-success">
10+
<label class="control-label" for="inputSuccess1">Input with success</label>
11+
<input type="text" class="form-control underlined" id="inputSuccess1">
12+
<span class="has-success">Success message.</span>
13+
</div>
14+
<div class="form-group has-warning">
15+
<label class="control-label" for="inputWarning1">Input with warning</label>
16+
<input type="text" class="form-control underlined" id="inputWarning1">
17+
<span class="has-warning">Warning message.</span>
18+
</div>
19+
<div class="form-group has-error">
20+
<label class="control-label" for="inputError1">Input with error</label>
21+
<input type="text" class="form-control underlined" id="inputError1">
22+
<span class="has-error">Error message.</span>
23+
</div>
24+
<div class="form-group has-success has-feedback">
25+
<label class="control-label" for="inputSuccess2">Input with success icon</label>
26+
<input type="text" class="form-control underlined" id="inputSuccess2">
27+
<span class="fa fa-check form-control-feedback"></span>
28+
</div>
29+
<div class="form-group has-warning has-feedback">
30+
<label class="control-label" for="inputWarning2">Input with warning icon</label>
31+
<input type="text" class="form-control underlined" id="inputWarning2">
32+
<span class="fa fa-exclamation form-control-feedback"></span>
33+
</div>
34+
<div class="form-group has-error has-feedback">
35+
<label class="control-label" for="inputError2">Input with error icon</label>
36+
<input type="text" class="form-control underlined" id="inputError2">
37+
<span class="fa fa-times form-control-feedback"></span>
38+
</div>
39+
</form>
40+
</div>
41+
</div>

‎src/app/forms/underlined/underlined.hbs‎

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
<div class="card card-block sameheight-item">
2+
<div class="panel-title-block">
3+
<h3 class="title">
4+
Underlined Inputs
5+
</h3>
6+
</div>
7+
<div class="panel-body">
8+
<form>
9+
<div class="form-group">
10+
<label class="control-label">Input Text</label>
11+
<input type="text" class="form-control underlined">
12+
</div>
13+
<div class="form-group">
14+
<label class="control-label">Input Password</label>
15+
<input type="password" class="form-control underlined">
16+
</div>
17+
<div class="form-group">
18+
<label class="control-label">Placeholder Input</label>
19+
<input type="text" class="form-control underlined" 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 underlined" 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 underlined">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 underlined" 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 underlined"></textarea>
36+
</div>
37+
</form>
38+
</div>
39+
</div>

0 commit comments

Comments
 (0)