Sample/builder.bjs
authorAlan Knowles <alan@akbkhome.com>
Wed, 19 May 2010 02:27:33 +0000 (10:27 +0800)
committerAlan Knowles <alan@akbkhome.com>
Wed, 19 May 2010 02:27:33 +0000 (10:27 +0800)
Sample/builder.bjs

index a4f419f..ea04401 100644 (file)
@@ -1 +1 @@
-{"id":"file-gtk-7","name":"builder.bjs","parent":"","title":false,"path":"/home/alan/gitlive/app.Builder.js/Sample/builder.bjs","items":[{"|xns":"Gtk","xtype":"Window","|type":"Gtk.WindowType.TOPLEVEL","title":"Application Builder","border_width":0,"|init":"function() {\n     this.atoms = {\n           \"STRING\" : Gdk.atom_intern(\"STRING\")\n\t};\n    XObject.prototype.init.call(this);\n    this.el.show_all();\n    \n    this.get('MidPropTree').hideWin();\n    //this.get('RightPalete').hide();\n\n              \n}\n","default_width":800,"default_height":500,"id":"Window","listeners":{"delete_event":"function (self, event) {\n    return false;\n}","destroy":"function (self) {\n   Gtk.main_quit();\n}"},"items":[{"|xns":"Gtk","xtype":"VBox","id":"w-vbox","items":[{"|xns":"Gtk","xtype":"MenuBar","pack":"pack_start,false,false","items":[{"|xns":"Gtk","xtype":"MenuItem","label":"File","items":[{"|xns":"Gtk","xtype":"Menu","pack":"set_submenu","items":[{"|xns":"Gtk","xtype":"MenuItem","label":"New Project","listeners":{"activate":"function (self) {\n\tthis.get('/EditProject').show({\n\t    success : function(pr) {\n\t\t     this.get('/LeftProjectTree').get('combo').setValue(pr.fn);\n\t    }\n\t});\n}"}},{"|xns":"Gtk","xtype":"MenuItem","label":"New File","listeners":{"activate":"function (self) {\n \tvar fn = this.get('/LeftProjectTree.combo').getValue();\n        if (!fn) {\n            this.get('/LeftProjectTree').showNoProjectSelected();\n            return true;\n        }\n        var pm = imports.Builder.Provider.ProjectManager.ProjectManager;\n        this.get('/DialogNewComponent').show({\n            project : pm.getByFn(fn)\n        });\n}"}},{"|xns":"Gtk","xtype":"SeparatorMenuItem","pack":"add"},{"|xns":"Gtk","xtype":"MenuItem","label":"Add Directory to Project","pack":"add","listeners":{"activate":"function (self) {\n\tvar fn = this.get('/LeftProjectTree').get('combo').getValue();\n        if (!fn) {\n            this.get('/LeftProjectTree').showNoProjectSelected();\n            return true;\n        }\n        \n        \n        var dc = new Gtk.FileChooserDialog({\n            action : Gtk.FileChooserAction.SELECT_FOLDER,\n            modal: true,\n            'select-multiple' : false,\n            \"show-hidden\" : true,\n        });\n        dc.add_button(\"Add To Project\", Gtk.ResponseType.ACCEPT );\n        dc.add_button(\"Cancel\",Gtk.ResponseType.CANCEL);\n        \n        if (dc.run() != Gtk.ResponseType.ACCEPT) {\n            \n            dc.destroy();\n            return;\n        }\n            \n        //Seed.print(dc.get_filename());\n        var pm  = imports.Builder.Provider.ProjectManager.ProjectManager;\n        pm.getByFn(fn).add(dc.get_filename(), 'dir');\n        dc.destroy();\n}"}},{"|xns":"Gtk","xtype":"SeparatorMenuItem","pack":"add"},{"|xns":"Gtk","xtype":"MenuItem","label":"Quit","pack":"add"}]}]},{"|xns":"Gtk","xtype":"MenuItem","label":"Help"}]},{"|xns":"Gtk","xtype":"HPaned","id":"left","position":400,"items":[{"|xns":"Gtk","xtype":"HBox","items":[{"|xns":"Gtk","xtype":"VPaned","position":300,"id":"leftvpaned","items":[{"|xns":"Gtk","xtype":"VBox","id":"LeftTopPanel","items":[{"|xns":"Gtk","xtype":"Expander","label":"Select Project","id":"expander","pack":"pack_start,false,true","|init":"function() {\n    XObject.prototype.init.call(this);\n   this.el.add_events (Gdk.EventMask.BUTTON_MOTION_MASK );\n}\n","listeners":{"activate":"function (self) {\n\tvar nb = this.get('/LeftTopPanel.notebook');\n\tif (this.el.expanded) {\n\t    // now expanded..\n            \n\t    var pm  = imports.Builder.Provider.ProjectManager.ProjectManager;\n\t    \n\t   \n\t    var model = this.get('/LeftProjectTree.combomodel');\n\t    \n\t    model.loadData(pm.projects);\n\t     \n\t    \n\t    nb.el.set_current_page(1);\n\t    //pm.on('changed', function() {\n\t\t//console.log(\"CAUGHT project manager change\");\n\t    //    _combo.model.loadData(pm.projects);\n\t    //}\n\t    return;\n\t}\n\tnb.el.set_current_page(0);\n}","enter_notify_event":"function (self, event) {\n     this.el.expanded = !this.el.expanded;\n//if (this.el.expanded ) {\n    this.listeners.activate.call(this);\n//   }\n\nreturn true;\n}"}},{"|xns":"Gtk","xtype":"Notebook","id":"notebook","|show_border":false,"|show_tabs":true,"pack":"pack_start,true,true","|init":"function() {\n    XObject.prototype.init.call(this);\n\tthis.el.set_current_page(0);\n\n}\n","items":[{"|xns":"Gtk","xtype":"ScrolledWindow","pack":"add","|shadow_type":"Gtk.ShadowType.IN","|init":"function() {\n    XObject.prototype.init.call(this);\n    this.el.set_policy (Gtk.PolicyType.AUTOMATIC, Gtk.PolicyType.AUTOMATIC)\n}\n","id":"LeftTree","|getPaleteProvider":"function() {\n    var model = this.get('model');\n    var pm = imports.Builder.Provider.ProjectManager.ProjectManager;\n    return pm.getPalete(model.file.getType());\n}\n","|renderView":"function() {\n   \t var model = this.get('model');\n\tprint(\"RENDER VIEW?\" + model.file.getType());\n\tswitch( model.file.getType()) {\n\t\tcase 'Roo':\n\t\t    this.get('/RightBrowser.view').renderJS(model.toJS(false,true)[0]);\n\t\tcase 'Gtk':\n\t\t    this.get('/RightGtkView').renderJS(model.toJS(false,true)[0]);\n\t}\n}\n","items":[{"|xns":"Gtk","xtype":"TreeView","pack":"add","id":"view","|headers_visible":false,"|enable_tree_lines":true,"tooltip_column":0,"|init":"function() {\n    \tXObject.prototype.init.call(this);\n\tvar description = new Pango.FontDescription.c_new();\n\tdescription.set_size(8000);\n\tthis.el.modify_font(description);\n\n\tthis.selection = this.el.get_selection();\n\tthis.selection.set_mode( Gtk.SelectionMode.SINGLE);\n\tvar _this = this;\n\tthis.selection.signal['changed'].connect(function() {\n\t\t_this.get('/LeftTree.view').listeners.cursor_changed.apply(\n\t\t    _this.get('/LeftTree.view'), [ _this.get('/LeftTree.view'), '']\n\t\t);\n\t});\n\n\tGtk.drag_source_set (\n\t\tthis.el,            /* widget will be drag-able */\n\t\tGdk.ModifierType.BUTTON1_MASK,       /* modifier that will start a drag */\n\t\tnull,            /* lists of target to support */\n\t\t0,              /* size of list */\n\t\tGdk.DragAction.COPY   | Gdk.DragAction.MOVE           /* what to do with data after dropped */\n\t);\n\tvar targets = new Gtk.TargetList();\n\ttargets.add( this.get('/Window').atoms[\"STRING\"], 0, 0);\n\tGtk.drag_source_set_target_list(this.el, targets);\n\n\tGtk.drag_source_add_text_targets(this.el); \n\tGtk.drag_dest_set\n\t(\n\t    this.el,              /* widget that will accept a drop */\n\t    Gtk.DestDefaults.MOTION  | Gtk.DestDefaults.HIGHLIGHT,\n\t    null,            /* lists of target to support */\n\t    0,              /* size of list */\n\t    Gdk.DragAction.COPY   | Gdk.DragAction.MOVE       /* what to do with data after dropped */\n\t);\n\n\tGtk.drag_dest_set_target_list(this.el, targets);\n\tGtk.drag_dest_add_text_targets(this.el);\n}\n","|highlight":"function(treepath_ar) {\n                    if (treepath_ar.length && treepath_ar[0].length ) {\n                this.el.set_drag_dest_row( \n                    new  Gtk.TreePath.from_string( treepath_ar[0] ),  treepath_ar[1]);\n            } else {\n                this.el.set_drag_dest_row(null, Gtk.TreeViewDropPosition.INTO_OR_AFTER);\n            }\n             \n        }","|selectNode":"function(treepath_str) {\n    this.selection.select_path(new  Gtk.TreePath.from_string( treepath_str));\n}\n","listeners":{"button_press_event":"function (self, ev) {\n \tconsole.log(\"button press?\");\n                if (ev.type != Gdk.EventType.BUTTON_PRESS  || ev.button.button != 3) {\n                    print(\"click\" + ev.type);\n                    return false;\n                }\n              \n            \n                var res = {}; \n                this.get('/LeftTree.view').el.get_path_at_pos(ev.button.x,ev.button.y, res);\n                \n                if (!this.get('/LeftTreeMenu').el)  this.get('/LeftTreeMenu').init();\n                \n                this.get('/LeftTreeMenu').el.set_screen(Gdk.Screen.get_default());\n                this.get('/LeftTreeMenu').el.show_all();\n                this.get('/LeftTreeMenu').el.popup(null, null, null, null, 3, ev.button.time);\n                print(\"click:\" + res.path.to_string());\n                return false;\n}","drag_begin":"function (self, drag_context) {\n\tprint('SOURCE: drag-begin');\n         this.targetData = false;\n        // find what is selected in our tree...\n        var iter = new Gtk.TreeIter();\n        var s = this.selection;\n        s.get_selected(this.get('/LeftTree.model').el, iter);\n\n        // set some properties of the tree for use by the dropped element.\n        var value = new GObject.Value('');\n        this.get('/LeftTree.model').el.get_value(iter, 2, value);\n        var data = JSON.parse(value.value);\n        var xname = this.get('/LeftTree.model').file.guessName(data);\n        \n        this.el.dragData = xname;\n        this.el.dropList = this.get('/LeftTree').getPaleteProvider().getDropList(xname);\n        \n\n        // make the drag icon a picture of the node that was selected\n        var path = this.get('/LeftTree.model').el.get_path(iter);\n        this.el.treepath = path.to_string();\n        \n        var pix = this.el.create_row_drag_icon ( path);\n        \n        Gtk.drag_set_icon_pixmap (ctx,\n            pix.get_colormap(),\n            pix,\n            null,\n            -10,\n            -10);\n        \n        return true;\n}","drag_end":"function (self, drag_context) {\n\tSeed.print('LEFT-TREE: drag-end');\n        this.el.dragData = false;\n        this.el.dropList = false;\n        this.targetData = false;\n        this.get('/LeftTree.view').highlight(false);\n        return true;\n}","drag_motion":"function (self, ctx, x, y, time) {\n    console.log(\"LEFT-TREE: drag-motion\");\n                var src = Gtk.drag_get_source_widget(ctx);\n\n                // a drag from  elsewhere...- prevent drop..\n                if (!src.dragData) {\n                    print(\"no drag data!\");\n                    Gdk.drag_status(ctx, 0, time);\n                    this.targetData = false;\n                    return true;\n                }\n                var action = Gdk.DragAction.COPY;\n                if (src == this.el) {\n                    // unless we are copying!!! ctl button..\n                    action = Gdk.DragAction.MOVE;\n                }\n                var data = {};\n                print(\"GETTING POS\");\n                var isOver = this.get('/LeftTree.view').el.get_dest_row_at_pos(x,y, data);\n                print(\"ISOVER? \" + isOver);\n                if (!isOver) {\n                    Gdk.drag_status(ctx, 0 ,time);\n                    return false; // not over apoint!?!\n                }\n                // drag node is parent of child..\n                console.log(\"SRC TREEPATH: \" + src.treepath);\n                console.log(\"TARGET TREEPATH: \" + data.path.to_string());\n                \n                // nned to check a  few here..\n                //Gtk.TreeViewDropPosition.INTO_OR_AFTER\n                //Gtk.TreeViewDropPosition.INTO_OR_BEFORE\n                //Gtk.TreeViewDropPosition.AFTER\n                //Gtk.TreeViewDropPosition.BEFORE\n                \n                if (typeof(src.treepath) != 'undefined'  && \n                    src.treepath == data.path.to_string().substring(0,src.treepath.length)) {\n                    print(\"subpath drag\");\n                     Gdk.drag_status(ctx, 0 ,time);\n                    return false;\n                }\n                \n                // check that \n                //print(\"DUMPING DATA\");\n                //console.dump(data);\n                // path, pos\n                \n                print(data.path.to_string() +' => '+  data.pos);\n                var tg = this.get('/LeftTree.model').findDropNodeByPath(\n                    data.path.to_string(), src.dropList, data.pos);\n                    \n                this.get('/LeftTree.view').highlight(tg);\n                if (!tg.length) {\n                    print(\"Can not find drop node path\");\n                    this.targetData = false;\n                    Gdk.drag_status(ctx, 0, time);\n                    return true;\n                }\n                //console.dump(tg);\n                this.targetData = tg;    \n                \n                \n                Gdk.drag_status(ctx, action ,time);\n                 \n                return true;\n}","drag_drop":"function (self, ctx, x, y, time) {\n      Seed.print(\"TARGET: drag-drop\");\n                       \n                        Gtk.drag_get_data\n                        (\n                                w,         /* will receive 'drag-data-received' signal */\n                                ctx,        /* represents the current state of the DnD */\n                                this.get('/Window').atoms[\"STRING\"],    /* the target type we want */\n                                time            /* time stamp */\n                        );\n                        \n                         \n                        /* No target offered by source => error */\n                       \n\n                        return  true;\n}","drag_data_received":"function (self, drag_context, x, y, sel_data, info, time) {\n Seed.print(\"Tree: drag-data-received\");\n              var   delete_selection_data = false;\n               var  dnd_success = false;\n                /* Deal with what we are given from source */\n                if( sel_data && sel_data.length ) {\n                    \n                    if (ctx.action == Gdk.DragAction.ASK)  {\n                        /* Ask the user to move or copy, then set the ctx action. */\n                    }\n\n                    if (ctx.action == Gdk.DragAction.MOVE) {\n                        //delete_selection_data = true;\n                    }\n                    \n                    var source = Gtk.drag_get_source_widget(ctx);\n\n                    if (this.targetData) {\n                        if (source != this.el) {\n                            this.get('/LeftTree.model').dropNode(this.targetData,  source.dragData);\n                        } else {\n                            // drag around.. - reorder..\n                             this.get('/LeftTree.model').moveNode(this.targetData);\n                            \n                            \n                        }\n                        //Seed.print(this.targetData);\n                      \n                    }\n                    \n                    \n                    \n                    // we can send stuff to souce here...\n\n                    dnd_success = true;\n\n                }\n\n                if (dnd_success == false)\n                {\n                        Seed.print (\"DnD data transfer failed!\\n\");\n                }\n\n                Gtk.drag_finish (ctx, dnd_success, delete_selection_data, time);\n                return true;\n}","cursor_changed":"function (self) {\n var iter = new Gtk.TreeIter();\n                \n                if (this.selection.count_selected_rows() < 1) {\n                    this.get('/LeftPanel.model').load( false);\n                    this.get('/MidPropTree').activeElement =  false;\n                    this.get('/MidPropTree').hideWin();\n\n                    var pm = this.get('/RightPalete.model');\n                    if (!this.get('/LeftTree').getPaleteProvider()) {\n                        // it may not be loaded yet..\n                        return  true;\n                    }\n                    pm.load( this.get('/LeftTree').getPaleteProvider().gatherList(\n                        this.get('/LeftTree.model').listAllTypes()));\n                   \n                    return true;\n                }\n                \n                //console.log('changed');\n                var s = this.selection;\n                s.get_selected(this.get('/LeftTree.model').el, iter);\n                \n                \n                // var val = \"\";\n                value = new GObject.Value('');\n                this.get('/LeftTree.model').el.get_value(iter, 2, value);\n                this.get('/LeftTree.model').activePath = this.get('/LeftTree.model').el.get_path(iter).to_string();\n                \n                var data = JSON.parse(value.value);\n                this.get('/MidPropTree').activeElement =  data;\n                this.get('/MidPropTree').hideWin();\n                this.get('/LeftPanel.model').load( data);\n                \n                console.log(value.value);\n               // _g.button.set_label(''+value.get_string());\n\n                var pm =this.get('/RightPalete.model');\n                pm.load( this.get('/RightPalete').provider.gatherList(\n                     this.get('/LeftTree.model').listAllTypes()));\n               \n                \n               \n               \n                //Seed.print( value.get_string());\n                return true;\n                \n}"},"items":[{"|xns":"Gtk","xtype":"TreeStore","pack":"set_model","id":"model","|init":"function() {\n    XObject.prototype.init.call(this);\n this.el.set_column_types ( 3, [\n            GObject.TYPE_STRING, // title \n            GObject.TYPE_STRING, // tip\n            GObject.TYPE_STRING // source..\n            ] );\n}\n","activePath":false,"|changed":"function(n, refresh) {\n         print(\"MODEL CHANGED CALLED\" + this.activePath);\n         if (this.activePath) {\n                var iter = new Gtk.TreeIter();\n                this.el.get_iter(iter, new Gtk.TreePath.from_string(this.activePath))\n                this.el.set_value(iter, 0, [GObject.TYPE_STRING, this.nodeTitle(n)]);\n                this.el.set_value(iter, 1, [GObject.TYPE_STRING, this.nodeTitle(n)]);\n                \n                this.el.set_value(iter, 2, [GObject.TYPE_STRING, this.nodeToJSON(n)]);\n            }\n                //this.currentTree = this.toJS(false, true)[0];\n            this.file.items = this.toJS(false, false);\n            print(\"AFTER CHANGED\");\n            //console.dump(this.file.items);\n            this.file.save();\n            this.currentTree = this.file.items[0];\n            //console.log(this.file.toSource());\n            \n            if (refresh) {\n                print(\"REDNER BROWSER?!\");\n                this.get('/LeftTree').renderView();\n\n                var pm = this.get('/RightPalete.model');\n                if (!this.get('/RightPalete').provider) {\n                    pm.load([]);\n                    return;\n                }\n                \n                \n                pm.load( this.get('/RightPalete').provider.gatherList(this.listAllTypes()));\n                //imports['Builder/RightBrowser.js'].renderJS(this.toJS());\n            }\n\t          \n}\n","|loadFile":"function(f) {\n    //console.dump(f);\n            this.el.clear();\n            this.file = f;\n            \n            if (!f) {\n                console.log('missing file');\n                return;\n            }\n            \n            // load the file if not loaded..\n            if (f.items === false) {\n                var _this = this;\n                f.loadItems(function() {\n                    _this.loadFile(f);\n                });\n                return;\n                \n            }\n            if (f.items.length && typeof(f.items[0]) == 'string') {\n            \n                this.get('/RightEditor').el.show();\n                this.get('/RightEditor.view').load( f.items[0]);\n                return;\n            }\n            print(\"LOAD\");\n            //console.dump(f.items);\n            this.load(f.items);\n            this.get('/LeftTree.view').el.expand_all();\n\n            if (!f.items.length) {\n                // single item..\n                \n                this.get('/Window.leftvpaned').el.set_position(80);\n                // select first...\n                this.get('/LeftTree.view').el.set_cursor( \n                    new  Gtk.TreePath.from_string('0'), null, false);\n                \n                \n            } else {\n                  this.get('/Window.leftvpaned').el.set_position(200);\n            }\n            \n            \n            //print(\"hide right editior\");\n            this.get('/RightEditor').el.hide();\n            //print(\"set current tree\");\n            this.currentTree = this.toJS(false, false)[0];\n            //console.dump(this.currentTree);\n            this.currentTree = this.currentTree || { items: [] };\n            this.get('/LeftTree').renderView();\n            //console.dump(this.map);\n            //var RightPalete     = imports.Builder.RightPalete.RightPalete;\n            var pm = this.get('/RightPalete.model');\n            // set up provider..\n            \n            this.get('/RightPalete').provider = this.get('/LeftTree').getPaleteProvider();\n            \n            if (!this.get('/RightPalete').provider) {\n                print (\"********* PALETE PROVIDER MISSING?!!\");\n            }\n            this.get('/LeftTree').renderView();\n            \n            pm.load( this.get('/LeftTree').getPaleteProvider().gatherList(this.listAllTypes()));\n            \n            \n                    \n            this.get('/Window.view-notebook').el.set_current_page(\n                this.get('/LeftTree.model').file.getType()== 'Roo' ? 0 : -1);\n                    \n}\n","|findDropNode":"function(treepath_str, targets) {\n\n// this is used by the dragdrop code in the roo version AFAIR..\n\n    \t\tvar path = treepath_str.replace(/^builder-/, '');\n            // treemap is depreciated... - should really check if model has any entries..\n\n            if (!this.el.iter_n_children(null)) {\n                print(\"NO KEYS\");\n                return [ '',  Gtk.TreeViewDropPosition.INTO_OR_AFTER];\n            }\n            print(\"FIND treepath: \" + path);\n            //console.dump(this.treemap);\n            \n            if (!treepath_str.match(/^builder-/)) {\n                return []; // nothing!\n            }\n            if (targets === true) {\n                return [ path ];\n            }\n            return this.findDropNodeByPath(path,targets) \n}\n","|findDropNodebyPath":"function(treepath_str, targets, pref) {\n    var path = treepath_str + ''; // dupe it..\n    pref = typeof(pref) == 'undefined' ?  Gtk.TreeViewDropPosition.INTO_OR_AFTER : pref;\n    var last = false;\n    //console.dump(this.treemap);\n    while (path.length) {\n        print(\"LOOKING FOR PATH: \" + path);\n        var node_data = this.singleNodeToJS(path);\n        if (node_data === false) {\n            print(\"node not found\");\n            return [];\n        }\n        \n        var xname = this.get('/LeftTree.model').file.guessName(node_data);\n        var match = false;\n        var prop = '';\n        targets.forEach(function(tg) {\n            if (match) {\n                return;;\n            }\n            if ((tg == xname)  ) {\n                match = tg;\n            }\n            if (tg.indexOf(xname +':') === 0) {\n                match = tg;\n                prop = tg.split(':').pop();\n            }\n        });\n        \n        if (match) {\n            if (last) { // pref is after/before..\n                // then it's after last\n                if (pref > 1) {\n                    return []; // do not allow..\n                }\n                return [ last, pref , prop];\n                \n            }\n            return [ path , Gtk.TreeViewDropPosition.INTO_OR_AFTER , prop];\n        }\n        var par = path.split(':');\n        last = path;\n        par.pop();\n        path = par.join(':');\n    }\n    \n    return [];\n            \n}\n","|dropNode":"function(target_data, node) {\n  \t  console.dump(target_data);\n            var tp = target_data[0].length ? new  Gtk.TreePath.from_string( target_data[0] ) : false;\n            \n            print(\"add where: \" + target_data[1]  );\n            var parent = tp;\n            var after = false;\n            if (target_data[1]  < 2) { // before or after..\n                var ar = target_data[0].split(':');\n                ar.pop();\n                parent  = new  Gtk.TreePath.from_string( ar.join(':') );\n                after = tp;\n            }\n            var n_iter = new Gtk.TreeIter();\n            var iter_par = new Gtk.TreeIter();\n            var iter_after = after ? new Gtk.TreeIter() : false;\n            \n            \n            \n            if (parent !== false) {\n                this.el.get_iter(iter_par, parent);\n            } else {\n                iter_par = null;\n            }\n            \n            \n            if (after) {\n                print(target_data[1]  > 0 ? 'insert_after' : 'insert_before');\n                this.el.get_iter(iter_after, after);\n                this.el[ target_data[1]  > 0 ? 'insert_after' : 'insert_before'](\n                        n_iter, iter_par, iter_after);\n                \n            } else {\n                this.el.append(n_iter, iter_par);\n                \n            }\n            \n            if (typeof(node) == 'string') {\n                var ar = node.split('.');\n                var xtype = ar.pop();\n                \n                node = {\n                    '|xns' : ar.join('.'),\n                    'xtype' : xtype\n                };\n                if (target_data.length == 3 && target_data[2].length) {\n                    node['*prop'] = target_data[2];\n                }\n                \n            }\n            // work out what kind of packing to use..\n            if (typeof(node.pack) == 'undefined'  && parent !== false) {\n                var pal = this.get('/LeftTree').getPaleteProvider();\n                \n                var pname = pal.guessName(this.singleNodeToJS(parent.to_string()));\n                print (\"PNAME : \"  + pname);\n                var cname = pal.guessName(node);\n                print (\"CNAME : \"  + cname);\n                node.pack = pal.getDefaultPack(pname, cname);\n                \n                \n            }\n            \n            \n            var xitems = [];\n            if (node.items) {\n                xitems = node.items;\n                delete node.items;\n            }\n            if (xitems) {\n                this.load(xitems, n_iter);\n            }\n            if (xitems || after) {\n                this.get('/LeftTree.view').el.expand_row(this.el.get_path(iter_par), true);\n            }\n            // wee need to get the empty proptypes from somewhere..\n            \n            //var olditer = this.activeIter;\n            this.activeIter = n_iter;\n            this.changed(node, true);\n            \n            \n            \n            this.get('/LeftTree.view').el.set_cursor(this.el.get_path(n_iter), null, false);\n            \n            //Builder.MidPropTree._model.load(node);\n            //Builder.MidPropTree._win.hideWin();\n            //Builder.LeftPanel._model.load( node);\n            \n            \n}\n","|movenode":"function(target_data) {\n     //print(\"MOVE NODE\");\n           // console.dump(target_data);\n            var old_iter = new Gtk.TreeIter();\n            var s = this.get('/LeftTree.view').selection;\n            s.get_selected(this.el, old_iter);\n            var node = this.nodeToJS(old_iter,false);\n            //console.dump(node);\n            \n            \n            // needs to drop first, otherwise the target_data \n            // treepath will be invalid.\n            \n            this.dropNode(target_data, node);\n            this.el.remove(old_iter);\n}\n","|deleteSelected":"function() {\n            \n            var old_iter = new Gtk.TreeIter();\n            var s = this.get('/LeftTree.view').selection;\n            s.get_selected(this.el, old_iter);\n            s.unselect_all();\n            \n            this.el.remove(old_iter);\n            \n            // rebuild treemap. -- depreciated.!!\n            this.map = {};\n            this.treemap = { };\n            //this.toJS(null, true) // does not do anything?\n            this.activeIter = false;\n            this.changed(false,true);\n}\n","currentTree":false,"|listAllTypes":"function() {\n    var s = this.get('/LeftTree.view').selection;\n    print (\"LIST ALL TYPES: \" + s.count_selected_rows() );\n    \n    if (s.count_selected_rows() > 0) {\n        var iter = new Gtk.TreeIter();    \n        s.get_selected(this.el, iter);\n\n        // set some properties of the tree for use by the dropped element.\n        var value = new GObject.Value('');\n        this.el.get_value(iter, 2, value);\n        var data = JSON.parse(value.value);\n        \n        \n        var xname = LeftTree.get('model').file.guessName(data);\n        console.log('selected:' + xname);\n        if (xname.length) {\n            return [ xname ];\n        }\n        return []; // could not find it..\n    }\n    \n    var ret = [ ];\n    \n   var _this = this;\n    function addall(li)\n    {\n        li.forEach(function(el) {\n            // this is specific to roo!!!?\n            \n            var fullpath =  _this.file.guessName(el);\n            if (fullpath.length && ret.indexOf(fullpath) < 0) {\n                ret.push(fullpath);\n            }\n            \n            \n            if (el.items && el.items.length) {\n                addall(el.items);\n            }\n            \n        });\n        \n        \n    }\n    \n    addall([this.currentTree]);\n    \n    // only if we have nothing, should we add '*top'\n    if (!ret.length) {\n        ret = [ '*top' ];\n    }\n    //console.log('all types in tree');\n    //console.dump(ret);\n    \n    return ret;\n                            \n}\n","|singleNodeToJS":"function (treepath) \n        {\n            var iter = new Gtk.TreeIter(); \n            if (!this.el.get_iter(iter, new Gtk.TreePath.from_string(treepath))) {\n                return false;\n            }\n            \n            var iv = this.getIterValue(iter, 2);\n           \n            return JSON.parse(iv);\n            \n        }","|nodeToJS":"function (iter, with_id) \n{\n    var par = new Gtk.TreeIter(); \n    var iv = this.getValue(iter, 2);\n   // print(\"IV\" + iv);\n    var k = JSON.parse(iv);\n    if (k.json && !this.el.iter_parent( par, iter  )) {\n        delete k.json;\n    }\n    \n    if (with_id) {\n        var treepath_str = this.el.get_path(iter).to_string();\n        // not sure how we can handle mixed id stuff..\n        if (typeof(k.id) == 'undefined')  {\n            k.id =  'builder-'+ treepath_str ;\n        }\n        \n        // needed??\n        this.treemap[  treepath_str ] = k;\n        k.xtreepath = treepath_str ;\n        \n    }\n    if (this.el.iter_has_child(iter)) {\n        citer = new Gtk.TreeIter();\n        this.el.iter_children(citer, iter);\n        k.items = this.toJS(citer,with_id);\n    }\n    return k;\n}\n","|toJS":"function(iter, with_id)\n        {\n            Seed.print(\"WITHID: \"+ with_id);\n            \n            var first = false;\n            if (!iter) {\n                \n                this.treemap = { }; \n                \n                iter = new Gtk.TreeIter();\n                if (!this.el.get_iter_first(iter)) {\n                    return [];\n                }\n                first = true;\n            } \n            \n            var ar = [];\n               \n            while (true) {\n                \n                var k = this.nodeToJS(iter, with_id); \n                ar.push(k);\n                \n                \n                if (!this.el.iter_next(iter)) {\n                    break;\n                }\n            }\n            \n            return ar;\n            // convert the list into a json string..\n        \n            \n        }","|getIterValue":" function (iter, col) {\n    var gval = new GObject.Value('');\n    this.el.get_value(iter, col ,gval);\n    return  gval.value;\n    \n    \n}","|nodeTitle":"function() {\n      var txt = [];\n    c = c || {};\n    var sr = (typeof(c['+buildershow']) != 'undefined') &&  !c['+buildershow'] ? true : false;\n    if (sr) txt.push('<s>');\n    if (typeof(c['*prop']) != 'undefined')   { txt.push(c['*prop']+ ':'); }\n    if (c.xtype)      { txt.push(c.xtype); }\n    if (c.id)      { txt.push('<b>[id=' + c.id + ']</b>'); }\n    if (c.fieldLabel) { txt.push('[' + c.fieldLabel + ']'); }\n    if (c.boxLabel)   { txt.push('[' + c.boxLabel + ']'); }\n    \n    \n    if (c.layout)     { txt.push('<i>' + c.layout + '</i>'); }\n    if (c.title)      { txt.push('<b>' + c.title + '</b>'); }\n    if (c.label)      { txt.push('<b>' + c.label+ '</b>'); }\n    if (c.header)    { txt.push('<b>' + c.header + '</b>'); }\n    if (c.legend)      { txt.push('<b>' + c.legend + '</b>'); }\n    if (c.text)       { txt.push('<b>' + c.text + '</b>'); }\n    if (c.name)       { txt.push('<b>' + c.name+ '</b>'); }\n    if (c.region)     { txt.push('<i>(' + c.region + ')</i>'); }\n    if (c.dataIndex) { txt.push('[' + c.dataIndex+ ']'); }\n    \n    // for flat classes...\n    if (typeof(c['*class']) != 'undefined')  { txt.push('<b>' +  c['*class']+  '</b>'); }\n    if (typeof(c['*extends']) != 'undefined')  { txt.push(': <i>' +  c['*extends']+  '</i>'); }\n    \n    \n    if (sr) txt.push('</s>');\n    return (txt.length == 0 ? \"Element\" : txt.join(\" \"));\n}\n","|nodeToJSON":"function(c) {\n    var o  = {}\n    for (var i in c) {\n        if (i == 'items') {\n             continue;\n        }\n        o[i] = c[i];\n    }\n    return JSON.stringify(o);\n}\n","|load":"function(tr,iter)\n        {\n            var citer = new Gtk.TreeIter();\n            //this.insert(citer,iter,0);\n            for(var i =0 ; i < tr.length; i++) {\n                if (iter) {\n                    this.el.insert(citer,iter,-1);\n                } else {\n                    this.el.append(citer);\n                }\n                \n                this.el.set_value(citer, 0, [GObject.TYPE_STRING, this.nodeTitle(tr[i]) ]);\n                this.el.set_value(citer, 1, [GObject.TYPE_STRING, this.nodeTitle(tr[i]) ]);\n                this.el.set_value(citer, 2, [GObject.TYPE_STRING, this.nodeToJSON(tr[i])]);\n                if (tr[i].items && tr[i].items.length) {\n                    this.load(tr[i].items, citer);\n                }\n            }     \n        }"},{"|xns":"Gtk","xtype":"TreeViewColumn","pack":"append_column","|init":"function() {\n    XObject.prototype.init.call(this);\n   this.el.add_attribute(this.items[0].el , 'markup', 0 );\n}\n","items":[{"|xns":"Gtk","xtype":"CellRendererText","pack":"pack_start"}]}]}]},{"|xns":"Gtk","xtype":"VBox","pack":"add","id":"LeftProjectTree","|showNoProjectSelected":"function() {\n   this.get('/StandardErrorDialog').show(\"Select a Project first.\"); \n}\n","listeners":{"leave_notify_event":"function (self, event) {\n    return false;\n}"},"items":[{"|xns":"Gtk","xtype":"HBox","pack":"pack_start,false,false","items":[{"|xns":"Gtk","xtype":"ComboBox","id":"combo","|init":"function() {\n    XObject.prototype.init.call(this);\n    this.el.add_attribute(this.get('render').el , 'markup', 1 );  \n}\n","|getValue":"function() {\n    var ix = this.el.get_active();\n    if (ix < 0 ) {\n        return false;\n    }\n    var data = imports.Builder.Provider.ProjectManager.ProjectManager.projects;\n    return data[ix].fn;\n}","|setValue":"function(fn)\n{\n    var el = this.el;\n    el.set_active(-1);\n    var data = imports.Builder.Provider.ProjectManager.ProjectManager.projects;\n    data.forEach(function(n, ix) {\n        if (fn == n.fn) {\n            el.set_active(ix);\n            return false;\n        }\n    });\n}\n","listeners":{"changed":"function (self) {\n\tvar fn = this.getValue();\n\tvar pm  = imports.Builder.Provider.ProjectManager.ProjectManager;\n\tthis.get('/LeftProjectTree.model').loadProject(pm.getByFn(fn))\n}"},"items":[{"|xns":"Gtk","xtype":"CellRendererText","pack":"pack_start,true","id":"render"},{"|xns":"Gtk","xtype":"ListStore","pack":"set_model","|init":"function() {\n    XObject.prototype.init.call(this);\n  this.el.set_column_types ( 2, [\n        GObject.TYPE_STRING,  // real key\n        GObject.TYPE_STRING // real type\n        \n        \n    ] );\n        \n}\n","|loadData":"function(data) {\n     var ov = this.get('/LeftProjectTree.combo').getValue();\n    this.el.clear();\n    var iter = new Gtk.TreeIter();\n    var el = this.el;\n    data.forEach(function(p) {\n        \n        el.append(iter);\n        \n         \n        el.set_value(iter, 0, p.fn);\n        el.set_value(iter, 1, p.name);\n        \n    });\n    \n    this.get('/LeftProjectTree.combo').setValue(ov);\n}\n","id":"combomodel"}]}]},{"|xns":"Gtk","xtype":"ScrolledWindow","pack":"add","|shadow_type":"Gtk.ShadowType.IN","|init":"function() {\n    XObject.prototype.init.call(this);\n    this.el.set_policy  (Gtk.PolicyType.AUTOMATIC, Gtk.PolicyType.AUTOMATIC );\n}\n","items":[{"|xns":"Gtk","xtype":"TreeView","|headers_visible":false,"|enable_tree_lines":true,"tooltip_column":1,"|init":"function() {\n    XObject.prototype.init.call(this);\nvar description = new Pango.FontDescription.c_new();\n                            description.set_size(8000);\n                            this.el.modify_font(description);\n                            \n                            this.selection = this.el.get_selection();\n                            this.selection.set_mode( Gtk.SelectionMode.SINGLE);\n}\n","id":"view","listeners":{"cursor_changed":"function (self) {\n \tvar iter = new Gtk.TreeIter();\n                                \n        if (this.selection.count_selected_rows() < 1) {\n            //XN.get('Builder.LeftTree.model').\n            this.get('/LeftTree.model').load( false);\n            \n            return;\n        }\n        var model = this.get('/LeftProjectTree.model');\n        //console.log('changed');\n        var s = this.selection;\n        s.get_selected(model, iter);\n        value = new GObject.Value('');\n        model.el.get_value(iter, 2, value);\n        \n        console.log(value.value);// id..\n        \n        var file = this.get('/LeftProjectTree').project.getById(value.value);\n        \n        \n        console.log(file);\n        \n\n\n        var nb = this.get('/LeftTopPanel.expander');\n        nb.el.expanded = false;\n        nb.listeners.activate.call(nb);\n        //_expander.el.set_expanded(false);\n\n        var ltm = this.get('/LeftTree.model');\n        ltm.loadFile(file);\n        \n        return true;\n}"},"items":[{"|xns":"Gtk","xtype":"TreeStore","pack":"set_model","id":"model","|init":"function() {\n    XObject.prototype.init.call(this);\n  this.el.set_column_types ( 3, [\n                    GObject.TYPE_STRING, // title \n                    GObject.TYPE_STRING, // tip\n                    GObject.TYPE_STRING // id..\n                    ] );\n   \n}\n","|loadProject":"function() {\n           this.el.clear();\n            if (!pr) {\n                return;\n            }\n            this.get('/LeftProjectTree').project = pr;\n            this.load(pr.toTree());\n            this.get('/LeftProjectTree.view').el.expand_all();\n}\n","|load":"function() {\n    console.dump(tr);\n            console.log('Project tree load: ' + tr.length);\n            var citer = new Gtk.TreeIter();\n            //this.insert(citer,iter,0);\n            \n            var _this = this;\n            tr.forEach(function (r) {\n                if (!iter) {\n                    _this.el.append(citer);   \n                } else {\n                    _this.el.insert(citer,iter,-1);\n                }\n                _this.el.set_value(citer, 0,  '' + r.getTitle() ); // title \n                _this.el.set_value(citer, 1, '' + r.getTitleTip()); // tip\n                _this.el.set_value(citer, 2, '' + r.id ); //id\n                if (r.cn && r.cn.length) {\n                    _this.load(r.cn, citer);\n                }\n                \n            });\n}\n","|getValue":"function() {\n    var gval = new GObject.Value('');\n    this.el.get_value(iter, col ,gval);\n    return  '' + gval.value;\n}\n"},{"|xns":"Gtk","xtype":"TreeViewColumn","pack":"append_column","|init":"function() {\n    XObject.prototype.init.call(this);\n    this.el.add_attribute(this.items[0].el , 'markup', 0 );\n}\n","items":[{"|xns":"Gtk","xtype":"CellRendererText","pack":"pack_start"}]}]}]}]}]}]},{"|xns":"Gtk","xtype":"VBox","listeners":{},"items":[{"|xns":"Gtk","xtype":"ScrolledWindow","id":"LeftPanel","pack":"add","|shadow_type":"Gtk.ShadowType.IN","editing":false,"|init":"function() {\n    XObject.prototype.init.call(this);\n   this.el.set_policy (Gtk.PolicyType.AUTOMATIC, Gtk.PolicyType.AUTOMATIC);\n}\n","items":[{"|xns":"Gtk","xtype":"TreeView","id":"view","tooltip_column":1,"|headers_visible":false,"|enable_tree_lines":true,"|init":"function() {\n     XObject.prototype.init.call(this); \n                       \n                    this.selection = this.el.get_selection();\n                    this.selection.set_mode( Gtk.SelectionMode.SINGLE);\n                 \n                    \n                    var description = new Pango.FontDescription.c_new();\n                    description.set_size(8000);\n                    this.el.modify_font(description);\n}\n","listeners":{"button_press_event":"function (self, ev) {\n    \n                \n                var res = { }; \n                if (!this.el.get_path_at_pos(ev.button.x,ev.button.y, res)) {\n                    return false; //not on a element.\n                }\n                \n                \n                if (ev.type != Gdk.EventType.BUTTON_PRESS  || ev.button.button != 3) {\n                    \n                    if (res.column.title != 'value') {\n                        return false; // ignore..\n                    }\n                    if (  this.get('/LeftPanel').editing) {\n                        return false;\n                    }\n                    var renderer = this.get('/LeftPanel').editableColumn.items[0].el; // set has_entry..\n                    this.get('/LeftPanel').editableColumn.items[0].el.stop_editing();\n                    var type = this.get('/LeftPanel.model').getType(res.path.to_string());\n                    \n                     \n\n                    var provider = this.get('/LeftTree').getPaleteProvider();\n                    \n                    var opts = provider.findOptions(type);\n                    \n                    if (opts === false) {\n                         this.get('/LeftPanel').editableColumn.setOptions([]);\n                        renderer.has_entry = true;\n                    } else {\n                        LeftPanel.editableColumn.setOptions(opts);\n                        renderer.has_entry = false;\n                    }\n                    \n                    \n                   //Seed.print(\"click\" + ev.type);\n                    //console.dump(res);\n                    return false;\n                }\n              \n            \n               \n                if (res.column.title == 'value') {\n                    return false;\n                }\n                //if (! this.get('/LeftPanelPopup')LeftPanelPopup.el) LeftPanelPopup.init();\n                this.get('/LeftPanelPopup').el.set_screen(Gdk.Screen.get_default());\n                this.get('/LeftPanelPopup').el.show_all();\n                this.get('/LeftPanelPopup').el.popup(null, null, null, null, 3, ev.button.time);\n                //Seed.print(\"click:\" + res.column.title);\n                \n                \n                return false;\n}"},"items":[{"|xns":"Gtk","xtype":"TreeStore","pack":"set_model","id":"model","|init":"function() {\n    XObject.prototype.init.call(this);\nthis.el.set_column_types ( 5, [\n                                GObject.TYPE_STRING,  // 0 real key\n                                GObject.TYPE_STRING, // 1 real value \n                                 GObject.TYPE_STRING,  // 2 visable key\n                                 GObject.TYPE_STRING, // 3 visable value\n                                 GObject.TYPE_STRING, // 4 need to store type of!!!\n                              \n                            ]);\n}\n","|toShort":"function(str) {\n    var a = typeof(str) == 'string' ? str.split(\"\\n\") : [];\n        return a.length > 1 ? a[0] + '....' : '' + str;\n}\n","|load":"function(ar) {\n     this.el.clear();\n                            \n            this.get('/RightEditor').el.hide();\n            if (ar === false) {\n                return ;\n            }\n            var ret = {}; \n            \n\n            var provider = this.get('/LeftTree').getPaleteProvider();\n            \n            // sort!!!?\n            var iter = new Gtk.TreeIter();\n            for (var i in ar) {\n                if (typeof(ar[i]) == 'object') {\n                    continue;\n                }\n                \n                var type = provider.findType(ar, i, ar[i]);\n                \n                this.el.append(iter);\n                var p = this.el.get_path(iter).to_string();\n                ret[i] = p;\n                this.el.set_value(iter, 0, i);\n                this.el.set_value(iter, 1, '' + ar[i]);\n                this.el.set_value(iter, 2, i);\n                this.el.set_value(iter, 3, this.toShort(ar[i]));\n                this.el.set_value(iter, 4, type);\n            }\n            ar.listeners = ar.listeners || {};\n            for (var i in ar.listeners ) {\n                this.el.append(iter);\n                var p = this.el.get_path(iter).to_string();\n                ret['!' + i] = p;\n                \n                this.el.set_value(iter, 0, '!'+  i  );\n                this.el.set_value(iter, 1, '' + ar.listeners[i]);\n                this.el.set_value(iter, 2, '<b>'+ i + '</b>');\n                \n                this.el.set_value(iter, 3, '' + this.toShort(ar.listeners[i]));\n                this.el.set_value(iter, 4, 'function');\n            }\n            return ret;\n}\n","|add":"function(info) {\n      // info includes key, val, skel, etype..\n                             console.dump(info);\n            type = info.type.toLowerCase();\n            var data = this.toJS();\n            \n            if (info.etype == 'events') {\n                data.listeners = data.listeners || { };\n                if (typeof(data.listeners[info.key]) != 'undefined') {\n                    return; //already set!\n                }\n            } else {\n                if (typeof(data[info.key]) != 'undefined') {\n                    return;\n                }\n            }\n            \n            if (typeof(info.val) == 'undefined') {\n                    \n                info.val = '';\n                if (info.type == 'boolean') {\n                    info.val = true;\n                }\n                if (type == 'number') {\n                    info.val = 0;\n                }\n                // utf8 == string..\n                \n                \n            }\n            var k = info.key;\n            if (info.etype == 'events') {\n             \n                data.listeners[info.key] = info.val;\n                k = '!' + info.key;\n            } else {\n                data[info.key] = info.val;\n            }\n            \n            \n            var map = this.load(data);\n            \n            // flag it as changed to the interface..\n\n            this.get('/LeftTree.model').changed(data, true); \n            \n            \n            this.startEditing(map[k]);\n             \n            /*\n            LeftPanel.get('view').el.row_activated(\n                new Gtk.TreePath.from_string(map[k]), \n                LeftPanel.editableColumn.el\n            );\n            */\n}\n","|startEditing":"function(path,col) {\n/**\n* start editing path (or selected if not set..)\n* @param {String|false} path  (optional) treepath to edit - selected tree gets\n*     edited by default.\n* @param {Number} 0 or 1 (optional)- column to edit. \n*/\n     var tp;\n            if (typeof(path) == 'string') {\n                tp = new Gtk.TreePath.from_string(path);\n            } else {\n                var iter = new Gtk.TreeIter();\n                var s = this.get('/LeftPanel.view').selection;\n                s.get_selected(this.el, iter);\n                tp = this.el.get_path(iter);\n                path = tp.to_string();\n            }\n            \n           \n            // which colum is to be edited..\n            var colObj = false;\n            if (typeof(col) == 'undefined') {\n                var k = this.getValue(path, 0);\n                colObj = (!k.length || k == '|') ? \n                    this.get('/LeftPanel').propertyColumn : this.get('/LeftPanel').editableColumn;\n            } else {\n                colObj = col ? this.get('/LeftPanel').editableColumn : this.get('/LeftPanel').propertyColumn;\n            }\n            \n            // make sure the pulldown is set correctly..\n            // not really needed for second col...\n\n            var provider = this.get('/LeftTree').getPaleteProvider();\n           \n            var type = this.get('/LeftPanel.model').getType(path);\n            var opts = provider.findOptions(type);\n            var renderer = this.get('/LeftPanel').editableColumn.items[0].el;\n            \n            if (opts === false) {\n                this.get('/LeftPanel').editableColumn.setOptions([]);\n                renderer.has_entry = true; /// probably does not have any effect.\n            } else {\n                this.get('/LeftPanel').editableColumn.setOptions(opts);\n                renderer.has_entry = false;\n            }\n            \n            var _this=this;\n            // iter now has row...\n            GLib.timeout_add(0, 100, function() {\n                \n                colObj.items[0].el.editable = true; // esp. need for col 0..\n                _this.get('/LeftPanel.view').el.set_cursor_on_cell(\n                    tp,\n                    colObj.el,\n                    colObj.items[0].el,\n                    true\n                );\n            });\n            \n}\n","|deleteSelected":"function() {\n     var data = this.toJS();\n    var iter = new Gtk.TreeIter();\n    var s = this.get('/LeftPanel.view').selection;\n    s.get_selected(this.el, iter);\n         \n       \n    var gval = new GObject.Value('');\n   this.get('/LeftPanel.model').el.get_value(iter, 0 ,gval);\n    \n    var val = gval.value;\n    if (val[0] == '!') {\n        // listener..\n        if (!data.listeners || typeof(data.listeners[  val.substring(1)]) == 'undefined') {\n            return;\n        }\n        delete data.listeners[  val.substring(1)];\n        if (!XObject.keys(data.listeners).length) {\n            delete data.listeners;\n        }\n        \n    } else {\n        if (typeof(data[val]) == 'undefined') {\n            return;\n        }\n        delete data[val];\n    }\n    \n    \n    this.load(data);\n    this.get('/LeftTree.model').changed(data, true);\n    \n}\n","activePath":false,"|changed":"function(str, doRefresh) {\n    if (!this.activePath) {\n        return;\n    }\n    var iter = new Gtk.TreeIter();\n    this.el.get_iter(iter, new Gtk.TreePath.from_string(this.activePath));\n    \n    this.el.set_value(iter, 1, '' +str);\n    this.el.set_value(iter, 3, '' + this.toShort(str));\n    // update the tree...\n    var LeftTree        = imports.Builder.LeftTree.LeftTree;\n    this.get('/LeftTree.model').changed(this.toJS(), doRefresh); \n}\n","|toJS":"function() {\n     var iter = new Gtk.TreeIter();\n    this.get('/LeftPanel.model').el.get_iter_first(iter);\n    var ar = {};\n       \n    while (true) {\n        \n        var k = this.getValue(this.el.get_path(iter).to_string(), 0);\n       // Seed.print(k);\n        if (k[0] == '!') {\n            ar.listeners = ar.listeners || {};\n            ar.listeners[  k.substring(1)] = this.getValue(this.el.get_path(iter).to_string(), 1);\n            \n        } else {\n            ar[ k ] = this.getValue(this.el.get_path(iter).to_string(), 1);\n        }\n        \n        if (! this.get('/LeftPanel.model').el.iter_next(iter)) {\n            break;\n        }\n    }\n    \n    \n    //print(JSON.stringify(ar));\n    return ar;\n    // convert the l\n}\n","|getType":"function(treepath) {\n     return this.getValue(treepath_str, 4);\n}\n","|getValue":"function(treepath_str, col) {\n      var iter = new Gtk.TreeIter();\n    this.el.get_iter(iter, new Gtk.TreePath.from_string(treepath_str));\n    \n    var gval = new GObject.Value('');\n    this.get('/LeftPanel.model').el.get_value(iter, col ,gval);\n    var val = '' + gval.value;\n    if (col != 1) {\n        return val;\n    }\n    var type = this.getType(this.el.get_path(iter).to_string());\n    //print(\"TYPE: \" +type + \" -  val:\" + val);\n    switch(type.toLowerCase()) {\n        case 'number':\n        case 'uint':\n        case 'int':\n            return parseFloat(val); // Nan ?? invalid!!?\n        case 'boolean':\n            return val == 'true' ? true : false;\n        default: \n            return val;\n    }\n                            \n}\n","|editSelected":"function(e) {\n    print(\"EDIT SELECTED?\");\n            var iter = new Gtk.TreeIter();\n            var s = this.get('/LeftPanel.view').selection;\n            s.get_selected(this.get('/LeftPanel.model').el, iter);\n            var m = this.get('/LeftPanel.model')\n           \n            var gval = new GObject.Value('');\n            this.el.get_value(iter, 0 ,gval);\n            var val = '' + gval.value;\n            \n            gval = new GObject.Value('');\n            this.el.get_value(iter, 1 ,gval);\n            var rval = gval.value;\n            var activePath = this.el.get_path(iter).to_string(); \n            this.activePath = activePath ;\n            // was activeIter...\n            //  not listener...\n            \n            var showEditor = false;\n            \n            if (val[0] == '!') {\n                showEditor = true;\n            }\n            if (val[0] == '|') {\n                if (rval.match(/function/g) || rval.match(/\\n/g)) {\n                    showEditor = true;\n                }\n            }\n            \n            if (showEditor) {\n                var _this = this;\n                this.activePath = false;\n                GLib.timeout_add(0, 1, function() {\n                    //   Gdk.threads_enter();\n                    _this.get('/RightEditor').el.show();\n\t\t   _this.get('/RightEditor.view').load( rval );\n                    \n                    e.editing_done();\n                    e.remove_widget();\n                    _this.activePath = activePath ;\n                    \n             //       Gdk.threads_leave();\n                    return false;\n                });\n                return;\n            }\n             \n            this.get('/RightEditor').el.hide();\n\n            //var type = this.getValue(this.el.get_path(iter).to_string(),4);\n            \n            \n}\n"},{"|xns":"Gtk","xtype":"TreeViewColumn","pack":"append_column","|init":"function() {\n    XObject.prototype.init.call(this);\n\n    this.el.add_attribute(this.items[0].el , 'markup', 2 );\n    this.get('/LeftPanel').propertyColumn = this;\n}\n","title":"key","items":[{"|xns":"Gtk","xtype":"CellRendererText","pack":"pack_start","listeners":{"editing_started":"function (self, editable, path) {\n\n        this.get('/LeftPanel.model').activePath  = path;\n\n}","edited":"function (self, object, p0) {\n\tvar model = this.get('/LeftPanel.model');\n        var path = model.activePath;\n        var iter = new Gtk.TreeIter();\n        model.el.get_iter(iter, new Gtk.TreePath.from_string(path));\n        model.el.set_value(iter, 0, p0);\n        model.el.set_value(iter, 2, p0);\n        \n\tmodel.activePath = false;\n\n\tthis.get('/LeftTree.model').changed(model.toJS(), true); \n        this.el.editable = false;\n}"}}]},{"|xns":"Gtk","xtype":"TreeViewColumn","pack":"append_column","|init":"function() {\n    XObject.prototype.init.call(this);\n\tthis.el.add_attribute(this.items[0].el , 'text', 3 );\n\tthis.el.add_attribute(this.items[0].el , 'sensitive', 3 );\n\tthis.el.add_attribute(this.items[0].el , 'editable', 3 );\n          // this.el.set_cell_data_func(cell, age_cell_data_func, NULL, NULL);\n\n \tthis.get('/LeftPanel').editableColumn= this;\n}\n","|setOptions":"function(ar) {\n       var m = this.items[0].el.model;\n            m.clear();\n            var iter = new Gtk.TreeIter();\n            ar.forEach(function(i) {\n                   // sort!!!?\n                m.append(iter);\n                m.set_value(iter, 0, i);\n            });\n            \n}\n","items":[{"|xns":"Gtk","xtype":"CellRendererCombo","pack":"pack_start","|editable":true,"|has_entry":true,"text_column":0,"|init":"function() {\n    XObject.prototype.init.call(this);\n   this.el.model = new Gtk.ListStore();\n    this.el.model.set_column_types ( 1, [\n        GObject.TYPE_STRING  // 0 real key\n      ]);\n}\n","listeners":{"edited":"function (self, object, p0) {\n \tthis.get('/LeftPanel').editing = false;\n\tprint(\"EDITED? p:\" + p + \" t:\" + p0);\n        this.get('/LeftPanel.model').changed(p0, true);\n        this.get('/LeftPanel.model').activePath = false;\n}","editing_started":"function (self, editable, path) {\n   this.get('/LeftPanel').editing  = true;\n\t//  console.log('editing started');\n       // r.has_entry = false;\n   this.get('/LeftPanel.model').editSelected(editable);\n}"}}]}]}]}]}]},{"|xns":"Gtk","xtype":"ScrolledWindow","pack":"pack_end,false,true,0","id":"MidPropTree","|shadow_type":"Gtk.ShadowType.IN","|init":"function() {\n    XObject.prototype.init.call(this);\n       XObject.prototype.init.call(this); \n    this.el.set_policy (Gtk.PolicyType.AUTOMATIC, Gtk.PolicyType.AUTOMATIC)\n    this.el.set_size_request ( 150, -1 );\n    this.shown = true;\n}\n","activeElement":false,"|hideWin":"function() {\n     \n    if (!this.shown) {\n        return;\n    }\n    \n    \n    if (this.get('/Window.left').el.position < 160) {\n        return;\n    }\n    this.get('/Window.left').el.position = this.get('/Window.left').el.position  - 150;\n        \n    this.el.hide();\n    this.shown = false;\n}\n","items":[{"|xns":"Gtk","xtype":"TreeView","|enable_tree_lines":true,"|headers_visible":false,"tooltip_column":2,"|init":"function() {\n\tXObject.prototype.init.call(this); \n                    \n    //  var description = new Pango.FontDescription.c_new();\n  //  description.set_size(8000);\n  // this.el.modify_font(description);     \n                    \n  // this.selection = this.el.get_selection();\n   // this.selection.set_mode( Gtk.SelectionMode.SINGLE);\n \n\n    \n  \n    \n}\n","listeners":{"cursor_changed":"function (self) {\n       var iter = new Gtk.TreeIter();\n                        \n                        //console.log('changed');\n        var m = this.get('model');\n        var s = this.selection;\n        s.get_selected(m.el, iter);\n        var tp = m.el.get_path(iter).to_string();\n        \n        \n        // var val = \"\";\n        \n        var key = m.getValue(tp, 0);\n        \n        var type = m.getValue(tp, 1);\n        var skel = m.getValue(tp, 3);\n        var etype = m.getValue(tp, 5);\n        \n        \n        this.get('/MidPropTree').hideWin();\n\n        if (type == 'function') {\n            \n            if (etype != 'events') {\n                key = '|' + key;\n            }\n            \n            this.get('/LeftPanel.model').add({\n                key :  key, \n                type : type,\n                val  : skel,\n                etype : etype\n            })  \n            return;\n        }\n        \n        if (type.indexOf('.') > -1 || \n                type == 'boolean') {\n             key = '|' + key;\n        }\n        \n        this.get('/LeftPanel.model').add( {\n            key : key, \n            type : type,\n            //skel  : skel,\n            etype : etype\n           }) //, \n}"},"items":[{"|xns":"Gtk","xtype":"ListStore","pack":"set_model","|init":"function() {\n    XObject.prototype.init.call(this);\n   return;  this.el.set_column_types ( 6, [\n        GObject.TYPE_STRING,  // real key\n         GObject.TYPE_STRING, // real type\n         GObject.TYPE_STRING, // docs ?\n         GObject.TYPE_STRING, // visable desc\n         GObject.TYPE_STRING, // function desc\n         GObject.TYPE_STRING // element type (event|prop)\n        \n    ] );\n}\n","|getValue":"function(treepath, col)\n{\n    var tp = new Gtk.TreePath.from_string (treepath);\n    var iter = new Gtk.TreeIter();\n    this.el.get_iter (iter, tp);\n    var value = new GObject.Value('');\n    this.el.get_value(iter, col, value);\n    return value.value;\n    \n}","|showData":"function(type) {\n    this.el.clear();\n            if (!this.get('/MidPropTree').activeElement || !type) {\n                return; // no active element\n            }\n\n            var fullpath = this.get('/LeftTree.model').file.guessName(this.get('/MidPropTree').activeElement);\n            var palete = this.get('/LeftTree').getPaleteProvider();\n            \n             \n            \n            Seed.print('Showing right?');\n            if (!this.get('/MidPropTree').shown) {\n\n                this.get('/Window.left').el.position = this.get('/Window.left').el.position  + 150;\n                this.get('/MidPropTree').el.show();\n                this.get('/MidPropTree').shown = true;\n            }\n            \n            var elementList = palete.getPropertiesFor(fullpath, type);\n            print (\"GOT \" + elementList.length + \" items for \" + fullpath + \"|\" + type);\n            console.dump(elementList);\n           \n            \n            var iter = new Gtk.TreeIter();\n            for(var i =0 ; i < elementList.length; i++) {\n                var p=elementList[i];\n                this.el.append(iter);\n              //  console.log( '<b>' + p.name +'</b> ['+p.type+']');\n                    //GObject.TYPE_STRING,  // real key\n                    // GObject.TYPE_STRING, // real type\n                    // GObject.TYPE_STRING, // docs ?\n                    // GObject.TYPE_STRING // func def?\n                    \n                \n                this.el.set_value(iter, 0, p.name);\n                this.el.set_value(iter, 1, p.type);\n                this.el.set_value(iter, 2, '<span size=\"small\"><b>' + p.name +'</b> ['+p.type+']</span>' + \"\\n\" + p.desc);\n                this.el.set_value(iter, 3, p.sig ? p.sig  : '');\n                this.el.set_value(iter, 4, '<span size=\"small\"><b>' + p.name +'</b> ['+p.type+']</span>');\n                this.el.set_value(iter, 5, type);\n                \n            }\n                             \n}\n"},{"|xns":"Gtk","xtype":"TreeViewColumn","|init":"function() {\n    this.el = new Gtk.TreeViewColumn();\n    this.parent.el.append_column(this.el);\n    \n    XObject.prototype.init.call(this);\n    this.el.add_attribute(this.items[0].el , 'markup', 4  );\n}\n","pack":false,"items":[{"|xns":"Gtk","xtype":"CellRendererText","pack":"pack_start,true"}]}]}]}]},{"|xns":"Gtk","xtype":"HBox","pack":"add","items":[{"|xns":"Gtk","xtype":"VPaned","pack":"add","position":300,"items":[{"|xns":"Gtk","xtype":"VBox","pack":"add","items":[{"|xns":"Gtk","xtype":"Notebook","pack":"pack_start,true,true","id":"view-notebook","tab_border":0,"|init":"function() {\n    XObject.prototype.init.call(this);\n    this.el.set_current_page(0);\n    print(\"SET LABEL?\")\n    this.el.set_tab_label(this.items[0].el, new Gtk.Label({ label : \"Roo View\" }));\n}\n","items":[{"|xns":"Gtk","xtype":"VBox","pack":"add","id":"RightBrowser","listeners":{}}]},{"|xns":"Gtk","xtype":"Expander","pack":"pack_start,false,false","label":"Console","items":[{"|xns":"Gtk","xtype":"Button","pack":"add","label":"Console goes here"}]}]},{"|xns":"Gtk","xtype":"ScrolledWindow","pack":"add","id":"RightEditor"}]},{"|xns":"Gtk","xtype":"VBox","pack":"pack_start,false,false","id":"RightPalate","|hide":"function() {\n        this.get('hidden').el.show();\n            this.get('visible').el.hide();\n}\n","|show":"function() {\n    this.get('hidden').el.hide();\n            this.get('visible').el.show();\n            this.get('model').expanded();\n            \n}\n","provider":false,"items":[{"|xns":"Gtk","xtype":"VBox","pack":"add","id":"hidden","items":[{"|xns":"Gtk","xtype":"Button","pack":"pack_start,false,true","listeners":{"clicked":"function (self) {\n\tthis.get('/RightPalete').show();\n}"},"items":[{"|xns":"Gtk","xtype":"Image","pack":"add","|stock":"Gtk.STOCK_GOTO_FIRST","|icon_size":"Gtk.IconSize.MENU"}]},{"|xns":"Gtk","xtype":"Label","pack":"add","label":"Palete","angle":"270","|init":"function() {\n    XObject.prototype.init.call(this);\n    this.el.add_events ( Gdk.EventMask.BUTTON_MOTION_MASK );\n}\n","listeners":{"enter_notify_event":"function (self, event) {\n    this.get('/RightPalete').show();\n    return false;\n}"}}]},{"|xns":"Gtk","xtype":"VBox","pack":"add","id":"visible","items":[{"|xns":"Gtk","xtype":"HBox","pack":"pack_start,false,true","items":[{"|xns":"Gtk","xtype":"Label","pack":"add","label":"Palete"},{"|xns":"Gtk","xtype":"Button","pack":"pack_start,false,true","listeners":{"clicked":"function (self) {\n\tthis.get('/RightPalete').hide();\n}"},"items":[{"|xns":"Gtk","xtype":"Image","pack":"add","|stock":"Gtk.STOCK_GOTO_LAST","|icon_size":""}]}]}]}]}]}]}]}]}]}
\ No newline at end of file
+{"id":"file-gtk-7","name":"builder.bjs","parent":"","title":false,"path":"/home/alan/gitlive/app.Builder.js/Sample/builder.bjs","items":[{"|xns":"Gtk","xtype":"Window","|type":"Gtk.WindowType.TOPLEVEL","title":"Application Builder","border_width":0,"|init":"function() {\n     this.atoms = {\n           \"STRING\" : Gdk.atom_intern(\"STRING\")\n\t};\n    XObject.prototype.init.call(this);\n    this.el.show_all();\n    \n    this.get('MidPropTree').hideWin();\n    //this.get('RightPalete').hide();\n\n              \n}\n","default_width":800,"default_height":500,"id":"Window","listeners":{"delete_event":"function (self, event) {\n    return false;\n}","destroy":"function (self) {\n   Gtk.main_quit();\n}"},"items":[{"|xns":"Gtk","xtype":"VBox","id":"w-vbox","items":[{"|xns":"Gtk","xtype":"MenuBar","pack":"pack_start,false,false","items":[{"|xns":"Gtk","xtype":"MenuItem","label":"File","items":[{"|xns":"Gtk","xtype":"Menu","pack":"set_submenu","items":[{"|xns":"Gtk","xtype":"MenuItem","label":"New Project","listeners":{"activate":"function (self) {\n\tthis.get('/EditProject').show({\n\t    success : function(pr) {\n\t\t     this.get('/LeftProjectTree').get('combo').setValue(pr.fn);\n\t    }\n\t});\n}"}},{"|xns":"Gtk","xtype":"MenuItem","label":"New File","listeners":{"activate":"function (self) {\n \tvar fn = this.get('/LeftProjectTree.combo').getValue();\n        if (!fn) {\n            this.get('/LeftProjectTree').showNoProjectSelected();\n            return true;\n        }\n        var pm = imports.Builder.Provider.ProjectManager.ProjectManager;\n        this.get('/DialogNewComponent').show({\n            project : pm.getByFn(fn)\n        });\n}"}},{"|xns":"Gtk","xtype":"SeparatorMenuItem","pack":"add"},{"|xns":"Gtk","xtype":"MenuItem","label":"Add Directory to Project","pack":"add","listeners":{"activate":"function (self) {\n\tvar fn = this.get('/LeftProjectTree').get('combo').getValue();\n        if (!fn) {\n            this.get('/LeftProjectTree').showNoProjectSelected();\n            return true;\n        }\n        \n        \n        var dc = new Gtk.FileChooserDialog({\n            action : Gtk.FileChooserAction.SELECT_FOLDER,\n            modal: true,\n            'select-multiple' : false,\n            \"show-hidden\" : true,\n        });\n        dc.add_button(\"Add To Project\", Gtk.ResponseType.ACCEPT );\n        dc.add_button(\"Cancel\",Gtk.ResponseType.CANCEL);\n        \n        if (dc.run() != Gtk.ResponseType.ACCEPT) {\n            \n            dc.destroy();\n            return;\n        }\n            \n        //Seed.print(dc.get_filename());\n        var pm  = imports.Builder.Provider.ProjectManager.ProjectManager;\n        pm.getByFn(fn).add(dc.get_filename(), 'dir');\n        dc.destroy();\n}"}},{"|xns":"Gtk","xtype":"SeparatorMenuItem","pack":"add"},{"|xns":"Gtk","xtype":"MenuItem","label":"Quit","pack":"add"}]}]},{"|xns":"Gtk","xtype":"MenuItem","label":"Help"}]},{"|xns":"Gtk","xtype":"HPaned","id":"left","position":400,"items":[{"|xns":"Gtk","xtype":"HBox","items":[{"|xns":"Gtk","xtype":"VPaned","position":300,"id":"leftvpaned","items":[{"|xns":"Gtk","xtype":"VBox","id":"LeftTopPanel","items":[{"|xns":"Gtk","xtype":"Expander","label":"Select Project","id":"expander","pack":"pack_start,false,true","|init":"function() {\n    XObject.prototype.init.call(this);\n   this.el.add_events (Gdk.EventMask.BUTTON_MOTION_MASK );\n}\n","listeners":{"activate":"function (self) {\n\tvar nb = this.get('/LeftTopPanel.notebook');\n\tif (this.el.expanded) {\n\t    // now expanded..\n            \n\t    var pm  = imports.Builder.Provider.ProjectManager.ProjectManager;\n\t    \n\t   \n\t    var model = this.get('/LeftProjectTree.combomodel');\n\t    \n\t    model.loadData(pm.projects);\n\t     \n\t    \n\t    nb.el.set_current_page(1);\n\t    //pm.on('changed', function() {\n\t\t//console.log(\"CAUGHT project manager change\");\n\t    //    _combo.model.loadData(pm.projects);\n\t    //}\n\t    return;\n\t}\n\tnb.el.set_current_page(0);\n}","enter_notify_event":"function (self, event) {\n     this.el.expanded = !this.el.expanded;\n//if (this.el.expanded ) {\n    this.listeners.activate.call(this);\n//   }\n\nreturn true;\n}"}},{"|xns":"Gtk","xtype":"Notebook","id":"notebook","|show_border":false,"|show_tabs":true,"pack":"pack_start,true,true","|init":"function() {\n    XObject.prototype.init.call(this);\n\tthis.el.set_current_page(0);\n\n}\n","items":[{"|xns":"Gtk","xtype":"ScrolledWindow","pack":"add","|shadow_type":"Gtk.ShadowType.IN","|init":"function() {\n    XObject.prototype.init.call(this);\n    this.el.set_policy (Gtk.PolicyType.AUTOMATIC, Gtk.PolicyType.AUTOMATIC)\n}\n","id":"LeftTree","|getPaleteProvider":"function() {\n    var model = this.get('model');\n    var pm = imports.Builder.Provider.ProjectManager.ProjectManager;\n    return pm.getPalete(model.file.getType());\n}\n","|renderView":"function() {\n   \t var model = this.get('model');\n\tprint(\"RENDER VIEW?\" + model.file.getType());\n\tswitch( model.file.getType()) {\n\t\tcase 'Roo':\n\t\t    this.get('/RightBrowser.view').renderJS(model.toJS(false,true)[0]);\n\t\tcase 'Gtk':\n\t\t    this.get('/RightGtkView').renderJS(model.toJS(false,true)[0]);\n\t}\n}\n","items":[{"|xns":"Gtk","xtype":"TreeView","pack":"add","id":"view","|headers_visible":false,"|enable_tree_lines":true,"tooltip_column":0,"|init":"function() {\n    \tXObject.prototype.init.call(this);\n\tvar description = new Pango.FontDescription.c_new();\n\tdescription.set_size(8000);\n\tthis.el.modify_font(description);\n\n\tthis.selection = this.el.get_selection();\n\tthis.selection.set_mode( Gtk.SelectionMode.SINGLE);\n\tvar _this = this;\n\tthis.selection.signal['changed'].connect(function() {\n\t\t_this.get('/LeftTree.view').listeners.cursor_changed.apply(\n\t\t    _this.get('/LeftTree.view'), [ _this.get('/LeftTree.view'), '']\n\t\t);\n\t});\n\n\tGtk.drag_source_set (\n\t\tthis.el,            /* widget will be drag-able */\n\t\tGdk.ModifierType.BUTTON1_MASK,       /* modifier that will start a drag */\n\t\tnull,            /* lists of target to support */\n\t\t0,              /* size of list */\n\t\tGdk.DragAction.COPY   | Gdk.DragAction.MOVE           /* what to do with data after dropped */\n\t);\n\tvar targets = new Gtk.TargetList();\n\ttargets.add( this.get('/Window').atoms[\"STRING\"], 0, 0);\n\tGtk.drag_source_set_target_list(this.el, targets);\n\n\tGtk.drag_source_add_text_targets(this.el); \n\tGtk.drag_dest_set\n\t(\n\t    this.el,              /* widget that will accept a drop */\n\t    Gtk.DestDefaults.MOTION  | Gtk.DestDefaults.HIGHLIGHT,\n\t    null,            /* lists of target to support */\n\t    0,              /* size of list */\n\t    Gdk.DragAction.COPY   | Gdk.DragAction.MOVE       /* what to do with data after dropped */\n\t);\n\n\tGtk.drag_dest_set_target_list(this.el, targets);\n\tGtk.drag_dest_add_text_targets(this.el);\n}\n","|highlight":"function(treepath_ar) {\n                    if (treepath_ar.length && treepath_ar[0].length ) {\n                this.el.set_drag_dest_row( \n                    new  Gtk.TreePath.from_string( treepath_ar[0] ),  treepath_ar[1]);\n            } else {\n                this.el.set_drag_dest_row(null, Gtk.TreeViewDropPosition.INTO_OR_AFTER);\n            }\n             \n        }","|selectNode":"function(treepath_str) {\n    this.selection.select_path(new  Gtk.TreePath.from_string( treepath_str));\n}\n","listeners":{"button_press_event":"function (self, ev) {\n \tconsole.log(\"button press?\");\n                if (ev.type != Gdk.EventType.BUTTON_PRESS  || ev.button.button != 3) {\n                    print(\"click\" + ev.type);\n                    return false;\n                }\n              \n            \n                var res = {}; \n                this.get('/LeftTree.view').el.get_path_at_pos(ev.button.x,ev.button.y, res);\n                \n                if (!this.get('/LeftTreeMenu').el)  this.get('/LeftTreeMenu').init();\n                \n                this.get('/LeftTreeMenu').el.set_screen(Gdk.Screen.get_default());\n                this.get('/LeftTreeMenu').el.show_all();\n                this.get('/LeftTreeMenu').el.popup(null, null, null, null, 3, ev.button.time);\n                print(\"click:\" + res.path.to_string());\n                return false;\n}","drag_begin":"function (self, drag_context) {\n\tprint('SOURCE: drag-begin');\n         this.targetData = false;\n        // find what is selected in our tree...\n        var iter = new Gtk.TreeIter();\n        var s = this.selection;\n        s.get_selected(this.get('/LeftTree.model').el, iter);\n\n        // set some properties of the tree for use by the dropped element.\n        var value = new GObject.Value('');\n        this.get('/LeftTree.model').el.get_value(iter, 2, value);\n        var data = JSON.parse(value.value);\n        var xname = this.get('/LeftTree.model').file.guessName(data);\n        \n        this.el.dragData = xname;\n        this.el.dropList = this.get('/LeftTree').getPaleteProvider().getDropList(xname);\n        \n\n        // make the drag icon a picture of the node that was selected\n        var path = this.get('/LeftTree.model').el.get_path(iter);\n        this.el.treepath = path.to_string();\n        \n        var pix = this.el.create_row_drag_icon ( path);\n        \n        Gtk.drag_set_icon_pixmap (ctx,\n            pix.get_colormap(),\n            pix,\n            null,\n            -10,\n            -10);\n        \n        return true;\n}","drag_end":"function (self, drag_context) {\n\tSeed.print('LEFT-TREE: drag-end');\n        this.el.dragData = false;\n        this.el.dropList = false;\n        this.targetData = false;\n        this.get('/LeftTree.view').highlight(false);\n        return true;\n}","drag_motion":"function (self, ctx, x, y, time) {\n    console.log(\"LEFT-TREE: drag-motion\");\n                var src = Gtk.drag_get_source_widget(ctx);\n\n                // a drag from  elsewhere...- prevent drop..\n                if (!src.dragData) {\n                    print(\"no drag data!\");\n                    Gdk.drag_status(ctx, 0, time);\n                    this.targetData = false;\n                    return true;\n                }\n                var action = Gdk.DragAction.COPY;\n                if (src == this.el) {\n                    // unless we are copying!!! ctl button..\n                    action = Gdk.DragAction.MOVE;\n                }\n                var data = {};\n                print(\"GETTING POS\");\n                var isOver = this.get('/LeftTree.view').el.get_dest_row_at_pos(x,y, data);\n                print(\"ISOVER? \" + isOver);\n                if (!isOver) {\n                    Gdk.drag_status(ctx, 0 ,time);\n                    return false; // not over apoint!?!\n                }\n                // drag node is parent of child..\n                console.log(\"SRC TREEPATH: \" + src.treepath);\n                console.log(\"TARGET TREEPATH: \" + data.path.to_string());\n                \n                // nned to check a  few here..\n                //Gtk.TreeViewDropPosition.INTO_OR_AFTER\n                //Gtk.TreeViewDropPosition.INTO_OR_BEFORE\n                //Gtk.TreeViewDropPosition.AFTER\n                //Gtk.TreeViewDropPosition.BEFORE\n                \n                if (typeof(src.treepath) != 'undefined'  && \n                    src.treepath == data.path.to_string().substring(0,src.treepath.length)) {\n                    print(\"subpath drag\");\n                     Gdk.drag_status(ctx, 0 ,time);\n                    return false;\n                }\n                \n                // check that \n                //print(\"DUMPING DATA\");\n                //console.dump(data);\n                // path, pos\n                \n                print(data.path.to_string() +' => '+  data.pos);\n                var tg = this.get('/LeftTree.model').findDropNodeByPath(\n                    data.path.to_string(), src.dropList, data.pos);\n                    \n                this.get('/LeftTree.view').highlight(tg);\n                if (!tg.length) {\n                    print(\"Can not find drop node path\");\n                    this.targetData = false;\n                    Gdk.drag_status(ctx, 0, time);\n                    return true;\n                }\n                //console.dump(tg);\n                this.targetData = tg;    \n                \n                \n                Gdk.drag_status(ctx, action ,time);\n                 \n                return true;\n}","drag_drop":"function (self, ctx, x, y, time) {\n      Seed.print(\"TARGET: drag-drop\");\n                       \n                        Gtk.drag_get_data\n                        (\n                                w,         /* will receive 'drag-data-received' signal */\n                                ctx,        /* represents the current state of the DnD */\n                                this.get('/Window').atoms[\"STRING\"],    /* the target type we want */\n                                time            /* time stamp */\n                        );\n                        \n                         \n                        /* No target offered by source => error */\n                       \n\n                        return  true;\n}","drag_data_received":"function (self, drag_context, x, y, sel_data, info, time) {\n Seed.print(\"Tree: drag-data-received\");\n              var   delete_selection_data = false;\n               var  dnd_success = false;\n                /* Deal with what we are given from source */\n                if( sel_data && sel_data.length ) {\n                    \n                    if (ctx.action == Gdk.DragAction.ASK)  {\n                        /* Ask the user to move or copy, then set the ctx action. */\n                    }\n\n                    if (ctx.action == Gdk.DragAction.MOVE) {\n                        //delete_selection_data = true;\n                    }\n                    \n                    var source = Gtk.drag_get_source_widget(ctx);\n\n                    if (this.targetData) {\n                        if (source != this.el) {\n                            this.get('/LeftTree.model').dropNode(this.targetData,  source.dragData);\n                        } else {\n                            // drag around.. - reorder..\n                             this.get('/LeftTree.model').moveNode(this.targetData);\n                            \n                            \n                        }\n                        //Seed.print(this.targetData);\n                      \n                    }\n                    \n                    \n                    \n                    // we can send stuff to souce here...\n\n                    dnd_success = true;\n\n                }\n\n                if (dnd_success == false)\n                {\n                        Seed.print (\"DnD data transfer failed!\\n\");\n                }\n\n                Gtk.drag_finish (ctx, dnd_success, delete_selection_data, time);\n                return true;\n}","cursor_changed":"function (self) {\n var iter = new Gtk.TreeIter();\n                \n                if (this.selection.count_selected_rows() < 1) {\n                    this.get('/LeftPanel.model').load( false);\n                    this.get('/MidPropTree').activeElement =  false;\n                    this.get('/MidPropTree').hideWin();\n\n                    var pm = this.get('/RightPalete.model');\n                    if (!this.get('/LeftTree').getPaleteProvider()) {\n                        // it may not be loaded yet..\n                        return  true;\n                    }\n                    pm.load( this.get('/LeftTree').getPaleteProvider().gatherList(\n                        this.get('/LeftTree.model').listAllTypes()));\n                   \n                    return true;\n                }\n                \n                //console.log('changed');\n                var s = this.selection;\n                s.get_selected(this.get('/LeftTree.model').el, iter);\n                \n                \n                // var val = \"\";\n                value = new GObject.Value('');\n                this.get('/LeftTree.model').el.get_value(iter, 2, value);\n                this.get('/LeftTree.model').activePath = this.get('/LeftTree.model').el.get_path(iter).to_string();\n                \n                var data = JSON.parse(value.value);\n                this.get('/MidPropTree').activeElement =  data;\n                this.get('/MidPropTree').hideWin();\n                this.get('/LeftPanel.model').load( data);\n                \n                console.log(value.value);\n               // _g.button.set_label(''+value.get_string());\n\n                var pm =this.get('/RightPalete.model');\n                pm.load( this.get('/RightPalete').provider.gatherList(\n                     this.get('/LeftTree.model').listAllTypes()));\n               \n                \n               \n               \n                //Seed.print( value.get_string());\n                return true;\n                \n}"},"items":[{"|xns":"Gtk","xtype":"TreeStore","pack":"set_model","id":"model","|init":"function() {\n    XObject.prototype.init.call(this);\n this.el.set_column_types ( 3, [\n            GObject.TYPE_STRING, // title \n            GObject.TYPE_STRING, // tip\n            GObject.TYPE_STRING // source..\n            ] );\n}\n","activePath":false,"|changed":"function(n, refresh) {\n         print(\"MODEL CHANGED CALLED\" + this.activePath);\n         if (this.activePath) {\n                var iter = new Gtk.TreeIter();\n                this.el.get_iter(iter, new Gtk.TreePath.from_string(this.activePath))\n                this.el.set_value(iter, 0, [GObject.TYPE_STRING, this.nodeTitle(n)]);\n                this.el.set_value(iter, 1, [GObject.TYPE_STRING, this.nodeTitle(n)]);\n                \n                this.el.set_value(iter, 2, [GObject.TYPE_STRING, this.nodeToJSON(n)]);\n            }\n                //this.currentTree = this.toJS(false, true)[0];\n            this.file.items = this.toJS(false, false);\n            print(\"AFTER CHANGED\");\n            //console.dump(this.file.items);\n            this.file.save();\n            this.currentTree = this.file.items[0];\n            //console.log(this.file.toSource());\n            \n            if (refresh) {\n                print(\"REDNER BROWSER?!\");\n                this.get('/LeftTree').renderView();\n\n                var pm = this.get('/RightPalete.model');\n                if (!this.get('/RightPalete').provider) {\n                    pm.load([]);\n                    return;\n                }\n                \n                \n                pm.load( this.get('/RightPalete').provider.gatherList(this.listAllTypes()));\n                //imports['Builder/RightBrowser.js'].renderJS(this.toJS());\n            }\n\t          \n}\n","|loadFile":"function(f) {\n    //console.dump(f);\n            this.el.clear();\n            this.file = f;\n            \n            if (!f) {\n                console.log('missing file');\n                return;\n            }\n            \n            // load the file if not loaded..\n            if (f.items === false) {\n                var _this = this;\n                f.loadItems(function() {\n                    _this.loadFile(f);\n                });\n                return;\n                \n            }\n            if (f.items.length && typeof(f.items[0]) == 'string') {\n            \n                this.get('/RightEditor').el.show();\n                this.get('/RightEditor.view').load( f.items[0]);\n                return;\n            }\n            print(\"LOAD\");\n            //console.dump(f.items);\n            this.load(f.items);\n            this.get('/LeftTree.view').el.expand_all();\n\n            if (!f.items.length) {\n                // single item..\n                \n                this.get('/Window.leftvpaned').el.set_position(80);\n                // select first...\n                this.get('/LeftTree.view').el.set_cursor( \n                    new  Gtk.TreePath.from_string('0'), null, false);\n                \n                \n            } else {\n                  this.get('/Window.leftvpaned').el.set_position(200);\n            }\n            \n            \n            //print(\"hide right editior\");\n            this.get('/RightEditor').el.hide();\n            //print(\"set current tree\");\n            this.currentTree = this.toJS(false, false)[0];\n            //console.dump(this.currentTree);\n            this.currentTree = this.currentTree || { items: [] };\n            this.get('/LeftTree').renderView();\n            //console.dump(this.map);\n            //var RightPalete     = imports.Builder.RightPalete.RightPalete;\n            var pm = this.get('/RightPalete.model');\n            // set up provider..\n            \n            this.get('/RightPalete').provider = this.get('/LeftTree').getPaleteProvider();\n            \n            if (!this.get('/RightPalete').provider) {\n                print (\"********* PALETE PROVIDER MISSING?!!\");\n            }\n            this.get('/LeftTree').renderView();\n            \n            pm.load( this.get('/LeftTree').getPaleteProvider().gatherList(this.listAllTypes()));\n            \n            \n                    \n            this.get('/Window.view-notebook').el.set_current_page(\n                this.get('/LeftTree.model').file.getType()== 'Roo' ? 0 : -1);\n                    \n}\n","|findDropNode":"function(treepath_str, targets) {\n\n// this is used by the dragdrop code in the roo version AFAIR..\n\n    \t\tvar path = treepath_str.replace(/^builder-/, '');\n            // treemap is depreciated... - should really check if model has any entries..\n\n            if (!this.el.iter_n_children(null)) {\n                print(\"NO KEYS\");\n                return [ '',  Gtk.TreeViewDropPosition.INTO_OR_AFTER];\n            }\n            print(\"FIND treepath: \" + path);\n            //console.dump(this.treemap);\n            \n            if (!treepath_str.match(/^builder-/)) {\n                return []; // nothing!\n            }\n            if (targets === true) {\n                return [ path ];\n            }\n            return this.findDropNodeByPath(path,targets) \n}\n","|findDropNodebyPath":"function(treepath_str, targets, pref) {\n    var path = treepath_str + ''; // dupe it..\n    pref = typeof(pref) == 'undefined' ?  Gtk.TreeViewDropPosition.INTO_OR_AFTER : pref;\n    var last = false;\n    //console.dump(this.treemap);\n    while (path.length) {\n        print(\"LOOKING FOR PATH: \" + path);\n        var node_data = this.singleNodeToJS(path);\n        if (node_data === false) {\n            print(\"node not found\");\n            return [];\n        }\n        \n        var xname = this.get('/LeftTree.model').file.guessName(node_data);\n        var match = false;\n        var prop = '';\n        targets.forEach(function(tg) {\n            if (match) {\n                return;;\n            }\n            if ((tg == xname)  ) {\n                match = tg;\n            }\n            if (tg.indexOf(xname +':') === 0) {\n                match = tg;\n                prop = tg.split(':').pop();\n            }\n        });\n        \n        if (match) {\n            if (last) { // pref is after/before..\n                // then it's after last\n                if (pref > 1) {\n                    return []; // do not allow..\n                }\n                return [ last, pref , prop];\n                \n            }\n            return [ path , Gtk.TreeViewDropPosition.INTO_OR_AFTER , prop];\n        }\n        var par = path.split(':');\n        last = path;\n        par.pop();\n        path = par.join(':');\n    }\n    \n    return [];\n            \n}\n","|dropNode":"function(target_data, node) {\n  \t  console.dump(target_data);\n            var tp = target_data[0].length ? new  Gtk.TreePath.from_string( target_data[0] ) : false;\n            \n            print(\"add where: \" + target_data[1]  );\n            var parent = tp;\n            var after = false;\n            if (target_data[1]  < 2) { // before or after..\n                var ar = target_data[0].split(':');\n                ar.pop();\n                parent  = new  Gtk.TreePath.from_string( ar.join(':') );\n                after = tp;\n            }\n            var n_iter = new Gtk.TreeIter();\n            var iter_par = new Gtk.TreeIter();\n            var iter_after = after ? new Gtk.TreeIter() : false;\n            \n            \n            \n            if (parent !== false) {\n                this.el.get_iter(iter_par, parent);\n            } else {\n                iter_par = null;\n            }\n            \n            \n            if (after) {\n                print(target_data[1]  > 0 ? 'insert_after' : 'insert_before');\n                this.el.get_iter(iter_after, after);\n                this.el[ target_data[1]  > 0 ? 'insert_after' : 'insert_before'](\n                        n_iter, iter_par, iter_after);\n                \n            } else {\n                this.el.append(n_iter, iter_par);\n                \n            }\n            \n            if (typeof(node) == 'string') {\n                var ar = node.split('.');\n                var xtype = ar.pop();\n                \n                node = {\n                    '|xns' : ar.join('.'),\n                    'xtype' : xtype\n                };\n                if (target_data.length == 3 && target_data[2].length) {\n                    node['*prop'] = target_data[2];\n                }\n                \n            }\n            // work out what kind of packing to use..\n            if (typeof(node.pack) == 'undefined'  && parent !== false) {\n                var pal = this.get('/LeftTree').getPaleteProvider();\n                \n                var pname = pal.guessName(this.singleNodeToJS(parent.to_string()));\n                print (\"PNAME : \"  + pname);\n                var cname = pal.guessName(node);\n                print (\"CNAME : \"  + cname);\n                node.pack = pal.getDefaultPack(pname, cname);\n                \n                \n            }\n            \n            \n            var xitems = [];\n            if (node.items) {\n                xitems = node.items;\n                delete node.items;\n            }\n            if (xitems) {\n                this.load(xitems, n_iter);\n            }\n            if (xitems || after) {\n                this.get('/LeftTree.view').el.expand_row(this.el.get_path(iter_par), true);\n            }\n            // wee need to get the empty proptypes from somewhere..\n            \n            //var olditer = this.activeIter;\n            this.activeIter = n_iter;\n            this.changed(node, true);\n            \n            \n            \n            this.get('/LeftTree.view').el.set_cursor(this.el.get_path(n_iter), null, false);\n            \n            //Builder.MidPropTree._model.load(node);\n            //Builder.MidPropTree._win.hideWin();\n            //Builder.LeftPanel._model.load( node);\n            \n            \n}\n","|movenode":"function(target_data) {\n     //print(\"MOVE NODE\");\n           // console.dump(target_data);\n            var old_iter = new Gtk.TreeIter();\n            var s = this.get('/LeftTree.view').selection;\n            s.get_selected(this.el, old_iter);\n            var node = this.nodeToJS(old_iter,false);\n            //console.dump(node);\n            \n            \n            // needs to drop first, otherwise the target_data \n            // treepath will be invalid.\n            \n            this.dropNode(target_data, node);\n            this.el.remove(old_iter);\n}\n","|deleteSelected":"function() {\n            \n            var old_iter = new Gtk.TreeIter();\n            var s = this.get('/LeftTree.view').selection;\n            s.get_selected(this.el, old_iter);\n            s.unselect_all();\n            \n            this.el.remove(old_iter);\n            \n            // rebuild treemap. -- depreciated.!!\n            this.map = {};\n            this.treemap = { };\n            //this.toJS(null, true) // does not do anything?\n            this.activeIter = false;\n            this.changed(false,true);\n}\n","currentTree":false,"|listAllTypes":"function() {\n    var s = this.get('/LeftTree.view').selection;\n    print (\"LIST ALL TYPES: \" + s.count_selected_rows() );\n    \n    if (s.count_selected_rows() > 0) {\n        var iter = new Gtk.TreeIter();    \n        s.get_selected(this.el, iter);\n\n        // set some properties of the tree for use by the dropped element.\n        var value = new GObject.Value('');\n        this.el.get_value(iter, 2, value);\n        var data = JSON.parse(value.value);\n        \n        \n        var xname = LeftTree.get('model').file.guessName(data);\n        console.log('selected:' + xname);\n        if (xname.length) {\n            return [ xname ];\n        }\n        return []; // could not find it..\n    }\n    \n    var ret = [ ];\n    \n   var _this = this;\n    function addall(li)\n    {\n        li.forEach(function(el) {\n            // this is specific to roo!!!?\n            \n            var fullpath =  _this.file.guessName(el);\n            if (fullpath.length && ret.indexOf(fullpath) < 0) {\n                ret.push(fullpath);\n            }\n            \n            \n            if (el.items && el.items.length) {\n                addall(el.items);\n            }\n            \n        });\n        \n        \n    }\n    \n    addall([this.currentTree]);\n    \n    // only if we have nothing, should we add '*top'\n    if (!ret.length) {\n        ret = [ '*top' ];\n    }\n    //console.log('all types in tree');\n    //console.dump(ret);\n    \n    return ret;\n                            \n}\n","|singleNodeToJS":"function (treepath) \n        {\n            var iter = new Gtk.TreeIter(); \n            if (!this.el.get_iter(iter, new Gtk.TreePath.from_string(treepath))) {\n                return false;\n            }\n            \n            var iv = this.getIterValue(iter, 2);\n           \n            return JSON.parse(iv);\n            \n        }","|nodeToJS":"function (iter, with_id) \n{\n    var par = new Gtk.TreeIter(); \n    var iv = this.getValue(iter, 2);\n   // print(\"IV\" + iv);\n    var k = JSON.parse(iv);\n    if (k.json && !this.el.iter_parent( par, iter  )) {\n        delete k.json;\n    }\n    \n    if (with_id) {\n        var treepath_str = this.el.get_path(iter).to_string();\n        // not sure how we can handle mixed id stuff..\n        if (typeof(k.id) == 'undefined')  {\n            k.id =  'builder-'+ treepath_str ;\n        }\n        \n        // needed??\n        this.treemap[  treepath_str ] = k;\n        k.xtreepath = treepath_str ;\n        \n    }\n    if (this.el.iter_has_child(iter)) {\n        citer = new Gtk.TreeIter();\n        this.el.iter_children(citer, iter);\n        k.items = this.toJS(citer,with_id);\n    }\n    return k;\n}\n","|toJS":"function(iter, with_id)\n        {\n            Seed.print(\"WITHID: \"+ with_id);\n            \n            var first = false;\n            if (!iter) {\n                \n                this.treemap = { }; \n                \n                iter = new Gtk.TreeIter();\n                if (!this.el.get_iter_first(iter)) {\n                    return [];\n                }\n                first = true;\n            } \n            \n            var ar = [];\n               \n            while (true) {\n                \n                var k = this.nodeToJS(iter, with_id); \n                ar.push(k);\n                \n                \n                if (!this.el.iter_next(iter)) {\n                    break;\n                }\n            }\n            \n            return ar;\n            // convert the list into a json string..\n        \n            \n        }","|getIterValue":" function (iter, col) {\n    var gval = new GObject.Value('');\n    this.el.get_value(iter, col ,gval);\n    return  gval.value;\n    \n    \n}","|nodeTitle":"function() {\n      var txt = [];\n    c = c || {};\n    var sr = (typeof(c['+buildershow']) != 'undefined') &&  !c['+buildershow'] ? true : false;\n    if (sr) txt.push('<s>');\n    if (typeof(c['*prop']) != 'undefined')   { txt.push(c['*prop']+ ':'); }\n    if (c.xtype)      { txt.push(c.xtype); }\n    if (c.id)      { txt.push('<b>[id=' + c.id + ']</b>'); }\n    if (c.fieldLabel) { txt.push('[' + c.fieldLabel + ']'); }\n    if (c.boxLabel)   { txt.push('[' + c.boxLabel + ']'); }\n    \n    \n    if (c.layout)     { txt.push('<i>' + c.layout + '</i>'); }\n    if (c.title)      { txt.push('<b>' + c.title + '</b>'); }\n    if (c.label)      { txt.push('<b>' + c.label+ '</b>'); }\n    if (c.header)    { txt.push('<b>' + c.header + '</b>'); }\n    if (c.legend)      { txt.push('<b>' + c.legend + '</b>'); }\n    if (c.text)       { txt.push('<b>' + c.text + '</b>'); }\n    if (c.name)       { txt.push('<b>' + c.name+ '</b>'); }\n    if (c.region)     { txt.push('<i>(' + c.region + ')</i>'); }\n    if (c.dataIndex) { txt.push('[' + c.dataIndex+ ']'); }\n    \n    // for flat classes...\n    if (typeof(c['*class']) != 'undefined')  { txt.push('<b>' +  c['*class']+  '</b>'); }\n    if (typeof(c['*extends']) != 'undefined')  { txt.push(': <i>' +  c['*extends']+  '</i>'); }\n    \n    \n    if (sr) txt.push('</s>');\n    return (txt.length == 0 ? \"Element\" : txt.join(\" \"));\n}\n","|nodeToJSON":"function(c) {\n    var o  = {}\n    for (var i in c) {\n        if (i == 'items') {\n             continue;\n        }\n        o[i] = c[i];\n    }\n    return JSON.stringify(o);\n}\n","|load":"function(tr,iter)\n        {\n            var citer = new Gtk.TreeIter();\n            //this.insert(citer,iter,0);\n            for(var i =0 ; i < tr.length; i++) {\n                if (iter) {\n                    this.el.insert(citer,iter,-1);\n                } else {\n                    this.el.append(citer);\n                }\n                \n                this.el.set_value(citer, 0, [GObject.TYPE_STRING, this.nodeTitle(tr[i]) ]);\n                this.el.set_value(citer, 1, [GObject.TYPE_STRING, this.nodeTitle(tr[i]) ]);\n                this.el.set_value(citer, 2, [GObject.TYPE_STRING, this.nodeToJSON(tr[i])]);\n                if (tr[i].items && tr[i].items.length) {\n                    this.load(tr[i].items, citer);\n                }\n            }     \n        }"},{"|xns":"Gtk","xtype":"TreeViewColumn","pack":"append_column","|init":"function() {\n    XObject.prototype.init.call(this);\n   this.el.add_attribute(this.items[0].el , 'markup', 0 );\n}\n","items":[{"|xns":"Gtk","xtype":"CellRendererText","pack":"pack_start"}]}]}]},{"|xns":"Gtk","xtype":"VBox","pack":"add","id":"LeftProjectTree","|showNoProjectSelected":"function() {\n   this.get('/StandardErrorDialog').show(\"Select a Project first.\"); \n}\n","listeners":{"leave_notify_event":"function (self, event) {\n    return false;\n}"},"items":[{"|xns":"Gtk","xtype":"HBox","pack":"pack_start,false,false","items":[{"|xns":"Gtk","xtype":"ComboBox","id":"combo","|init":"function() {\n    XObject.prototype.init.call(this);\n    this.el.add_attribute(this.get('render').el , 'markup', 1 );  \n}\n","|getValue":"function() {\n    var ix = this.el.get_active();\n    if (ix < 0 ) {\n        return false;\n    }\n    var data = imports.Builder.Provider.ProjectManager.ProjectManager.projects;\n    return data[ix].fn;\n}","|setValue":"function(fn)\n{\n    var el = this.el;\n    el.set_active(-1);\n    var data = imports.Builder.Provider.ProjectManager.ProjectManager.projects;\n    data.forEach(function(n, ix) {\n        if (fn == n.fn) {\n            el.set_active(ix);\n            return false;\n        }\n    });\n}\n","listeners":{"changed":"function (self) {\n\tvar fn = this.getValue();\n\tvar pm  = imports.Builder.Provider.ProjectManager.ProjectManager;\n\tthis.get('/LeftProjectTree.model').loadProject(pm.getByFn(fn))\n}"},"items":[{"|xns":"Gtk","xtype":"CellRendererText","pack":"pack_start,true","id":"render"},{"|xns":"Gtk","xtype":"ListStore","pack":"set_model","|init":"function() {\n    XObject.prototype.init.call(this);\n  this.el.set_column_types ( 2, [\n        GObject.TYPE_STRING,  // real key\n        GObject.TYPE_STRING // real type\n        \n        \n    ] );\n        \n}\n","|loadData":"function(data) {\n     var ov = this.get('/LeftProjectTree.combo').getValue();\n    this.el.clear();\n    var iter = new Gtk.TreeIter();\n    var el = this.el;\n    data.forEach(function(p) {\n        \n        el.append(iter);\n        \n         \n        el.set_value(iter, 0, p.fn);\n        el.set_value(iter, 1, p.name);\n        \n    });\n    \n    this.get('/LeftProjectTree.combo').setValue(ov);\n}\n","id":"combomodel"}]}]},{"|xns":"Gtk","xtype":"ScrolledWindow","pack":"add","|shadow_type":"Gtk.ShadowType.IN","|init":"function() {\n    XObject.prototype.init.call(this);\n    this.el.set_policy  (Gtk.PolicyType.AUTOMATIC, Gtk.PolicyType.AUTOMATIC );\n}\n","items":[{"|xns":"Gtk","xtype":"TreeView","|headers_visible":false,"|enable_tree_lines":true,"tooltip_column":1,"|init":"function() {\n    XObject.prototype.init.call(this);\nvar description = new Pango.FontDescription.c_new();\n                            description.set_size(8000);\n                            this.el.modify_font(description);\n                            \n                            this.selection = this.el.get_selection();\n                            this.selection.set_mode( Gtk.SelectionMode.SINGLE);\n}\n","id":"view","listeners":{"cursor_changed":"function (self) {\n \tvar iter = new Gtk.TreeIter();\n                                \n        if (this.selection.count_selected_rows() < 1) {\n            //XN.get('Builder.LeftTree.model').\n            this.get('/LeftTree.model').load( false);\n            \n            return;\n        }\n        var model = this.get('/LeftProjectTree.model');\n        //console.log('changed');\n        var s = this.selection;\n        s.get_selected(model, iter);\n        value = new GObject.Value('');\n        model.el.get_value(iter, 2, value);\n        \n        console.log(value.value);// id..\n        \n        var file = this.get('/LeftProjectTree').project.getById(value.value);\n        \n        \n        console.log(file);\n        \n\n\n        var nb = this.get('/LeftTopPanel.expander');\n        nb.el.expanded = false;\n        nb.listeners.activate.call(nb);\n        //_expander.el.set_expanded(false);\n\n        var ltm = this.get('/LeftTree.model');\n        ltm.loadFile(file);\n        \n        return true;\n}"},"items":[{"|xns":"Gtk","xtype":"TreeStore","pack":"set_model","id":"model","|init":"function() {\n    XObject.prototype.init.call(this);\n  this.el.set_column_types ( 3, [\n                    GObject.TYPE_STRING, // title \n                    GObject.TYPE_STRING, // tip\n                    GObject.TYPE_STRING // id..\n                    ] );\n   \n}\n","|loadProject":"function() {\n           this.el.clear();\n            if (!pr) {\n                return;\n            }\n            this.get('/LeftProjectTree').project = pr;\n            this.load(pr.toTree());\n            this.get('/LeftProjectTree.view').el.expand_all();\n}\n","|load":"function() {\n    console.dump(tr);\n            console.log('Project tree load: ' + tr.length);\n            var citer = new Gtk.TreeIter();\n            //this.insert(citer,iter,0);\n            \n            var _this = this;\n            tr.forEach(function (r) {\n                if (!iter) {\n                    _this.el.append(citer);   \n                } else {\n                    _this.el.insert(citer,iter,-1);\n                }\n                _this.el.set_value(citer, 0,  '' + r.getTitle() ); // title \n                _this.el.set_value(citer, 1, '' + r.getTitleTip()); // tip\n                _this.el.set_value(citer, 2, '' + r.id ); //id\n                if (r.cn && r.cn.length) {\n                    _this.load(r.cn, citer);\n                }\n                \n            });\n}\n","|getValue":"function() {\n    var gval = new GObject.Value('');\n    this.el.get_value(iter, col ,gval);\n    return  '' + gval.value;\n}\n"},{"|xns":"Gtk","xtype":"TreeViewColumn","pack":"append_column","|init":"function() {\n    XObject.prototype.init.call(this);\n    this.el.add_attribute(this.items[0].el , 'markup', 0 );\n}\n","items":[{"|xns":"Gtk","xtype":"CellRendererText","pack":"pack_start"}]}]}]}]}]}]},{"|xns":"Gtk","xtype":"VBox","listeners":{},"items":[{"|xns":"Gtk","xtype":"ScrolledWindow","id":"LeftPanel","pack":"add","|shadow_type":"Gtk.ShadowType.IN","editing":false,"|init":"function() {\n    XObject.prototype.init.call(this);\n   this.el.set_policy (Gtk.PolicyType.AUTOMATIC, Gtk.PolicyType.AUTOMATIC);\n}\n","items":[{"|xns":"Gtk","xtype":"TreeView","id":"view","tooltip_column":1,"|headers_visible":false,"|enable_tree_lines":true,"|init":"function() {\n     XObject.prototype.init.call(this); \n                       \n                    this.selection = this.el.get_selection();\n                    this.selection.set_mode( Gtk.SelectionMode.SINGLE);\n                 \n                    \n                    var description = new Pango.FontDescription.c_new();\n                    description.set_size(8000);\n                    this.el.modify_font(description);\n}\n","listeners":{"button_press_event":"function (self, ev) {\n    \n                \n                var res = { }; \n                if (!this.el.get_path_at_pos(ev.button.x,ev.button.y, res)) {\n                    return false; //not on a element.\n                }\n                \n                \n                if (ev.type != Gdk.EventType.BUTTON_PRESS  || ev.button.button != 3) {\n                    \n                    if (res.column.title != 'value') {\n                        return false; // ignore..\n                    }\n                    if (  this.get('/LeftPanel').editing) {\n                        return false;\n                    }\n                    var renderer = this.get('/LeftPanel').editableColumn.items[0].el; // set has_entry..\n                    this.get('/LeftPanel').editableColumn.items[0].el.stop_editing();\n                    var type = this.get('/LeftPanel.model').getType(res.path.to_string());\n                    \n                     \n\n                    var provider = this.get('/LeftTree').getPaleteProvider();\n                    \n                    var opts = provider.findOptions(type);\n                    \n                    if (opts === false) {\n                         this.get('/LeftPanel').editableColumn.setOptions([]);\n                        renderer.has_entry = true;\n                    } else {\n                        LeftPanel.editableColumn.setOptions(opts);\n                        renderer.has_entry = false;\n                    }\n                    \n                    \n                   //Seed.print(\"click\" + ev.type);\n                    //console.dump(res);\n                    return false;\n                }\n              \n            \n               \n                if (res.column.title == 'value') {\n                    return false;\n                }\n                //if (! this.get('/LeftPanelPopup')LeftPanelPopup.el) LeftPanelPopup.init();\n                this.get('/LeftPanelPopup').el.set_screen(Gdk.Screen.get_default());\n                this.get('/LeftPanelPopup').el.show_all();\n                this.get('/LeftPanelPopup').el.popup(null, null, null, null, 3, ev.button.time);\n                //Seed.print(\"click:\" + res.column.title);\n                \n                \n                return false;\n}"},"items":[{"|xns":"Gtk","xtype":"TreeStore","pack":"set_model","id":"model","|init":"function() {\n    XObject.prototype.init.call(this);\nthis.el.set_column_types ( 5, [\n                                GObject.TYPE_STRING,  // 0 real key\n                                GObject.TYPE_STRING, // 1 real value \n                                 GObject.TYPE_STRING,  // 2 visable key\n                                 GObject.TYPE_STRING, // 3 visable value\n                                 GObject.TYPE_STRING, // 4 need to store type of!!!\n                              \n                            ]);\n}\n","|toShort":"function(str) {\n    var a = typeof(str) == 'string' ? str.split(\"\\n\") : [];\n        return a.length > 1 ? a[0] + '....' : '' + str;\n}\n","|load":"function(ar) {\n     this.el.clear();\n                            \n            this.get('/RightEditor').el.hide();\n            if (ar === false) {\n                return ;\n            }\n            var ret = {}; \n            \n\n            var provider = this.get('/LeftTree').getPaleteProvider();\n            \n            // sort!!!?\n            var iter = new Gtk.TreeIter();\n            for (var i in ar) {\n                if (typeof(ar[i]) == 'object') {\n                    continue;\n                }\n                \n                var type = provider.findType(ar, i, ar[i]);\n                \n                this.el.append(iter);\n                var p = this.el.get_path(iter).to_string();\n                ret[i] = p;\n                this.el.set_value(iter, 0, i);\n                this.el.set_value(iter, 1, '' + ar[i]);\n                this.el.set_value(iter, 2, i);\n                this.el.set_value(iter, 3, this.toShort(ar[i]));\n                this.el.set_value(iter, 4, type);\n            }\n            ar.listeners = ar.listeners || {};\n            for (var i in ar.listeners ) {\n                this.el.append(iter);\n                var p = this.el.get_path(iter).to_string();\n                ret['!' + i] = p;\n                \n                this.el.set_value(iter, 0, '!'+  i  );\n                this.el.set_value(iter, 1, '' + ar.listeners[i]);\n                this.el.set_value(iter, 2, '<b>'+ i + '</b>');\n                \n                this.el.set_value(iter, 3, '' + this.toShort(ar.listeners[i]));\n                this.el.set_value(iter, 4, 'function');\n            }\n            return ret;\n}\n","|add":"function(info) {\n      // info includes key, val, skel, etype..\n                             console.dump(info);\n            type = info.type.toLowerCase();\n            var data = this.toJS();\n            \n            if (info.etype == 'events') {\n                data.listeners = data.listeners || { };\n                if (typeof(data.listeners[info.key]) != 'undefined') {\n                    return; //already set!\n                }\n            } else {\n                if (typeof(data[info.key]) != 'undefined') {\n                    return;\n                }\n            }\n            \n            if (typeof(info.val) == 'undefined') {\n                    \n                info.val = '';\n                if (info.type == 'boolean') {\n                    info.val = true;\n                }\n                if (type == 'number') {\n                    info.val = 0;\n                }\n                // utf8 == string..\n                \n                \n            }\n            var k = info.key;\n            if (info.etype == 'events') {\n             \n                data.listeners[info.key] = info.val;\n                k = '!' + info.key;\n            } else {\n                data[info.key] = info.val;\n            }\n            \n            \n            var map = this.load(data);\n            \n            // flag it as changed to the interface..\n\n            this.get('/LeftTree.model').changed(data, true); \n            \n            \n            this.startEditing(map[k]);\n             \n            /*\n            LeftPanel.get('view').el.row_activated(\n                new Gtk.TreePath.from_string(map[k]), \n                LeftPanel.editableColumn.el\n            );\n            */\n}\n","|startEditing":"function(path,col) {\n/**\n* start editing path (or selected if not set..)\n* @param {String|false} path  (optional) treepath to edit - selected tree gets\n*     edited by default.\n* @param {Number} 0 or 1 (optional)- column to edit. \n*/\n     var tp;\n            if (typeof(path) == 'string') {\n                tp = new Gtk.TreePath.from_string(path);\n            } else {\n                var iter = new Gtk.TreeIter();\n                var s = this.get('/LeftPanel.view').selection;\n                s.get_selected(this.el, iter);\n                tp = this.el.get_path(iter);\n                path = tp.to_string();\n            }\n            \n           \n            // which colum is to be edited..\n            var colObj = false;\n            if (typeof(col) == 'undefined') {\n                var k = this.getValue(path, 0);\n                colObj = (!k.length || k == '|') ? \n                    this.get('/LeftPanel').propertyColumn : this.get('/LeftPanel').editableColumn;\n            } else {\n                colObj = col ? this.get('/LeftPanel').editableColumn : this.get('/LeftPanel').propertyColumn;\n            }\n            \n            // make sure the pulldown is set correctly..\n            // not really needed for second col...\n\n            var provider = this.get('/LeftTree').getPaleteProvider();\n           \n            var type = this.get('/LeftPanel.model').getType(path);\n            var opts = provider.findOptions(type);\n            var renderer = this.get('/LeftPanel').editableColumn.items[0].el;\n            \n            if (opts === false) {\n                this.get('/LeftPanel').editableColumn.setOptions([]);\n                renderer.has_entry = true; /// probably does not have any effect.\n            } else {\n                this.get('/LeftPanel').editableColumn.setOptions(opts);\n                renderer.has_entry = false;\n            }\n            \n            var _this=this;\n            // iter now has row...\n            GLib.timeout_add(0, 100, function() {\n                \n                colObj.items[0].el.editable = true; // esp. need for col 0..\n                _this.get('/LeftPanel.view').el.set_cursor_on_cell(\n                    tp,\n                    colObj.el,\n                    colObj.items[0].el,\n                    true\n                );\n            });\n            \n}\n","|deleteSelected":"function() {\n     var data = this.toJS();\n    var iter = new Gtk.TreeIter();\n    var s = this.get('/LeftPanel.view').selection;\n    s.get_selected(this.el, iter);\n         \n       \n    var gval = new GObject.Value('');\n   this.get('/LeftPanel.model').el.get_value(iter, 0 ,gval);\n    \n    var val = gval.value;\n    if (val[0] == '!') {\n        // listener..\n        if (!data.listeners || typeof(data.listeners[  val.substring(1)]) == 'undefined') {\n            return;\n        }\n        delete data.listeners[  val.substring(1)];\n        if (!XObject.keys(data.listeners).length) {\n            delete data.listeners;\n        }\n        \n    } else {\n        if (typeof(data[val]) == 'undefined') {\n            return;\n        }\n        delete data[val];\n    }\n    \n    \n    this.load(data);\n    this.get('/LeftTree.model').changed(data, true);\n    \n}\n","activePath":false,"|changed":"function(str, doRefresh) {\n    if (!this.activePath) {\n        return;\n    }\n    var iter = new Gtk.TreeIter();\n    this.el.get_iter(iter, new Gtk.TreePath.from_string(this.activePath));\n    \n    this.el.set_value(iter, 1, '' +str);\n    this.el.set_value(iter, 3, '' + this.toShort(str));\n    // update the tree...\n    var LeftTree        = imports.Builder.LeftTree.LeftTree;\n    this.get('/LeftTree.model').changed(this.toJS(), doRefresh); \n}\n","|toJS":"function() {\n     var iter = new Gtk.TreeIter();\n    this.get('/LeftPanel.model').el.get_iter_first(iter);\n    var ar = {};\n       \n    while (true) {\n        \n        var k = this.getValue(this.el.get_path(iter).to_string(), 0);\n       // Seed.print(k);\n        if (k[0] == '!') {\n            ar.listeners = ar.listeners || {};\n            ar.listeners[  k.substring(1)] = this.getValue(this.el.get_path(iter).to_string(), 1);\n            \n        } else {\n            ar[ k ] = this.getValue(this.el.get_path(iter).to_string(), 1);\n        }\n        \n        if (! this.get('/LeftPanel.model').el.iter_next(iter)) {\n            break;\n        }\n    }\n    \n    \n    //print(JSON.stringify(ar));\n    return ar;\n    // convert the l\n}\n","|getType":"function(treepath) {\n     return this.getValue(treepath_str, 4);\n}\n","|getValue":"function(treepath_str, col) {\n      var iter = new Gtk.TreeIter();\n    this.el.get_iter(iter, new Gtk.TreePath.from_string(treepath_str));\n    \n    var gval = new GObject.Value('');\n    this.get('/LeftPanel.model').el.get_value(iter, col ,gval);\n    var val = '' + gval.value;\n    if (col != 1) {\n        return val;\n    }\n    var type = this.getType(this.el.get_path(iter).to_string());\n    //print(\"TYPE: \" +type + \" -  val:\" + val);\n    switch(type.toLowerCase()) {\n        case 'number':\n        case 'uint':\n        case 'int':\n            return parseFloat(val); // Nan ?? invalid!!?\n        case 'boolean':\n            return val == 'true' ? true : false;\n        default: \n            return val;\n    }\n                            \n}\n","|editSelected":"function(e) {\n    print(\"EDIT SELECTED?\");\n            var iter = new Gtk.TreeIter();\n            var s = this.get('/LeftPanel.view').selection;\n            s.get_selected(this.get('/LeftPanel.model').el, iter);\n            var m = this.get('/LeftPanel.model')\n           \n            var gval = new GObject.Value('');\n            this.el.get_value(iter, 0 ,gval);\n            var val = '' + gval.value;\n            \n            gval = new GObject.Value('');\n            this.el.get_value(iter, 1 ,gval);\n            var rval = gval.value;\n            var activePath = this.el.get_path(iter).to_string(); \n            this.activePath = activePath ;\n            // was activeIter...\n            //  not listener...\n            \n            var showEditor = false;\n            \n            if (val[0] == '!') {\n                showEditor = true;\n            }\n            if (val[0] == '|') {\n                if (rval.match(/function/g) || rval.match(/\\n/g)) {\n                    showEditor = true;\n                }\n            }\n            \n            if (showEditor) {\n                var _this = this;\n                this.activePath = false;\n                GLib.timeout_add(0, 1, function() {\n                    //   Gdk.threads_enter();\n                    _this.get('/RightEditor').el.show();\n\t\t   _this.get('/RightEditor.view').load( rval );\n                    \n                    e.editing_done();\n                    e.remove_widget();\n                    _this.activePath = activePath ;\n                    \n             //       Gdk.threads_leave();\n                    return false;\n                });\n                return;\n            }\n             \n            this.get('/RightEditor').el.hide();\n\n            //var type = this.getValue(this.el.get_path(iter).to_string(),4);\n            \n            \n}\n"},{"|xns":"Gtk","xtype":"TreeViewColumn","pack":"append_column","|init":"function() {\n    XObject.prototype.init.call(this);\n\n    this.el.add_attribute(this.items[0].el , 'markup', 2 );\n    this.get('/LeftPanel').propertyColumn = this;\n}\n","title":"key","items":[{"|xns":"Gtk","xtype":"CellRendererText","pack":"pack_start","listeners":{"editing_started":"function (self, editable, path) {\n\n        this.get('/LeftPanel.model').activePath  = path;\n\n}","edited":"function (self, object, p0) {\n\tvar model = this.get('/LeftPanel.model');\n        var path = model.activePath;\n        var iter = new Gtk.TreeIter();\n        model.el.get_iter(iter, new Gtk.TreePath.from_string(path));\n        model.el.set_value(iter, 0, p0);\n        model.el.set_value(iter, 2, p0);\n        \n\tmodel.activePath = false;\n\n\tthis.get('/LeftTree.model').changed(model.toJS(), true); \n        this.el.editable = false;\n}"}}]},{"|xns":"Gtk","xtype":"TreeViewColumn","pack":"append_column","|init":"function() {\n    XObject.prototype.init.call(this);\n\tthis.el.add_attribute(this.items[0].el , 'text', 3 );\n\tthis.el.add_attribute(this.items[0].el , 'sensitive', 3 );\n\tthis.el.add_attribute(this.items[0].el , 'editable', 3 );\n          // this.el.set_cell_data_func(cell, age_cell_data_func, NULL, NULL);\n\n \tthis.get('/LeftPanel').editableColumn= this;\n}\n","|setOptions":"function(ar) {\n       var m = this.items[0].el.model;\n            m.clear();\n            var iter = new Gtk.TreeIter();\n            ar.forEach(function(i) {\n                   // sort!!!?\n                m.append(iter);\n                m.set_value(iter, 0, i);\n            });\n            \n}\n","items":[{"|xns":"Gtk","xtype":"CellRendererCombo","pack":"pack_start","|editable":true,"|has_entry":true,"text_column":0,"|init":"function() {\n    XObject.prototype.init.call(this);\n   this.el.model = new Gtk.ListStore();\n    this.el.model.set_column_types ( 1, [\n        GObject.TYPE_STRING  // 0 real key\n      ]);\n}\n","listeners":{"edited":"function (self, object, p0) {\n \tthis.get('/LeftPanel').editing = false;\n\tprint(\"EDITED? p:\" + p + \" t:\" + p0);\n        this.get('/LeftPanel.model').changed(p0, true);\n        this.get('/LeftPanel.model').activePath = false;\n}","editing_started":"function (self, editable, path) {\n   this.get('/LeftPanel').editing  = true;\n\t//  console.log('editing started');\n       // r.has_entry = false;\n   this.get('/LeftPanel.model').editSelected(editable);\n}"}}]}]}]}]}]},{"|xns":"Gtk","xtype":"ScrolledWindow","pack":"pack_end,false,true,0","id":"MidPropTree","|shadow_type":"Gtk.ShadowType.IN","|init":"function() {\n    XObject.prototype.init.call(this);\n       XObject.prototype.init.call(this); \n    this.el.set_policy (Gtk.PolicyType.AUTOMATIC, Gtk.PolicyType.AUTOMATIC)\n    this.el.set_size_request ( 150, -1 );\n    this.shown = true;\n}\n","activeElement":false,"|hideWin":"function() {\n     \n    if (!this.shown) {\n        return;\n    }\n    \n    \n    if (this.get('/Window.left').el.position < 160) {\n        return;\n    }\n    this.get('/Window.left').el.position = this.get('/Window.left').el.position  - 150;\n        \n    this.el.hide();\n    this.shown = false;\n}\n","items":[{"|xns":"Gtk","xtype":"TreeView","|enable_tree_lines":true,"|headers_visible":false,"tooltip_column":2,"|init":"function() {\n\tXObject.prototype.init.call(this); \n                    \n    //  var description = new Pango.FontDescription.c_new();\n  //  description.set_size(8000);\n  // this.el.modify_font(description);     \n                    \n  // this.selection = this.el.get_selection();\n   // this.selection.set_mode( Gtk.SelectionMode.SINGLE);\n \n\n    \n  \n    \n}\n","listeners":{"cursor_changed":"function (self) {\n       var iter = new Gtk.TreeIter();\n                        \n                        //console.log('changed');\n        var m = this.get('model');\n        var s = this.selection;\n        s.get_selected(m.el, iter);\n        var tp = m.el.get_path(iter).to_string();\n        \n        \n        // var val = \"\";\n        \n        var key = m.getValue(tp, 0);\n        \n        var type = m.getValue(tp, 1);\n        var skel = m.getValue(tp, 3);\n        var etype = m.getValue(tp, 5);\n        \n        \n        this.get('/MidPropTree').hideWin();\n\n        if (type == 'function') {\n            \n            if (etype != 'events') {\n                key = '|' + key;\n            }\n            \n            this.get('/LeftPanel.model').add({\n                key :  key, \n                type : type,\n                val  : skel,\n                etype : etype\n            })  \n            return;\n        }\n        \n        if (type.indexOf('.') > -1 || \n                type == 'boolean') {\n             key = '|' + key;\n        }\n        \n        this.get('/LeftPanel.model').add( {\n            key : key, \n            type : type,\n            //skel  : skel,\n            etype : etype\n           }) //, \n}"},"items":[{"|xns":"Gtk","xtype":"ListStore","pack":"set_model","|init":"function() {\n    XObject.prototype.init.call(this);\n   return;  this.el.set_column_types ( 6, [\n        GObject.TYPE_STRING,  // real key\n         GObject.TYPE_STRING, // real type\n         GObject.TYPE_STRING, // docs ?\n         GObject.TYPE_STRING, // visable desc\n         GObject.TYPE_STRING, // function desc\n         GObject.TYPE_STRING // element type (event|prop)\n        \n    ] );\n}\n","|getValue":"function(treepath, col)\n{\n    var tp = new Gtk.TreePath.from_string (treepath);\n    var iter = new Gtk.TreeIter();\n    this.el.get_iter (iter, tp);\n    var value = new GObject.Value('');\n    this.el.get_value(iter, col, value);\n    return value.value;\n    \n}","|showData":"function(type) {\n    this.el.clear();\n            if (!this.get('/MidPropTree').activeElement || !type) {\n                return; // no active element\n            }\n\n            var fullpath = this.get('/LeftTree.model').file.guessName(this.get('/MidPropTree').activeElement);\n            var palete = this.get('/LeftTree').getPaleteProvider();\n            \n             \n            \n            Seed.print('Showing right?');\n            if (!this.get('/MidPropTree').shown) {\n\n                this.get('/Window.left').el.position = this.get('/Window.left').el.position  + 150;\n                this.get('/MidPropTree').el.show();\n                this.get('/MidPropTree').shown = true;\n            }\n            \n            var elementList = palete.getPropertiesFor(fullpath, type);\n            print (\"GOT \" + elementList.length + \" items for \" + fullpath + \"|\" + type);\n            console.dump(elementList);\n           \n            \n            var iter = new Gtk.TreeIter();\n            for(var i =0 ; i < elementList.length; i++) {\n                var p=elementList[i];\n                this.el.append(iter);\n              //  console.log( '<b>' + p.name +'</b> ['+p.type+']');\n                    //GObject.TYPE_STRING,  // real key\n                    // GObject.TYPE_STRING, // real type\n                    // GObject.TYPE_STRING, // docs ?\n                    // GObject.TYPE_STRING // func def?\n                    \n                \n                this.el.set_value(iter, 0, p.name);\n                this.el.set_value(iter, 1, p.type);\n                this.el.set_value(iter, 2, '<span size=\"small\"><b>' + p.name +'</b> ['+p.type+']</span>' + \"\\n\" + p.desc);\n                this.el.set_value(iter, 3, p.sig ? p.sig  : '');\n                this.el.set_value(iter, 4, '<span size=\"small\"><b>' + p.name +'</b> ['+p.type+']</span>');\n                this.el.set_value(iter, 5, type);\n                \n            }\n                             \n}\n"},{"|xns":"Gtk","xtype":"TreeViewColumn","|init":"function() {\n    this.el = new Gtk.TreeViewColumn();\n    this.parent.el.append_column(this.el);\n    \n    XObject.prototype.init.call(this);\n    this.el.add_attribute(this.items[0].el , 'markup', 4  );\n}\n","pack":false,"items":[{"|xns":"Gtk","xtype":"CellRendererText","pack":"pack_start,true"}]}]}]}]},{"|xns":"Gtk","xtype":"HBox","pack":"add","items":[{"|xns":"Gtk","xtype":"VPaned","pack":"add","position":300,"items":[{"|xns":"Gtk","xtype":"VBox","pack":"add","items":[{"|xns":"Gtk","xtype":"Notebook","pack":"pack_start,true,true","id":"view-notebook","tab_border":0,"|init":"function() {\n    XObject.prototype.init.call(this);\n    this.el.set_current_page(0);\n    print(\"SET LABEL?\")\n    this.el.set_tab_label(this.items[0].el, new Gtk.Label({ label : \"Roo View\" }));\n}\n","items":[{"|xns":"Gtk","xtype":"VBox","pack":"add","id":"RightBrowser","listeners":{}}]},{"|xns":"Gtk","xtype":"Expander","pack":"pack_start,false,false","label":"Console","items":[{"|xns":"Gtk","xtype":"Button","pack":"add","label":"Console goes here"}]}]},{"|xns":"Gtk","xtype":"ScrolledWindow","pack":"add","id":"RightEditor"}]},{"|xns":"Gtk","xtype":"VBox","pack":"pack_start,false,false","id":"RightPalate","|hide":"function() {\n        this.get('hidden').el.show();\n            this.get('visible').el.hide();\n}\n","|show":"function() {\n    this.get('hidden').el.hide();\n            this.get('visible').el.show();\n            this.get('model').expanded();\n            \n}\n","provider":false,"items":[{"|xns":"Gtk","xtype":"VBox","pack":"add","id":"hidden","items":[{"|xns":"Gtk","xtype":"Button","pack":"pack_start,false,true","listeners":{"clicked":"function (self) {\n\tthis.get('/RightPalete').show();\n}"},"items":[{"|xns":"Gtk","xtype":"Image","pack":"add","|stock":"Gtk.STOCK_GOTO_FIRST","|icon_size":"Gtk.IconSize.MENU"}]},{"|xns":"Gtk","xtype":"Label","pack":"add","label":"Palete","angle":"270","|init":"function() {\n    XObject.prototype.init.call(this);\n    this.el.add_events ( Gdk.EventMask.BUTTON_MOTION_MASK );\n}\n","listeners":{"enter_notify_event":"function (self, event) {\n    this.get('/RightPalete').show();\n    return false;\n}"}}]},{"|xns":"Gtk","xtype":"VBox","pack":"add","id":"visible","items":[{"|xns":"Gtk","xtype":"HBox","pack":"pack_start,false,true","items":[{"|xns":"Gtk","xtype":"Label","pack":"add","label":"Palete"},{"|xns":"Gtk","xtype":"Button","pack":"pack_start,false,true","listeners":{"clicked":"function (self) {\n\tthis.get('/RightPalete').hide();\n}"},"items":[{"|xns":"Gtk","xtype":"Image","pack":"add","|stock":"Gtk.STOCK_GOTO_LAST","|icon_size":"Gtk.IconSize.MENU"}]}]}]}]}]}]}]}]}]}
\ No newline at end of file