src/Builder4/WindowLeftProps.bjs
[app.Builder.js] / src / Builder4 / WindowLeftProps.vala
1 static Xcls_LeftProps  _LeftProps;
2
3 public class Xcls_LeftProps : Object 
4 {
5     public Gtk.VBox el;
6     private Xcls_LeftProps  _this;
7
8     public static Xcls_LeftProps singleton()
9     {
10         if (_LeftProps == null) {
11             _LeftProps= new Xcls_LeftProps();
12         }
13         return _LeftProps;
14     }
15     public Xcls_AddPropertyPopup AddPropertyPopup;
16     public Xcls_EditProps EditProps;
17     public Xcls_view view;
18     public Xcls_model model;
19     public Xcls_keycol keycol;
20     public Xcls_keyrender keyrender;
21     public Xcls_valcol valcol;
22     public Xcls_valrender valrender;
23     public Xcls_valrendermodel valrendermodel;
24     public Xcls_ContextMenu ContextMenu;
25
26         // my vars (def)
27     public bool allow_edit;
28     public JsRender.JsRender file;
29     public signal bool stop_editor ();
30     public signal void show_editor (JsRender.JsRender file, JsRender.Node node, string type, string key);
31     public signal void changed ();
32     public signal void show_add_props (string type);
33     public Xcls_MainWindow main_window;
34     public JsRender.Node node;
35
36     // ctor 
37     public Xcls_LeftProps()
38     {
39         _this = this;
40         this.el = new Gtk.VBox( false   , 0 );
41
42         // my vars (dec)
43         this.allow_edit = false;
44         this.main_window = null;
45
46         // set gobject values
47         var child_0 = new Xcls_HBox2( _this );
48         child_0.ref();
49         this.el.pack_start (  child_0.el , false,true,0 );
50         var child_1 = new Xcls_EditProps( _this );
51         child_1.ref();
52         this.el.pack_end (  child_1.el , true,true,0 );
53     }
54
55     // user defined functions 
56     public              void before_edit ()
57     {
58     
59         print("before edit - stop editing\n");
60         
61       // these do not appear to trigger save...
62         _this.keyrender.el.stop_editing(false);
63         _this.keyrender.el.editable  =false;
64     
65         _this.valrender.el.stop_editing(false);
66         _this.valrender.el.editable  =false;    
67         
68         
69     // technicall stop the popup editor..
70     
71     }
72     public              string keySortFormat (string key) {
73         // listeners first - with 0
74         // specials
75         if (key[0] == '*') {
76             return "1 " + key;
77         }
78         // functions
79         
80         var bits = key.split(" ");
81         
82         if (key[0] == '|') {
83             return "2 " + bits[bits.length -1];
84         }
85         // signals
86         if (key[0] == '@') {
87             return "3 " + bits[bits.length -1];
88         }
89             
90         // props
91         if (key[0] == '#') {
92             return "4 " + bits[bits.length -1];
93         }
94         // the rest..
95         return "5 " + bits[bits.length -1];    
96     
97     
98     
99     }
100     public              void finish_editing () {
101          // 
102         this.before_edit();
103     }
104     public              bool startEditingValue ( Gtk.TreePath path) {
105     
106         // ONLY return true if editing is allowed - eg. combo..
107         
108                 print("start editing?\n");
109                 if (!this.stop_editor()) {
110                     print("stop editor failed\n");
111                     return false;
112                 }
113                 
114                 Gtk.TreeIter iter;
115     
116                 var mod = this.model.el;
117                 mod.get_iter (out iter, path);
118                  
119                 /*
120                     m.set(iter, 
121                             0, "listener",
122                             1, miter.get_key(),
123                             2, "<b>" + miter.get_key() + "</b>",
124                             3, miter.get_value()
125                         ); 
126                  
127                 */
128                 GLib.Value gval;
129                 mod.get_value(iter, 3 , out gval);
130                 var val = (string)gval;
131             
132                 mod.get_value(iter, 1 , out gval);
133                 var key = (string)gval;
134                 var type_ar = key.split(" ");
135                 
136                 
137                 
138                 mod.get_value(iter, 0 , out gval);
139                 var type = (string)gval;
140                 
141                
142                 
143                 var use_textarea = false;
144     
145                 //------------ things that require the text editor...
146                 
147                 if (type == "listener") {
148                     use_textarea = true;
149                 }
150                 if (key.length > 0 && key[0] == '|') { // user defined method
151                     use_textarea = true;
152                 }
153                 if (key.length > 0 && key[0] == '$') { // raw string
154                     use_textarea = true;
155                 }
156                 if (key.length > 0 && key == "* init") {
157                     use_textarea = true;
158                 }
159                 if (val.length > 40) { // long value...
160                     use_textarea = true;
161                 }
162                 
163                 
164                 
165                 if (use_textarea) {
166                     print("Call show editor\n");
167                     GLib.Timeout.add_full(GLib.Priority.DEFAULT,10 , () => {
168                         this.view.el.get_selection().select_path(path);
169                         
170                         this.show_editor(file, node, type, key);
171                         
172                         return false;
173                     });
174                    
175                     
176                     return false;
177                 }
178                 // others... - fill in options for true/false?
179                print("turn on editing %s \n" , mod.get_path(iter).to_string());
180                
181                    print (type_ar[0].up());
182                     if (type_ar.length > 1 && (
183                             type_ar[0].up() == "BOOLEAN"
184                             ||
185                             type_ar[0].up() == "BOOL"                        
186                         )) {
187                             print("start editing try/false)???");
188                             this.valrender.el.has_entry = false;
189                             string[] opts =  { "true", "false" };
190                             this.valrender.setOptions(opts);
191                             
192                             this.valrender.el.has_entry = false;
193                             this.valrender.el.editable = true;
194                              this.allow_edit  = true;
195                              GLib.Timeout.add_full(GLib.Priority.DEFAULT,100 , () => {
196                                  this.view.el.set_cursor_on_cell(
197                                     path,
198                                     this.valcol.el,
199                                     this.valrender.el,
200                                     true
201                                 );
202                                 return false;
203                             });
204                             return true;
205                     }
206                                           
207                     
208                
209                  string[] opts =  {  };
210                 this.valrender.setOptions(opts);
211                
212                GLib.Timeout.add_full(GLib.Priority.DEFAULT,10 , () => {
213                     
214                     // at this point - work out the type...
215                     // if its' a combo... then show the options..
216                     this.valrender.el.has_entry = true;
217                     
218                     this.valrender.el.editable = true;            
219                 
220                     
221                     this.allow_edit  = true;
222                     
223                     
224                     
225                     
226     
227                     this.view.el.set_cursor_on_cell(
228                         path,
229                         this.valcol.el,
230                         this.valrender.el,
231                         true
232                     );
233                     return false;
234                 });
235                 return false;
236             }
237     public              void load (JsRender.JsRender file, JsRender.Node? node) 
238     {
239         print("load leftprops\n");
240         this.before_edit();
241         this.node = node;
242         this.file = file;
243         
244      
245         this.model.el.clear();
246                   
247         //this.get('/RightEditor').el.hide();
248         if (node ==null) {
249             return ;
250         }
251          
252         
253     
254         //var provider = this.get('/LeftTree').getPaleteProvider();
255         Gtk.TreeIter iter;
256         
257         //typeof(string),  // 0 key type
258          //typeof(string),  // 1 key
259          //typeof(string),  // 2 key (display)
260          //typeof(string),  // 3 value
261          //typeof(string),  // 4 value (display)
262          //typeof(string),  // 5 both (tooltip)
263         
264         
265         
266         
267         // really need a way to sort the hashmap...
268         var m = this.model.el;
269         
270         var miter = node.listeners.map_iterator();
271         var i = 0;
272         
273         while(miter.next()) {
274             i++;
275             m.append(out iter,null);
276             
277             this.updateIter(iter,  "listener", miter.get_key(), miter.get_value());
278             
279              
280          }
281          
282           
283         miter = node.props.map_iterator();
284         
285         
286        while(miter.next()) {
287                i++;
288             m.append(out iter,null);
289              this.updateIter(iter,  "prop", miter.get_key(), miter.get_value());
290              
291        }
292        print("clear selection\n");
293        // clear selection?
294        this.model.el.set_sort_column_id(6,Gtk.SortType.ASCENDING); // sort by real key..
295        
296        this.view.el.get_selection().unselect_all();
297        
298            var pane = _this.main_window.editpane.el;
299         var try_size = (i * 25) + 60; // est. 20px per line + 40px header
300         
301         // max 80%...
302         pane.set_position( 
303              ((try_size * 1.0f) /  (pane.max_position * 1.0f))  > 0.8f  ? 
304             (int) (pane.max_position * 0.2f) :
305             pane.max_position-try_size);
306         
307        
308     }
309     public              string keyFormat (string val, string type) {
310         
311         // Glib.markup_escape_text(val);
312     
313         if (type == "listener") {
314             return "<span font_weight=\"bold\" color=\"#660000\">" + 
315                 GLib.Markup.escape_text(val) +
316                  "</span>";
317         }
318         // property..
319         if (val.length < 1) {
320             return "<span  color=\"#FF0000\">--empty--</span>";
321         }
322         
323         //@ = signal
324         //$ = property with 
325         //# - object properties
326         //* = special
327         // all of these... - display value is last element..
328         var ar = val.strip().split(" ");
329         
330         
331         var dval = GLib.Markup.escape_text(ar[ar.length-1]);
332         
333         
334         
335         
336         switch(val[0]) {
337             case '@': // signal // just bold balck?
338                 if (dval[0] == '@') {
339                     dval = dval.substring(1);
340                 }
341             
342                 return @"<span  font_weight=\"bold\">@ $dval</span>";        
343             case '#': // object properties?
344                 if (dval[0] == '#') {
345                     dval = dval.substring(1);
346                 }
347                 return @"<span  font_weight=\"bold\">$dval</span>";
348             case '*': // special
349                 if (dval[0] == '*') {
350                     dval = dval.substring(1);
351                 }
352                 return @"<span   color=\"#0000CC\" font_weight=\"bold\">$dval</span>";            
353             case '$':
354                 if (dval[0] == '$') {
355                     dval = dval.substring(1);
356                 }
357                 return @"<span   style=\"italic\">$dval</span>";
358            case '|': // user defined methods
359                 if (dval[0] == '|') {
360                     dval = dval.substring(1);
361                 }
362                 return @"<span color=\"#008000\" font_weight=\"bold\">$dval</span>";
363                 
364                   
365                 
366             default:
367                 return dval;
368         }
369           
370         
371     
372     }
373     public              void deleteSelected () {
374         
375             Gtk.TreeIter iter;
376             Gtk.TreeModel mod;
377             
378             var s = this.view.el.get_selection();
379             s.get_selected(out mod, out iter);
380                  
381                   
382             GLib.Value gval;
383             mod.get_value(iter, 0 , out gval);
384             var type = (string)gval;
385             
386             mod.get_value(iter, 1 , out gval);
387             var key = (string)gval;
388             
389             switch(type) {
390                 case "listener":
391                     this.node.listeners.remove(key);
392                     break;
393                     
394                 case "props":
395                     this.node.props.remove(key);
396                     break;
397             }
398             this.load(this.file, this.node);
399             
400             _this.changed();
401     }
402     public              void startEditingKey ( Gtk.TreePath path) {
403         
404          if (!this.stop_editor()) {
405             return;
406          }
407       
408         // others... - fill in options for true/false?
409         
410            
411         GLib.Timeout.add_full(GLib.Priority.DEFAULT,10 , () => {
412             this.allow_edit  = true;
413             this.keyrender.el.editable = true;
414          
415             this.view.el.set_cursor_on_cell(
416                 path,
417                 this.keycol.el,
418                 this.keyrender.el,
419                 true
420             );
421                    
422             return false;
423         });
424           
425         
426     }
427     public              void addProp (string in_type, string key, string value, string value_type) {
428           // info includes key, val, skel, etype..
429           //console.dump(info);
430             //type = info.type.toLowerCase();
431             //var data = this.toJS();
432               
433         var type = in_type == "signals" ? "listener" : in_type;
434           
435         var fkey = (value_type.length > 0 ? value_type + " " : "") + key;
436                   
437         if (type == "listener") {
438             if (this.node.listeners.has_key(key)) {
439                 return;
440             }
441             this.node.listeners.set(key,value);
442         } else  {
443         
444             if (this.node.props.has_key(fkey)) {
445                 return;
446             }
447             this.node.props.set(fkey,value);
448         }
449                
450           
451         // add a row???
452         this.load(this.file, this.node);
453         
454         
455         
456         /// need to find the row which I've just added..
457         
458         
459         var s = this.view.el.get_selection();
460         s.unselect_all();
461         
462         print("trying to find new iter");
463       
464         this.model.el.foreach((model, path, iter) => {
465             GLib.Value gval;
466         
467             this.model.el.get_value(iter, 0 , out gval);
468             if ((string)gval != type) {
469                 print("not type: %s = %s\n", (string)gval , type);
470                 return false;
471             }
472             this.model.el.get_value(iter, 1 , out gval);
473             if ((string)gval != fkey) {
474                 print("not key: %s = %s\n", (string)gval , fkey);
475                 return false;
476             }
477             // delay this?
478             GLib.Timeout.add_full(GLib.Priority.DEFAULT,40 , () => {
479             
480                 this.startEditingValue(this.model.el.get_path(iter));
481                 return false;
482             });
483             //s.select_iter(iter);
484             return true; 
485         });
486         
487         
488         
489                   
490     }
491     public              void updateIter (Gtk.TreeIter iter,  string type, string key, string value) {
492     
493         print("update Iter %s, %s\n", key,value);
494         //typeof(string),  // 0 key type
495          //typeof(string),  // 1 key
496          //typeof(string),  // 2 key (display)
497          //typeof(string),  // 3 value
498          //typeof(string),  // 4 value (display)
499          //typeof(string),  // 5 both (tooltip)
500          //typeof(string),  // 6 key (sort)
501         
502         var dl = value.strip().split("\n");
503     
504         var dis_val = dl.length > 1 ? (dl[0].strip()+ "...") : dl[0];
505         
506         if (type == "listener") {
507          
508            
509             
510             this.model.el.set(iter, 
511                     0, type,
512                 1, key,
513                 2, this.keyFormat(key ,type),
514                 3, value,
515                 4, dis_val,
516                 5, "<tt>" +  GLib.Markup.escape_text(key + " " +value) + "</tt>",
517                 6,  "0 " + key
518             ); 
519             return;
520         }
521         
522     
523     
524         this.model.el.set(iter, 
525                 0, "props",
526                 1, key,
527                 2,  this.keyFormat(key , "prop"),
528                 3, value,
529                 4, dis_val,
530                  5, "<tt>" + GLib.Markup.escape_text(key + " " + value) + "</tt>",
531                  6,  this.keySortFormat(key)
532             ); 
533     }
534     public class Xcls_HBox2 : Object 
535     {
536         public Gtk.HBox el;
537         private Xcls_LeftProps  _this;
538
539
540             // my vars (def)
541
542         // ctor 
543         public Xcls_HBox2(Xcls_LeftProps _owner )
544         {
545             _this = _owner;
546             this.el = new Gtk.HBox( true, 0 );
547
548             // my vars (dec)
549
550             // set gobject values
551             var child_0 = new Xcls_Button3( _this );
552             child_0.ref();
553             this.el.add (  child_0.el  );
554         }
555
556         // user defined functions 
557     }
558     public class Xcls_Button3 : Object 
559     {
560         public Gtk.Button el;
561         private Xcls_LeftProps  _this;
562
563
564             // my vars (def)
565
566         // ctor 
567         public Xcls_Button3(Xcls_LeftProps _owner )
568         {
569             _this = _owner;
570             this.el = new Gtk.Button();
571
572             // my vars (dec)
573
574             // set gobject values
575             var child_0 = new Xcls_HBox4( _this );
576             child_0.ref();
577             this.el.add (  child_0.el  );
578             var child_1 = new Xcls_AddPropertyPopup( _this );
579             child_1.ref();
580
581             // listeners 
582             this.el.button_press_event.connect( (self, ev) => {
583                 _this.before_edit();
584                 
585                     
586                 var p = _this.AddPropertyPopup;
587                 p.el.set_screen(Gdk.Screen.get_default());
588                 p.el.show_all();
589                  p.el.popup(null, null, null, ev.button, ev.time);
590                  return true;
591             });
592         }
593
594         // user defined functions 
595     }
596     public class Xcls_HBox4 : Object 
597     {
598         public Gtk.HBox el;
599         private Xcls_LeftProps  _this;
600
601
602             // my vars (def)
603
604         // ctor 
605         public Xcls_HBox4(Xcls_LeftProps _owner )
606         {
607             _this = _owner;
608             this.el = new Gtk.HBox( true, 0 );
609
610             // my vars (dec)
611
612             // set gobject values
613             var child_0 = new Xcls_Image5( _this );
614             child_0.ref();
615             this.el.add (  child_0.el  );
616             var child_1 = new Xcls_Label6( _this );
617             child_1.ref();
618             this.el.add (  child_1.el  );
619         }
620
621         // user defined functions 
622     }
623     public class Xcls_Image5 : Object 
624     {
625         public Gtk.Image el;
626         private Xcls_LeftProps  _this;
627
628
629             // my vars (def)
630
631         // ctor 
632         public Xcls_Image5(Xcls_LeftProps _owner )
633         {
634             _this = _owner;
635             this.el = new Gtk.Image();
636
637             // my vars (dec)
638
639             // set gobject values
640             this.el.stock = Gtk.STOCK_ADD;
641             this.el.icon_size = Gtk.IconSize.MENU;
642         }
643
644         // user defined functions 
645     }
646     public class Xcls_Label6 : Object 
647     {
648         public Gtk.Label el;
649         private Xcls_LeftProps  _this;
650
651
652             // my vars (def)
653
654         // ctor 
655         public Xcls_Label6(Xcls_LeftProps _owner )
656         {
657             _this = _owner;
658             this.el = new Gtk.Label( "Other" );
659
660             // my vars (dec)
661
662             // set gobject values
663         }
664
665         // user defined functions 
666     }
667     public class Xcls_AddPropertyPopup : Object 
668     {
669         public Gtk.Menu el;
670         private Xcls_LeftProps  _this;
671
672
673             // my vars (def)
674
675         // ctor 
676         public Xcls_AddPropertyPopup(Xcls_LeftProps _owner )
677         {
678             _this = _owner;
679             _this.AddPropertyPopup = this;
680             this.el = new Gtk.Menu();
681
682             // my vars (dec)
683
684             // set gobject values
685             var child_0 = new Xcls_MenuItem8( _this );
686             child_0.ref();
687             this.el.append (  child_0.el  );
688             var child_1 = new Xcls_MenuItem9( _this );
689             child_1.ref();
690             this.el.append (  child_1.el  );
691             var child_2 = new Xcls_MenuItem10( _this );
692             child_2.ref();
693             this.el.append (  child_2.el  );
694             var child_3 = new Xcls_MenuItem11( _this );
695             child_3.ref();
696             this.el.append (  child_3.el  );
697             var child_4 = new Xcls_SeparatorMenuItem12( _this );
698             child_4.ref();
699             this.el.add (  child_4.el  );
700             var child_5 = new Xcls_MenuItem13( _this );
701             child_5.ref();
702             this.el.append (  child_5.el  );
703             var child_6 = new Xcls_MenuItem14( _this );
704             child_6.ref();
705             this.el.append (  child_6.el  );
706             var child_7 = new Xcls_MenuItem15( _this );
707             child_7.ref();
708             this.el.append (  child_7.el  );
709             var child_8 = new Xcls_SeparatorMenuItem16( _this );
710             child_8.ref();
711             this.el.add (  child_8.el  );
712             var child_9 = new Xcls_MenuItem17( _this );
713             child_9.ref();
714             this.el.append (  child_9.el  );
715             var child_10 = new Xcls_MenuItem18( _this );
716             child_10.ref();
717             this.el.append (  child_10.el  );
718             var child_11 = new Xcls_MenuItem19( _this );
719             child_11.ref();
720             this.el.append (  child_11.el  );
721             var child_12 = new Xcls_SeparatorMenuItem20( _this );
722             child_12.ref();
723             this.el.add (  child_12.el  );
724             var child_13 = new Xcls_MenuItem21( _this );
725             child_13.ref();
726             this.el.append (  child_13.el  );
727             var child_14 = new Xcls_MenuItem22( _this );
728             child_14.ref();
729             this.el.append (  child_14.el  );
730         }
731
732         // user defined functions 
733     }
734     public class Xcls_MenuItem8 : Object 
735     {
736         public Gtk.MenuItem el;
737         private Xcls_LeftProps  _this;
738
739
740             // my vars (def)
741
742         // ctor 
743         public Xcls_MenuItem8(Xcls_LeftProps _owner )
744         {
745             _this = _owner;
746             this.el = new Gtk.MenuItem();
747
748             // my vars (dec)
749
750             // set gobject values
751             this.el.tooltip_markup = "Using _this.{ID} will map to this element";
752             this.el.label = "id: _this.{ID} (Vala)";
753
754             // listeners 
755             this.el.activate.connect( ()  => {
756                 _this.addProp( "prop", "id", "", "");
757             });
758         }
759
760         // user defined functions 
761     }
762     public class Xcls_MenuItem9 : Object 
763     {
764         public Gtk.MenuItem el;
765         private Xcls_LeftProps  _this;
766
767
768             // my vars (def)
769
770         // ctor 
771         public Xcls_MenuItem9(Xcls_LeftProps _owner )
772         {
773             _this = _owner;
774             this.el = new Gtk.MenuItem();
775
776             // my vars (dec)
777
778             // set gobject values
779             this.el.tooltip_markup = "how to pack this element onto parent, (method, 2nd arg, 3rd arg) .. the 1st argument is filled by the element";
780             this.el.label = "pack: Pack method (Vala)";
781
782             // listeners 
783             this.el.activate.connect( ( ) => {
784             
785                 _this.addProp( "prop", "pack","add", "*");
786             });
787         }
788
789         // user defined functions 
790     }
791     public class Xcls_MenuItem10 : Object 
792     {
793         public Gtk.MenuItem el;
794         private Xcls_LeftProps  _this;
795
796
797             // my vars (def)
798
799         // ctor 
800         public Xcls_MenuItem10(Xcls_LeftProps _owner )
801         {
802             _this = _owner;
803             this.el = new Gtk.MenuItem();
804
805             // my vars (dec)
806
807             // set gobject values
808             this.el.tooltip_markup = "eg. \n\nnew Clutter.Image.from_file(.....)";
809             this.el.label = "ctor: Alterative to default contructor";
810
811             // listeners 
812             this.el.activate.connect( ( ) => {
813             
814                 _this.addProp( "prop", "ctor","", "*");
815             });
816         }
817
818         // user defined functions 
819     }
820     public class Xcls_MenuItem11 : Object 
821     {
822         public Gtk.MenuItem el;
823         private Xcls_LeftProps  _this;
824
825
826             // my vars (def)
827
828         // ctor 
829         public Xcls_MenuItem11(Xcls_LeftProps _owner )
830         {
831             _this = _owner;
832             this.el = new Gtk.MenuItem();
833
834             // my vars (dec)
835
836             // set gobject values
837             this.el.tooltip_markup = "This code is called after the ctor";
838             this.el.label = "init: initialziation code (vala)";
839
840             // listeners 
841             this.el.activate.connect( ( ) => {
842             
843                 _this.addProp( "prop",  "init", "{\n\n}\n", "*" );
844             });
845         }
846
847         // user defined functions 
848     }
849     public class Xcls_SeparatorMenuItem12 : Object 
850     {
851         public Gtk.SeparatorMenuItem el;
852         private Xcls_LeftProps  _this;
853
854
855             // my vars (def)
856
857         // ctor 
858         public Xcls_SeparatorMenuItem12(Xcls_LeftProps _owner )
859         {
860             _this = _owner;
861             this.el = new Gtk.SeparatorMenuItem();
862
863             // my vars (dec)
864
865             // set gobject values
866         }
867
868         // user defined functions 
869     }
870     public class Xcls_MenuItem13 : Object 
871     {
872         public Gtk.MenuItem el;
873         private Xcls_LeftProps  _this;
874
875
876             // my vars (def)
877
878         // ctor 
879         public Xcls_MenuItem13(Xcls_LeftProps _owner )
880         {
881             _this = _owner;
882             this.el = new Gtk.MenuItem();
883
884             // my vars (dec)
885
886             // set gobject values
887             this.el.tooltip_markup = "Add a user defined string property";
888             this.el.label = "String";
889
890             // listeners 
891             this.el.activate.connect( (self) => {
892             
893                 _this.addProp( "prop", "XXXX", "","string");
894             
895             });
896         }
897
898         // user defined functions 
899     }
900     public class Xcls_MenuItem14 : Object 
901     {
902         public Gtk.MenuItem el;
903         private Xcls_LeftProps  _this;
904
905
906             // my vars (def)
907
908         // ctor 
909         public Xcls_MenuItem14(Xcls_LeftProps _owner )
910         {
911             _this = _owner;
912             this.el = new Gtk.MenuItem();
913
914             // my vars (dec)
915
916             // set gobject values
917             this.el.tooltip_markup = "Add a user defined number property";
918             this.el.label = "Number";
919
920             // listeners 
921             this.el.activate.connect( ( ) =>{
922             
923                 _this.addProp("prop",  "XXX", "0", "int");
924             });
925         }
926
927         // user defined functions 
928     }
929     public class Xcls_MenuItem15 : Object 
930     {
931         public Gtk.MenuItem el;
932         private Xcls_LeftProps  _this;
933
934
935             // my vars (def)
936
937         // ctor 
938         public Xcls_MenuItem15(Xcls_LeftProps _owner )
939         {
940             _this = _owner;
941             this.el = new Gtk.MenuItem();
942
943             // my vars (dec)
944
945             // set gobject values
946             this.el.tooltip_markup = "Add a user defined boolean property";
947             this.el.label = "Boolean";
948
949             // listeners 
950             this.el.activate.connect( ( ) =>{
951             
952                 _this.addProp( "prop", "XXX", "true", "bool");
953             });
954         }
955
956         // user defined functions 
957     }
958     public class Xcls_SeparatorMenuItem16 : Object 
959     {
960         public Gtk.SeparatorMenuItem el;
961         private Xcls_LeftProps  _this;
962
963
964             // my vars (def)
965
966         // ctor 
967         public Xcls_SeparatorMenuItem16(Xcls_LeftProps _owner )
968         {
969             _this = _owner;
970             this.el = new Gtk.SeparatorMenuItem();
971
972             // my vars (dec)
973
974             // set gobject values
975         }
976
977         // user defined functions 
978     }
979     public class Xcls_MenuItem17 : Object 
980     {
981         public Gtk.MenuItem el;
982         private Xcls_LeftProps  _this;
983
984
985             // my vars (def)
986
987         // ctor 
988         public Xcls_MenuItem17(Xcls_LeftProps _owner )
989         {
990             _this = _owner;
991             this.el = new Gtk.MenuItem();
992
993             // my vars (dec)
994
995             // set gobject values
996             this.el.tooltip_markup = "Add a user function boolean property";
997             this.el.label = "Javascript Function";
998
999             // listeners 
1000             this.el.activate.connect( ( ) =>{
1001             
1002                 _this.addProp("prop",  "XXXX", "function() { }", "| function");
1003             });
1004         }
1005
1006         // user defined functions 
1007     }
1008     public class Xcls_MenuItem18 : Object 
1009     {
1010         public Gtk.MenuItem el;
1011         private Xcls_LeftProps  _this;
1012
1013
1014             // my vars (def)
1015
1016         // ctor 
1017         public Xcls_MenuItem18(Xcls_LeftProps _owner )
1018         {
1019             _this = _owner;
1020             this.el = new Gtk.MenuItem();
1021
1022             // my vars (dec)
1023
1024             // set gobject values
1025             this.el.tooltip_markup = "Add a user function boolean property";
1026             this.el.label = "Vala Method";
1027
1028             // listeners 
1029             this.el.activate.connect( ( ) =>{
1030             
1031                 _this.addProp( "prop", "XXXX", "() {\n\n}\n", "| return_type");
1032             });
1033         }
1034
1035         // user defined functions 
1036     }
1037     public class Xcls_MenuItem19 : Object 
1038     {
1039         public Gtk.MenuItem el;
1040         private Xcls_LeftProps  _this;
1041
1042
1043             // my vars (def)
1044
1045         // ctor 
1046         public Xcls_MenuItem19(Xcls_LeftProps _owner )
1047         {
1048             _this = _owner;
1049             this.el = new Gtk.MenuItem();
1050
1051             // my vars (dec)
1052
1053             // set gobject values
1054             this.el.tooltip_markup = "Add a vala signal";
1055             this.el.label = "Vala Signal";
1056
1057             // listeners 
1058             this.el.activate.connect( ( ) =>{
1059             
1060                 _this.addProp( "prop", "XXXX", "()", "@ void");
1061             });
1062         }
1063
1064         // user defined functions 
1065     }
1066     public class Xcls_SeparatorMenuItem20 : Object 
1067     {
1068         public Gtk.SeparatorMenuItem el;
1069         private Xcls_LeftProps  _this;
1070
1071
1072             // my vars (def)
1073
1074         // ctor 
1075         public Xcls_SeparatorMenuItem20(Xcls_LeftProps _owner )
1076         {
1077             _this = _owner;
1078             this.el = new Gtk.SeparatorMenuItem();
1079
1080             // my vars (dec)
1081
1082             // set gobject values
1083         }
1084
1085         // user defined functions 
1086     }
1087     public class Xcls_MenuItem21 : Object 
1088     {
1089         public Gtk.MenuItem el;
1090         private Xcls_LeftProps  _this;
1091
1092
1093             // my vars (def)
1094
1095         // ctor 
1096         public Xcls_MenuItem21(Xcls_LeftProps _owner )
1097         {
1098             _this = _owner;
1099             this.el = new Gtk.MenuItem();
1100
1101             // my vars (dec)
1102
1103             // set gobject values
1104             this.el.tooltip_markup = "Add a flexy if (for HTML templates)";
1105             this.el.label = "Flexy - If";
1106
1107             // listeners 
1108             this.el.activate.connect( ( ) =>{
1109             
1110                 _this.addProp("prop",  "flexy:if", "array,key,value", "string");
1111             });
1112         }
1113
1114         // user defined functions 
1115     }
1116     public class Xcls_MenuItem22 : Object 
1117     {
1118         public Gtk.MenuItem el;
1119         private Xcls_LeftProps  _this;
1120
1121
1122             // my vars (def)
1123
1124         // ctor 
1125         public Xcls_MenuItem22(Xcls_LeftProps _owner )
1126         {
1127             _this = _owner;
1128             this.el = new Gtk.MenuItem();
1129
1130             // my vars (dec)
1131
1132             // set gobject values
1133             this.el.tooltip_markup = "Add a flexy foreach (for HTML templates)";
1134             this.el.label = "Flexy - Foreach";
1135
1136             // listeners 
1137             this.el.activate.connect( ( ) =>{
1138             
1139                 _this.addProp("prop",  "flexy:foreach", "array,key,value", "string");
1140             });
1141         }
1142
1143         // user defined functions 
1144     }
1145     public class Xcls_EditProps : Object 
1146     {
1147         public Gtk.ScrolledWindow el;
1148         private Xcls_LeftProps  _this;
1149
1150
1151             // my vars (def)
1152         public bool editing;
1153
1154         // ctor 
1155         public Xcls_EditProps(Xcls_LeftProps _owner )
1156         {
1157             _this = _owner;
1158             _this.EditProps = this;
1159             this.el = new Gtk.ScrolledWindow( null, null );
1160
1161             // my vars (dec)
1162             this.editing = false;
1163
1164             // set gobject values
1165             this.el.shadow_type = Gtk.ShadowType.IN;
1166             var child_0 = new Xcls_view( _this );
1167             child_0.ref();
1168             this.el.add (  child_0.el  );
1169
1170             // init method 
1171
1172             {
1173               
1174                this.el.set_policy (Gtk.PolicyType.AUTOMATIC, Gtk.PolicyType.AUTOMATIC);
1175             }
1176         }
1177
1178         // user defined functions 
1179     }
1180     public class Xcls_view : Object 
1181     {
1182         public Gtk.TreeView el;
1183         private Xcls_LeftProps  _this;
1184
1185
1186             // my vars (def)
1187
1188         // ctor 
1189         public Xcls_view(Xcls_LeftProps _owner )
1190         {
1191             _this = _owner;
1192             _this.view = this;
1193             this.el = new Gtk.TreeView();
1194
1195             // my vars (dec)
1196
1197             // set gobject values
1198             this.el.tooltip_column = 5;
1199             this.el.enable_tree_lines = true;
1200             this.el.headers_visible = true;
1201             var child_0 = new Xcls_model( _this );
1202             child_0.ref();
1203             this.el.set_model (  child_0.el  );
1204             var child_1 = new Xcls_keycol( _this );
1205             child_1.ref();
1206             this.el.append_column (  child_1.el  );
1207             var child_2 = new Xcls_valcol( _this );
1208             child_2.ref();
1209             this.el.append_column (  child_2.el  );
1210             var child_3 = new Xcls_ContextMenu( _this );
1211             child_3.ref();
1212
1213             // init method 
1214
1215             {
1216                 var selection = this.el.get_selection();
1217                 selection.set_mode( Gtk.SelectionMode.SINGLE);
1218             
1219             
1220                 var description = new Pango.FontDescription();
1221                 description.set_size(8000);
1222                 this.el.modify_font(description);
1223             }
1224
1225             // listeners 
1226             this.el.button_press_event.connect( ( ev)  => {
1227              
1228                 Gtk.TreeViewColumn col;
1229                 int cell_x;
1230                 int cell_y;
1231                 Gtk.TreePath path;
1232                 if (!this.el.get_path_at_pos((int)ev.x, (int) ev.y, out path, out col, out cell_x, out cell_y )) {
1233                     print("nothing selected on click");
1234                     GLib.Timeout.add_full(GLib.Priority.DEFAULT,10 , () => {
1235                         this.el.get_selection().unselect_all();
1236             
1237                         return false;
1238                     });
1239                      _this.before_edit();
1240                     return false; //not on a element.
1241                 }
1242                 
1243                 
1244                  // right click.
1245                  if (ev.type == Gdk.EventType.2BUTTON_PRESS  && ev.button == 1 && col.title == "Name") {    
1246                     // show popup!.   
1247                     
1248              
1249                      _this.before_edit();
1250                      
1251                      _this.keyrender.el.stop_editing(false);
1252                      _this.keyrender.el.editable  =false;
1253                 
1254                      _this.valrender.el.stop_editing(false);
1255                      _this.valrender.el.editable  =false;
1256                        
1257                       _this.startEditingKey(path); 
1258                      
1259                     return false;
1260                 }
1261                 
1262                 
1263                 
1264                 
1265                  // right click.
1266                  if (ev.type == Gdk.EventType.BUTTON_PRESS  && ev.button == 3) {    
1267                     // show popup!.   
1268                     //if (col.title == "Value") {
1269                      //     _this.before_edit();
1270                      //    return false;
1271                      //}
1272             
1273                     var p = _this.ContextMenu;
1274             
1275                     p.el.set_screen(Gdk.Screen.get_default());
1276                     p.el.show_all();
1277                     p.el.popup(null, null, null,  ev.button, ev.time);
1278                     //Seed.print("click:" + res.column.title);
1279                     // select the 
1280                     GLib.Timeout.add_full(GLib.Priority.DEFAULT,10 , () => {
1281               
1282                         this.el.get_selection().select_path(path);
1283                         return false;
1284                     });
1285                      _this.before_edit();
1286                     return false;
1287                 }
1288                 
1289                  
1290                 if (col.title != "Value") {
1291                     print("col title != Value");
1292                     
1293                     GLib.Timeout.add_full(GLib.Priority.DEFAULT,10 , () => {
1294                         this.el.get_selection().select_path(path);
1295                         return false;
1296                     });
1297                     
1298                     _this.before_edit();
1299                       //  XObject.error("column is not value?");
1300                     return false; // ignore.. - key click.. ??? should we do this??
1301                 }
1302                 
1303                 
1304                 // if the cell can be edited with a pulldown
1305                 // then we should return true... - and let the start_editing handle it?
1306                 
1307                 
1308                 
1309                 
1310                 
1311                   
1312                //             _this.before_edit(); <<< we really need to stop the other editor..
1313                  _this.keyrender.el.stop_editing(false);
1314                 _this.keyrender.el.editable  =false;
1315                 
1316                        
1317                 return _this.startEditingValue(path); // assumes selected row..
1318                     
1319                
1320             
1321                           
1322                
1323             });
1324         }
1325
1326         // user defined functions 
1327     }
1328     public class Xcls_model : Object 
1329     {
1330         public Gtk.TreeStore el;
1331         private Xcls_LeftProps  _this;
1332
1333
1334             // my vars (def)
1335
1336         // ctor 
1337         public Xcls_model(Xcls_LeftProps _owner )
1338         {
1339             _this = _owner;
1340             _this.model = this;
1341             this.el = new Gtk.TreeStore( 7,      typeof(string),  // 0 key type
1342      typeof(string),  // 1 key
1343      typeof(string),  // 2 key (display)
1344      typeof(string),  // 3 value
1345      typeof(string),   // 4 value (display)
1346      typeof(string),   // 5 both (tooltip)     
1347      typeof(string)   // 6 key (for sorting)
1348  );
1349
1350             // my vars (dec)
1351
1352             // set gobject values
1353         }
1354
1355         // user defined functions 
1356     }
1357     public class Xcls_keycol : Object 
1358     {
1359         public Gtk.TreeViewColumn el;
1360         private Xcls_LeftProps  _this;
1361
1362
1363             // my vars (def)
1364
1365         // ctor 
1366         public Xcls_keycol(Xcls_LeftProps _owner )
1367         {
1368             _this = _owner;
1369             _this.keycol = this;
1370             this.el = new Gtk.TreeViewColumn();
1371
1372             // my vars (dec)
1373
1374             // set gobject values
1375             this.el.title = "Name";
1376             this.el.resizable = true;
1377             var child_0 = new Xcls_keyrender( _this );
1378             child_0.ref();
1379             this.el.pack_start (  child_0.el , false );
1380
1381             // init method 
1382
1383             this.el.add_attribute(_this.keyrender.el , "markup", 2 );
1384              this.el.add_attribute(_this.keyrender.el , "text", 1 );
1385         }
1386
1387         // user defined functions 
1388     }
1389     public class Xcls_keyrender : Object 
1390     {
1391         public Gtk.CellRendererText el;
1392         private Xcls_LeftProps  _this;
1393
1394
1395             // my vars (def)
1396
1397         // ctor 
1398         public Xcls_keyrender(Xcls_LeftProps _owner )
1399         {
1400             _this = _owner;
1401             _this.keyrender = this;
1402             this.el = new Gtk.CellRendererText();
1403
1404             // my vars (dec)
1405
1406             // set gobject values
1407
1408             // listeners 
1409             this.el.editing_started.connect( (  editable, path) => {
1410             
1411                  Gtk.TreeIter  iter;
1412                 _this.model.el.get_iter(out iter, new Gtk.TreePath.from_string(path));
1413                 GLib.Value gval;
1414                               
1415             
1416             
1417                  //   this.get('/LeftPanel.model').activePath  = path;
1418                 _this.model.el.get_value(iter,1, out gval);
1419                     var val = (string)gval;
1420                              
1421                     ((Gtk.Entry)editable).set_text(val);                 
1422             });
1423             this.el.edited.connect( (path, newtext) => {
1424                     print("Keyrender  - signal:edited\n");
1425                 
1426                 this.el.editable = false;
1427               
1428              
1429             
1430                     Gtk.TreeIter  iter;
1431                     _this.model.el.get_iter(out iter, new Gtk.TreePath.from_string(path));
1432                     GLib.Value gval;
1433                     
1434                      _this.model.el.get_value(iter,1, out gval);
1435                     var oldval = (string)gval;
1436                     
1437                      _this.model.el.get_value(iter,0, out gval);
1438                     var ktype = (string)gval;
1439                    
1440                     _this.model.el.set_value(iter, 1, newtext);
1441                     
1442                     if (oldval == newtext) {
1443                         return;
1444                     }
1445                     
1446                     
1447                     print("ktype: %s\n",ktype);
1448                     switch(ktype) {
1449                         case "listener":
1450                             var ov = _this.node.listeners.get(oldval);
1451                             _this.node.listeners.set(newtext, ov);
1452                             _this.node.listeners.remove(oldval);
1453                             
1454                             _this.updateIter(iter,  ktype, newtext, ov);
1455                             
1456                             break;
1457                         case "props":
1458                             var ov = _this.node.props.get(oldval);
1459                             _this.node.props.set(newtext, ov);
1460                             _this.node.props.remove(oldval);
1461                             _this.updateIter(iter,  ktype, newtext, ov);
1462                             break;
1463                      }
1464                      _this.changed();
1465                       
1466             });
1467         }
1468
1469         // user defined functions 
1470     }
1471     public class Xcls_valcol : Object 
1472     {
1473         public Gtk.TreeViewColumn el;
1474         private Xcls_LeftProps  _this;
1475
1476
1477             // my vars (def)
1478
1479         // ctor 
1480         public Xcls_valcol(Xcls_LeftProps _owner )
1481         {
1482             _this = _owner;
1483             _this.valcol = this;
1484             this.el = new Gtk.TreeViewColumn();
1485
1486             // my vars (dec)
1487
1488             // set gobject values
1489             this.el.title = "Value";
1490             this.el.resizable = true;
1491             var child_0 = new Xcls_valrender( _this );
1492             child_0.ref();
1493             this.el.pack_start (  child_0.el , true );
1494
1495             // init method 
1496
1497             {
1498                 
1499                 //     typeof(string),  // 0 key type
1500                 // typeof(string),  // 1 key
1501                 // typeof(string),  // 2 key (display)
1502                 // typeof(string),  // 3 value
1503                 // typeof(string)   // 4 value (display)
1504             
1505                 
1506                 this.el.add_attribute(_this.valrender.el , "text", 4 );
1507                 //this.el.add_attribute(_this.valrender.el , "sensitive", 4 );
1508                 //this.el.add_attribute(this.items[0].el , 'editable', 3 );
1509                       // this.el.set_cell_data_func(cell, age_cell_data_func, NULL, NULL);
1510             
1511              // this.get('/LeftPanel').editableColumn= this;
1512             }
1513         }
1514
1515         // user defined functions 
1516     }
1517     public class Xcls_valrender : Object 
1518     {
1519         public Gtk.CellRendererCombo el;
1520         private Xcls_LeftProps  _this;
1521
1522
1523             // my vars (def)
1524
1525         // ctor 
1526         public Xcls_valrender(Xcls_LeftProps _owner )
1527         {
1528             _this = _owner;
1529             _this.valrender = this;
1530             this.el = new Gtk.CellRendererCombo();
1531
1532             // my vars (dec)
1533
1534             // set gobject values
1535             this.el.editable = false;
1536             this.el.text_column = 0;
1537             this.el.has_entry = true;
1538             var child_0 = new Xcls_valrendermodel( _this );
1539             child_0.ref();
1540             this.el.model = child_0.el;
1541
1542             // listeners 
1543             this.el.editing_started.connect( ( editable, path) => {
1544                 //_this.editing = true;
1545                 print("editing started called\n");
1546                 if (!_this.allow_edit) {
1547                    
1548                      print("val - editing_Started\n");
1549                     this.el.editable = false; // make sure it's not editor...
1550                
1551                      
1552                     return;
1553                 }
1554                  _this.allow_edit =false;
1555                 
1556                
1557                  if (       this.el.has_entry ) {
1558                
1559                      Gtk.TreeIter  iter;
1560                     _this.model.el.get_iter(out iter, new Gtk.TreePath.from_string(path));
1561                     GLib.Value gval;
1562                                   
1563             
1564                   
1565                      //   this.get('/LeftPanel.model').activePath  = path;
1566                    _this.model.el.get_value(iter,3, out gval);
1567                 
1568             
1569                     var val = (string)gval;
1570                     var combo =        (Gtk.ComboBox)editable;
1571             
1572                    var entry =  (Gtk.Entry) combo.get_child();        
1573                 entry.set_text(val);
1574                 }
1575                
1576             });
1577             this.el.edited.connect( (path, newtext) => {
1578                 print("Valrender  - signal:edited\n");
1579               
1580                     this.el.editable = false;
1581             /*  
1582              m.set(iter, 
1583                             0, "listener",
1584                             1, miter.get_key(),
1585                             2, "<b>" + miter.get_key() + "</b>",
1586                             3, miter.get_value(),
1587                             4, display_value(short);
1588                         ); 
1589             
1590               */      
1591             
1592                     Gtk.TreeIter  iter;
1593                     _this.model.el.get_iter(out iter, new Gtk.TreePath.from_string(path));
1594                     GLib.Value gval;
1595                     
1596                      _this.model.el.get_value(iter,0, out gval);
1597                     var ktype = (string)gval;
1598                     
1599                     
1600                      _this.model.el.get_value(iter,3, out gval);
1601                     var oldval = (string)gval;
1602                     
1603                      _this.model.el.get_value(iter,1, out gval);
1604                     var key = (string)gval;
1605                     
1606                      
1607                     
1608                     switch(ktype) {
1609                         case "listener":
1610                             _this.node.listeners.set(key, newtext);
1611                             _this.updateIter(iter,ktype,key,newtext);
1612                             break;
1613                         case "props":
1614                             _this.node.props.set(key,newtext);
1615                             _this.updateIter(iter,ktype, key,newtext);                
1616                             break;
1617                      }
1618             //         _this.load(_this.file,_this.node);
1619                      _this.changed();
1620                       
1621             });
1622         }
1623
1624         // user defined functions 
1625         public              void setOptions (string[] ar) {
1626               var m = _this.valrendermodel.el;
1627                 m.clear();
1628              Gtk.TreeIter iret;
1629             for (var i =0; i < ar.length; i++) {
1630                     m.append(out iret);
1631                     m.set_value(iret, 0, ar[i]);
1632             }
1633         
1634         }
1635     }
1636     public class Xcls_valrendermodel : Object 
1637     {
1638         public Gtk.ListStore el;
1639         private Xcls_LeftProps  _this;
1640
1641
1642             // my vars (def)
1643
1644         // ctor 
1645         public Xcls_valrendermodel(Xcls_LeftProps _owner )
1646         {
1647             _this = _owner;
1648             _this.valrendermodel = this;
1649             this.el = new Gtk.ListStore( 1, typeof(string) );
1650
1651             // my vars (dec)
1652
1653             // set gobject values
1654         }
1655
1656         // user defined functions 
1657     }
1658     public class Xcls_ContextMenu : Object 
1659     {
1660         public Gtk.Menu el;
1661         private Xcls_LeftProps  _this;
1662
1663
1664             // my vars (def)
1665
1666         // ctor 
1667         public Xcls_ContextMenu(Xcls_LeftProps _owner )
1668         {
1669             _this = _owner;
1670             _this.ContextMenu = this;
1671             this.el = new Gtk.Menu();
1672
1673             // my vars (dec)
1674
1675             // set gobject values
1676             var child_0 = new Xcls_MenuItem32( _this );
1677             child_0.ref();
1678             this.el.append (  child_0.el  );
1679             var child_1 = new Xcls_SeparatorMenuItem33( _this );
1680             child_1.ref();
1681             this.el.append (  child_1.el  );
1682             var child_2 = new Xcls_MenuItem34( _this );
1683             child_2.ref();
1684             this.el.append (  child_2.el  );
1685         }
1686
1687         // user defined functions 
1688     }
1689     public class Xcls_MenuItem32 : Object 
1690     {
1691         public Gtk.MenuItem el;
1692         private Xcls_LeftProps  _this;
1693
1694
1695             // my vars (def)
1696
1697         // ctor 
1698         public Xcls_MenuItem32(Xcls_LeftProps _owner )
1699         {
1700             _this = _owner;
1701             this.el = new Gtk.MenuItem();
1702
1703             // my vars (dec)
1704
1705             // set gobject values
1706             this.el.label = "Edit";
1707
1708             // listeners 
1709             this.el.activate.connect( ( )  =>{
1710               
1711                 var s = _this.view.el.get_selection();
1712                 Gtk.TreeIter iter;
1713                 Gtk.TreeModel model;
1714                 s.get_selected (out  model, out  iter);
1715                 _this.startEditingKey(model.get_path(iter));
1716             });
1717         }
1718
1719         // user defined functions 
1720     }
1721     public class Xcls_SeparatorMenuItem33 : Object 
1722     {
1723         public Gtk.SeparatorMenuItem el;
1724         private Xcls_LeftProps  _this;
1725
1726
1727             // my vars (def)
1728
1729         // ctor 
1730         public Xcls_SeparatorMenuItem33(Xcls_LeftProps _owner )
1731         {
1732             _this = _owner;
1733             this.el = new Gtk.SeparatorMenuItem();
1734
1735             // my vars (dec)
1736
1737             // set gobject values
1738         }
1739
1740         // user defined functions 
1741     }
1742     public class Xcls_MenuItem34 : Object 
1743     {
1744         public Gtk.MenuItem el;
1745         private Xcls_LeftProps  _this;
1746
1747
1748             // my vars (def)
1749
1750         // ctor 
1751         public Xcls_MenuItem34(Xcls_LeftProps _owner )
1752         {
1753             _this = _owner;
1754             this.el = new Gtk.MenuItem();
1755
1756             // my vars (dec)
1757
1758             // set gobject values
1759             this.el.label = "Delete";
1760
1761             // listeners 
1762             this.el.activate.connect( ( )  =>{
1763                 _this.deleteSelected();
1764             });
1765         }
1766
1767         // user defined functions 
1768     }
1769 }