Wait for proper image load event

There is a specific event for when an image has finished loading,
so trigger on that rather than polling. The polling interval of
requestAnimationFrame() can also be very large.

Hide image handling in display object

The callers don't need to concern themselves with how images are
rendered, so hide the details behind the API. This also avoids
exposing the render queue.

Process entire WebSocket message at once

setTimeout() causes too much delay to be useful. Also, we
already handle all rects in a message at once, so this shouldn't
be too much of a change.

Update comment for screenSize()

The explanation was outdated.

Remove unnecessary anonymous function

addEventListener can handle multiple assigned events, no need for a
wrapping function.

Typo fix for last commit

Commit 7d20158b4b8bdc8c6e870bda139e2cf47f83747c contained a typo

Add missing log output for UI-specific errors

Some UI errors and one warning didn't write to the log. We want all
errors to be logged.

Reformat lines to avoid line-breaks

Merge pull request #686 from CendioOssman/favicon

Clean up page icons ("favicon")

Merge pull request #696 from CendioOssman/wheel

Support standard mouse wheel event

Support standard mouse wheel event

Mouse wheel event handling has now been standardised and has broad
support. Use this event rather than the older, non-standard ones.
At the same time fix up support for horisontal mouse wheel events.

Merge pull request #677 from CendioOssman/perf

Support older base64 recordings

Merge branch 'asadpanda-patch1' into master

Closes #654

Add Meta Key mapping to xtscancodes.js

OSLeft/OSRight have been renamed to MetaLeft/MetaRight respectively.
This change will allow the Super/Windows key to be used under the qemu
rfb extension under Chrome and updated browsers.

https://github.com/w3c/uievents-code/issues/7
https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/code

Merge pull request #649 from kanaka/dontgrabinviewonly

Fix view only

Merge pull request #687 from CendioOssman/info

Improve info and error icons

Merge pull request #619 from zarmhast/touchmouse

Fix for touchscreen devices that also have a mouse.

Fix for touchscreen devices that also have a mouse.

Merge pull request #650 from kanaka/touchdetect

New way of detecting touch

Disable forced touch gestures on IE and Edge

Fixes issue discussed in #613

Fix typo that caused clipping by default on IE

Typo from commit a6357e827611aa5b0f2a6082372ab4e06af8cfe9

Add safety check in code for moving the handle

An element that has 'display: none' has a height of zero, and the logic
for the handle assumed that this was never the case. This could cause
the handle to end up at the wrong coordinates.

Move the handle properly when page is scrolled

The coordinates used to calculate the position for the toolbar handle
wrongly took page-offset into account. Util.getPosition was being used
for this. Thus, when page was scrolled, this caused the handle to be
offset when it was being moved. Use getBoundingClientRect instead.

Improve info and error icons

Give them a solid background to make them more easily identifiable
as icons, rather than text or some other more inline element.

Remove iOS startup image

Apple seems to have removed this feature from iOS 9.

Clean up page icon ("favicon") handling

Makes sure we use standardised formats and references, and makes sure
we have all the sizes we might need.

New way of detecting touch

Moves detection to Util and fixes so that touch is properly detected on
MS Surface and touch emulation in Chrome.

Hide input related buttons in view only

Don't modify mouse or keyboard in view_only mode

The UI previously didn't respect view_only in a number of cases.

Add logging when creation of RFB fails

Don't request a new desktop size in view_only

Don't grab keyboard or mouse in view-only mode

Fixes #644.

Remove unused startup screen image

Remove redeclaration of a variable

Support older base64 recordings

Merge pull request #651 from kanaka/separatestates

Separate visual state from protocol state

Merge pull request #665 from CendioOssman/bell

Support RFB bell

Keep the connect panel when missing host or port

Do not timeout error messages

Don't close the control bar when disconnected

If you were very quick to disconnect, you could end up in a state
where the toolbar was hidden.

Remove out-of-place comma

Remove padding which isn't needed anymore

Split cleanup from closing the socket

Remove unnecessary substates of disconnected

The states 'loaded', 'failed' and 'fatal' were all variations of the
'disconnected' state. Removing these states allows us to get rid of
many ugly workarounds and special cases. Error messages to the UI can
now instead be delivered via a new onDisconnected callback.

Improve the connection state names

Names such as 'disconnect' and 'disconnected' are inconsistent in the
way that one describes an action and the other a state. The state that
was called 'normal' didn't fit in with the others because the other
names describe a connection state. The new names are: 'disconnecting',
'connecting' and 'connected'

Clean up log output on state changes

Separate out init state from page state

This makes the state machine simpler as we don't have to confuse
protocol states with visual states.

Clean up special state handling for 'failed'

Properly filter list of auth schemes

We do _not_ support scheme 1 through 16, only 1, 2, and 16 (and 22).

Don't abuse state change function for messages

This doesn't even work anymore since we fixed it to ignore changes
to the current state. Add a separate callback for notifications
instead.

Don't change state to same state

The comment already stated as much, but the code was broken.

Remove special password state

We already have a callback mechanism for this, so let's use that.
Adds an optional parameter 'msg' to the callback.
Fixes vnc_auto.html (#646) which was broken after
4e0c36dda708628836dc6f5d68fc40d05c7716d9

Use single line if's for simple return criteria

Merge branch 'CendioOssman-toolbar' into master

Merge branch 'toolbar' of https://github.com/CendioOssman/noVNC

Remove spaces from clipboard element

Clean up virtual keyboard handling

Add hover hints to buttons

Disable it on touch devices though as it is mostly annoying there.

Add headings to panels

Clean up panel layouts

Make sure everything follows a consistent style and is properly
labeled.

Move Ctrl+Alt+Del to extra keys menu

The extra keys menu is now present for all devices, so avoid clutter
by moving the Ctrl+Alt+Del button there as well.

Make sure all buttons have a tooltip

Auto-close the toolbar on connect after a delay

Allow moving the controlbar handle

This also adds emulation of Element.setCapture() as only Firefox
and Internet Explorer/Edge currently supports it.

Make control bar handle easier to hit on mobile

Add handle to open and close the control bar

Make control bar transparent when idle

Add logo to control bar

Change control bar to a smaller left-side toolbar

Let CSS update UI for touch and connected state

Avoid a lot of JavaScript code that can easily be handed using
style sheets instead, specifically items that should only be shown
when on a touch device, or items that depend on the connected state.

Make status dialog independent of control bar

Improve active button visual response

Enable extra keys for all devices

Manual special keys can be useful on all devices, so stop restricting
it to just touch devices.

Merge control bar sections

There is no status information in the centre anymore, so merge
the left and right sections of the control bar.

Add a separate dialog for the password prompt

The user might be queried for the password during the connect stage
if no password was previously provided. Add a separate dialog for
this rather than abusing the connect dialog.

Abstract status dialog CSS class handling

Move touch text input out of control bar

It has nothing to do with the control bar, so hide it somewhere
more sensible.

Apply CSS style to input elements

Different browsers have wildly different defaults for input elements.
Try to get a consistent interface by applying our own style.

Bling up popups

Make the popups a bit more prominent by adding shadows and animations.

Remove redundant modifier state variables

Replace icons with SVG versions

Resolution independent for high DPI devices, and easier to modify
if we want to change something.

Show all status messages in a popup top bar

Support RFB bell

The protocol handling was already there. What was missing was
hooking it up to a sound file in the user interface.

Clean up panel open/close API

Make "selected" an extra CSS class

Avoid duplicating stuff in the style sheet by making the "selected"
property an extra class, rather than a replacement for the base one.

Harmonise CSS names

Follow the same naming convention for all CSS ids and classes.

Let CSS control what it means to be hidden/closed

This avoids hard-coding layout information in the JavaScript code.
It also opens up possibilities for more control in the CSS, e.g. for
animation.

Simplify modifier button display

Show/hide logo in updateVisualState()

We control the visibility of almost everything else in this function,
so move the logo handling there as well.

Remove unnecessary span:s

They were probably also incorrect to have around block elements
anyway.

Fix name for panel CSS class

Remove unused description

Avoid ambigious optional arguments

Some functions weren't obvious what they would do if an argument was
omitted. Split them up in to separate functions in those cases to
make the API clearer.

Remove beforeunload handler

Support for this is spotty and it is getting more and more restricted
by the day. Give up on this approach.

Separate UI.start() in to sub-functions

Add events to objects the modern way

The old way only allows a single event handler per event, so switch
over everything to the new model.

Remove unused event handlers

These do not work and the mechanism for releasing keyboard grab on
the settings panel needs more work.

Trigger autoconnect at proper time

It needs to happen after everything is fully initialised.

Sort style sheet

Sort and group the entries in the style sheet the same way as in
the HTML document. Makes it easier to find things.

Place related elements together

In order to clarify the HTML we group related panels together with
the corresponding buttons.