From fe4e11d9c175b0456d85ccf482499cdfa2c8d871 Mon Sep 17 00:00:00 2001
From: Leonardo Galli <leonardo.galli@bluewin.ch>
Date: Sat, 25 Feb 2017 12:22:36 +0100
Subject: [PATCH] Add first steps of paging to movie editor.

---
 src/UI/Movies/Editor/MovieEditorLayout.js     | 21 ++++++++++++++++++-
 .../Editor/MovieEditorLayoutTemplate.hbs      |  8 ++++++-
 2 files changed, 27 insertions(+), 2 deletions(-)

diff --git a/src/UI/Movies/Editor/MovieEditorLayout.js b/src/UI/Movies/Editor/MovieEditorLayout.js
index ecaf3e8d2..21abfe927 100644
--- a/src/UI/Movies/Editor/MovieEditorLayout.js
+++ b/src/UI/Movies/Editor/MovieEditorLayout.js
@@ -9,6 +9,7 @@ var ProfileCell = require('../../Cells/ProfileCell');
 var SelectAllCell = require('../../Cells/SelectAllCell');
 var ToolbarLayout = require('../../Shared/Toolbar/ToolbarLayout');
 var FooterView = require('./MovieEditorFooterView');
+var GridPager = require('../../Shared/Grid/Pager');
 require('../../Mixins/backbone.signalr.mixin');
 
 module.exports = Marionette.Layout.extend({
@@ -16,7 +17,9 @@ module.exports = Marionette.Layout.extend({
 
     regions : {
         seriesRegion : '#x-series-editor',
-        toolbar      : '#x-toolbar'
+        toolbar      : '#x-toolbar',
+        pagerTop : "#x-movie-pager-top",
+        pager : "#x-movie-pager"
     },
 
     ui : {
@@ -77,7 +80,9 @@ module.exports = Marionette.Layout.extend({
 
     initialize : function() {
         this.movieCollection = MoviesCollection.clone();
+        this.movieCollection.state = MoviesCollection.state;
         this.movieCollection.bindSignalR();
+        //debugger;
         this.listenTo(this.movieCollection, 'save', this.render);
 
         this.filteringOptions = {
@@ -107,12 +112,26 @@ module.exports = Marionette.Layout.extend({
     onRender : function() {
         this._showToolbar();
         this._showTable();
+        this._showPager();
     },
 
     onClose : function() {
         vent.trigger(vent.Commands.CloseControlPanelCommand);
     },
 
+    _showPager : function(){
+      var pager = new GridPager({
+          columns    : this.columns,
+          collection : this.movieCollection,
+      });
+      var pagerTop = new GridPager({
+          columns    : this.columns,
+          collection : this.movieCollection,
+      });
+      this.pager.show(pager);
+      this.pagerTop.show(pagerTop);
+    },
+
     _showTable : function() {
         if (this.movieCollection.length === 0) {
             this.seriesRegion.show(new EmptyView());
diff --git a/src/UI/Movies/Editor/MovieEditorLayoutTemplate.hbs b/src/UI/Movies/Editor/MovieEditorLayoutTemplate.hbs
index 1d0519894..18ff93545 100644
--- a/src/UI/Movies/Editor/MovieEditorLayoutTemplate.hbs
+++ b/src/UI/Movies/Editor/MovieEditorLayoutTemplate.hbs
@@ -1,7 +1,13 @@
 <div id="x-toolbar"></div>
 
+<div id="x-movie-pager-top">
+</div>
+
 <div class="row">
     <div class="col-md-12">
         <div id="x-series-editor" class="table-responsive"></div>
     </div>
-</div>
\ No newline at end of file
+</div>
+
+<div id="x-movie-pager">
+</div>