Skip to content

Commit 1c5c058

Browse files
Paul LeclercqPaul Leclercq
Paul Leclercq
authored and
Paul Leclercq
committed
examples with angular 1.3
1 parent e456762 commit 1c5c058

6 files changed

+49
-48
lines changed

‎examples/angularjs-add-countdown-seconds.html

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -3,19 +3,19 @@
33
<head>
44
<title>AngularJS Example - Single Timer Example</title>
55
<script src="../bower_components/angular/angular.min.js"></script>
6+
<script src="../bower_components/jquery/jquery.min.js"></script>
67
<script src="../bower_components/bootstrap/docs/assets/js/bootstrap.min.js"></script>
78
<script src="../bower_components/momentjs/min/moment.min.js"></script>
89
<script src="../bower_components/momentjs/min/locales.min.js"></script>
910
<script src="../bower_components/humanize-duration/humanize-duration.js"></script>
1011
<script src="../dist/angular-timer.js"></script>
1112
<script>
12-
angular.module('MyApp', ['timer']);
13-
function MyAppController($scope) {
14-
$scope.add5Seconds = function () {
15-
$scope.$broadcast('timer-add-cd-seconds', 5);
16-
}
17-
}
18-
MyAppController.$inject = ['$scope'];
13+
angular.module('MyApp', ['timer'])
14+
.controller('MyAppController', ['$scope', function ($scope) {
15+
$scope.add5Seconds = function () {
16+
$scope.$broadcast('timer-add-cd-seconds', 5);
17+
}
18+
}]);
1919
</script>
2020
</head>
2121
<body ng-app="MyApp">

‎examples/angularjs-multiple-timers.html

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -3,31 +3,31 @@
33
<head>
44
<title>AngularJS Example - Multiple Timers Example</title>
55
<script src="../bower_components/angular/angular.min.js"></script>
6+
<script src="../bower_components/jquery/jquery.min.js"></script>
67
<script src="../bower_components/bootstrap/docs/assets/js/bootstrap.min.js"></script>
78
<script src="../bower_components/momentjs/min/moment.min.js"></script>
89
<script src="../bower_components/momentjs/min/locales.min.js"></script>
910
<script src="../bower_components/humanize-duration/humanize-duration.js"></script>
1011
<script src="../dist/angular-timer.js"></script>
1112
<script>
12-
angular.module('MyApp', ['timer']);
13-
function MyAppController($scope) {
14-
$scope.timerRunning = true;
13+
angular.module('MyApp', ['timer'])
14+
.controller('MyAppController', ['$scope', function ($scope) {
15+
$scope.timerRunning = true;
1516

16-
$scope.startTimer = function (){
17-
$scope.$broadcast('timer-start');
18-
$scope.timerRunning = true;
19-
};
17+
$scope.startTimer = function (){
18+
$scope.$broadcast('timer-start');
19+
$scope.timerRunning = true;
20+
};
2021

21-
$scope.stopTimer = function (){
22-
$scope.$broadcast('timer-stop');
23-
$scope.timerRunning = false;
24-
};
22+
$scope.stopTimer = function (){
23+
$scope.$broadcast('timer-stop');
24+
$scope.timerRunning = false;
25+
};
2526

26-
$scope.$on('timer-stopped', function (event, args) {
27-
console.log('timer-stopped args = ', args);
28-
});
29-
}
30-
MyAppController.$inject = ['$scope'];
27+
$scope.$on('timer-stopped', function (event, args) {
28+
console.log('timer-stopped args = ', args);
29+
});
30+
}]);
3131
</script>
3232
</head>
3333
<body ng-app="MyApp">

‎examples/angularjs-polling-timer.html

Lines changed: 20 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -3,37 +3,36 @@
33
<head>
44
<title>AngularJS Example - Polling Timer Example</title>
55
<script src="../bower_components/angular/angular.min.js"></script>
6+
<script src="../bower_components/jquery/jquery.min.js"></script>
67
<script src="../bower_components/bootstrap/docs/assets/js/bootstrap.min.js"></script>
78
<script src="../bower_components/momentjs/min/moment.min.js"></script>
89
<script src="../bower_components/momentjs/min/locales.min.js"></script>
910
<script src="../bower_components/humanize-duration/humanize-duration.js"></script>
1011
<script src="../dist/angular-timer.js"></script>
1112
<script>
12-
angular.module('MyApp', ['timer']);
13-
function PollingController($scope, $timeout) {
14-
$scope.timerRunning = true;
15-
$scope.timerConsole = '';
13+
angular.module('MyApp', ['timer'])
14+
.controller('PollingController', ['$scope', '$timeout', function ($scope, $timeout) {
15+
$scope.timerRunning = true;
16+
$scope.timerConsole = '';
1617

17-
$scope.timerType = '';
18+
$scope.timerType = '';
1819

19-
$scope.startTimer = function (){
20-
$scope.$broadcast('timer-start');
21-
$scope.timerRunning = true;
22-
};
20+
$scope.startTimer = function (){
21+
$scope.$broadcast('timer-start');
22+
$scope.timerRunning = true;
23+
};
2324

24-
$scope.stopTimer = function (){
25-
$scope.$broadcast('timer-stop');
26-
$scope.timerRunning = false;
27-
};
25+
$scope.stopTimer = function (){
26+
$scope.$broadcast('timer-stop');
27+
$scope.timerRunning = false;
28+
};
2829

29-
$scope.$on('timer-tick', function (event, args) {
30-
$timeout(function (){
31-
$scope.timerConsole += $scope.timerType + ' - event.name = '+ event.name + ', timeoutId = ' + args.timeoutId + ', millis = ' + args.millis +'\n';
32-
});
33-
});
34-
}
35-
36-
PollingController.$inject = ['$scope', '$timeout'];
30+
$scope.$on('timer-tick', function (event, args) {
31+
$timeout(function (){
32+
$scope.timerConsole += $scope.timerType + ' - event.name = '+ event.name + ', timeoutId = ' + args.timeoutId + ', millis = ' + args.millis +'\n';
33+
});
34+
});
35+
}]);
3736
</script>
3837
</head>
3938
<body ng-app="MyApp">

‎examples/angularjs-single-timer.html

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,14 +3,15 @@
33
<head>
44
<title>AngularJS Example - Single Timer Example</title>
55
<script src="../bower_components/angular/angular.min.js"></script>
6+
<script src="../bower_components/jquery/jquery.min.js"></script>
67
<script src="../bower_components/bootstrap/docs/assets/js/bootstrap.min.js"></script>
78
<script src="../bower_components/momentjs/min/moment.min.js"></script>
89
<script src="../bower_components/momentjs/min/locales.min.js"></script>
910
<script src="../bower_components/humanize-duration/humanize-duration.js"></script>
1011
<script src="../dist/angular-timer.js"></script>
1112
<script>
12-
angular.module('MyApp', ['timer']);
13-
function MyAppController($scope) {
13+
angular.module('MyApp', ['timer'])
14+
.controller('MyAppController', ['$scope', function ($scope) {
1415
$scope.timerRunning = true;
1516

1617
$scope.startTimer = function (){
@@ -26,8 +27,7 @@
2627
$scope.$on('timer-stopped', function (event, data){
2728
console.log('Timer Stopped - data = ', data);
2829
});
29-
}
30-
MyAppController.$inject = ['$scope'];
30+
}]);
3131
</script>
3232
</head>
3333
<body ng-app="MyApp">

‎examples/plain-javascript.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
<head>
44
<title>Plain Javascript Timer Example</title>
55
<script src="../bower_components/angular/angular.min.js"></script>
6+
<script src="../bower_components/jquery/jquery.min.js"></script>
67
<script src="../bower_components/bootstrap/docs/assets/js/bootstrap.min.js"></script>
78
<script src="../bower_components/momentjs/min/moment.min.js"></script>
89
<script src="../bower_components/momentjs/min/locales.min.js"></script>

‎examples/timer-with-autostart-false-and-starttime.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
<head>
44
<title>Start Time and Auto Start set - Timer Example</title>
55
<script src="../bower_components/angular/angular.min.js"></script>
6+
<script src="../bower_components/jquery/jquery.min.js"></script>
67
<script src="../bower_components/bootstrap/docs/assets/js/bootstrap.min.js"></script>
78
<script src="../bower_components/momentjs/min/moment.min.js"></script>
89
<script src="../bower_components/momentjs/min/locales.min.js"></script>

0 commit comments

Comments
 (0)