start implementing click to place cursor

diff --git a/editor.coffee b/editor.coffee
index d4c0379..863d1ff 100644 (file)
--- a/editor.coffee
+++ b/editor.coffee
@@ -86,10 +86,6 @@ cursor_to_loc = (n, i) ->
                        ret = cursor_to_loc n, i - 1
        return ret
 
-# TODO
-#loc_to_cursor = (n, i) ->
-#      return top: , left:
-
 # encode text so it can be safely placed inside an html attribute
 enc_attr_regex = new RegExp '(&)|(")|(\u00A0)', 'g'
 enc_attr = (txt) ->
@@ -222,10 +218,10 @@ traverse_tree = (tree, state, cb) ->
        return state
 # find the next element in top (and decendants) that is after n and can contain text
 # TODO make it so cursor can go places that don't have text but could
-find_next_cursor_position = (top, n, i) ->
+find_next_cursor_position = (tree, n, i) ->
        if n? and n.type is TYPE_TEXT and n.text.length > i
                return [n, i + 1]
-       found = traverse_tree top, before: n?, (node, state) ->
+       found = traverse_tree tree, before: n?, (node, state) ->
                if node.type is TYPE_TEXT and state.before is false
                        state.node = node
                        state.done = true
@@ -236,10 +232,10 @@ find_next_cursor_position = (top, n, i) ->
        return null
 
 # TODO make it so cursor can go places that don't have text but could
-find_prev_cursor_position = (top, n, i) ->
+find_prev_cursor_position = (tree, n, i) ->
        if n? and n.type is TYPE_TEXT and i > 0
                return [n, i - 1]
-       found = traverse_tree top, before: n?, (node, state) ->
+       found = traverse_tree tree, before: n?, (node, state) ->
                if node.type is TYPE_TEXT
                        unless n?
                                state.node = node
@@ -254,6 +250,27 @@ find_prev_cursor_position = (top, n, i) ->
                return [found.node, found.node.text.length]
        return null
 
+find_loc_cursor_position = (tree, loc) ->
+       console.log tree, loc
+       for c in tree
+               if c.type is TYPE_TAG or c.type is TYPE_TEXT
+                       # FIXME get_el_bounds doesn't work on TYPE_TEXT
+                       bounds = get_el_bounds c.el
+                       console.log bounds
+                       continue if loc.left < bounds.x
+                       continue if loc.left > bounds.x + bounds.w
+                       continue if loc.top < bounds.y
+                       continue if loc.top > bounds.y + bounds.h
+                       if c.type is TYPE_TEXT
+                               # FIXME find position, don't just pass 0
+                               return [c, 0]
+                       if c.children.length
+                               console.log "in"
+                               ret = find_loc_cursor_position c.children, loc
+                               console.log 'found', ret if ret?
+                               return ret if ret?
+       return null
+
 class PeachHTML5Editor
        constructor: (in_el, options = {}) ->
                @in_el = in_el
@@ -293,6 +310,11 @@ class PeachHTML5Editor
                                '34': KEY_PAGE_DOWN
                                '9':  KEY_TAB
 
+                       @idoc.body.onclick = (e) =>
+                               # idoc.body.offset().left/top
+                               new_cursor = find_loc_cursor_position @tree, left: e.pageX, top: e.pageY
+                               if new_cursor?
+                                       @move_cursor new_cursor
                        @idoc.body.onkeyup = (e) =>
                                return if e.ctrlKey
                                return false if ignore_key_codes[e.keyCode]?