Skip to content

Commit 4433da4

Browse files
jmdobryjmdobry
committed
Updated example.
1 parent ff1919f commit 4433da4

File tree

2 files changed

+70
-42
lines changed

2 files changed

+70
-42
lines changed

‎examples/example.js‎

Lines changed: 42 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,46 @@
1-
(function () {
2-
angular.module('firebase-example', ['js-data'])
3-
.config(function (DSFirebaseAdapterProvider) {
4-
DSFirebaseAdapterProvider.defaults.basePath = 'https://js-data-firebase.firebaseio.com';
5-
})
6-
.run(function (DS, DSFirebaseAdapter) {
7-
// js-data-angular created a new store automatically and registered it as DS.
8-
// The firebase adapter was already registered, but we want to make it the default.
9-
DS.registerAdapter('firebase', DSFirebaseAdapter, { default: true });
10-
})
11-
.factory('User', function (DS) {
12-
return DS.defineResource('user');
13-
})
14-
.controller('firebaseCtrl', function ($scope, User) {
15-
var fCtrl = this;
1+
angular.module('firebase-example', ['js-data'])
2+
.config(function (DSFirebaseAdapterProvider) {
3+
var basePath = 'https://js-data-firebase.firebaseio.com';
4+
DSFirebaseAdapterProvider.defaults.basePath = basePath;
5+
})
6+
.run(function (DS, DSFirebaseAdapter) {
167

17-
User.findAll().then(function () {
18-
$scope.users = User.filter();
19-
});
8+
// js-data-angular created a new store
9+
// automatically and registered it as DS.
10+
// The firebase adapter was already registered,
11+
// but we want to make it the default.
12+
DS.registerAdapter(
13+
'firebase',
14+
DSFirebaseAdapter,
15+
{ default: true }
16+
);
17+
})
18+
.factory('User', function (DS) {
19+
return DS.defineResource('user');
20+
})
21+
.controller('firebaseCtrl', function ($scope, User) {
22+
var fCtrl = this;
23+
24+
// Pull the initial list of users
25+
// from Firebase
26+
User.findAll();
2027

21-
User.bindAll({}, $scope, 'users');
28+
// Update the list of users on the
29+
// scope whenever the collection
30+
// changes
31+
User.bindAll({}, $scope, 'users');
32+
33+
$scope.add = function (user) {
34+
// Create a new user in Firebase
35+
return User.create(user).then(function () {
36+
fCtrl.name = '';
37+
});
38+
};
2239

23-
$scope.add = function (user) {
24-
return User.create(user).then(function () {
25-
fCtrl.name = '';
26-
});
27-
};
40+
$scope.remove = function (user) {
41+
// Destroy a user from firebase
42+
return User.destroy(user.id);
43+
};
44+
});
2845

29-
$scope.remove = function (user) {
30-
return User.destroy(user.id);
31-
};
32-
});
33-
})();
46+
hljs.initHighlightingOnLoad();

‎examples/index.html‎

Lines changed: 28 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -4,13 +4,15 @@
44
<meta charset="UTF-8">
55
<title>js-data-firebase & Angular</title>
66
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
7+
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.4/styles/default.min.css">
78
<link href="./example.css" rel="stylesheet">
9+
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.4/highlight.min.js"></script>
810
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"></script>
911
<script src="https://cdn.firebase.com/js/client/2.1.2/firebase.js"></script>
10-
<script src="https://github.com/js-data/js-data/releases/download/1.4.0/js-data.min.js"></script>
12+
<script src="https://github.com/js-data/js-data/releases/download/1.5.2/js-data.min.js"></script>
1113
<script
1214
src="https://github.com/js-data/js-data-firebase/releases/download/1.0.1/js-data-firebase.min.js"></script>
13-
<script src="https://github.com/js-data/js-data-angular/releases/download/2.2.0/js-data-angular.min.js"></script>
15+
<script src="https://github.com/js-data/js-data-angular/releases/download/2.2.1/js-data-angular.min.js"></script>
1416
<script src="./example.js"></script>
1517
</head>
1618
<body data-ng-controller="firebaseCtrl as fCtrl">
@@ -41,7 +43,7 @@ <h3 class="panel-title">Users</h3>
4143
Delete
4244
</button>
4345
</div>
44-
{{ user.id }}: {{ user.name }}
46+
{{ user.name }}
4547
</div>
4648
<div class="list-group-item">
4749
<form id="user-form" name="user-form" data-ng-submit="add({ name: fCtrl.name })">
@@ -55,50 +57,63 @@ <h3 class="panel-title">Users</h3>
5557
</div>
5658
</div>
5759
<div>
58-
<pre><code>
60+
<pre><code class="javascript">
5961
angular.module('firebase-example', ['js-data'])
6062
.config(function (DSFirebaseAdapterProvider) {
61-
DSFirebaseAdapterProvider.defaults.basePath = 'https://js-data-firebase.firebaseio.com';
63+
var basePath = 'https://js-data-firebase.firebaseio.com';
64+
DSFirebaseAdapterProvider.defaults.basePath = basePath;
6265
})
6366
.run(function (DS, DSFirebaseAdapter) {
64-
// js-data-angular created a new store automatically and registered it as DS.
65-
// The firebase adapter was already registered, but we want to make it the default.
66-
DS.registerAdapter('firebase', DSFirebaseAdapter, { default: true });
67+
68+
// js-data-angular created a new store
69+
// automatically and registered it as DS.
70+
// The firebase adapter was already registered,
71+
// but we want to make it the default.
72+
DS.registerAdapter(
73+
'firebase',
74+
DSFirebaseAdapter,
75+
{ default: true }
76+
);
6777
})
6878
.factory('User', function (DS) {
6979
return DS.defineResource('user');
7080
})
7181
.controller('firebaseCtrl', function ($scope, User) {
7282
var fCtrl = this;
7383

74-
User.findAll().then(function () {
75-
$scope.users = User.filter();
76-
});
84+
// Pull the initial list of users
85+
// from Firebase
86+
User.findAll();
7787

88+
// Update the list of users on the
89+
// scope whenever the collection
90+
// changes
7891
User.bindAll({}, $scope, 'users');
7992

8093
$scope.add = function (user) {
94+
// Create a new user in Firebase
8195
return User.create(user).then(function () {
8296
fCtrl.name = '';
8397
});
8498
};
8599

86100
$scope.remove = function (user) {
101+
// Destroy a user from firebase
87102
return User.destroy(user.id);
88103
};
89104
});
90105
</code></pre>
91106
</div>
92107
<div>
93-
<pre><code data-ng-non-bindable>
108+
<pre><code data-ng-non-bindable class="html">
94109
&lt;div class="list-group"&gt;
95110
&lt;div class="list-group-item" data-ng-repeat="user in users track by user.id"&gt;
96111
&lt;div class="pull-right"&gt;
97112
&lt;button class="btn btn-xs btn-danger" data-ng-click="remove(user)"&gt;
98113
Delete
99114
&lt;/button&gt;
100115
&lt;/div&gt;
101-
{{ user.id }}: {{ user.name }}
116+
{{ user.name }}
102117
&lt;/div&gt;
103118
&lt;div class="list-group-item"&gt;
104119
&lt;form id="user-form" name="user-form" data-ng-submit="add({ name: fCtrl.name })"&gt;

0 commit comments

Comments
 (0)