Resolve contacts in send form & optimizations

[Nasicus]

This does the following:

• On type in address field now also works for wallet labels (did only work for contacts before)
• Form cannot be sent if address is empty
• Known addresses (contacts & wallet labels) are now always resolved and displayed below the field (it always bothered me, that you selected a contact, but didn't know which one it was after you did so, because only the address was displayed). I'm not yet sure if it's optimal from a UX standpoint:
  
• Contacts & wallets can now be resolved without explicitly clicking on it in the dropdown (this only works if you type it 100% correctly, also it only works if the contact is non-ambiguous). Also while you're still typing the Invalid Address error is not shown if you're typing the name of a contact.
  
  • If the contact is ambiguous for some reason (case insensitive!) an error is shown:
    

Fixes: #520

[Nasicus]

Also added this info to the validation page, but kept it more subtile and decided to only show it as a icon with a tooltip (I also had it as a separate row once, but find it this way less disruptive):

Also changed the labels from Contact / wallet to Contact or Account.

[Nasicus]

@j-a-m-l fixed conflicts ;)

[Nasicus]

I changed this a little. I now like it much more than what I did before, see screenshots here:
#537

[j-a-m-l]

Now it works slightly different, please, @Nasicus take a look. Probably your way is better.

[Nasicus]

• rebased & squashed everything into a single commit
• integrated @j-a-m-l changes (looks MUCH better now than before - thanks for the "input"!)
• icon is now displayed instead of the qr-code icon, if the entered value equals either a contact or an account (I think it's still user friendly, because it's very unlikely that you want to scan a QR code once you select a contact, if you still want to do that, you just have delete the input)

The final gif of how it looks and works:

[j-a-m-l]

I like how it's working now, but I'd change the account icons to be the same that are being used in the sidebar (client/app/src/components/account/templates/main-sidenav.html).

[Nasicus]

Problem is that they look almost the same as contacts.
I'd rather replace all account icons over the app with the wallet icon? (However there are 2 very similar "account" icons used right now, for wallet there is only one type)

[j-a-m-l]

There are 4 types:

• Ledger
• Account that are on the blockchain (at least 1 transaction) => maybe this one could be replaced by the account wallet balance icon.
• Account that aren't (cloud off)
• Delegates

I think that it's useful knowing which accounts haven't been used yet.

One way to differentiate them could be using different colours.

[Nasicus]

Damn it you're right - totally forgot about these.

However I don't think it would be good to use all these different icons in the search box, because the aim of the current two icons is to clearly distinguish between contacts and accounts / wallets.

What is your current proposed solution? I must send I don't know what'd be best...

[j-a-m-l]

I understand you point, but I think that it's better to maintain the familiar icons instead of using a new one.
Apart from that, it would be faster to spot a specific account thanks to the icon.

[Nasicus]

At @j-a-m-l what do you say now:

I also added a tooltip if you hover over the icon in the dropdown (of course the tooltip is also shown once you select an account/contact):

[Nasicus]

Also renamed Unique to Single (as discussed), see 34a21f7

Edit:
Now (758933a) I set the icons directly when myAccounts are returned - do you think this is better than calling a separate method each time we need it?

[j-a-m-l]

I think that setting the icon in myAccounts is enough (as long as the accounts don't change).

[j-a-m-l]

Good work!