flowgrammable/flowsim

MAC address edit fields mask feature

Opened this issue · 5 comments

Entering MAC address in action views and anywhere else could be simplified by introducing input field with mask editing capabilities, so user won't need to enter column (:) and it will force user to enter it in proper format reducing need for post validation.

Could you describe a little more what this would look like?

How would it fit into our generic text->uint constructor method?

You can see example here: http://angular-ui.github.io/ui-utils/ scrolldown to Mask input.

Basically you will see an input field with greyedout format 00:00:00:00:00:00, immediately indicating to user what format must be entered and the user as he enters data will only need to enter numbers (letters) and directive will put columns. Then you can hook any other function to validate input as you did so far.

image

So this could be technique we could use for all of our input fields?

-jasson

On Sun, Feb 8, 2015 at 1:20 PM, Sasha Jovicic notifications@github.com
wrote:

You can see example here: http://angular-ui.github.io/ui-utils/
scrolldown to Mask input.

Basically you will see an input field with greyedout format
00:00:00:00:00:00, immediately indicating to user what format must be
entered and the user as he enters data will only need to enter numbers
(letters) and directive will put columns. Then you can hook any other
function to validate input as you did so far.

[image: image]
https://cloud.githubusercontent.com/assets/3321760/6097668/b54a1d40-af94-11e4-9e73-3ad3b01c8371.png


Reply to this email directly or view it on GitHub
#137 (comment)
.

Yes, its just that MAC addresses are the most painful to enter

Ideally we should create a directive per field type