Add keyUP & keyDown + inverted button Up/Down to match UX

[matinfo]

No description provided.

[nkovacic]

I will review this PR in the following days

[nkovacic]

Removed the inverted up/down. Is there any reason you changed it?
The UX was consistent beacause usually the - is on the left side and the + on the right side.

[matinfo]

Is was more with vertical layout mode that the up/down was not natural. Sorry I focused on this vertical mode I use. Need to have in vertical mode the button up that increment and the button down that decrement.

[nkovacic]

Please provide a codepen or jsfiddle example so I can see where the UX problem is.

[matinfo]

See the Pen yaJRLy by Mathieu Meylan (@matinfo) on CodePen.

<script async src="//assets.codepen.io/assets/embed/ei.js"></script>

For vertical button only (verticalButtons = true):

1. class UP/Down are inverted: bootstrap-touchspin-down = vm.touchSpinOptions.buttonUpClass / bootstrap-touchspin-up = vm.touchSpinOptions.buttonDownClass (small bug).
2. if you click on button + the number is decremented in place of incremented. If click the up arrow number is decremented in place of incremented. But work ok/logical with mouse and keyboard (need to work like for the jQuery clone: http://www.virtuosoft.eu/code/bootstrap-touchspin/)

[nkovacic]

Ok i see where the bug is.
Will post a fix for this.

[nkovacic]

Fixed https://github.com/nkovacic/angular-touchspin/releases/tag/1.3.1