Convert to RequireJS text for templates

common/static/common/js/components/views/paging_footer.js

-define(["underscore", "js/views/baseview"], function(_, BaseView) {
+define(["underscore", "backbone", "text!common/templates/components/paging-footer.underscore"],
+    function(_, Backbone, paging_footer_template) {
 
-    var PagingFooter = BaseView.extend({
-        events : {
-            "click .next-page-link": "nextPage",
-            "click .previous-page-link": "previousPage",
-            "change .page-number-input": "changePage"
-        },
+        var PagingFooter = Backbone.View.extend({
+            events : {
+                "click .next-page-link": "nextPage",
+                "click .previous-page-link": "previousPage",
+                "change .page-number-input": "changePage"
+            },
 
-        initialize: function(options) {
-            var view = options.view,
-                collection = view.collection;
-            this.view = view;
-            this.template = this.loadTemplate('paging-footer');
-            collection.bind('add', _.bind(this.render, this));
-            collection.bind('remove', _.bind(this.render, this));
-            collection.bind('reset', _.bind(this.render, this));
-            this.render();
-        },
+            initialize: function(options) {
+                var view = options.view,
+                    collection = view.collection;
+                this.view = view;
+                collection.bind('add', _.bind(this.render, this));
+                collection.bind('remove', _.bind(this.render, this));
+                collection.bind('reset', _.bind(this.render, this));
+                this.render();
+            },
 
-        render: function() {
-            var view = this.view,
-                collection = view.collection,
-                currentPage = collection.currentPage,
-                lastPage = collection.totalPages - 1;
-            this.$el.html(this.template({
-                current_page: collection.currentPage,
-                total_pages: collection.totalPages
-            }));
-            this.$(".previous-page-link").toggleClass("is-disabled", currentPage === 0).attr('aria-disabled', currentPage === 0);;
-            this.$(".next-page-link").toggleClass("is-disabled", currentPage === lastPage).attr('aria-disabled', currentPage === lastPage);
-            return this;
-        },
+            render: function() {
+                var view = this.view,
+                    collection = view.collection,
+                    currentPage = collection.currentPage,
+                    lastPage = collection.totalPages - 1;
+                this.$el.html(_.template(paging_footer_template, {
+                    current_page: collection.currentPage,
+                    total_pages: collection.totalPages
+                }));
+                this.$(".previous-page-link").toggleClass("is-disabled", currentPage === 0).attr('aria-disabled', currentPage === 0);;
+                this.$(".next-page-link").toggleClass("is-disabled", currentPage === lastPage).attr('aria-disabled', currentPage === lastPage);
+                return this;
+            },
 
-        changePage: function() {
-            var view = this.view,
-                collection = view.collection,
-                currentPage = collection.currentPage + 1,
-                pageInput = this.$("#page-number-input"),
-                pageNumber = parseInt(pageInput.val(), 10);
-            if (pageNumber > collection.totalPages) {
-                pageNumber = false;
-            }
-            if (pageNumber <= 0) {
-                pageNumber = false;
-            }
-            // If we still have a page number by this point,
-            // and it's not the current page, load it.
-            if (pageNumber && pageNumber !== currentPage) {
-                view.setPage(pageNumber - 1);
-            }
-            pageInput.val(""); // Clear the value as the label will show beneath it
-        },
+            changePage: function() {
+                var view = this.view,
+                    collection = view.collection,
+                    currentPage = collection.currentPage + 1,
+                    pageInput = this.$("#page-number-input"),
+                    pageNumber = parseInt(pageInput.val(), 10);
+                if (pageNumber > collection.totalPages) {
+                    pageNumber = false;
+                }
+                if (pageNumber <= 0) {
+                    pageNumber = false;
+                }
+                // If we still have a page number by this point,
+                // and it's not the current page, load it.
+                if (pageNumber && pageNumber !== currentPage) {
+                    view.setPage(pageNumber - 1);
+                }
+                pageInput.val(""); // Clear the value as the label will show beneath it
+            },
 
-        nextPage: function() {
-            this.view.nextPage();
-        },
+            nextPage: function() {
+                this.view.nextPage();
+            },
 
-        previousPage: function() {
-            this.view.previousPage();
-        }
-    });
+            previousPage: function() {
+                this.view.previousPage();
+            }
+        });
 
-    return PagingFooter;
-}); // end define();
+        return PagingFooter;
+    }); // end define();