OpusCapita / react-crudeditor

OpusCapita React CRUD Editor

Home Page:https://opuscapita.github.io/react-crudeditor/branches/master/?currentComponentName=ContractEditor&maxContainerWidth=100%25&showSidebar=false

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Extend Page Navigation bar with manual page input

dsanko-sc opened this issue · comments

Todo

Input for page and button with text 'Go' (in English) should be added to the right of current page navigation.
It will look like this:
pagination4
Input behaviour:

  1. Action: We enter number in range from '1' to max page number then press key 'Enter' on keyboard or button 'Go'
    Result: Current page is entered value, input is clear
  2. Action: We enter number less than '1' then press key 'Enter' on keyboard or button 'Go'
    Result: Current page is not changed, input is clear
  3. Action: We enter number more then max page number then press key 'Enter' on keyboard or button 'Go'
    Result: Current page is max page number, input is clear
  4. Action: We enter value which contains non-numeric symbols then press key 'Enter' on keyboard or button 'Go'
    Result: Current page is not changed, input is clear

Tested for FF, IE and Chrome. Pages are changed correctly using manual page input or clicking on appropriate page number or 'previous'/'next' arrow. Please, merge with master branch. Spent 1 hour.

Please, release it.