{
    "id": "roo-file-197",
    "name": "Pman.Tab.BuilderProps",
    "parent": "Pman.Tab.BuilderTree",
    "title": "Pman.Tab.BuilderProps",
    "path": "/home/edward/gitlive/Pman.Builder/Pman.Tab.BuilderProps.bjs",
    "items": [
        {
            "region": "south",
            "xtype": "GridPanel",
            "|xns": "Roo",
            "items": [
                {
                    "listeners": {
                        "render": "function (grid)\n{\n    _this.grid = grid;\n}",
                        "afteredit": "function (e)\n{\n   // change this..\n   //this.currentNode.elConfig\n   \n   \n}",
                        "cellclick": "function (_self, rowIndex, ci, e)\n{\n     if (ci != 0) {\n        return;\n    }\n    //console.log(e);\n    // click on left col..\n    // show menu..\n    // make sure it's initialized..\n    _this.panel.menu = Roo.factory(_this.panel.menu);\n    \n    _this.panel.menu.show(e.getTarget(), 'tr');\n}",
                        "beforeedit": "function (e)\n{\n   Roo.log('beforeedit');\n   Roo.log(e.record.data);\n   var key = e.record.data.name;\n   var val = e.record.data.value;\n   // source code edit..\n   if (key.match(/^\\|/) || key.match(/^\\!/)) {\n        Pman.Dialog.BuilderSourceEdit.show( { value :  val }, function(d) {\n            // perhaps we should eval it..\n        \n            _this.grid.currentNode.elConfig[key] = d.value;\n            _this.grid.setSourceFromNode(_this.grid.currentNode.elConfig);\n            _this.grid.fireEvent('propertychange', \n                Pman.Tab.BuilderProps.grid, key, d.value, false\n            );\n        });\n        e.cancel = true;\n        return;\n   }\n}",
                        "propertychange": "function (grid, id, v, oldval)\n{\n    if (v == 'false') {\n        v = false;\n    }\n    if (v == 'true') {\n        v = true;\n    }\n    var ec = _this.grid.currentNode.elConfig;\n    \n    if (id[0] == '!') {\n        ec.listeners = ec.listeners || {};\n        ec.listeners[id.substring(1)] = v;\n        if (typeof(ec[id]) != 'undefined') {\n            delete ec[id];\n        }\n    } else { \n       ec[id] = v;\n    }\n\n    _this.grid.setSourceFromNode(ec);\n    \n    var bp = Pman.Tab.BuilderView.panel;\n    bp.redraw.defer(100,bp, [true]);\n    _this.grid.currentNode.setText(\n        Pman.Builder.Tree.configToText(ec)\n    );\n}",
                        "contextmenu": "function (e)\n{\n    // should we check e..??\n    _this.panel.menu2 = Roo.factory(_this.panel.menu2);\n    \n    _this.panel.menu2.show(e.getTarget());\n    e.stopEvent()\n\n}"
                    },
                    "*prop": "grid",
                    "xtype": "PropertyGrid",
                    "|setCurrrentNode": "function(node) {\n   \n    \n    this.view.el.unmask();\n    \n    if (!node || !node.elConfig) {\n        this.currentNode = false;\n        this.setSourceFromNode({});\n        this.view.el.mask('select a node');\n    } else {\n        this.currentNode = node;\n        this.setSourceFromNode(this.currentNode.elConfig);\n        \n    }\n    \n}\n",
                    "|setSourceFromNode": "function(config) {\n   \n        \n    var cfg = {};\n    for (var k in config) {\n        //if (k.charAt(0) == '*') {\n        //    continue; // dont show props..\n        //}\n        \n        if (k  == 'listeners') {\n            for (var kk in config[k]) {\n                cfg['!' + kk ] = config[k][kk];\n            }\n            \n            continue;\n        }\n        if (k  == 'items') {\n            continue;\n        }\n        \n        if (typeof config[k] == 'object') {\n            \n            try {\n                var ec = Roo.encode(config[k]);\n                cfg[k] = ec;\n            } catch(e) {}\n            continue;\n        }\n        cfg[k] = config[k];\n    }\n    \n    if (!cfg.xtype) {\n        return;\n    }\n\n    this.setSource(cfg);\n\n    \n      \n}\n",
                    "|xns": "Roo.grid"
                },
                {
                    "|xns": "Roo.menu",
                    "xtype": "Menu",
                    "*prop": "menu",
                    "items": [
                        {
                            "listeners": {
                                "click": "function (_self, e)\n{\n \n     var rc = _this.grid.getSelectionModel().getSelectedCell();\n     var n = _this.grid.getDataSource().getAt(rc[0]).data.name;\n     if (n == 'xtype') {\n        return;\n     }\n      if (n[0] == '!') {\n        Roo.MesssageBox.alert(\"Error\", \"Error, you can not do this to listeners\");\n        return;\n    }\n     if (n[0] == '|') {\n        var val =  _this.grid.currentNode.elConfig[n];\n        delete _this.grid.currentNode.elConfig[n];\n        _this.grid.currentNode.elConfig[ n.substring(1)] = val;\n         \n     } else {\n        var val =  _this.grid.currentNode.elConfig[n];\n        delete _this.grid.currentNode.elConfig[n];\n        _this.grid.currentNode.elConfig['|'+ n] = val;\n     }\n    // reloads      \n    _this.grid.setCurrrentNode(_this.grid.currentNode);\n    var bp = Pman.Tab.BuilderView.panel;\n    bp.redraw.defer(100,bp, [true]);\n    // update the tree's  text\n    _this.grid.currentNode.setText(\n        Pman.Builder.Tree.configToText(_this.grid.currentNode.elConfig)\n    );\n}"
                            },
                            "text": "Toggle property as Javascript",
                            "xtype": "Item",
                            "|xns": "Roo.menu"
                        },
                        {
                            "|xns": "Roo.menu",
                            "xtype": "Separator"
                        },
                        {
                            "listeners": {
                                "click": "function (_self, e)\n{\n \n     var rc = _this.grid.getSelectionModel().getSelectedCell();\n     var n = _this.grid.getDataSource().getAt(rc[0]).data.name;\n     if (n == 'xtype') {\n        return;\n    }\n    if (n[0] == '!') {\n        try{\n            delete _this.grid.currentNode.elConfig.listeners[n.substring(1)]; \n        }catch(err){\n            delete _this.grid.currentNode.elConfig[n];\n            Roo.log(err);\n        }\n        \n    } else {\n        delete _this.grid.currentNode.elConfig[n];\n    }\n    // reloads      \n    _this.grid.setCurrrentNode(_this.grid.currentNode);\n    var bp = Pman.Tab.BuilderView.panel;\n    bp.redraw.defer(100,bp, [true]);\n    // update the tree's  text\n    _this.grid.currentNode.setText(\n        Pman.Builder.Tree.configToText(_this.grid.currentNode.elConfig)\n    );\n}"
                            },
                            "text": "Delete Property / Event",
                            "xtype": "Item",
                            "|xns": "Roo.menu"
                        }
                    ]
                },
                {
                    "*prop": "menu2",
                    "xtype": "Menu",
                    "|xns": "Roo.menu",
                    "items": [
                        {
                            "listeners": {
                                "click": "function (_self, e)\n{\n \n    // show a dialog to select property??\n    // or should we add a line and get clever with pulldowns..\n    var ec = _this.grid.currentNode.elConfig;\n\n    Pman.Dialog.BuilderProp.show({\n            xtype : ec.xtype  || '',\n            xns: ec['|xns'] || '',\n            list: 'props'\n    }, function (n,val) {\n        ec[n] = val || '';\n        _this.grid.setCurrrentNode(_this.grid.currentNode);\n        var bp = Pman.Tab.BuilderView.panel;\n        bp.redraw.defer(100,bp, [true]);\n        // update the tree's  text\n        _this.grid.currentNode.setText(\n            Pman.Builder.Tree.configToText(_this.grid.currentNode.elConfig)\n        );\n    });\n}"
                            },
                            "text": "Add Property",
                            "xtype": "Item",
                            "|xns": "Roo.menu"
                        },
                        {
                            "listeners": {
                                "click": "function (_self, e)\n{\n \n    // show a dialog to select property??\n    // or should we add a line and get clever with pulldowns..\n    var ec = _this.grid.currentNode.elConfig;\n    Pman.Dialog.BuilderProp.show({\n            xtype : ec.xtype  || '',\n            xns: ec['|xns'] || '',\n            list: 'events'\n    }, function (n,val) {\n        n = '!|' + n;\n        ec[n] = val || \"function () {\\n\\n}\";\n        _this.grid.setCurrrentNode(_this.grid.currentNode);\n        var bp = Pman.Tab.BuilderView.panel;\n        bp.redraw.defer(100,bp, [true]);\n        // update the tree's  text\n        _this.grid.currentNode.setText(\n            Pman.Builder.Tree.configToText(_this.grid.currentNode.elConfig)\n        );\n    });\n}"
                            },
                            "text": "Add Event Handler",
                            "xtype": "Item",
                            "|xns": "Roo.menu"
                        },
                        {
                            "|xns": "Roo.menu",
                            "xtype": "Separator"
                        },
                        {
                            "listeners": {
                                "click": "function (_self, e)\n{\n \n    // show a dialog to select property??\n    // or should we add a line and get clever with pulldowns..\n}"
                            },
                            "text": "Add User Defined Property",
                            "xtype": "Item",
                            "|xns": "Roo.menu"
                        }
                    ]
                }
            ]
        }
    ],
    "permname": "",
    "modOrder": "001"
}