add resizer

src/core/gui.coffee

@@ -266,7 +266,7 @@ self.OS.GUI =
                 desktop[0].fetch()
                 _courrier.observable.on "VFS", (d) ->
                     desktop[0].fetch() if d.data.file.hash() is fp.hash() or d.data.file.parent().hash() is fp.hash()
-                    _courrier.ostrigger "desktoploaded"
+                _courrier.ostrigger "desktoploaded"
             # mount it
             riot.mount desktop
         , (e, s) ->
@@ -367,10 +367,11 @@ self.OS.GUI =
                 _GUI.pushServices [
                     "CoreServices/PushNotification",
                     "CoreServices/Spotlight",
-                    #"CoreServices/Calendar"
+                    "CoreServices/Calendar"
                 ]
 
         # startup application here
         _courrier.observable.one "desktoploaded", () ->
-            #_GUI.launch "DummyApp"
+            console.log "startup app"
+            _GUI.launch "DummyApp"
             #_GUI.launch "NotePad"

src/core/tags/afx-file-view.js

@@ -204,6 +204,9 @@
             self.root.observable.on("resize", function(e){
                 calibre_size()
             })
+            self.root.observable.on("calibrate", function(e){
+                calibre_size()
+            })
         })
     </script>
 </afx-file-view>

src/core/tags/afx-hbox.js

@@ -17,6 +17,10 @@
                     self.root.observable.on("resize", function(w,h){
                         calibrate_size()
                     })
+                    self.root.observable.on("calibrate", function(){
+                        console.log("calibrate")
+                        calibrate_size()
+                    })
                 }
         })
         var calibrate_size = function()

src/core/tags/afx-resizer.js

@@ -0,0 +1,83 @@
+<afx-resizer>
+    <script>
+        var self = this
+        self.dir = "hz"
+        self.resizable = undefined
+        self.parent = undefined
+        self.minsize = 0
+        self.on("mount", function(){
+            //self.parent = $(self.root).parent().parent()
+            var tagname = $(self.parent.root).prop("tagName")
+            self.resizable = $(self.root).prev().length == 1 ?  $(self.root).prev()[0]: undefined
+            if(tagname == "AFX-HBOX")
+            {
+                self.dir = "hz"
+                $(self.root).css("cursor", "col-resize")
+                if(self.resizable)
+                {
+                    self.minsize = parseInt($(self.resizable).attr("min-width"))
+                }
+            }
+            else if(tagname == "AFX-VBOX")
+            {
+                self.dir = "ve"
+                $(self.root).css("cursor", "row-resize")
+                if(self.resizable)
+                {
+                    self.minsize = parseInt($(self.resizable).attr("min-height"))
+                }
+            }
+            else
+            {
+                //$(self.root).css("cursor", "normal")
+                self.dir = "none"
+            }
+            
+            enable_dragging()
+        })
+
+    var enable_dragging = function()
+        {
+            $(self.root)
+                .css("user-select","none")
+            $(self.root).on("mousedown", function(e){
+                e.preventDefault()
+
+                $(window).on("mousemove", function(evt){
+                    if(!self.resizable) return
+                    if(self.dir == "hz")
+                        horizontalResize(evt)
+                    else if (self.dir == "ve")
+                        verticalResize(evt)
+                })
+                $(window).on("mouseup", function(evt){
+                    //console.log("unbind mouse up")
+                    $(window).unbind("mousemove", null)
+                })
+            })
+        }
+
+    var horizontalResize = function(e)
+    {
+        if(!self.resizable) return
+        var offset = $(self.resizable).offset()
+        w = Math.round(e.clientX - offset.left)
+        if(w < self.minsize) w = self.minsize
+        $(self.resizable).attr("data-width", w.toString())
+        self.parent.root.observable.trigger("calibrate")
+    }
+
+    var verticalResize = function(e)
+    {
+        //console.log("vboz")
+        if(!self.resizable) return
+        var offset = $(self.resizable).offset()
+        //console.log($(self.resizable).innerHeight())
+        //console.log(e.clientY, offset.top)
+        h = Math.round(e.clientY - offset.top)
+        if(h < self.minsize) h = minsize
+        $(self.resizable).attr("data-height", h.toString())
+        self.parent.root.observable.trigger("calibrate")
+    }
+    </script>
+</afx-resizer>

src/core/tags/afx-vbox.js

@@ -19,6 +19,9 @@
                 self.root.observable.on("resize", function(w,h){
                     calibrate_size()
                 })
+                self.root.observable.on("calibrate", function(){
+                    calibrate_size()
+                })
             }
         })