fix scale and event bug

RemoteDesktop/assets/scheme.html

@@ -1,5 +1,7 @@
 <afx-app-window apptitle="VNC Remote Desktop" width="720" height="576" data-id="RemoteDesktop">
     <afx-hbox >
-        <canvas data-id="screen"></canvas>
+        <div data-id="container">
+            <canvas data-id="screen"></canvas>
+        </div>
     </afx-hbox>
 </afx-app-window>

RemoteDesktop/build/debug/scheme.html

@@ -1,5 +1,7 @@
 <afx-app-window apptitle="VNC Remote Desktop" width="720" height="576" data-id="RemoteDesktop">
     <afx-hbox >
-        <canvas data-id="screen"></canvas>
+        <div data-id="container">
+            <canvas data-id="screen"></canvas>
+        </div>
     </afx-hbox>
 </afx-app-window>

RemoteDesktop/coffees/main.coffee

@@ -51,6 +51,7 @@ class RemoteDesktop extends this.OS.GUI.BaseApplication
     main: () ->
         me = @
         @canvas = @find "screen"
+        @container = @find "container"
         @client = new WVNC { 
             element: me.canvas,
             ws: 'wss://localhost:9192/wvnc',
@@ -59,14 +60,26 @@ class RemoteDesktop extends this.OS.GUI.BaseApplication
         @client.onerror = (m) ->
             me.error m
             me.showConnectionDialog()
+        @client.onresize = ()->
+            me.setScale()
         @client.onpassword = ()->
             return new Promise (r,e)->
                 me.openDialog "PromptDialog", (d) ->
                     r(d) 
                 , __("VNC password"), { label: __("VNC password"), value: "demopass", type: "password" }
+        @on "resize", (e)-> me.setScale()
+        @on "focus", (e) -> $(me.canvas).focus()
         @client.init().then () -> 
             me.showConnectionDialog()
     
+    setScale: () ->
+        return unless @client and @client.resolution
+        w = $(@container).width()
+        h = $(@container).height()
+        sx = w / @client.resolution.w
+        sy = h / @client.resolution.h
+        if sx > sy then @client.setScale sy else @client.setScale sx
+    
     showConnectionDialog: () ->
         me = @
         @openDialog new ConnectionDialog, (d) ->

RemoteDesktop/project.apj

@@ -1 +1 @@
-{"name":"RemoteDesktop","root":"home://workspace/RemoteDesktop","css":[],"javascripts":["javascripts/wvnc.js"],"coffees":["coffees/main.coffee"],"copies":["assets/scheme.html","package.json","README.md","javascripts/decoder.js","javascripts/wvnc_asm.js","javascripts/wvnc_asm.wasm"]}
+{"name":"RemoteDesktop","root":"home://Documents/workspace/antosdk-apps/RemoteDesktop","css":["assets/main.css"],"javascripts":["javascripts/wvnc.js"],"coffees":["coffees/main.coffee"],"copies":["assets/scheme.html","package.json","README.md","javascripts/decoder.js","javascripts/wvnc_asm.js","javascripts/wvnc_asm.wasm"]}