(I #2638) Feature to Goto a page directly

main/webapp/modules/core/langs/translation-en.json

@@ -581,6 +581,7 @@
     "core-views/move-to-left": "Move column left",
     "core-views/move-to-right": "Move column right",
     "core-views/show-as": "Show as",
+    "core-views/goto": "go to page…",
     "core-views/first": "first",
     "core-views/previous": "previous",
     "core-views/next": "next",

main/webapp/modules/core/langs/translation-fr.json

@@ -532,6 +532,7 @@
     "core-views/view": "Aperçu",
     "core-views/extend-not-supported": "Ce service de réconciliation de supporte pas l'extension de données. Essayez de supprimer le service et de l'ajouter à nouveau. Si le problème persiste, contactez le fournisseur de service.",
     "core-views/to-text": "En texte",
+    "core-views/goto": "aller à la page…",
     "core-views/first": "première",
     "core-views/word-facet": "Facette par mot",
     "core-views/check-format": "Merci de vérifier le format du fichier.",

main/webapp/modules/core/scripts/views/data-table/data-table-view.js

@@ -41,6 +41,7 @@ function DataTableView(div) {
   this._columnHeaderUIs = [];
   this._shownulls = false;
 
+  this._currentPageNumber = 1;
   this._showRows(0);
 }
 
@@ -163,6 +164,9 @@ DataTableView.prototype._renderPagingControls = function(pageSizeControls, pagin
   var from = (theProject.rowModel.start + 1);
   var to = Math.min(theProject.rowModel.filtered, theProject.rowModel.start + theProject.rowModel.limit);
 
+  self._lastPageNumber = Math.floor((theProject.rowModel.filtered - 1) / this._pageSize) + 1;
+  var pageInputSize = 20 + (8 * ui.dataTableView._lastPageNumber.toString().length);
+
   var firstPage = $('<a href="javascript:{}">&laquo; '+$.i18n('core-views/first')+'</a>').appendTo(pagingControls);
   var previousPage = $('<a href="javascript:{}">&lsaquo; '+$.i18n('core-views/previous')+'</a>').appendTo(pagingControls);
   if (theProject.rowModel.start > 0) {
@@ -173,7 +177,21 @@ DataTableView.prototype._renderPagingControls = function(pageSizeControls, pagin
     previousPage.addClass("inaction");
   }
 
-  $('<span>').addClass("viewpanel-pagingcount").html(" " + from + " - " + to + " ").appendTo(pagingControls);
+  lastPageSpan = $('<span>').attr("id", "viewpanel-paging-last").text(self._lastPageNumber);
+  pageControlSpan = $('<span>').attr("id", "viewpanel-paging-current");
+
+  currentPageInput = $('<input type="number">')
+    .change(function(evt) { self._onChangeGotoPage(this, evt); })
+    .attr("id", "viewpanel-paging-current-input")
+    .val(self._currentPageNumber)
+    .css("max", self._lastPageNumber)
+    .css("width", pageInputSize +"px")
+    .appendTo(pageControlSpan);
+
+  pageControlSpan.append(' of ');
+  lastPageSpan.appendTo(pageControlSpan);
+  pageControlSpan.append(' pages');
+  pagingControls.append(pageControlSpan);
 
   var nextPage = $('<a href="javascript:{}">'+$.i18n('core-views/next')+' &rsaquo;</a>').appendTo(pagingControls);
   var lastPage = $('<a href="javascript:{}">'+$.i18n('core-views/last')+' &raquo;</a>').appendTo(pagingControls);
@@ -493,20 +511,35 @@ DataTableView.prototype._showRows = function(start, onDone) {
   }, this._sorting);
 };
 
+DataTableView.prototype._onChangeGotoPage = function(elmt, evt) {
+  var gotoPageNumber = parseInt($('input#viewpanel-paging-current-input').val());
+
+  if(typeof gotoPageNumber != "number") { $('input#viewpanel-paging-current-input').val(this._currentPageNumber); return; }
+  if(gotoPageNumber > this._lastPageNumber) gotoPageNumber = this._lastPageNumber;
+  if(gotoPageNumber < 1) gotoPageNumber = 1;
+
+  this._currentPageNumber = gotoPageNumber;
+  this._showRows((gotoPageNumber - 1) * this._pageSize);
+};
+
 DataTableView.prototype._onClickPreviousPage = function(elmt, evt) {
+  this._currentPageNumber--;
   this._showRows(theProject.rowModel.start - this._pageSize);
 };
 
 DataTableView.prototype._onClickNextPage = function(elmt, evt) {
+  this._currentPageNumber++;
   this._showRows(theProject.rowModel.start + this._pageSize);
 };
 
 DataTableView.prototype._onClickFirstPage = function(elmt, evt) {
+  this._currentPageNumber = 1;
   this._showRows(0);
 };
 
 DataTableView.prototype._onClickLastPage = function(elmt, evt) {
-  this._showRows(Math.floor((theProject.rowModel.filtered - 1) / this._pageSize) * this._pageSize);
+  this._currentPageNumber = this._lastPageNumber;
+  this._showRows((this._lastPageNumber - 1) * this._pageSize);
 };
 
 DataTableView.prototype._getSortingCriteriaCount = function() {

main/webapp/modules/core/styles/views/data-table-view.less

@@ -55,6 +55,42 @@ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
   font-weight: bold;
   }
 
+.viewpanel-rowrecord a {
+  background-color: @fill_primary;
+  margin: 0px 1px 0px 1px;
+  padding: 2px 5px 2px 5px;
+  .rounded_corners(4px);
+  }
+
+.viewpanel-pagesize a {
+  background-color: @fill_primary;
+  margin: 0px 2px 0px 2px;
+  padding: 2px 3px 2px 3px;
+  .rounded_corners(4px);
+  }
+
+.viewpanel-paging a {
+  background-color: @fill_primary;
+  margin: 0px 4px 0px 4px;
+  padding: 2px 10px 2px 10px;
+  .rounded_corners(4px);
+  }
+
+.viewpanel-paging span#viewpanel-paging-current {
+  margin: 0 10px 0 10px;
+  padding: 0px;
+  }
+
+.viewpanel-paging input#viewpanel-paging-current-input {
+  width: 60px;
+  min: 1;
+  margin: 0px;
+  padding: 0px;
+  height: 16px;
+  position: relative;
+  top: -2px;
+  }
+
 .data-header-table-container {
   border-top: 1px solid @chrome_primary;
   border-bottom: 2px solid @chrome_primary;