diff --git a/app.js b/app.js new file mode 100644 index 0000000..f0cc88a --- /dev/null +++ b/app.js @@ -0,0 +1,48 @@ +//I. Create module...give it a name "app" +var app = angular.module('myApp', []); + +//II. Controller +app.controller('MovieCtrl', ['$scope', function($scope) { + $scope.welcome = 'Test :)'; + $scope.moviesToWatch = [ + { + title: "Ex Machina", + genre: "Action", + year: "2015" + }, + { + title: "Ocean's 11", + genre: "Action", + year: "2000" + }, + { + title: "Burn After Reading", + genre: "Comedy", + year: "2008" + }, + { + title: "There Will Be Blood", + genre: "Drama", + year: "2007" + }, + { + title: "Magnolia", + genre: "Drama", + year: "2000" + } + ]; + $scope.createMovie = function() { + var newMovieAdd = $scope.newMovie; + $scope.moviesToWatch.push(newMovieAdd); + $scope.newMovie = {}; + $scope.newMovieForm = false; + }; + + $scope.deleteMovie = function(movie) { + var movieIndex = $scope.movies.indexOf(movie); + $scope.movies.splice(movieIndex, 1); + }; + +}]); + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..bc6cfa5 --- /dev/null +++ b/index.html @@ -0,0 +1,73 @@ + + + + + Document + + + + + + + +
+
+

Movies


+ + + + + +

+ + +

+ + + + + + + + + + + + + + + + + + + +
Movie TitleMovie GenreDateViewDelete
{{ value.title }}{{ value.genre }}{{ value.year }}
+ + + +
+

Add a movie!

+
+
+ +
+
+ +
+
+ +
+ +
+ +
+ +
+
+ + + + \ No newline at end of file diff --git a/main.css b/main.css new file mode 100644 index 0000000..e69de29