git.roojs.org Git - app.Builder.js/blob - Builder/LeftPanel.js

   1 //<Script type="text/javascript">
   2 Gio = imports.gi.Gio;
   3 Gtk = imports.gi.Gtk;
   4 Gdk = imports.gi.Gdk;
   5 GLib = imports.gi.GLib;
   6 GObject = imports.gi.GObject;
   7 Pango = imports.gi.Pango ;
   8
   9 XObject = imports.XObject.XObject;
  10 console = imports.console;
  11
  12
  13 LeftPanelPopup  = imports.Builder.LeftPanelPopup.LeftPanelPopup;
  14 RightEditor     = imports.Builder.RightEditor.RightEditor;
  15 /**
  16  *
  17  * really the properties..
  18  */
  19
  20
  21 LeftPanel = new XObject({
  22
  23         xtype: Gtk.ScrolledWindow,
  24         smooth_scroll : true,
  25         pack : [ 'pack_end', true, true, 0 ],
  26         shadow_type : Gtk.ShadowType.IN,
  27
  28         init : function () {
  29             XObject.prototype.init.call(this);
  30             this.el.set_policy (Gtk.PolicyType.AUTOMATIC, Gtk.PolicyType.AUTOMATIC);
  31         },
  32         items : [
  33             {
  34                 id : 'view',
  35
  36                 xtype : Gtk.TreeView,
  37
  38                 tooltip_column : 1,
  39                 headers_visible :   false ,
  40                 enable_tree_lines :  true ,
  41
  42                 init : function () {
  43                     XObject.prototype.init.call(this);
  44
  45                     this.selection = this.el.get_selection();
  46                     this.selection.set_mode( Gtk.SelectionMode.SINGLE);
  47
  48
  49                     var description = new Pango.FontDescription.c_new();
  50                     description.set_size(8000);
  51                     this.el.modify_font(description);
  52                 },
  53                 listeners : {
  54
  55
  56                     'button-press-event' : function(tv, ev) {
  57                         if (ev.type != Gdk.EventType.BUTTON_PRESS  || ev.button.button != 3) {
  58                             Seed.print("click" + ev.type);
  59                             return false;
  60                         }
  61
  62
  63                         var res = { };
  64                         this.el.get_path_at_pos(ev.button.x,ev.button.y, res);
  65
  66                         if (res.column.title == 'value') {
  67                             return false;
  68                         }
  69                         if (!LeftPanelPopup.el) LeftPanelPopup.init();
  70                         LeftPanelPopup.el.set_screen(Gdk.Screen.get_default());
  71                         LeftPanelPopup.el.show_all();
  72                         LeftPanelPopup.el.popup(null, null, null, null, 3, ev.button.time);
  73                         Seed.print("click:" + res.column.title);
  74                         return false;
  75
  76                     }
  77                 },
  78                 items : [
  79
  80                     {
  81                         id : 'model',
  82                         pack : [ 'set_model' ],
  83                         xtype : Gtk.ListStore,
  84
  85                         init : function ()
  86                         {
  87                             XObject.prototype.init.call(this);
  88                             this.el.set_column_types ( 5, [
  89                                 GObject.TYPE_STRING,  // 0 real key
  90                                 GObject.TYPE_STRING, // 1 real value
  91                                  GObject.TYPE_STRING,  // 2 visable key
  92                                  GObject.TYPE_STRING, // 3 visable value
  93                                  GObject.TYPE_STRING, // 4 need to store type of!!!
  94
  95                             ]);
  96
  97
  98
  99                         },
 100                         toShort: function(str) {
 101                             var a = typeof(str) == 'string' ? str.split("\n") : [];
 102                             return a.length > 1 ? a[0] + '....' : '' + str;
 103                         },
 104                         load : function (ar)
 105                         {
 106                             this.el.clear();
 107
 108                             RightEditor.el.hide();
 109                             if (ar === false) {
 110                                 return ;
 111                             }
 112
 113                             // sort!!!?
 114                             var iter = new Gtk.TreeIter();
 115                             for (var i in ar) {
 116                                 if (typeof(ar[i]) == 'object') {
 117                                     continue;
 118                                 }
 119                                 this.el.append(iter);
 120                                 this.el.set_value(iter, 0, i);
 121                                 this.el.set_value(iter, 1, '' + ar[i]);
 122                                 this.el.set_value(iter, 2, i);
 123                                 this.el.set_value(iter, 3, this.toShort(ar[i]));
 124                                 this.el.set_value(iter, 4, typeof(ar[i]));
 125                             }
 126                             ar.listeners = ar.listeners || {};
 127                             for (var i in ar.listeners ) {
 128                                 this.el.append(iter);
 129                                 this.el.set_value(iter, 0, '!'+  i  );
 130                                 this.el.set_value(iter, 1, '' + ar.listeners[i]);
 131                                 this.el.set_value(iter, 2, '<b>'+ i + '</b>');
 132
 133                                 this.el.set_value(iter, 3, '' + this.toShort(ar.listeners[i]));
 134                                 this.el.set_value(iter, 4, typeof(ar[i]));
 135                             }
 136
 137                         },
 138
 139
 140
 141                         add : function( info ) {
 142                             // info includes key, val, skel, etype..
 143                              console.dump(info);
 144                             type = info.type.toLowerCase();
 145                             var data = this.toJS();
 146                             if ((typeof(data[info.key]) != 'undefined') &&
 147                                 (typeof(info.val) == 'undefined') ) {
 148                                 return;
 149                             }
 150                             if (typeof(info.val) == 'undefined') {
 151
 152                                 info.val = '';
 153                                 if (info.type == 'boolean') {
 154                                     info.val = true;
 155                                 }
 156                                 if (type == 'number') {
 157                                     info.val = 0;
 158                                 }
 159                                 // utf8 == string..
 160
 161
 162                             }
 163                             if (info.etype == 'events') {
 164
 165                                 data['!' + info.key] = info.val;
 166                             } else {
 167                                 data[info.key] = info.val;
 168                             }
 169
 170
 171                             this.load(data);
 172                             var LeftTree        = imports.Builder.LeftTree.LeftTree;
 173                             LeftTree.get('model').changed(data, true);
 174
 175
 176                         },
 177                         deleteSelected : function()
 178                         {
 179                             var data = this.toJS();
 180                             var iter = new Gtk.TreeIter();
 181                             var s = LeftPanel.get('view').selection;
 182                             s.get_selected(this.el, iter);
 183
 184
 185                             var gval = new GObject.Value('');
 186                             LeftPanel.get('model').el.get_value(iter, 0 ,gval);
 187
 188                             var val = gval.value;
 189                             if (val[0] == '!') {
 190                                 // listener..
 191                                 if (!data.listeners || typeof(data.listeners['|' + val.substring(1)]) == 'undefined') {
 192                                     return;
 193                                 }
 194                                 delete data.listeners['|' + val.substring(1)];
 195                                 if (!XObject.keys(data.listeners).length) {
 196                                     delete data.listeners;
 197                                 }
 198
 199                             } else {
 200                                 if (typeof(data[val]) == 'undefined') {
 201                                     return;
 202                                 }
 203                                 delete data[val];
 204                             }
 205
 206
 207                             this.load(data);
 208                             var LeftTree        = imports.Builder.LeftTree.LeftTree;
 209                             LeftTree.get('model').changed(data, true);
 210
 211                         },
 212
 213
 214
 215                         activeIter : false,
 216                         changed : function(str, doRefresh)
 217                         {
 218                             if (!this.activeIter) {
 219                                 return;
 220                             }
 221                             this.el.set_value(this.activeIter, 1, str);
 222                             this.el.set_value(this.activeIter, 3, '' + this.toShort(str));
 223                             // update the tree...
 224                             var LeftTree        = imports.Builder.LeftTree.LeftTree;
 225                             LeftTree.get('model').changed(this.toJS(), doRefresh);
 226                         },
 227                         toJS: function()
 228                         {
 229                             var iter = new Gtk.TreeIter();
 230                             LeftPanel.get('model').el.get_iter_first(iter);
 231                             var ar = {};
 232
 233                             while (true) {
 234
 235                                 var k = this.getValue(iter, 0);
 236                                 Seed.print(k);
 237                                 if (k[0] == '!') {
 238                                     ar.listeners = ar.listeners || {};
 239                                     ar.listeners['|' + k.substring(1)] = this.getValue(iter, 1);
 240
 241                                 } else {
 242                                     ar[ k ] = this.getValue(iter, 1);
 243                                 }
 244
 245                                 if (! LeftPanel.get('model').el.iter_next(iter)) {
 246                                     break;
 247                                 }
 248                             }
 249                                 Seed.print(JSON.stringify(ar));
 250                             return ar;
 251                             // convert the list into a json string..
 252
 253
 254                         },
 255                         getValue: function (iter, col) {
 256                             var gval = new GObject.Value('');
 257                             LeftPanel.get('model').el.get_value(iter, col ,gval);
 258                             var val = '' + gval.value;
 259                             if (col != 1) {
 260                                 return val;
 261                             }
 262                             gval = new GObject.Value('');
 263                             LeftPanel.get('model').el.get_value(iter,4  ,gval);
 264                             switch(gval.value) {
 265                                 case 'number':
 266                                     return parseFloat(val);
 267                                 case 'boolean':
 268                                     return val == 'true' ? true : false;
 269                                 default:
 270                                     return val;
 271                             }
 272
 273                         }
 274
 275
 276                     },
 277
 278                     {
 279
 280                         xtype: Gtk.TreeViewColumn,
 281                         pack : ['append_column'],
 282                         title : 'key',
 283                         init : function ()
 284                         {
 285                             XObject.prototype.init.call(this);
 286                             this.el.add_attribute(this.items[0].el , 'markup', 2 );
 287                         },
 288                         items : [
 289                             {
 290                                 xtype : Gtk.CellRendererText,
 291                                 pack : ['pack_start'],
 292                             }
 293                         ]
 294                     },
 295
 296                     {
 297
 298                         xtype: Gtk.TreeViewColumn,
 299                         pack : ['append_column'],
 300                         title : 'value',
 301                         init : function ()
 302                         {
 303                             XObject.prototype.init.call(this);
 304                             this.el.add_attribute(this.items[0].el , 'text', 3 );
 305
 306                         },
 307                         items : [
 308
 309
 310                             {
 311
 312                                 xtype : Gtk.CellRendererText,
 313                                 pack : ['pack_start'],
 314                                 editable : true,
 315
 316
 317
 318                                 listeners : {
 319
 320                                     edited : function(r,p, t) {
 321                                         LeftPanel.get('model').changed(t, true);
 322                                         LeftPanel.get('model').activeIter = false;
 323
 324                                     },
 325
 326                                     'editing-started' : function(r, e, p) {
 327
 328                                         var iter = new Gtk.TreeIter();
 329                                         var s = LeftPanel.get('view').selection;
 330                                         s.get_selected(LeftPanel.get('model').el, iter);
 331
 332
 333                                         var gval = new GObject.Value('');
 334                                         LeftPanel.get('model').el.get_value(iter, 0 ,gval);
 335                                         var val = '' + gval.value;
 336
 337                                         gval = new GObject.Value('');
 338                                         LeftPanel.get('model').el.get_value(iter, 1 ,gval);
 339                                         var rval = gval.value;
 340
 341                                         LeftPanel.get('model').activeIter = iter;
 342                                         //  not listener...
 343
 344                                         var showEditor = false;
 345
 346                                         if (val[0] == '!') {
 347                                             showEditor = true;
 348                                         }
 349                                         if (val[0] == '|') {
 350                                             if (rval.match(/function/g) || rval.match(/\n/g)) {
 351                                                 showEditor = true;
 352                                             }
 353                                         }
 354
 355                                         if (!showEditor) {
 356                                             RightEditor.el.hide();
 357
 358                                             var type = LeftPanel.get('model').getValue(iter,4);
 359
 360                                             // toggle boolean
 361                                             if (type == 'boolean') {
 362                                                 val = ! LeftPanel.get('model').getValue(iter,1);
 363
 364
 365                                                 LeftPanel.get('model').activeIter = false;
 366                                                 GLib.timeout_add(0, 1, function() {
 367                                                     //   Gdk.threads_enter();
 368
 369                                                     e.editing_done();
 370                                                     e.remove_widget();
 371                                                     LeftPanel.get('model').activeIter = iter;
 372                                                     LeftPanel.get('model').changed(''+val,true);
 373
 374
 375                                                     return false;
 376                                                 });
 377                                             }
 378
 379                                             return;
 380                                         }
 381                                         LeftPanel.get('model').activeIter = false;
 382                                         GLib.timeout_add(0, 1, function() {
 383                                             //   Gdk.threads_enter();
 384                                             RightEditor.el.show();
 385                                             RightEditor.get('view').load( rval );
 386
 387                                             e.editing_done();
 388                                             e.remove_widget();
 389                                             LeftPanel.get('model').activeIter = iter;
 390
 391                                      //       Gdk.threads_leave();
 392                                             return false;
 393                                         });
 394                                         //r.stop_editing(true);
 395                                     }
 396                                 },
 397
 398                             }
 399                         ]
 400                     }
 401
 402                 ]
 403             }
 404         ]
 405
 406     }
 407 );
 408
 409
 410