diff --git a/chapter1/GuessTheNumber.html b/GuessTheNumber/GuessTheNumber.html similarity index 86% rename from chapter1/GuessTheNumber.html rename to GuessTheNumber/GuessTheNumber.html index e2a4f85..748493d 100644 --- a/chapter1/GuessTheNumber.html +++ b/GuessTheNumber/GuessTheNumber.html @@ -4,7 +4,7 @@ Guess The Number ! - +

Guess the Number !

Guess the computer generated random number between 1 and 1000.

@@ -18,9 +18,10 @@

Guess the Number !

No of guesses : {{noOfTries}}

- + \ No newline at end of file diff --git a/chapter1/readme.txt b/GuessTheNumber/readme.txt similarity index 100% rename from chapter1/readme.txt rename to GuessTheNumber/readme.txt diff --git a/README.md b/README.md new file mode 100644 index 0000000..3a0d1e0 --- /dev/null +++ b/README.md @@ -0,0 +1,5 @@ +# AngularJS By Example + +[![AngularJS By Example Front Cover](https://d1ldz4te4covpm.cloudfront.net/sites/default/files/imagecache/ppv4_main_book_cover/9781783553815.png)](https://www.packtpub.com/web-development/angularjs-example) + +Source code repository for the book [AngularJS by Example](https://www.packtpub.com/web-development/angularjs-example) \ No newline at end of file diff --git a/chapter2/app/css/app.css b/chapter2/app/css/app.css deleted file mode 100644 index 6b9f343..0000000 --- a/chapter2/app/css/app.css +++ /dev/null @@ -1,163 +0,0 @@ -/* app css stylesheet */ - -html{ - height:100%; -} - -body { - padding-top: 69px; - padding-bottom: 20px; - min-height: 100%; - font-size: 13px; - font-family: 'Roboto Slab'; - font-style: normal; - font-weight: 400; -} - -/* Set padding to keep content from hitting the edges */ -.body-content { - padding-left: 15px; - padding-right: 15px; -} - -/* Set width on the form input elements since they're 100% wide by default */ -input, -select, -textarea { - max-width: 280px; -} - -/* styles for validation helpers - start*/ -.field-validation-error { - color: #b94a48; -} - -.field-validation-valid { - display: none; -} - -input.input-validation-error { - border: 1px solid #b94a48; -} - -input[type="checkbox"].input-validation-error { - border: 0 none; -} - -.validation-summary-errors { - color: #b94a48; -} - -.validation-summary-valid { - display: none; -} -/* styles for validation helpers - end */ - -/*styles for top nav bar - start*/ -.navbar-default.top-navbar { - background-color: #4eaded; - border-color: #4eaded; -} - -.navbar-default.top-navbar h1{ - color:white; -} -/*styles for top nav bar - end*/ - -/*styles for container - start*/ -.container.app-container{ - width:100%; - max-width:100%; -} - -.container .start-button { - background: #4eaded; - text-align: center; - font-size: 11em; - line-height: 250px; - border-radius: 200px; - width: 600px; - height: 250px; - margin-top: 100px; - margin-left:auto; - margin-right:auto; -} - -.container .start-button a{ - color:white; - text-decoration:none; -} - -.left-nav-bar { - position: fixed; - color: white; - height: 100%; - background-color: #4eaded; -} -.right-nav-bar { - position: fixed; - height: 100%; - background-color: #e7e7e7; - right: 0px; - color: white; -} -.workout-content{ - padding:30px; -} -.workout-content .workout-display-div{ - padding:40px; - text-align:center; -} -.workout-display-div .img-responsive{ - margin: 25px auto; - width:540px; - height:360px; - cursor:pointer; -} -.workout-display-div .time-progress{ - margin-top:40px; -} -.workout-content .next-workout-display { - background-color: #e7e7e7; - position: fixed; - bottom: 0px; - padding: 15px; - margin: 0px -30px; - width: 100%; -} -.next-workout-display h2{ - margin:0px; -} -.workout-circle { - border-radius: 50%; - width: 26px; - height: 26px; - display: inline-block; - float: left; - border: 1px solid #4eaded; - margin-left: 10px; - margin-right: 10px; -} -.workout-circle.active{ - background-color:#4eaded; -} -.rest-circle.active{ - background-color:#4eaded; -} -.rest-circle { - border-radius: 50%; - width: 14px; - height: 14px; - display: inline-block; - float: left; - border:1px solid #4eaded; - margin: 6px 13px; -} -.last-indication .rest-circle{ - display:none; -} -.indication-circles{ - width:100%; - float:left; -} -/*styles for container - end*/ \ No newline at end of file diff --git a/chapter2/app/img/JumpingJacks.png b/chapter2/app/img/JumpingJacks.png deleted file mode 100644 index 8d34be9..0000000 Binary files a/chapter2/app/img/JumpingJacks.png and /dev/null differ diff --git a/chapter2/app/img/Plank.png b/chapter2/app/img/Plank.png deleted file mode 100644 index c45252d..0000000 Binary files a/chapter2/app/img/Plank.png and /dev/null differ diff --git a/chapter2/app/img/Pushup.png b/chapter2/app/img/Pushup.png deleted file mode 100644 index 870291d..0000000 Binary files a/chapter2/app/img/Pushup.png and /dev/null differ diff --git a/chapter2/app/img/crunches.png b/chapter2/app/img/crunches.png deleted file mode 100644 index 47e21f2..0000000 Binary files a/chapter2/app/img/crunches.png and /dev/null differ diff --git a/chapter2/app/img/highknees.png b/chapter2/app/img/highknees.png deleted file mode 100644 index 0896f74..0000000 Binary files a/chapter2/app/img/highknees.png and /dev/null differ diff --git a/chapter2/app/img/lunges.png b/chapter2/app/img/lunges.png deleted file mode 100644 index 91dbfab..0000000 Binary files a/chapter2/app/img/lunges.png and /dev/null differ diff --git a/chapter2/app/img/pushupNRotate.jpg b/chapter2/app/img/pushupNRotate.jpg deleted file mode 100644 index 57fa774..0000000 Binary files a/chapter2/app/img/pushupNRotate.jpg and /dev/null differ diff --git a/chapter2/app/img/rest.png b/chapter2/app/img/rest.png deleted file mode 100644 index 6c96a84..0000000 Binary files a/chapter2/app/img/rest.png and /dev/null differ diff --git a/chapter2/app/img/sideplank.png b/chapter2/app/img/sideplank.png deleted file mode 100644 index 4c5ff6d..0000000 Binary files a/chapter2/app/img/sideplank.png and /dev/null differ diff --git a/chapter2/app/img/squat.png b/chapter2/app/img/squat.png deleted file mode 100644 index 41a0780..0000000 Binary files a/chapter2/app/img/squat.png and /dev/null differ diff --git a/chapter2/app/img/stepUpOntoChair.jpeg b/chapter2/app/img/stepUpOntoChair.jpeg deleted file mode 100644 index ae210ed..0000000 Binary files a/chapter2/app/img/stepUpOntoChair.jpeg and /dev/null differ diff --git a/chapter2/app/img/tricepdips.jpg b/chapter2/app/img/tricepdips.jpg deleted file mode 100644 index 45ccd5b..0000000 Binary files a/chapter2/app/img/tricepdips.jpg and /dev/null differ diff --git a/chapter2/app/img/wallsit.png b/chapter2/app/img/wallsit.png deleted file mode 100644 index b3a520b..0000000 Binary files a/chapter2/app/img/wallsit.png and /dev/null differ diff --git a/chapter2/app/index.html b/chapter2/app/index.html deleted file mode 100644 index 2f190d2..0000000 --- a/chapter2/app/index.html +++ /dev/null @@ -1,37 +0,0 @@ - - - - - - - - - My AngularJS App - - - - - - - - -
-
-
-

7 Minute Workout

-
-
-
-
-
-
-
- - - - -
- - diff --git a/chapter2/app/js/7MinWorkout/filters.js b/chapter2/app/js/7MinWorkout/filters.js deleted file mode 100644 index ed96f2a..0000000 --- a/chapter2/app/js/7MinWorkout/filters.js +++ /dev/null @@ -1,10 +0,0 @@ -'use strict'; - -/* Filters */ - -angular.module('7minWorkout'). - filter('interpolate', ['version', function(version) { - return function(text) { - return String(text).replace(/\%VERSION\%/mg, version); - }; - }]); diff --git a/chapter2/app/js/7MinWorkout/services.js b/chapter2/app/js/7MinWorkout/services.js deleted file mode 100644 index 1d4c2b2..0000000 --- a/chapter2/app/js/7MinWorkout/services.js +++ /dev/null @@ -1,13 +0,0 @@ -'use strict'; - -/* Services */ - - -// Demonstrate how to register services -// In this case it is a simple value service. -angular.module('7minWorkout') - .value("sevenMinuteWorkout", {}) - .factory("WorkoutService", [function () { - }]); - - diff --git a/chapter2/app/js/7MinWorkout/workout.js b/chapter2/app/js/7MinWorkout/workout.js deleted file mode 100644 index a4eb4ad..0000000 --- a/chapter2/app/js/7MinWorkout/workout.js +++ /dev/null @@ -1,281 +0,0 @@ -'use strict'; - -/* Controllers */ - -angular.module('7minWorkout') - .controller('WorkoutController', ['$scope', '$interval', '$location', function ($scope, $interval, $location) { - console.log('WorkoutController created.'); - function WorkoutPlan(args) { - this.exercises = []; - this.name = args.name; - this.title = args.title; - this.restBetweenExercise = args.restBetweenExercise; - }; - - function Exercise(args) { - this.name = args.name; - this.title = args.title; - this.description = args.description; - this.instructions = args.instructions; - this.image = args.image; - this.related = {}; - this.related.videos = args.videos; - this.related.variations = args.variations; - this.nameSound = args.Sound; - } - - var restExercise; - var workoutPlan; - var startWorkout = function () { - workoutPlan = createWorkout(); - restExercise = { - exercise: new Exercise({ - name: "rest", - title: "Rest", - description: "Discription about resting :)", - image: "img/rest.png", - - }), - duration: workoutPlan.restBetweenExercise - }; - startExercise(workoutPlan.exercises.shift()); - }; - - //$scope.$watch('currentExercise', function (newValue, oldValue) { - // if (newValue && newValue != oldValue) { - // $scope.currentExerciseDuration = 0; - // $interval(function () { - // $scope.currentExerciseDuration = $scope.currentExerciseDuration + 1; - // }, 1000, $scope.currentExercise.duration) - // .then(function () { - // var nextExercise = null; - // if ($scope.currentExercise === restExercise) { - // nextExercise = $scope.workoutPlan.exercises.shift(); - // } - // else { - // if ($scope.workoutPlan.exercises.length == 0) { - // $scope.workoutComplete = true; - // } - // else { - // nextExercise = restExercise; - // } - // } - // $scope.currentExercise = nextExercise; - // }); - // } - //}); - - var startExercise = function (exercisePlan) { - console.log('starting exercise:' + exercisePlan.exercise.name); - $scope.currentExercise = exercisePlan; - $scope.currentExerciseDuration = 0; - $interval(function () { - $scope.currentExerciseDuration = $scope.currentExerciseDuration + 1; - }, 1000, $scope.currentExercise.duration) - .then(function () { - var nextPlan = getNextExercise(exercisePlan); - if (nextPlan) { - startExercise(nextPlan); - } - else { - workoutComplete(); - } - }); - }; - - var getNextExercise = function (currentExercisePlan) { - var nextExercise = null; - if (currentExercisePlan === restExercise) { - nextExercise = workoutPlan.exercises.shift(); - } - else { - if (workoutPlan.exercises.length != 0) { - nextExercise = restExercise; - } - } - return nextExercise; - } - //$scope.$watch('currentExerciseDuration', function (newValue, oldValue) { - // if (newValue && newValue != oldValue) { - // if (newValue == $scope.currentExercise.duration) { - // var nextExercise = null; - // if ($scope.currentExercise === restExercise) { - // nextExercise = $scope.workoutPlan.exercises.shift(); - // } - // else { - // if ($scope.workoutPlan.exercises.length == 0) { - // $scope.workoutComplete = true; - // } - // else { - // nextExercise = restExercise; - // } - // } - // $scope.currentExercise = nextExercise; - // } - // } - //}); - - var workoutComplete = function () { - $location.path('/finish'); - } - - var createWorkout = function () { - var workout = new WorkoutPlan({ - name: "7minWorkout", - title: "7 Minute Workout", - restBetweenExercise: 10 - }); - - workout.exercises.push({ - exercise: new Exercise({ - name: "jumpingJacks", - title: "Jumping Jacks", - description: "Jumping Jacks.", - image: "img/JumpingJacks.png", - videos: [], - variations: [], - procedure: "" - }), - duration: 30 - }); - workout.exercises.push({ - exercise: new Exercise({ - name: "wallSit", - title: "Wall Sit", - description: "Wall Sit.", - image: "img/wallsit.png", - videos: [], - variations: [], - - }), - duration: 30 - }); - workout.exercises.push({ - exercise: new Exercise({ - name: "pushUp", - title: "Push Up", - description: "Discription about pushup.", - image: "img/pushup.png", - videos: ["https://www.youtube.com/watch?v=Eh00_rniF8E", "https://www.youtube.com/watch?v=ZWdBqFLNljc", "https://www.youtube.com/watch?v=UwRLWMcOdwI", "https://www.youtube.com/watch?v=ynPwl6qyUNM", "https://www.youtube.com/watch?v=OicNTT2xzMI"], - variations: ["Planche push-ups", "Knuckle push-ups", "Maltese push-ups", "One arm versions"], - procedure: "" - }), - duration: 30 - }); - workout.exercises.push({ - exercise: new Exercise({ - name: "crunches", - title: "Abdominal Crunches", - description: "Abdominal Crunches.", - image: "img/crunches.png", - videos: [], - variations: [], - procedure: "" - }), - duration: 30 - }); - workout.exercises.push({ - exercise: new Exercise({ - name: "stepUpOntoChair", - title: "Step Up Onto Chair", - description: "Step Up Onto Chair.", - image: "img/stepUpOntoChair.jpeg", - videos: [], - variations: [], - procedure: "" - }), - duration: 30 - }); - workout.exercises.push({ - exercise: new Exercise({ - name: "squat", - title: "Squat", - description: "Squat.", - image: "img/squat.png", - videos: [], - variations: [], - procedure: "" - }), - duration: 30 - }); - workout.exercises.push({ - exercise: new Exercise({ - name: "tricepdips", - title: "Tricep Dips On Chair", - description: "Tricep Dips On Chair.", - image: "img/tricepdips.jpg", - videos: [], - variations: [], - procedure: "" - }), - duration: 30 - }); - workout.exercises.push({ - exercise: new Exercise({ - name: "plank", - title: "Plank", - description: "Plank.", - image: "img/plank.png", - videos: [], - variations: [], - procedure: "" - }), - duration: 30 - }); - workout.exercises.push({ - exercise: new Exercise({ - name: "highKnees", - title: "High Knees", - description: "High Knees.", - image: "img/highknees.png", - videos: [], - variations: [], - procedure: "" - }), - duration: 30 - }); - workout.exercises.push({ - exercise: new Exercise({ - name: "lunges", - title: "Lunges", - description: "Lunges.", - image: "img/lunges.png", - videos: [], - variations: [], - procedure: "" - }), - duration: 30 - }); - workout.exercises.push({ - exercise: new Exercise({ - name: "pushupNRotate", - title: "Pushup And Rotate", - description: "Pushup And Rotate.", - image: "img/pushupNRotate.jpg", - videos: [], - variations: [], - procedure: "" - }), - duration: 30 - }); - workout.exercises.push({ - exercise: new Exercise({ - name: "sidePlank", - title: "Side Plank", - description: "Side Plank.", - image: "img/sideplank.png", - videos: [], - variations: [], - procedure: "" - }), - duration: 30 - }); - return workout; - } - - var init = function () { - startWorkout(); - }; - - init(); - }]); \ No newline at end of file diff --git a/chapter2/app/js/app.js b/chapter2/app/js/app.js deleted file mode 100644 index e17ec7f..0000000 --- a/chapter2/app/js/app.js +++ /dev/null @@ -1,13 +0,0 @@ -'use strict'; - - -// Declare app level module which depends on filters, and services -angular.module('app', ['ngRoute','7minWorkout']). -config(['$routeProvider', function ($routeProvider) { - $routeProvider.when('/start', { templateUrl: 'partials/start.html'}); - $routeProvider.when('/workout', { templateUrl: 'partials/workout.html', controller: 'WorkoutController' }); - $routeProvider.when('/finish', { templateUrl: 'partials/finish.html' }); - $routeProvider.otherwise({ redirectTo: '/start' }); -}]); - -angular.module('7minWorkout', []); diff --git a/chapter2/app/js/directives.js b/chapter2/app/js/directives.js deleted file mode 100644 index dd0ab06..0000000 --- a/chapter2/app/js/directives.js +++ /dev/null @@ -1,11 +0,0 @@ -'use strict'; - -/* Directives */ - - -angular.module('app.directives', []). - directive('appVersion', ['version', function(version) { - return function(scope, elm, attrs) { - elm.text(version); - }; - }]); diff --git a/chapter2/app/partials/finish.html b/chapter2/app/partials/finish.html deleted file mode 100644 index b326fd9..0000000 --- a/chapter2/app/partials/finish.html +++ /dev/null @@ -1 +0,0 @@ -
Finish!
\ No newline at end of file diff --git a/chapter2/app/partials/start.html b/chapter2/app/partials/start.html deleted file mode 100644 index 63d0e47..0000000 --- a/chapter2/app/partials/start.html +++ /dev/null @@ -1 +0,0 @@ -

Start Here.

diff --git a/chapter2/app/partials/workout.html b/chapter2/app/partials/workout.html deleted file mode 100644 index a5d75cf..0000000 --- a/chapter2/app/partials/workout.html +++ /dev/null @@ -1,15 +0,0 @@ -
-
-
-
-

{{currentExercise.exercise.title}}

- -
-
-
-
-

{{currentExercise.duration-currentExerciseDuration}}

-
-
-
-
\ No newline at end of file diff --git a/chapter2/.gitignore b/trainer/.gitignore similarity index 100% rename from chapter2/.gitignore rename to trainer/.gitignore diff --git a/trainer/app/css/app.css b/trainer/app/css/app.css new file mode 100644 index 0000000..fef2b04 --- /dev/null +++ b/trainer/app/css/app.css @@ -0,0 +1,119 @@ +/* app css stylesheet */ + +html{ + height:100%; +} + +body { + padding-top: 70px; + padding-bottom: 20px; + min-height: 100%; + font-size: 13px; + font-family: 'Roboto Slab'; + font-style: normal; + font-weight: 400; +} + +/* Set padding to keep content from hitting the edges */ +.body-content { + padding-left: 15px; + padding-right: 15px; +} + +/* Set width on the form input elements since they're 100% wide by default */ +input, +select, +textarea { + max-width: 280px; +} + +/* styles for validation helpers - start*/ +.field-validation-error { + color: #b94a48; +} + +.field-validation-valid { + display: none; +} + +input.input-validation-error { + border: 1px solid #b94a48; +} + +input[type="checkbox"].input-validation-error { + border: 0 none; +} + +.validation-summary-errors { + color: #b94a48; +} + +.validation-summary-valid { + display: none; +} +/* styles for validation helpers - end */ + +/*styles for top nav bar - start*/ +.navbar-default.top-navbar { + background-color: #4eaded; + border-color: #4eaded; +} + +.navbar-default.top-navbar h1 { + color: white; + margin-top: 15px; + margin-bottom: 15px; +} +/*styles for top nav bar - end*/ + +/*styles for container - start*/ +.container.app-container{ + width:100%; + max-width:100%; +} +.workout-display-div{ + text-align:center; + padding:40px; +} +.workout-display-div .img-responsive{ + margin: 25px auto; + width:540px; + height:360px; + cursor:pointer; +} +.workout-display-div .time-progress{ + margin-top:40px; +} +/*styles for container - end*/ + +/*Styles for start page - start*/ +.text-center{ + color:#4eaded; +} +#start{ + text-align:center; + margin-top:25px; +} +#start a { + text-decoration: none; + font-size: 67px; + color:#4eaded; +} +#start a:hover{ + color:#4eaded; +} +#start a .glyphicon { + top:8px; +} +/*Styles for start page - end*/ + +/*Styles for workout page - start*/ +.workout-app-container{ + padding-top:15px; +} + +#video-panel .panel-body{ + max-height:650px; + overflow:auto; +} +/*Styles for workout page - end*/ \ No newline at end of file diff --git a/trainer/app/img/JumpingJacks.png b/trainer/app/img/JumpingJacks.png new file mode 100644 index 0000000..aaed124 Binary files /dev/null and b/trainer/app/img/JumpingJacks.png differ diff --git a/trainer/app/img/Plank.png b/trainer/app/img/Plank.png new file mode 100644 index 0000000..fabc051 Binary files /dev/null and b/trainer/app/img/Plank.png differ diff --git a/trainer/app/img/Pushup.png b/trainer/app/img/Pushup.png new file mode 100644 index 0000000..b1c1b7d Binary files /dev/null and b/trainer/app/img/Pushup.png differ diff --git a/trainer/app/img/crunches.png b/trainer/app/img/crunches.png new file mode 100644 index 0000000..208957e Binary files /dev/null and b/trainer/app/img/crunches.png differ diff --git a/trainer/app/img/finish.png b/trainer/app/img/finish.png new file mode 100644 index 0000000..e1c890e Binary files /dev/null and b/trainer/app/img/finish.png differ diff --git a/trainer/app/img/highknees.png b/trainer/app/img/highknees.png new file mode 100644 index 0000000..3e83196 Binary files /dev/null and b/trainer/app/img/highknees.png differ diff --git a/trainer/app/img/lunges.png b/trainer/app/img/lunges.png new file mode 100644 index 0000000..7a4a0fe Binary files /dev/null and b/trainer/app/img/lunges.png differ diff --git a/trainer/app/img/pushupNRotate.png b/trainer/app/img/pushupNRotate.png new file mode 100644 index 0000000..50f58a1 Binary files /dev/null and b/trainer/app/img/pushupNRotate.png differ diff --git a/trainer/app/img/rest.png b/trainer/app/img/rest.png new file mode 100644 index 0000000..4c89bd1 Binary files /dev/null and b/trainer/app/img/rest.png differ diff --git a/trainer/app/img/sideplank.png b/trainer/app/img/sideplank.png new file mode 100644 index 0000000..91017c8 Binary files /dev/null and b/trainer/app/img/sideplank.png differ diff --git a/trainer/app/img/squat.png b/trainer/app/img/squat.png new file mode 100644 index 0000000..e368e92 Binary files /dev/null and b/trainer/app/img/squat.png differ diff --git a/trainer/app/img/start.png b/trainer/app/img/start.png new file mode 100644 index 0000000..0427b0c Binary files /dev/null and b/trainer/app/img/start.png differ diff --git a/trainer/app/img/stepUpOntoChair.png b/trainer/app/img/stepUpOntoChair.png new file mode 100644 index 0000000..37a4710 Binary files /dev/null and b/trainer/app/img/stepUpOntoChair.png differ diff --git a/trainer/app/img/tricepdips.png b/trainer/app/img/tricepdips.png new file mode 100644 index 0000000..946d6ab Binary files /dev/null and b/trainer/app/img/tricepdips.png differ diff --git a/trainer/app/img/wallsit.png b/trainer/app/img/wallsit.png new file mode 100644 index 0000000..bbced2b Binary files /dev/null and b/trainer/app/img/wallsit.png differ diff --git a/trainer/app/index.html b/trainer/app/index.html new file mode 100644 index 0000000..4ef9485 --- /dev/null +++ b/trainer/app/index.html @@ -0,0 +1,42 @@ + + + + + + 7 Minute Workout + + + + + + + +
+
+
+

7 Minute Workout

+
+
+
+
+
+
+
+
+

{{currentExercise.details.title}}

+ +
+
+
+
+

Time Remaining: {{currentExercise.duration-currentExerciseDuration}}

+
+
+
+
+
+ + + + + diff --git a/trainer/app/js/7MinWorkout/directives.js b/trainer/app/js/7MinWorkout/directives.js new file mode 100644 index 0000000..057ae55 --- /dev/null +++ b/trainer/app/js/7MinWorkout/directives.js @@ -0,0 +1,3 @@ +'use strict'; + +/* Directives */ \ No newline at end of file diff --git a/trainer/app/js/7MinWorkout/filters.js b/trainer/app/js/7MinWorkout/filters.js new file mode 100644 index 0000000..a74ae38 --- /dev/null +++ b/trainer/app/js/7MinWorkout/filters.js @@ -0,0 +1,3 @@ +'use strict'; + +/* Filters */ \ No newline at end of file diff --git a/trainer/app/js/7MinWorkout/services.js b/trainer/app/js/7MinWorkout/services.js new file mode 100644 index 0000000..6b7e2aa --- /dev/null +++ b/trainer/app/js/7MinWorkout/services.js @@ -0,0 +1,3 @@ +'use strict'; + +/* Services */ \ No newline at end of file diff --git a/trainer/app/js/7MinWorkout/workout.js b/trainer/app/js/7MinWorkout/workout.js new file mode 100644 index 0000000..d8ef01e --- /dev/null +++ b/trainer/app/js/7MinWorkout/workout.js @@ -0,0 +1,263 @@ +'use strict'; + +/* Controllers */ + +angular.module('7minWorkout') + .controller('WorkoutController', ['$scope', '$interval', function ($scope, $interval) { + function WorkoutPlan(args) { + this.exercises = []; + this.name = args.name; + this.title = args.title; + this.restBetweenExercise = args.restBetweenExercise; + }; + + function Exercise(args) { + this.name = args.name; + this.title = args.title; + this.description = args.description; + this.image = args.image; + this.related = {}; + this.related.videos = args.videos; + this.nameSound = args.nameSound; + this.procedure = args.procedure; + } + + var restExercise; + var workoutPlan; + var startWorkout = function () { + workoutPlan = createWorkout(); + restExercise = { + details: new Exercise({ + name: "rest", + title: "Relax!", + description: "Relax a bit!", + image: "img/rest.png", + }), + duration: workoutPlan.restBetweenExercise + }; + startExercise(workoutPlan.exercises.shift()); + }; + + var startExercise = function (exercisePlan) { + $scope.currentExercise = exercisePlan; + $scope.currentExerciseDuration = 0; + $interval(function () { + ++$scope.currentExerciseDuration; + }, 1000, $scope.currentExercise.duration) + .then(function () { + var next = getNextExercise(exercisePlan); + if (next) { + startExercise(next); + } + else { + console.log("Workout complete!") + } + }); + }; + var getNextExercise = function (currentExercisePlan) { + var nextExercise = null; + if (currentExercisePlan === restExercise) { + nextExercise = workoutPlan.exercises.shift(); + } + else { + if (workoutPlan.exercises.length != 0) { + nextExercise = restExercise; + } + } + return nextExercise; + }; + + //$scope.$watch('currentExerciseDuration', function (nVal) { + // if (nVal == $scope.currentExercise.duration) { + // var next = getNextExercise($scope.currentExercise); + // if (next) { + // startExercise(next); + // } else { + // console.log("Workout complete!") + // } + // } + //}); + + var createWorkout = function () { + var workout = new WorkoutPlan({ + name: "7minWorkout", + title: "7 Minute Workout", + restBetweenExercise: 10 + }); + + workout.exercises.push({ + details: new Exercise({ + name: "jumpingJacks", + title: "Jumping Jacks", + description: "A jumping jack or star jump, also called side-straddle hop is a physical jumping exercise.", + image: "img/JumpingJacks.png", + videos: ["//www.youtube.com/embed/dmYwZH_BNd0", "//www.youtube.com/embed/BABOdJ-2Z6o", "//www.youtube.com/embed/c4DAnQ6DtF8"], + procedure: "Assume an erect position, with feet together and arms at your side.\ + Slightly bend your knees, and propel yourself a few inches into the air.\ + While in air, bring your legs out to the side about shoulder width or slightly wider.\ + As you are moving your legs outward, you should raise your arms up over your head; arms should be slightly bent throughout the entire in-air movement.\ + Your feet should land shoulder width or wider as your hands meet above your head with arms slightly bent" + }), + duration: 30 + }); + workout.exercises.push({ + details: new Exercise({ + name: "wallSit", + title: "Wall Sit", + description: "A wall sit, also known as a Roman Chair, is an exercise done to strengthen the quadriceps muscles.", + image: "img/wallsit.png", + videos: ["//www.youtube.com/embed/y-wV4Venusw", "//www.youtube.com/embed/MMV3v4ap4ro"], + procedure: "Place your back against a wall with your feet shoulder width apart and a little ways out from the wall.\ + Then, keeping your back against the wall, lower your hips until your knees form right angles. " + }), + duration: 30 + }); + workout.exercises.push({ + details: new Exercise({ + name: "pushUp", + title: "Push Up", + description: "A push-up is a common exercise performed in a prone position by raising and lowering the body using the arms", + image: "img/Pushup.png", + videos: ["//www.youtube.com/embed/Eh00_rniF8E", "//www.youtube.com/embed/ZWdBqFLNljc", "//www.youtube.com/embed/UwRLWMcOdwI", "//www.youtube.com/embed/ynPwl6qyUNM", "//www.youtube.com/embed/OicNTT2xzMI"], + procedure: "Lie prone on the ground with hands placed as wide or slightly wider than shoulder width. \ + Keeping the body straight, lower body to the ground by bending arms at the elbows. \ + Raise body up off the ground by extending the arms." + }), + duration: 30 + }); + workout.exercises.push({ + details: new Exercise({ + name: "crunches", + title: "Abdominal Crunches", + description: "The basic crunch is a abdominal exercise in a strength-training program.", + image: "img/crunches.png", + videos: ["//www.youtube.com/embed/Xyd_fa5zoEU", "//www.youtube.com/embed/MKmrqcoCZ-M"], + procedure: "Lie on your back with your knees bent and feet flat on the floor, hip-width apart.\ + Place your hands behind your head so your thumbs are behind your ears.\ + Hold your elbows out to the sides but rounded slightly in.\ + Gently pull your abdominals inward.\ + Curl up and forward so that your head, neck, and shoulder blades lift off the floor.\ + Hold for a moment at the top of the movement and then lower slowly back down." + }), + duration: 30 + }); + workout.exercises.push({ + details: new Exercise({ + name: "stepUpOntoChair", + title: "Step Up Onto Chair", + description: "Step exercises are ideal for building muscle in your lower body.", + image: "img/stepUpOntoChair.png", + videos: ["//www.youtube.com/embed/aajhW7DD1EA"], + procedure: "Position your chair in front of you.\ + Stand with your feet about hip width apart, arms at your sides.\ + Step up onto the seat with one foot, pressing down while bringing your other foot up next to it. \ + Step back with the leading foot and bring the trailing foot down to finish one step-up." + }), + duration: 30 + }); + workout.exercises.push({ + details: new Exercise({ + name: "squat", + title: "Squat", + description: "The squat is a compound, full body exercise that trains primarily the muscles of the thighs, hips, buttocks and quads.", + image: "img/squat.png", + videos: ["//www.youtube.com/embed/QKKZ9AGYTi4", "//www.youtube.com/embed/UXJrBgI2RxA"], + procedure: "Stand with your head facing forward and your chest held up and out.\ + Place your feet shoulder-width apart or little wider. Extend your hands straight out in front of you.\ + Sit back and down like you're sitting into a chair. Keep your head facing straight as your upper body bends forward a bit. Rather than allowing your back to round, let your lower back arch slightly as you go down.\ + Lower down so your thighs are parallel to the floor, with your knees over your ankles. Press your weight back into your heels.\ + Keep your body tight, and push through your heels to bring yourself back to the starting position." + }), + duration: 30 + }); + workout.exercises.push({ + details: new Exercise({ + name: "tricepdips", + title: "Tricep Dips On Chair", + description: "A body weight exercise that targets triceps.", + image: "img/tricepdips.png", + videos: ["//www.youtube.com/embed/tKjcgfu44sI", "//www.youtube.com/embed/jox1rb5krQI"], + procedure: "Sit up on a chair. Your legs should be slightly extended, with your feet flat on the floor.\ + Place your hands edges of the chair. Your palms should be down, fingertips pointing towards the floor.\ + Without moving your legs, bring your glutes forward off the chair.\ + Steadily lower yourself. When your elbows form 90 degrees angles, push yourself back up to starting position." + }), + duration: 30 + }); + workout.exercises.push({ + details: new Exercise({ + name: "plank", + title: "Plank", + description: "The plank (also called a front hold, hover, or abdominal bridge) is an isometric core strength exercise that involves maintaining a difficult position for extended periods of time. ", + image: "img/Plank.png", + videos: ["//www.youtube.com/embed/pSHjTRCQxIw", "//www.youtube.com/embed/TvxNkmjdhMM"], + procedure: "Get into pushup position on the floor.\ + Bend your elbows 90 degrees and rest your weight on your forearms.\ + Your elbows should be directly beneath your shoulders, and your body should form a straight line from head to feet.\ + Hold this position." + }), + duration: 30 + }); + workout.exercises.push({ + details: new Exercise({ + name: "highKnees", + title: "High Knees", + description: "A form exercise that develops strength and endurance of the hip flexors and quads and stretches the hip extensors.", + image: "img/highknees.png", + videos: ["//www.youtube.com/embed/OAJ_J3EZkdY", "//www.youtube.com/embed/8opcQdC-V-U"], + procedure: "Start standing with feet hip-width apart. \ + Do inplace jog with your knees lifting as much as possible towards your chest." + }), + duration: 30 + }); + workout.exercises.push({ + details: new Exercise({ + name: "lunges", + title: "Lunges", + description: "Lunges are a good exercise for strengthening, sculpting and building several muscles/muscle groups, including the quadriceps (or thighs), the gluteus maximus (or buttocks) as well as the hamstrings. ", + image: "img/lunges.png", + videos: ["//www.youtube.com/embed/Z2n58m2i4jg"], + procedure: "Stand erect with your feet about one shoulder width apart.\ + Put your hands on your hips, keep your back as straight as possible, relax your shoulders and keep your eyes facing directly ahead.\ + Take a large step forward with one leg.\ + As you step forward, lower your hips and bend your knees until they both form 90 degree angles.\ + Return to starting position.\ + Repeat with your alternate leg." + }), + duration: 30 + }); + workout.exercises.push({ + details: new Exercise({ + name: "pushupNRotate", + title: "Pushup And Rotate", + description: "A variation of pushup that requires you to rotate.", + image: "img/pushupNRotate.png", + videos: ["//www.youtube.com/embed/qHQ_E-f5278"], + procedure: "Assume the classic pushup position, but as you come up, rotate your body so your right arm lifts up and extends overhead.\ + Return to the starting position, lower yourself, then push up and rotate till your left hand points toward the ceiling." + }), + duration: 30 + }); + workout.exercises.push({ + details: new Exercise({ + name: "sidePlank", + title: "Side Plank", + description: "A variation to Plank done using one hand only", + image: "img/sideplank.png", + videos: ["//www.youtube.com/embed/wqzrb67Dwf8", "//www.youtube.com/embed/_rdfjFSFKMY"], + procedure: "Lie on your side, in a straight line from head to feet, resting on your forearm.\ + Your elbow should be directly under your shoulder.\ + With your abdominals gently contracted, lift your hips off the floor, maintaining the line.\ + Keep your hips square and your neck in line with your spine. Hold the position." + }), + duration: 30 + }); + return workout; + } + + var init = function () { + startWorkout(); + }; + + init(); + }]); \ No newline at end of file diff --git a/trainer/app/js/app.js b/trainer/app/js/app.js new file mode 100644 index 0000000..d0fd254 --- /dev/null +++ b/trainer/app/js/app.js @@ -0,0 +1,5 @@ +'use strict'; + +angular.module('app', ['7minWorkout']); + +angular.module('7minWorkout', []); \ No newline at end of file