Pagination Links demo changing last page

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  
  currentPage: 1,
  
  filteredLastPage: 8,
  
  actions: {
    
    setPage (newPage) {
      Ember.set(this, 'currentPage', newPage);
    },
    
    changeLast (e) {
      const newLast = parseInt(e.target.value);
      const current = Ember.get(this, 'currentPage');
      Ember.set(this, 'filteredLastPage', newLast);
      if (current > newLast) {
        Ember.set(this, 'currentPage', 1);
        // Alternatively, could go to the last page:
        //Ember.set(this, 'currentPage', newLast);
      }
    },
    
  }
});

templates.application.hbs

<h1>Ember Pagination Links</h1>
Currently on page <code>currentPage={{currentPage}}</code><br>
Last page is <code>filteredLastPage={{filteredLastPage}}</code>
<hr>
{{pagination-links
    currentPage=currentPage
    lastPage=filteredLastPage
    goToPage=(action 'setPage')
}}
<hr>
<label for="newLast">Change last page:</label>
<input type="number" id="newLast"
    value={{filteredLastPage}}
    onchange={{action 'changeLast'}}
    onmouseup={{action 'changeLast'}}
    onkeyup={{action 'changeLast'}}
>

twiddle.json

{
  "version": "0.12.1",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "2.12.0",
    "ember-template-compiler": "2.12.0",
    "ember-testing": "2.12.0"
  },
  "addons": {
    "ember-data": "2.12.1",
    "ember-pagination-links": "0.2.1"
  }
}