Show list of movies

src/app.js

@@ -10,11 +10,29 @@ import Backbone from 'backbone';
 // Import models and collections
 import Movie from 'models/movie'
 import MovieList from 'collections/movie_list'
+import MovieListView from './views/movie_list_view'
 
 // ready to go
 $(document).ready(function() {
 
-const movieTemplate = _.template($('#all-movies-template').html());
+  const movieTemplate = _.template($('#all-movies-template').html());
+
+
+  const moviesList = new MovieList();
+
+  console.log("this is moesList");
+  console.log(moviesList);
+
+  const movieListView = new MovieListView({
+    model: moviesList,
+    template: movieTemplate,
+    el: $('#list-movies'),
+  });
+
+  moviesList.fetch();
+  // movieListView.render();
+
+
 
 
 

src/views/movie_list_view.js

@@ -0,0 +1,29 @@
+import Backbone from 'backbone';
+import MovieView from './movie_view';
+
+const MovieListView = Backbone.View.extend({
+  initialize(params){
+    this.template = params.template;
+    //  this.model = params.model;
+    this.listenTo(this.model, 'update', this.render);
+  },
+  render() {
+    console.log("inside render in movie list view");
+    console.log( this.model);
+    this.model.each((movie) => {
+      console.log("inside the loop");
+      const movieView = new MovieView({
+        model: movie,
+        template: this.template,
+        tagName: 'tr',
+      });
+      this.$('#movies-list').append(movieView.render().$el);
+    });
+
+
+    return this
+  }
+
+});
+
+export default MovieListView;

src/views/movie_view.js

@@ -14,3 +14,5 @@ const MovieView = Backbone.View.extend({
     return this;
   }, // render
 }) // MovieView
+
+export default MovieView;