Skip to content
This repository was archived by the owner on Apr 30, 2018. It is now read-only.

Commit c6cb5f5

Browse files
gheltonghelton
committed
html formattings
1 parent 93d5648 commit c6cb5f5

File tree

2 files changed

+43
-30
lines changed

2 files changed

+43
-30
lines changed

‎demo/index.html

Lines changed: 20 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -4,26 +4,31 @@
44
<title>Formly for Angular</title>
55

66
<!-- build:css css/style.css -->
7-
<link rel="stylesheet" type="text/css" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
8-
<link rel="stylesheet" type="text/css" href="bower_components/highlightjs/styles/default.css">
9-
<link rel="stylesheet" type="text/css" href="main.css">
7+
<link rel="stylesheet"
8+
href="bower_components/bootstrap/dist/css/bootstrap.min.css">
9+
<link rel="stylesheet"
10+
href="bower_components/highlightjs/styles/default.css">
11+
<link rel="stylesheet"
12+
href="main.css">
1013
<!-- endbuild -->
1114
</head>
1215
<body ng-app="app">
1316
<div class="loading"
14-
ng-show="isViewLoading">
15-
<div class="content">
17+
ng-show="isViewLoading">
18+
<div class="content">
1619
Loading...
1720
</div>
1821
</div>
1922

2023
<div ui-view
21-
class="view">
24+
class="view">
2225
</div>
2326

2427
<div class="footer">
2528
<div class="container">
26-
<a href="https://github.com/formly-js/angular-formly">See the project on GitHub</a>
29+
<a href="https://github.com/formly-js/angular-formly">
30+
See the project on GitHub
31+
</a>
2732
</div>
2833
</div>
2934

@@ -38,13 +43,13 @@
3843
<script src="dist/formly.js"></script>
3944
<script src="bower_components/angular-formly-templates-bootstrap/dist/angular-formly-templates-bootstrap.min.js"></script>
4045

41-
<script>
42-
// make errors longer...
43-
window.onerror = function (errorMsg, url, lineNumber, columnNumber, errorObject) {
44-
if (/<omitted>/.test(errorMsg)) {
45-
console.error('Error: ' + errorObject ? errorObject.message : errorMsg);
46-
}
47-
};
48-
</script>
46+
<script>
47+
// make errors longer...
48+
window.onerror = function (errorMsg, url, lineNumber, columnNumber, errorObject) {
49+
if (/<omitted>/.test(errorMsg)) {
50+
console.error('Error: ' + errorObject ? errorObject.message : errorMsg);
51+
}
52+
};
53+
</script>
4954
</body>
5055
</html>

‎demo/views/home.html

Lines changed: 23 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,10 @@
22
<div class="container">
33
<h1>Formly for Angular</h1>
44
<p>JSON powered forms <br>
5-
<a href="https://github.com/formly-js/angular-formly">https://github.com/formly-js/angular-formly</a></p>
5+
<a href="https://github.com/formly-js/angular-formly">
6+
https://github.com/formly-js/angular-formly
7+
</a>
8+
</p>
69
</div>
710
</div>
811
<div class="container-fluid">
@@ -29,7 +32,7 @@ <h1>Formly for Angular</h1>
2932

3033
<h3>Fields</h3>
3134
<div class="form-group"
32-
ng-class="{'has-error': formFieldsError}"
35+
ng-class="{'has-error': formFieldsError}"
3336
ng-show="editJSON">
3437
<textarea class="form-control"
3538
ng-model="formFieldsStr"
@@ -50,28 +53,33 @@ <h3>Form</h3>
5053
fields="formFields"
5154
options="formOptions"
5255
ng-submit="onSubmit()">
53-
<button type="submit" class="btn btn-primary">Submit it!</button>
56+
<button type="submit"
57+
class="btn btn-primary also">
58+
Submit it! (Transcluded)
59+
</button>
5460
</formly-form>
5561
<br />
5662
<br />
5763
<formly-form name="hiddenFormlyForm"
58-
result="hiddenFormData"
59-
fields="hiddenFormFields"
60-
options="hiddenFormOptions">
64+
result="hiddenFormData"
65+
fields="hiddenFormFields"
66+
options="hiddenFormOptions">
6167
</formly-form>
6268
</div>
6369
<div class="col-sm-4 col-md-4 col-lg-4">
6470

6571
<h3>Submitted Data</h3>
66-
<div ng-hide="editJSON" hljs source="formData|json"></div>
67-
<div class="form-group"
68-
ng-class="{'has-error': formFieldsError}"
69-
ng-show="editJSON">
70-
<textarea class="form-control"
71-
ng-model="formDataStr"
72-
rows="15">
73-
</textarea>
74-
</div>
72+
<div ng-hide="editJSON"
73+
hljs
74+
source="formData|json"></div>
75+
<div class="form-group"
76+
ng-class="{'has-error': formFieldsError}"
77+
ng-show="editJSON">
78+
<textarea class="form-control"
79+
ng-model="formDataStr"
80+
rows="15">
81+
</textarea>
82+
</div>
7583

7684
<h3>Form State</h3>
7785
<table class="table table-condensed">

0 commit comments

Comments
 (0)