{
xtype: Gtk.Menu,
pack : "set_submenu",
- listeners : {
-
- },
items : [
{
xtype: Gtk.MenuItem,
{
xtype: Gtk.Menu,
pack : "set_submenu",
- listeners : {
-
- },
items : [
{
xtype: Gtk.MenuItem,
html = html.replace('</head>', project.runhtml + '</head>');
- var jsstr = JSON.stringify(js[0]);
+ var jsstr = JSON.stringify(js[0], null, 4);
var runbuilder = '<script type="text/javascript">' + "\n" +
" Builder.render(" + jsstr + ");\n" +
xtype: Gtk.MenuItem,
label : "_Help",
use_underline : true,
- listeners : {
-
- },
pack : "add",
items : [
{
xtype: Gtk.Menu,
pack : "set_submenu",
- listeners : {
-
- },
items : [
{
xtype: Gtk.MenuItem,
return;
}
print("LOAD");
+ print(JSON.stringify(f.items, null,4));
//console.dump(f.items);
this.load(f.items);
this.get('/LeftTree.view').el.expand_all();
}
}
+ if (treepath === false) {
+ //dupe!!!
+ return JSON.parse(JSON.stringify(ar));
+ }
+
return ar;
// convert the list into a json string..
items : [
{
xtype: Gtk.TreeView,
- headers_visible : false,
- enable_tree_lines : true,
- tooltip_column : 1,
- init : function() {
- XObject.prototype.init.call(this);
- var description = new Pango.FontDescription.c_new();
- description.set_size(8000);
- this.el.modify_font(description);
-
- this.selection = this.el.get_selection();
- this.selection.set_mode( Gtk.SelectionMode.SINGLE);
- },
- id : "view",
listeners : {
cursor_changed : function (self) {
var iter = new Gtk.TreeIter();
var file = this.get('/LeftProjectTree').project.getById(value.value);
-
+ file.items = false;
console.log(file);
return true;
}
},
+ id : "view",
+ tooltip_column : 1,
+ enable_tree_lines : true,
+ headers_visible : false,
+ init : function() {
+ XObject.prototype.init.call(this);
+ var description = new Pango.FontDescription.c_new();
+ description.set_size(8000);
+ this.el.modify_font(description);
+
+ this.selection = this.el.get_selection();
+ this.selection.set_mode( Gtk.SelectionMode.SINGLE);
+ },
items : [
{
xtype: Gtk.TreeStore,
},
{
xtype: Gtk.VBox,
- listeners : {
-
- },
items : [
{
xtype: Gtk.HBox,
activePath : false,
id : "model",
pack : "set_model",
- getIterValue : function(iter, col) {
- var gval = new GObject.Value('');
- this.get('/LeftPanel.model').el.get_value(iter, col ,gval);
- return '' + gval.value;
- },
add : function(info) {
// info includes key, val, skel, etype..
console.dump(info);
if (typeof(info.val) == 'undefined') {
info.val = '';
- if (info.type == 'boolean') {
+ if (info.type.toLowerCase() == 'boolean') {
info.val = true;
}
if (type == 'number') {
// Gdk.threads_enter();
_this.get('/BottomPane').el.show();
_this.get('/RightEditor').el.show();
- _this.get('/RightEditor.view').load( rval );
+ _this.get('/RightEditor.view').load( rval );
e.editing_done();
e.remove_widget();
//var type = this.getValue(this.el.get_path(iter).to_string(),4);
+ },
+ getIterValue : function(iter, col) {
+ var gval = new GObject.Value('');
+ this.get('/LeftPanel.model').el.get_value(iter, col ,gval);
+ return '' + gval.value;
},
getType : function(treepath) {
return this.getValue(treepath, 4);
return ret;
},
startEditing : function(path,col) {
- /**
- * start editing path (or selected if not set..)
- * @param {String|false} path (optional) treepath to edit - selected tree gets
- * edited by default.
- * @param {Number} 0 or 1 (optional)- column to edit.
- */
+ /**
+ * start editing path (or selected if not set..)
+ * @param {String|false} path (optional) treepath to edit - selected tree gets
+ * edited by default.
+ * @param {Number} 0 or 1 (optional)- column to edit.
+ */
var tp;
- if (typeof(path) == 'string') {
- tp = new Gtk.TreePath.from_string(path);
- } else {
- var iter = new Gtk.TreeIter();
- var s = this.get('/LeftPanel.view').selection;
- s.get_selected(this.el, iter);
- tp = this.el.get_path(iter);
- path = tp.to_string();
- }
-
-
- // which colum is to be edited..
- var colObj = false;
- if (typeof(col) == 'undefined') {
- var k = this.getValue(path, 0);
- colObj = (!k.length || k == '|') ?
- this.get('/LeftPanel').propertyColumn : this.get('/LeftPanel').editableColumn;
- } else {
- colObj = col ? this.get('/LeftPanel').editableColumn : this.get('/LeftPanel').propertyColumn;
- }
-
- // make sure the pulldown is set correctly..
- // not really needed for second col...
+ if (typeof(path) == 'string') {
+ tp = new Gtk.TreePath.from_string(path);
+ } else {
+ var iter = new Gtk.TreeIter();
+ var s = this.get('/LeftPanel.view').selection;
+ s.get_selected(this.el, iter);
+ tp = this.el.get_path(iter);
+ path = tp.to_string();
+ }
+
+
+ // which colum is to be edited..
+ var colObj = false;
+ if (typeof(col) == 'undefined') {
+ var k = this.getValue(path, 0);
+ colObj = (!k.length || k == '|') ?
+ this.get('/LeftPanel').propertyColumn : this.get('/LeftPanel').editableColumn;
+ } else {
+ colObj = col ? this.get('/LeftPanel').editableColumn : this.get('/LeftPanel').propertyColumn;
+ }
+
+ // make sure the pulldown is set correctly..
+ // not really needed for second col...
- var provider = this.get('/LeftTree').getPaleteProvider();
-
- var type = this.get('/LeftPanel.model').getType(path);
- var opts = provider.findOptions(type);
- var renderer = this.get('/LeftPanel').editableColumn.items[0].el;
-
- if (opts === false) {
- this.get('/LeftPanel').editableColumn.setOptions([]);
- renderer.has_entry = true; /// probably does not have any effect.
- } else {
- this.get('/LeftPanel').editableColumn.setOptions(opts);
- renderer.has_entry = false;
- }
-
- var _this=this;
- // iter now has row...
- GLib.timeout_add(0, 100, function() {
-
- colObj.items[0].el.editable = true; // esp. need for col 0..
- _this.get('/LeftPanel.view').el.set_cursor_on_cell(
- tp,
- colObj.el,
- colObj.items[0].el,
- true
- );
- });
-
+ var provider = this.get('/LeftTree').getPaleteProvider();
+
+ var type = this.get('/LeftPanel.model').getType(path);
+ var opts = provider.findOptions(type);
+ var renderer = this.get('/LeftPanel').editableColumn.items[0].el;
+
+ if (opts === false) {
+ this.get('/LeftPanel').editableColumn.setOptions([]);
+ renderer.has_entry = true; /// probably does not have any effect.
+ } else {
+ this.get('/LeftPanel').editableColumn.setOptions(opts);
+ renderer.has_entry = false;
+ }
+
+ var _this=this;
+ // iter now has row...
+ GLib.timeout_add(0, 100, function() {
+
+ colObj.items[0].el.editable = true; // esp. need for col 0..
+ _this.get('/LeftPanel.view').el.set_cursor_on_cell(
+ tp,
+ colObj.el,
+ colObj.items[0].el,
+ true
+ );
+ });
+
},
toJS : function() {
var iter = new Gtk.TreeIter();
items : [
{
xtype: Gtk.TreeView,
- enable_tree_lines : true,
- headers_visible : false,
- tooltip_column : 2,
- init : function() {
- XObject.prototype.init.call(this);
-
- var description = new Pango.FontDescription.c_new();
- description.set_size(8000);
- this.el.modify_font(description);
-
- //this.selection = this.el.get_selection();
- // this.selection.set_mode( Gtk.SelectionMode.SINGLE);
-
-
-
-
-
- },
- pack : "add",
listeners : {
cursor_changed : function (self) {
var iter = new Gtk.TreeIter();
this.get('/MidPropTree').hideWin();
- if (type == 'function') {
+ if (type.toLowerCase() == 'function') {
if (etype != 'events') {
key = '|' + key;
})
return;
}
-
- if (type.indexOf('.') > -1 ||
- type == 'boolean') {
- key = '|' + key;
- }
+ // has dot in name, and is boolean???? this does not make sense..
+ //if (type.indexOf('.') > -1 || type.toLowerCase() == 'boolean') {
+ // key = '|' + key;
+ // }
this.get('/LeftPanel.model').add( {
key : key,
etype : etype
}) //,
}
+ },
+ pack : "add",
+ tooltip_column : 2,
+ enable_tree_lines : true,
+ headers_visible : false,
+ init : function() {
+ XObject.prototype.init.call(this);
+
+ var description = new Pango.FontDescription.c_new();
+ description.set_size(8000);
+ this.el.modify_font(description);
+
+ //this.selection = this.el.get_selection();
+ // this.selection.set_mode( Gtk.SelectionMode.SINGLE);
+
+
+
+
+
},
items : [
{
items : [
{
xtype: Gtk.Notebook,
- pack : "add",
id : "view-notebook",
+ pack : "add",
tab_border : 0,
init : function() {
XObject.prototype.init.call(this);
this.el.set_current_page(0);
- print("SET LABEL?")
+ //print("SET LABEL?")
this.el.set_tab_label(this.items[0].el, new Gtk.Label({ label : "Roo View" }));
this.el.set_tab_label(this.items[1].el, new Gtk.Label({ label : "Gtk View" }));
},
items : [
{
xtype: Gtk.VBox,
- pack : "add",
id : "RightBrowser",
- listeners : {
-
- },
+ pack : "add",
items : [
{
xtype: Gtk.ScrolledWindow,
items : [
{
xtype: WebKit.WebView,
- pack : "add",
- id : "view",
- init : function() {
- XObject.prototype.init.call(this);
- // this may not work!?
- this.el.open('file:///' + __script_path__ + '/../builder.html');
-
- Gtk.drag_dest_set
- (
- this.el, /* widget that will accept a drop */
- Gtk.DestDefaults.MOTION | Gtk.DestDefaults.HIGHLIGHT,
- null, /* lists of target to support */
- 0, /* size of list */
- Gdk.DragAction.COPY /* what to do with data after dropped */
- );
-
- // print("RB: TARGETS : " + LeftTree.atoms["STRING"]);
- Gtk.drag_dest_set_target_list(this.el, this.get('/Window').targetList);
- },
- renderJS : function(data) {
- print("HTML RENDERING");
- /// prevent looping..
- //if (this.pendingRedraw) {
- // print("pending redraw active?!");
- // return;
- //}
-
-
- if (!this.get('/Window.LeftTree').getActiveFile()) {
- return;
- }
-
- var project = this.get('/Window.LeftTree').getActiveFile().project;
- //print (project.fn);
-
- project.runhtml = project.runhtml || '';
-
-
- this.runhtml = this.runhtml || '';
-
- if (project.runhtml != this.runhtml) {
- // then we need to reload the browser using
- // load_html_string..
-
- // then trigger a redraw once it's loaded..
- this.pendingRedraw = true;
-
- this.runhtml = project.runhtml;
-
- var html = imports.File.File.read(__script_path__ + '/../builder.html');
- html = html.replace('</head>', this.runhtml + '</head>');
- print("LOAD HTML " + html);
- this.el.load_html_string( html , 'file:///' + __script_path__ + '/../builder.html');
- // should trigger load_finished!
- return;
-
- }
-
- this.pendingRedraw = false;
-
-
- this.renderedData = data;
- var str = JSON.stringify(data) ;
-
- if (!this.ready) {
- console.log('not loaded yet');
- }
- //Seed.print("RENDER:" + str);
- //imports.File.File.write('/tmp/builder.debug.js', "Builder.render(" + JSON.stringify(data) + ");");
-
- this.el.execute_script("Builder.render(" + JSON.stringify(data) + ");");
- },
listeners : {
load_finished : function (self, object) {
// if (this.ready) { // dont do it twice!
// return;
//}
+
+ this.el.get_inspector().show();
this.ready = true;
this.pendingRedraw = false;
var js = this.get('/LeftTree.model').toJS();
if (js && js[0]) {
- this.renderJS(js[0]);
+ this.renderJS(js[0]);
}
},
script_alert : function (self, object, p0) {
- print(p0);
+ // print(p0);
return false;
return true; // do not display anything...
},
// console.log(object);
if (!object.match(/^\{/)) {
- this.get('/Terminal').feed(object);
+ //this.get('/Terminal').feed(object);
return true; // do not handle!!! -> later maybe in console..
}
// console.log(object);
if (typeof(val['id']) != 'undefined') {
// this.activeNode = val['id'];
var tg = this.get('/LeftTree.model').findDropNode(val['id'], true);
- if (!tg) {
+ if (!tg || typeof(tg[0]) == 'undefined') {
return false;
}
+ print("SELECT node " + tg[0]);
+
this.get('/LeftTree.view').selectNode(tg[0]);
ret = true;
Gtk.drag_finish (ctx, dnd_success, delete_selection_data, time);
return true;
- }
+ },
+ resource_request_starting : function (self, object, p0, p1, p2) {
+ // this.get('/Terminal').feed( p1.get_uri() );
+ }
+ },
+ id : "view",
+ pack : "add",
+ init : function() {
+ XObject.prototype.init.call(this);
+ // this may not work!?
+ var settings = this.el.get_settings();
+ settings.enable_developer_extras = true;
+ // settings.enable_file_access_from_file_uris = true;
+ // settings.enable_offline_web_application_cache - true;
+ // settings.enable_universal_access_from_file_uris = true;
+ var _this = this;
+
+ this.el.get_inspector().signal.inspect_web_view.connect(function(wi, pg) {
+ _this.get('/BottomPane.inspector').el.show();
+ return _this.get('/BottomPane.inspector').el;
+ //create_inspector_cb
+ });
+
+
+ this.el.open('file:///' + __script_path__ + '/../builder.html');
+
+ Gtk.drag_dest_set
+ (
+ this.el, /* widget that will accept a drop */
+ Gtk.DestDefaults.MOTION | Gtk.DestDefaults.HIGHLIGHT,
+ null, /* lists of target to support */
+ 0, /* size of list */
+ Gdk.DragAction.COPY /* what to do with data after dropped */
+ );
+
+ // print("RB: TARGETS : " + LeftTree.atoms["STRING"]);
+ Gtk.drag_dest_set_target_list(this.el, this.get('/Window').targetList);
+ },
+ renderJS : function(data) {
+ print("HTML RENDERING");
+ this.get('/BottomPane').el.show();
+ this.get('/BottomPane').el.set_current_page(2);// webkit view!
+ /// prevent looping..
+ //if (this.pendingRedraw) {
+ // print("pending redraw active?!");
+ // return;
+ //}
+
+
+ if (!this.get('/Window.LeftTree').getActiveFile()) {
+ return;
+ }
+
+ var project = this.get('/Window.LeftTree').getActiveFile().project;
+ //print (project.fn);
+
+ project.runhtml = project.runhtml || '';
+
+
+ this.runhtml = this.runhtml || '';
+
+ if (project.runhtml != this.runhtml) {
+ // then we need to reload the browser using
+ // load_html_string..
+
+ // then trigger a redraw once it's loaded..
+ this.pendingRedraw = true;
+ var runhtml = '<script type="text/javascript">' + "\n" ;
+ runhtml +=imports.File.File.read(__script_path__ + '/../builder.html.js') + "\n";
+ runhtml += '</script>'+ "\n" ;
+ // this.runhtml = '<link rel="stylesheet" type="text/css" href="file://' + __script_path__ + '/../roojs1/cssX/roojs-all.css" />'+ "\n" ;
+ // this.runhtml += '<script type="text/javascript" src="file://' + __script_path__ + '/../roojs1/roojs-debug.js"></script>'+ "\n" ;
+ // this.runhtml += '<script type="text/javascript">' + "\n" ;
+ // this.runhtml += 'Ext=Roo; // bc' + "\n" ;
+ // this.runhtml += 'Roo.BLANK_IMAGE_URL = "file://' + __script_path__ + '/../roojs1/images/gray/s.gif";'+ "\n" ;
+ // this.runhtml += 'Roo.rootURL = "file://' + __script_path__ + '/../roojs1/";'+ "\n" ;
+ // this.runhtml += '</script>'+ "\n" ;
+
+ this.runhtml = project.runhtml;
+ // need to modify paths
+
+
+
+ var html = imports.File.File.read(__script_path__ + '/../builder.html');
+ html = html.replace('</head>', runhtml + this.runhtml + '</head>');
+ print("LOAD HTML " + html);
+ this.el.load_html_string( html ,
+ //fixme - should be a config option!
+ 'http://www.akbkhome.com/e/'
+ );
+ // should trigger load_finished!
+ return;
+
+ }
+
+ this.pendingRedraw = false;
+
+
+ this.renderedData = data;
+ var str = JSON.stringify(data) ;
+
+ if (!this.ready) {
+ console.log('not loaded yet');
+ }
+ //Seed.print("RENDER:" + str);
+ //imports.File.File.write('/tmp/builder.debug.js', "Builder.render(" + JSON.stringify(data) + ");");
+
+ this.el.execute_script("Builder.render(" + JSON.stringify(data) + ");");
+
}
}
]
},
{
xtype: Gtk.ScrolledWindow,
- pack : "add",
id : "Help",
+ pack : "add",
show : function() {
var file = this.get('/LeftTree').getActiveFile();
if (!xtype || !xtype.length) {
return;
}
- this.get('/Window.view-help-nb').el.set_current_page(1);
+ //this.get('/Window.view-help-nb').el.set_current_page(1);
// get the active element being edited.
var helpurl = file.getHelpUrl(xtype);
},
{
xtype: Gtk.Notebook,
+ id : "BottomPane",
pack : "add",
init : function() {
XObject.prototype.init.call(this);
this.el.set_tab_label(this.items[0].el, new Gtk.Label({ label : "Code Editor" }));
this.el.set_tab_label(this.items[1].el, new Gtk.Label({ label : "Console" }));
+ this.el.set_tab_label(this.items[2].el, new Gtk.Label({ label : "Inspector" }));
},
- id : "BottomPane",
items : [
{
xtype: Gtk.ScrolledWindow,
scrollback_lines : 1000
}
]
+ },
+ {
+ xtype: Gtk.ScrolledWindow,
+ pack : "add",
+ items : [
+ {
+ xtype: WebKit.WebView,
+ id : "inspector",
+ pack : "add"
+ }
+ ]
}
]
}
projects / app.Builder.js / blobdiff