Skip to content

Commit 5eb5f88

Browse files
tilwinjoytilwinjoy
committed
moving form controls to its own demo folder and updating docs
1 parent f276e3c commit 5eb5f88

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

49 files changed

+1056
-715
lines changed

‎demos/alert/demo.css‎

Whitespace-only changes.

‎demos/alert/demo.details‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
Everything before the line containing only '---' will not be parsed
2+
3+
---
4+
name: Angular Bootstrap Material - Alert
5+
description: Example for creating Alert component with Angular Bootstrap Material
6+
authors:
7+
- Tilwin joy
8+
resources:
9+
- https://fonts.googleapis.com/css?family=Open+Sans:400,700
10+
- https://fonts.googleapis.com/css?family=Roboto:300,400,500,700
11+
- https://fonts.googleapis.com/icon?family=Material+Icons
12+
- https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css
13+
- https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.5.9/css/bootstrap-material-design.min.css
14+
- https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.5.9/css/ripples.min.css
15+
- https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.3/angular.js
16+
- https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.3/angular-messages.min.js
17+
- https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/1.3.2/ui-bootstrap.min.js
18+
- https://rawgit.com/tilwinjoy/angular-bootstrap-material/master/dist/angular-bootstrap-material.min.js
19+
- ../index.js
20+
normalize_css: no
21+
...
22+
23+
Everything after the line containing only '...' will not be parsed

‎demos/alert/demo.html‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
<div ng-controller="AlertDemoCtrl">
2+
<script type="text/ng-template" id="alert.html">
3+
<div class="alert alert-success" role="alert">
4+
<div ng-transclude></div>
5+
</div>
6+
</script>
7+
<uib-alert ng-repeat="alert in alerts" type="{{alert.type}}" close="closeAlert($index)">{{alert.msg}}</uib-alert>
8+
<uib-alert template-url="alert.html">A happy alert!</uib-alert>
9+
<div class="form-group col-xs-3">
10+
<label>Alert type:</label>
11+
<select class="form-control" ng-model="alertType">
12+
<option>success</option>
13+
<option>info</option>
14+
<option>warning</option>
15+
<option>danger</option>
16+
</select>
17+
</div>
18+
<div class="form-group col-xs-3">
19+
<button type="button" class='btn btn-default' ng-click="addAlert()">Add Alert</button>
20+
</div>
21+
</div>

‎demos/alert/demo.js‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
angular.module('angularBootstrapMaterialDocs').controller('AlertDemoCtrl', function ($scope) {
2+
$scope.alertType = 'success';
3+
$scope.alerts = [
4+
{
5+
type: 'danger',
6+
msg: 'Oh snap! Change a few things up and try submitting again.'
7+
},
8+
{
9+
type: 'info',
10+
msg: 'Well done! You successfully read this alert message.'
11+
}
12+
];
13+
14+
$scope.addAlert = function () {
15+
$scope.alerts.push({
16+
type: $scope.alertType,
17+
msg: 'Another alert!'
18+
});
19+
};
20+
21+
$scope.closeAlert = function (index) {
22+
$scope.alerts.splice(index, 1);
23+
};
24+
});

‎demos/checkbox/demo.details‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
Everything before the line containing only '---' will not be parsed
2+
3+
---
4+
name: Angular Bootstrap Material - Checkbox
5+
description: Example for creating Checkbox component with Angular Bootstrap Material
6+
authors:
7+
- Tilwin joy
8+
resources:
9+
- https://fonts.googleapis.com/css?family=Open+Sans:400,700
10+
- https://fonts.googleapis.com/css?family=Roboto:300,400,500,700
11+
- https://fonts.googleapis.com/icon?family=Material+Icons
12+
- https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css
13+
- https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.5.9/css/bootstrap-material-design.min.css
14+
- https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.5.9/css/ripples.min.css
15+
- https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.3/angular.js
16+
- https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.3/angular-messages.min.js
17+
- https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/1.3.2/ui-bootstrap.min.js
18+
- https://rawgit.com/tilwinjoy/angular-bootstrap-material/master/dist/angular-bootstrap-material.min.js
19+
- ../index.js
20+
normalize_css: no
21+
...
22+
23+
Everything after the line containing only '...' will not be parsed

‎demos/checkbox/demo.html‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<form action="">
2+
<abm-form-group>
3+
<label>Checkbox group - Inside <code>.form-group</code></label>
4+
<div class="checkbox" abm-checkbox label="Item1">
5+
<input type="checkbox" ng-model="checkbox.item1">
6+
</div>
7+
<div class="checkbox" abm-checkbox label="Item2">
8+
<input type="checkbox" ng-model="checkbox.item2">
9+
</div>
10+
</abm-form-group>
11+
<label>Checkbox group - Outside <code>.form-group</code></label>
12+
<div class="checkbox" abm-checkbox label="Item3">
13+
<input type="checkbox" ng-model="checkbox.item3">
14+
</div>
15+
<div class="checkbox" abm-checkbox label="Item4">
16+
<input type="checkbox" ng-model="checkbox.item4">
17+
</div>
18+
</form>

‎demos/dropdown/demo.css‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
#dropdown-scrollable-container {
2+
height: 15em;
3+
overflow: auto;
4+
}

‎demos/dropdown/demo.details‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
Everything before the line containing only '---' will not be parsed
2+
3+
---
4+
name: Angular Bootstrap Material - Dropdown
5+
description: Example for creating Dropdown component with Angular Bootstrap Material
6+
authors:
7+
- Tilwin joy
8+
resources:
9+
- https://fonts.googleapis.com/css?family=Open+Sans:400,700
10+
- https://fonts.googleapis.com/css?family=Roboto:300,400,500,700
11+
- https://fonts.googleapis.com/icon?family=Material+Icons
12+
- https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css
13+
- https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.5.9/css/bootstrap-material-design.min.css
14+
- https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.5.9/css/ripples.min.css
15+
- https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.3/angular.js
16+
- https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.3/angular-messages.min.js
17+
- https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/1.3.2/ui-bootstrap.min.js
18+
- https://rawgit.com/tilwinjoy/angular-bootstrap-material/master/dist/angular-bootstrap-material.min.js
19+
normalize_css: no
20+
...
21+
22+
Everything after the line containing only '...' will not be parsed

‎demos/dropdown/demo.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -88,7 +88,7 @@
8888
<hr>
8989
<!-- AppendTo use case -->
9090
<h4>append-to vs. append-to-body vs. inline example</h4>
91-
<div id="dropdown-scrollable-container" style="height: 15em; overflow: auto;">
91+
<div id="dropdown-scrollable-container">
9292
<div id="dropdown-long-content">
9393
<div id="dropdown-hidden-container">
9494
<div class="btn-group" uib-dropdown keyboard-nav dropdown-append-to="appendToEl">

‎demos/dropdown/demo.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
angular.module('ui.bootstrap.demo').controller('DropdownCtrl', function ($scope, $log) {
1+
angular.module('angularBootstrapMaterialDocs').controller('DropdownCtrl', function ($scope, $log) {
22
$scope.items = [
33
'The first choice!',
44
'And another choice for you.',

0 commit comments

Comments
 (0)