jquery-bootstrap-pagination 1.0.0

data/.gitignore

@@ -0,0 +1,21 @@
+*.log
+.DS_Store
+doc
+tmp
+pkg
+*.gem
+*.pid
+coverage
+coverage.data
+build/*
+*.pbxuser
+*.mode1v3
+.svn
+profile
+.console_history
+.sass-cache/*
+.rake_tasks~
+*.log.lck
+solr/
+.jhw-cache/
+jhw.*

data/Gemfile

@@ -0,0 +1,10 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in jquery-bootstrap-pagination.gemspec
+gemspec
+
+
+gem "guard-coffeescript"
+gem "guard-jasmine-headless-webkit"
+gem "jasmine"
+gem "jasmine-headless-webkit"

data/Gemfile.lock

@@ -0,0 +1,90 @@
+PATH
+  remote: .
+  specs:
+    jquery-bootstrap-pagination (0.0.1)
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    addressable (2.3.2)
+    childprocess (0.3.6)
+      ffi (~> 1.0, >= 1.0.6)
+    coderay (1.0.8)
+    coffee-script (2.2.0)
+      coffee-script-source
+      execjs
+    coffee-script-source (1.4.0)
+    diff-lcs (1.1.3)
+    execjs (1.4.0)
+      multi_json (~> 1.0)
+    ffi (1.2.0)
+    guard (1.5.4)
+      listen (>= 0.4.2)
+      lumberjack (>= 1.0.2)
+      pry (>= 0.9.10)
+      thor (>= 0.14.6)
+    guard-coffeescript (1.2.1)
+      coffee-script (>= 2.2.0)
+      guard (>= 1.1.0)
+    guard-jasmine-headless-webkit (0.3.2)
+      guard (>= 0.4.0)
+      jasmine-headless-webkit (>= 0.7.0)
+    hike (1.2.1)
+    jasmine (1.3.0)
+      jasmine-core (>= 1.3.0)
+      rack (~> 1.0)
+      rspec (>= 1.3.1)
+      selenium-webdriver (>= 0.1.3)
+    jasmine-core (1.3.0)
+    jasmine-headless-webkit (0.8.4)
+      coffee-script
+      jasmine-core (~> 1.1)
+      multi_json
+      rainbow
+      sprockets (~> 2)
+    libwebsocket (0.1.7.1)
+      addressable
+      websocket
+    listen (0.6.0)
+    lumberjack (1.0.2)
+    method_source (0.8.1)
+    multi_json (1.4.0)
+    pry (0.9.10)
+      coderay (~> 1.0.5)
+      method_source (~> 0.8)
+      slop (~> 3.3.1)
+    rack (1.4.1)
+    rainbow (1.1.4)
+    rspec (2.12.0)
+      rspec-core (~> 2.12.0)
+      rspec-expectations (~> 2.12.0)
+      rspec-mocks (~> 2.12.0)
+    rspec-core (2.12.1)
+    rspec-expectations (2.12.0)
+      diff-lcs (~> 1.1.3)
+    rspec-mocks (2.12.0)
+    rubyzip (0.9.9)
+    selenium-webdriver (2.26.0)
+      childprocess (>= 0.2.5)
+      libwebsocket (~> 0.1.3)
+      multi_json (~> 1.0)
+      rubyzip
+    slop (3.3.3)
+    sprockets (2.8.1)
+      hike (~> 1.2)
+      multi_json (~> 1.0)
+      rack (~> 1.0)
+      tilt (~> 1.1, != 1.3.0)
+    thor (0.16.0)
+    tilt (1.3.3)
+    websocket (1.0.4)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  guard-coffeescript
+  guard-jasmine-headless-webkit
+  jasmine
+  jasmine-headless-webkit
+  jquery-bootstrap-pagination!

data/Guardfile

@@ -0,0 +1,11 @@
+# A sample Guardfile
+# More info at https://github.com/guard/guard#readme
+
+guard 'coffeescript', input: 'src', output: "vendor/assets/javascripts", bare: false
+
+spec_location = "spec/javascripts/%s_spec"
+guard 'jasmine-headless-webkit' do
+  watch(%r{^src/(.*)\.(js|coffee)$}) { |m| newest_js_file(spec_location % m[1]) }
+  watch(%r{^vendor/assets/javascripts/(.*)\.(js|coffee)$}) { |m| newest_js_file(spec_location % m[1]) }
+  watch(%r{^spec/javascripts/(.*)_spec\..*}) { |m| newest_js_file(spec_location % m[1]) }
+end

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2012 Mark Bates
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,104 @@
+# jQuery Bootstrap Pagination
+
+A simple, full-featured, pagination system for [jQuery](http://jquery.com/) that outputs [Twitter Bootstrap](http://twitter.github.com/bootstrap/) marked up pagination links. Of course, there's no reason you need to use this with Bootstrap, the HTML output is very clean.
+
+## Installation
+
+The library can be used in CoffeeScript, JavaScript, and Rails applications very easily.
+
+### Standalone
+
+#### CoffeeScript
+
+Use the `src/jquery-bootstrap-pagination.coffee` file.
+
+#### JavaScript
+
+Use the `vendor/assets/javascripts/jquery-bootstrap-pagination.js` file. This file is auto generated from the CoffeeScript file.
+
+### Rails 3.x
+
+Add this line to your application's Gemfile:
+
+``` ruby
+gem 'jquery-bootstrap-pagination'
+```
+
+And then execute:
+
+```
+$ bundle
+```
+
+Add it to your `application.js` file:
+
+``` javascript
+//= require jquery-bootstrap-pagination
+```
+
+## Usage
+
+### CoffeeScript
+``` coffeescript
+# Basic usage:
+$("#my-pagination-section").pagination()
+
+# With options:
+$("#my-pagination-section").pagination
+  total_pages: 10
+  current_page: 2
+  callback: (event, page) ->
+    alert("Page #{page} was clicked!")
+
+# Retrieve the underlying PaginationView:
+$("#my-pagination-section").data("paginationView")
+```
+
+### JavaScript:
+``` javascript
+// Basic usage:
+$("#my-pagination-section").pagination();
+
+// With options:
+$("#my-pagination-section").pagination({
+  total_pages: 10,
+  current_page: 2,
+  callback: function(event, page) {
+    return alert("Page " + page + " was clicked!");
+  }
+});
+
+// Retrieve the underlying PaginationView:
+$("#my-pagination-section").data("paginationView");
+```
+
+### Options and Defaults:
+``` coffeescript
+# what is the current page:
+current_page: 1
+# how many pages are there total:
+total_pages: 1
+# change text of the 'next' link,
+# set to false for no next link:
+next: ">"
+# change text of the 'previous' link,
+# set to false for no previous link:
+prev: "<"
+# change text of the 'first' link,
+# set to false for no first link:
+first: false
+# change text of the 'last' link,
+# set to false for no last link:
+last: false
+# how many links before truncation happens:
+display_max: 8
+```
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Write/Run tests (`bundle exec rake`)
+4. Commit your changes (`git commit -am 'Add some feature'`)
+5. Push to the branch (`git push origin my-new-feature`)
+6. Create new Pull Request

data/Rakefile

@@ -0,0 +1,15 @@
+require 'bundler'  
+Bundler::GemHelper.install_tasks
+
+begin
+  require 'jasmine'
+  load 'jasmine/tasks/jasmine.rake'
+rescue LoadError
+  task :jasmine do
+    abort "Jasmine is not available. In order to run jasmine, you must: (sudo) gem install jasmine"
+  end
+end
+
+task :default do
+  system "jasmine-headless-webkit -c"
+end

data/jquery-bootstrap-pagination.gemspec

@@ -0,0 +1,19 @@
+# -*- encoding: utf-8 -*-
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'jquery-bootstrap-pagination/version'
+
+Gem::Specification.new do |gem|
+  gem.name          = "jquery-bootstrap-pagination"
+  gem.version       = Jquery::Bootstrap::Pagination::VERSION
+  gem.authors       = ["Mark Bates"]
+  gem.email         = ["mark@markbates.com"]
+  gem.description   = %q{A simple and clean pagination implementation for jQuery and Twitter Bootstrap.}
+  gem.summary       = %q{A simple and clean pagination implementation for jQuery and Twitter Bootstrap.}
+  gem.homepage      = "http://github.com/markbates/jquery-bootstrap-pagination"
+
+  gem.files         = `git ls-files`.split($/)
+  gem.executables   = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
+  gem.test_files    = gem.files.grep(%r{^(test|spec|features)/})
+  gem.require_paths = ["lib"]
+end

data/lib/jquery-bootstrap-pagination.rb

@@ -0,0 +1,2 @@
+require "jquery-bootstrap-pagination/engine"
+require "jquery-bootstrap-pagination/version"

data/lib/jquery-bootstrap-pagination/engine.rb

@@ -0,0 +1,10 @@
+if defined? Rails
+  module Jquery
+    module Bootstrap
+      module Pagination
+        class Engine < ::Rails::Engine
+        end
+      end
+    end
+  end
+end

data/lib/jquery-bootstrap-pagination/version.rb

@@ -0,0 +1,7 @@
+module Jquery
+  module Bootstrap
+    module Pagination
+      VERSION = "1.0.0"
+    end
+  end
+end

data/spec/javascripts/jquery-bootstrap-pagination_spec.coffee

@@ -0,0 +1,323 @@
+describe "pagination", ->
+  
+  beforeEach ->
+    $("#jasmine").remove()
+    $("body").append("<div id='jasmine'></div>")
+    @page = $("#jasmine")
+    @view = @page.pagination(total: 60, total_pages: 3, next: null, prev: null).data("paginationView")
+
+  describe "buildLinks", ->
+    
+    it "returns the correct links for the pages", ->
+      links = @view.buildLinks()
+      expect(links[0]).toEqual("<li><a href='#' data-page='1'>1</a></li>")
+      expect(links[1]).toEqual("<li><a href='#' data-page='2'>2</a></li>")
+      expect(links[2]).toEqual("<li><a href='#' data-page='3'>3</a></li>")
+
+    it "adds a first and last link", ->
+      @view.settings.first = "first"
+      @view.settings.last = "last"
+      links = @view.buildLinks()
+      expect(links[0]).toEqual("<li><a href='#' data-page='1'>first</a></li>")
+      expect(links[1]).toEqual("<li><a href='#' data-page='1'>1</a></li>")
+      expect(links[2]).toEqual("<li><a href='#' data-page='2'>2</a></li>")
+      expect(links[3]).toEqual("<li><a href='#' data-page='3'>3</a></li>")
+      expect(links[4]).toEqual("<li><a href='#' data-page='3'>last</a></li>")
+
+    it "truncates links if there are too many", ->
+      @view.settings.total_pages = 50
+      @view.settings.current_page = 2
+      links = @view.buildLinks()
+      expect(links.length).toEqual(10)
+      expect(links[0]).toEqual("<li><a href='#' data-page='1'>1</a></li>")
+      expect(links[1]).toEqual("<li><a href='#' data-page='2'>2</a></li>")
+      expect(links[2]).toEqual("<li><a href='#' data-page='3'>3</a></li>")
+      expect(links[3]).toEqual("<li><a href='#' data-page='4'>4</a></li>")
+      expect(links[4]).toEqual("<li><a href='#' data-page='5'>5</a></li>")
+      expect(links[5]).toEqual("<li><a href='#' data-page='6'>6</a></li>")
+      expect(links[6]).toEqual("<li><a href='#' data-page='7'>7</a></li>")
+      expect(links[7]).toEqual("<li><a href='#' data-page='8'>8</a></li>")
+      expect(links[8]).toEqual("<li><a href='#' data-page='..'>..</a></li>")
+      expect(links[9]).toEqual("<li><a href='#' data-page='50'>50</a></li>")
+
+    it "shows a max number of links", ->
+      @view.settings.total_pages = 50
+      @view.settings.current_page = 2
+      @view.settings.display_max = 12
+      links = @view.buildLinks()
+      expect(links.length).toEqual(14)
+      expect(links[0]).toEqual("<li><a href='#' data-page='1'>1</a></li>")
+      expect(links[1]).toEqual("<li><a href='#' data-page='2'>2</a></li>")
+      expect(links[2]).toEqual("<li><a href='#' data-page='3'>3</a></li>")
+      expect(links[3]).toEqual("<li><a href='#' data-page='4'>4</a></li>")
+      expect(links[4]).toEqual("<li><a href='#' data-page='5'>5</a></li>")
+      expect(links[5]).toEqual("<li><a href='#' data-page='6'>6</a></li>")
+      expect(links[6]).toEqual("<li><a href='#' data-page='7'>7</a></li>")
+      expect(links[7]).toEqual("<li><a href='#' data-page='8'>8</a></li>")
+      expect(links[8]).toEqual("<li><a href='#' data-page='9'>9</a></li>")
+      expect(links[9]).toEqual("<li><a href='#' data-page='10'>10</a></li>")
+      expect(links[10]).toEqual("<li><a href='#' data-page='11'>11</a></li>")
+      expect(links[11]).toEqual("<li><a href='#' data-page='12'>12</a></li>")
+      expect(links[12]).toEqual("<li><a href='#' data-page='..'>..</a></li>")
+      expect(links[13]).toEqual("<li><a href='#' data-page='50'>50</a></li>")
+
+    it "shows next if there are next pages", ->
+      @view.settings.next = "next"
+      links = @view.buildLinks()
+      expect(links[0]).toEqual("<li><a href='#' data-page='1'>1</a></li>")
+      expect(links[1]).toEqual("<li><a href='#' data-page='2'>2</a></li>")
+      expect(links[2]).toEqual("<li><a href='#' data-page='3'>3</a></li>")
+      expect(links[3]).toEqual("<li><a href='#' data-page='2'>next</a></li>")
+
+    it "shows prev if there are prev pages", ->
+      @view.settings.prev = "prev"
+      @view.settings.current_page = 2
+      links = @view.buildLinks()
+      expect(links[0]).toEqual("<li><a href='#' data-page='1'>prev</a></li>")
+      expect(links[1]).toEqual("<li><a href='#' data-page='1'>1</a></li>")
+      expect(links[2]).toEqual("<li><a href='#' data-page='2'>2</a></li>")
+      expect(links[3]).toEqual("<li><a href='#' data-page='3'>3</a></li>")
+      
+
+  describe "render", ->
+    
+    it "renders the pagination HTML to the el", ->
+      @view.render()
+      expect(@page.html()).toEqual("""
+        <div class="jquery-bootstrap-pagination">
+        <ul>
+        <li class="active"><a href="#" data-page="1">1</a></li>
+        <li><a href="#" data-page="2">2</a></li>
+        <li><a href="#" data-page="3">3</a></li>
+        </ul>
+        </div>
+      """)
+
+    it "adds 'active' to the current page", ->
+      @view.settings.current_page = 2
+      @view.render()
+      expect(@page.html()).toEqual("""
+        <div class="jquery-bootstrap-pagination">
+        <ul>
+        <li><a href="#" data-page="1">1</a></li>
+        <li class="active"><a href="#" data-page="2">2</a></li>
+        <li><a href="#" data-page="3">3</a></li>
+        </ul>
+        </div>
+      """)
+
+    it "disables the first link if on page 1", ->
+      @view.settings.first = "first"
+      @view.settings.last = "last"
+      @view.settings.current_page = 1
+      @view.render()
+      expect(@page.html()).toEqual("""
+        <div class="jquery-bootstrap-pagination">
+        <ul>
+        <li class="disabled"><a href="#" data-page="1">first</a></li>
+        <li class="active"><a href="#" data-page="1">1</a></li>
+        <li><a href="#" data-page="2">2</a></li>
+        <li><a href="#" data-page="3">3</a></li>
+        <li><a href="#" data-page="3">last</a></li>
+        </ul>
+        </div>
+      """)
+
+    it "disables the last link if on the last page", ->
+      @view.settings.first = "first"
+      @view.settings.last = "last"
+      @view.settings.current_page = @view.settings.total_pages
+      @view.render()
+      expect(@page.html()).toEqual("""
+        <div class="jquery-bootstrap-pagination">
+        <ul>
+        <li><a href="#" data-page="1">first</a></li>
+        <li><a href="#" data-page="1">1</a></li>
+        <li><a href="#" data-page="2">2</a></li>
+        <li class="active"><a href="#" data-page="3">3</a></li>
+        <li class="disabled"><a href="#" data-page="3">last</a></li>
+        </ul>
+        </div>
+      """)
+
+    it "disables truncated pages", ->
+      @view.settings.total_pages = 50
+      @view.settings.current_page = 2
+      @view.render()
+      expect(@page.html()).toEqual("""
+        <div class="jquery-bootstrap-pagination">
+        <ul>
+        <li><a href="#" data-page="1">1</a></li>
+        <li class="active"><a href="#" data-page="2">2</a></li>
+        <li><a href="#" data-page="3">3</a></li>
+        <li><a href="#" data-page="4">4</a></li>
+        <li><a href="#" data-page="5">5</a></li>
+        <li><a href="#" data-page="6">6</a></li>
+        <li><a href="#" data-page="7">7</a></li>
+        <li><a href="#" data-page="8">8</a></li>
+        <li class="disabled"><a href="#" data-page="..">..</a></li>
+        <li><a href="#" data-page="50">50</a></li>
+        </ul>
+        </div>
+      """)
+
+    it "disables truncated pages", ->
+      @view.settings.total_pages = 50
+      @view.settings.current_page = 2
+      @view.render()
+      expect(@page.html()).toEqual("""
+        <div class="jquery-bootstrap-pagination">
+        <ul>
+        <li><a href="#" data-page="1">1</a></li>
+        <li class="active"><a href="#" data-page="2">2</a></li>
+        <li><a href="#" data-page="3">3</a></li>
+        <li><a href="#" data-page="4">4</a></li>
+        <li><a href="#" data-page="5">5</a></li>
+        <li><a href="#" data-page="6">6</a></li>
+        <li><a href="#" data-page="7">7</a></li>
+        <li><a href="#" data-page="8">8</a></li>
+        <li class="disabled"><a href="#" data-page="..">..</a></li>
+        <li><a href="#" data-page="50">50</a></li>
+        </ul>
+        </div>
+      """)
+
+    it "paints the correct range", ->
+      @view.settings.total_pages = 50
+      @view.settings.current_page = 8
+      @view.render()
+      expect(@page.html()).toEqual("""
+        <div class="jquery-bootstrap-pagination">
+        <ul>
+        <li><a href="#" data-page="1">1</a></li>
+        <li class="disabled"><a href="#" data-page="..">..</a></li>
+        <li><a href="#" data-page="4">4</a></li>
+        <li><a href="#" data-page="5">5</a></li>
+        <li><a href="#" data-page="6">6</a></li>
+        <li><a href="#" data-page="7">7</a></li>
+        <li class="active"><a href="#" data-page="8">8</a></li>
+        <li><a href="#" data-page="9">9</a></li>
+        <li><a href="#" data-page="10">10</a></li>
+        <li><a href="#" data-page="11">11</a></li>
+        <li><a href="#" data-page="12">12</a></li>
+        <li class="disabled"><a href="#" data-page="..">..</a></li>
+        <li><a href="#" data-page="50">50</a></li>
+        </ul>
+        </div>
+      """)
+
+  describe "clicked", ->
+    
+    it "re-renders the pagination links", ->
+      @view.settings.total_pages = 50
+      @view.settings.current_page = 2
+      @view.render()
+      expect(@page.html()).toEqual("""
+        <div class="jquery-bootstrap-pagination">
+        <ul>
+        <li><a href="#" data-page="1">1</a></li>
+        <li class="active"><a href="#" data-page="2">2</a></li>
+        <li><a href="#" data-page="3">3</a></li>
+        <li><a href="#" data-page="4">4</a></li>
+        <li><a href="#" data-page="5">5</a></li>
+        <li><a href="#" data-page="6">6</a></li>
+        <li><a href="#" data-page="7">7</a></li>
+        <li><a href="#" data-page="8">8</a></li>
+        <li class="disabled"><a href="#" data-page="..">..</a></li>
+        <li><a href="#" data-page="50">50</a></li>
+        </ul>
+        </div>
+      """)
+      $("[data-page=8]", @view.el).click()
+      @view.render()
+      expect(@page.html()).toEqual("""
+        <div class="jquery-bootstrap-pagination">
+        <ul>
+        <li><a href="#" data-page="1">1</a></li>
+        <li class="disabled"><a href="#" data-page="..">..</a></li>
+        <li><a href="#" data-page="4">4</a></li>
+        <li><a href="#" data-page="5">5</a></li>
+        <li><a href="#" data-page="6">6</a></li>
+        <li><a href="#" data-page="7">7</a></li>
+        <li class="active"><a href="#" data-page="8">8</a></li>
+        <li><a href="#" data-page="9">9</a></li>
+        <li><a href="#" data-page="10">10</a></li>
+        <li><a href="#" data-page="11">11</a></li>
+        <li><a href="#" data-page="12">12</a></li>
+        <li class="disabled"><a href="#" data-page="..">..</a></li>
+        <li><a href="#" data-page="50">50</a></li>
+        </ul>
+        </div>
+      """)
+
+  describe "pages", ->
+
+    describe "less than or equal to 10 pages", ->
+
+      beforeEach ->
+        @view.settings.total_pages = 10
+
+      it "handles the first page", ->
+        @view.settings.current_page = 1
+        pages = @view.pages()
+        expect(pages).toEqual([1,2,3,4,5,6,7,8,9,10])
+
+      it "handles a middle page", ->
+        @view.settings.current_page = 3
+        pages = @view.pages()
+        expect(pages).toEqual([1,2,3,4,5,6,7,8,9,10])
+
+      it "handles the last page", ->
+        @view.settings.current_page = 10
+        pages = @view.pages()
+        expect(pages).toEqual([1,2,3,4,5,6,7,8,9,10])
+
+    describe "greater than 10 pages", ->
+      
+      beforeEach ->
+        @view.settings.total_pages = 50  
+
+      it "handles the first page", ->
+        @view.settings.current_page = 1
+        pages = @view.pages()
+        expect(pages).toEqual([1,2,3,4,5,6,7,8, "..", 50])
+      
+      it "handles the last page", ->
+        @view.settings.current_page = 50
+        pages = @view.pages()
+        expect(pages).toEqual([1, "..", 42,43,44,45,46,47,48,49,50])
+
+      it "handles page 49", ->
+        @view.settings.current_page = 49
+        pages = @view.pages()
+        expect(pages).toEqual([1, "..", 42,43,44,45,46,47,48,49,50])
+
+      it "handles near the last page", ->
+        @view.settings.current_page = 47
+        pages = @view.pages()
+        expect(pages).toEqual([1, "..", 42,43,44,45,46,47,48,49,50])
+
+      it "handles page 44", ->
+        @view.settings.current_page = 44
+        pages = @view.pages()
+        expect(pages).toEqual([1, "..", 42,43,44,45,46,47,48,49,50])
+
+      it "handles page 43", ->
+        @view.settings.current_page = 42
+        pages = @view.pages()
+        expect(pages).toEqual([1, "..", 38,39,40,41,42,43,44,45,46,"..",50])
+
+      it "handles page 7", ->
+        @view.settings.current_page = 7
+        pages = @view.pages()
+        expect(pages).toEqual([1, 2, 3, 4, 5, 6, 7, 8, '..', 50])
+
+      it "handles page 9", ->
+        @view.settings.current_page = 9
+        pages = @view.pages()
+        expect(pages).toEqual([1,"..",5,6,7,8,9,10,11,12,13, "..", 50])
+
+      it "handles a middle page", ->
+        @view.settings.current_page = 25
+        pages = @view.pages()
+        expect(pages).toEqual([1, "..", 21,22,23,24,25,26,27,28,29, "..", 50])