src/Builder4/WindowState.vala
[app.Builder.js] / src / Builder4 / WindowState.vala
1 /**
2  * as state management is a bit too complicated inside the builder
3  * it's better to seperate this into this class
4  * 
5  * This class has references to all the Class instances that make up the window..
6  * 
7  */
8 public class WindowState : Object 
9 {
10     public Xcls_MainWindow win;
11
12     public enum State {
13         NONE,
14         PREVIEW,
15         OBJECT,
16         PROP,
17         LISTENER,
18         CODE,
19         FILES,
20         PROJECT // project settings..
21     }
22
23     public State state = State.NONE;
24
25     public bool children_loaded = false;
26
27     
28     public Xcls_WindowLeftTree  left_tree;
29     public Xcls_WindowAddProp   add_props;
30     public Xcls_LeftProps       left_props;
31     public Xcls_ProjectSettings projectsettings;
32     public ValaProjectSettings  vala_projectsettings;
33     public Xcls_RightPalete     rightpalete;
34     public Editor               code_editor;    
35     public Xcls_WindowRooView   window_rooview;
36     public Xcls_GtkView         window_gladeview;
37     public Xcls_DialogNewComponent new_file_dialog;
38     public Xcls_ClutterFiles     clutterfiles;
39
40     public Xcls_WindowLeftProjects left_projects; // can not see where this is initialized.. 
41     // ctor 
42     public WindowState(Xcls_MainWindow win)
43     {
44         this.win = win;
45         // initialize
46
47         // left elements..
48         this.leftTreeInit();
49         this.propsListInit();
50
51         // on clutter space...
52         this.projectEditInit();
53         this.codeEditInit();
54         this.projectListInit();
55         this.fileViewInit();
56         
57         // adding stuff
58         this.objectAddInit();
59         this.propsAddInit();
60      
61         
62         // previews...
63         this.gtkViewInit();
64         this.webkitViewInit();
65
66         // dialogs
67
68         this.fileNewInit();
69
70         this.children_loaded = true;
71     }
72
73
74     // left tree
75
76     public void leftTreeInit()
77     {
78      
79         this.left_tree = new Xcls_WindowLeftTree();
80         this.left_tree.ref();
81         this.left_tree.main_window = this.win;
82     
83         this.win.tree.el.pack_start(this.left_tree.el,true, true,0);
84         this.left_tree.el.show_all();
85            
86         this.left_tree.before_node_change.connect(() => {
87             return this.leftTreeBeforeChange();
88
89         });
90
91         this.left_tree.node_selected.connect((sel) => {
92             this.leftTreeNodeSelected(sel);
93         });
94      
95         this.left_tree.changed.connect(() => {
96             this.window_rooview.requestRedraw();
97             this.left_tree.model.file.save();
98         });
99          
100     }
101
102     public bool leftTreeBeforeChange()
103     {
104         if (this.state != State.CODE) {
105             this.left_props.finish_editing();
106             return true;
107         }
108         if (!this.code_editor.saveContents()) {
109             return false;
110         }
111         return false;
112     }
113     
114     public void leftTreeNodeSelected(JsRender.Node? sel)
115     {
116
117         print("node_selected called %s\n", (sel == null) ? "NULL" : "a value");
118
119         if (sel == null) {
120             this.left_props.el.hide();
121         } 
122         this.left_props.el.show();
123         this.left_props.load(this.left_tree.getActiveFile(), sel);
124         switch (this.state) {
125             
126             case State.OBJECT: 
127                   
128                  if (sel == null) {
129                     this.rightpalete.clear();
130                     break;
131                 }
132                 this.rightpalete.load(this.left_tree.getActiveFile().palete(), sel.fqn());
133                 break;
134                  
135         
136            case State.PROP:
137                 if (sel == null) {
138                     this.add_props.clear();
139                     break;
140                 }
141                 this.add_props.show(this.left_tree.getActiveFile().palete(), "props", sel.fqn());
142                 break;
143
144             case State.LISTENER:
145                
146                 if (sel == null) {
147                     this.add_props.clear();
148                     break;
149                 }
150                 this.add_props.show(this.left_tree.getActiveFile().palete(), "signals", sel.fqn());
151                 break;
152                 
153             case State.CODE:
154                  this.switchState(State.PREVIEW);
155              
156                 break;
157                
158                             
159         }
160          
161
162     }
163
164
165
166
167     public void propsListInit()
168     {
169     
170         this.left_props =new Xcls_LeftProps();
171         this.left_props.ref();
172         this.left_props.main_window = this.win;
173         this.win.props.el.pack_start(this.left_props.el,true, true,0);
174         this.left_props.el.show_all();
175     
176         this.left_props.show_editor.connect( (file, node, type,  key) => {
177             this.switchState(State.CODE);
178             this.code_editor.show(
179                 file,
180                 node,
181                 type,
182                 key
183             );
184             
185             
186         });
187
188    
189         this.left_props.stop_editor.connect( () => {
190             if (this.state != State.CODE) {
191                 return true;
192             }
193     
194             var ret =  this.code_editor.saveContents();
195             if (!ret) {
196                 return false;
197             }
198             this.switchState(State.PREVIEW);
199             return ret;
200         });
201     
202         this.left_props.changed.connect(() => {
203               if (this.left_tree.getActiveFile().xtype == "Roo" ) {
204                    this.window_rooview.requestRedraw();
205                    
206                } else {
207                   this.window_gladeview.loadFile(this.left_tree.getActiveFile());
208               }
209               this.left_tree.model.updateSelected();
210               this.left_tree.model.file.save();
211         });
212     
213
214
215     }
216
217     //-------------  projects edit
218
219     public void projectEditInit()
220     {
221         this.projectsettings  =new Xcls_ProjectSettings();
222         this.projectsettings.ref();  /// really?
223     
224         this.vala_projectsettings  =new ValaProjectSettings();
225         this.vala_projectsettings.ref();
226         this.vala_projectsettings.window = this.win;
227     
228         ((Gtk.Container)(this.win.projecteditview.el.get_widget())).add(this.projectsettings.el);
229         //this.projectsettings.el.show_all();
230
231         var stage = this.win.projecteditview.el.get_stage();
232         stage.set_background_color(  Clutter.Color.from_string("#000"));
233     
234         this.projectsettings.buttonPressed.connect((btn) => {
235              if (this.left_tree.getActiveFile().xtype == "Roo" ) {
236                 if (btn == "save") {
237                     this.window_rooview.view.renderJS(true);
238                 }
239                 if (btn == "apply") {
240                     this.window_rooview.view.renderJS(true);
241                     return;
242                 }
243             } else {
244                 // do nothing for gtk..
245             }
246             if (btn == "save" || btn == "apply") {
247                 this.win.project.save();
248          
249             }
250             this.switchState (State.PREVIEW); 
251              
252          });
253
254     }
255     // ----------- object adding
256     public void objectAddInit()
257     {
258
259         this.rightpalete  = new Xcls_RightPalete();
260         this.rightpalete.ref();  /// really?
261         ((Gtk.Container)(this.win.objectview.el.get_widget())).add(this.rightpalete.el);
262         //this.projectsettings.el.show_all();
263
264         var stage = this.win.objectview.el.get_stage();
265         stage.set_background_color(  Clutter.Color.from_string("#000"));
266            
267     }
268     
269     // -----------  properties adding list...
270     // listener uses the properties 
271     public void propsAddInit()
272     {
273     // Add properties
274         this.add_props  = new Xcls_WindowAddProp();
275         this.add_props.ref();  /// really?
276         ((Gtk.Container)(this.win.addpropsview.el.get_widget())).add(this.add_props.el);
277         //this.projectsettings.el.show_all();
278
279         var  stage = this.win.addpropsview.el.get_stage();
280         stage.set_background_color(  Clutter.Color.from_string("#000"));
281
282
283         this.add_props.select.connect( (key,type,skel, etype) => {
284             this.left_props.addProp(etype, key, skel, type);
285         });
286
287     }
288     public void propsAddShow()
289     {
290
291     }
292     public void propsAddHide()
293     {
294     
295     }
296
297
298
299     
300     // ----------- Add / Edit listener
301     // listener uses the properties 
302     //public void listenerInit()     { }
303     public void listenerShow()
304     {
305
306     }
307     public void listenerHide()
308     {
309     
310     }
311
312     // -------------- codeEditor
313
314     public void codeEditInit()
315     {
316         this.code_editor  = new  Editor();
317         this.code_editor.ref();  /// really?
318         ((Gtk.Container)(this.win.codeeditview.el.get_widget())).add(this.code_editor.el);
319         //this.projectsettings.el.show_all();
320
321         var stage = this.win.codeeditview.el.get_stage();
322         stage.set_background_color(  Clutter.Color.from_string("#000"));
323         // editor.save...
324
325         this.code_editor.save.connect( () => {
326              this.left_tree.model.file.save();
327              this.left_tree.model.updateSelected();
328         });
329         
330     }
331
332     // ----------- list of projects on left
333     public void  projectListInit() 
334     {
335
336         this.left_projects = new Xcls_WindowLeftProjects();
337          this.left_projects.ref();
338          this.win.leftpane.el.pack_start(this.left_projects.el,true, true,0);
339          this.left_projects.el.show_all();
340          this.left_projects.project_selected.connect((proj) => {
341             proj.scanDirs();
342             this.clutterfiles.loadProject(proj);
343         
344          });
345
346     }
347     // ----------- file view
348
349     public void fileViewInit()
350     {
351         var stage = this.win.rooview.el.get_stage(); // seems odd... 
352         this.clutterfiles = new Xcls_ClutterFiles();
353         this.clutterfiles.ref();
354         stage.add_child(this.clutterfiles.el);
355         this.clutterfiles.el.show_all();
356
357
358         this.clutterfiles.open.connect((file) => { 
359             this.fileViewOpen(file);
360         });
361         this.clutterfiles.el.transitions_completed.connect(() => {
362             if (this.state == State.FILES) {
363                 this.win.rooview.el.hide();
364             } else {
365                 this.clutterfiles.el.hide();
366             }
367             
368             
369         });
370
371     }
372     public void fileNewInit()
373     {
374         this.new_file_dialog = new Xcls_DialogNewComponent();
375         // force it modal to the main window..
376         this.new_file_dialog.el.set_transient_for(this.win.el);
377         this.new_file_dialog.el.set_modal(true);
378     
379         this.new_file_dialog.success.connect((project,file) =>
380         {
381             this.fileViewOpen(file);
382         });
383
384     }
385
386     
387     public void fileViewOpen(JsRender.JsRender file)
388     {
389         this.win.project = file.project;
390         this.switchState (State.PREVIEW); 
391         
392         this.left_tree.model.loadFile(file);
393     
394         var ctr= ((Gtk.Container)(this.win.rooview.el.get_widget()));
395         var ctr_p= ((Gtk.Container)(this.win.projecteditview.el.get_widget()));
396     
397         if (file.xtype == "Roo" ) { 
398             ctr.foreach( (w) => { ctr.remove(w); });
399             ctr_p.foreach( (w) => { ctr_p.remove(w); });
400             ctr.add(this.window_rooview.el);
401             ctr_p.add(this.projectsettings.el);            
402             this.window_rooview.loadFile(file);
403             this.window_rooview.el.show_all();
404             this.projectsettings.el.show_all();            
405
406         } else {
407             ctr.foreach( (w) => { ctr.remove(w); });
408             ctr_p.foreach( (w) => { ctr_p.remove(w); });            
409             ctr.add(this.window_gladeview.el);
410             ctr_p.add(this.vala_projectsettings.el);
411             this.window_gladeview.loadFile(file);
412             this.window_gladeview.el.show_all();
413             this.vala_projectsettings.el.show_all();
414         }
415         print("OPEN : " + file.name);
416         this.win.editpane.el.set_position(this.win.editpane.el.max_position);
417         this.win.setTitle(file.project.name + " : " +file.name);
418              
419
420         }
421
422     
423     // ---------  webkit view
424     public void webkitViewInit()
425     {
426         this.window_rooview  =new Xcls_WindowRooView();
427         this.window_rooview.ref();
428         ((Gtk.Container)(this.win.rooview.el.get_widget())).add(this.window_rooview.el);
429         this.window_rooview.el.show_all();
430
431         var stage = this.win.rooview.el.get_stage();
432         stage.set_background_color(  Clutter.Color.from_string("#000"));
433     }
434
435     // ------ Gtk  - view
436
437     public void gtkViewInit()
438     {
439         this.window_gladeview  =new Xcls_GtkView();
440         this.window_gladeview.ref();
441     }
442
443     public void switchState(State new_state)
444     {
445         
446
447         
448         switch (this.state) {
449
450             case State.PREVIEW:
451                 if (this.left_tree.getActiveFile() != null) {
452                      if (this.left_tree.getActiveFile().xtype == "Roo" ) {
453                          this.window_rooview.createThumb();
454                      } else {
455                           this.window_gladeview.createThumb();
456                       }
457                 }
458                 // normally we are going from preview to another state.
459                 // and different windows hide the preview in differnt ways..
460                 
461                 break;
462             
463            case State.LISTENER:
464            case State.PROP:
465                 this.win.addpropsview.el.save_easing_state();
466                 this.win.addpropsview.el.set_scale(0.0f,0.0f);
467                 this.win.addpropsview.el.restore_easing_state();   
468                 break;
469                 
470             case State.CODE:
471
472
473                 this.code_editor.saveContents();
474                 this.win.codeeditview.el.save_easing_state();
475                 this.win.codeeditview.el.set_scale(0.0f,0.0f);
476                 this.win.codeeditview.el.restore_easing_state();    
477                 break;
478
479
480              case State.OBJECT:
481                 this.win.objectview.el.save_easing_state();
482                 this.win.objectview.el.set_scale(0.0f,0.0f);
483                 this.win.objectview.el.restore_easing_state();    
484                 break;
485
486            case State.PROJECT:
487                 this.win.projecteditview.el.save_easing_state();
488                 this.win.projecteditview.el.set_scale(0.0f,0.0f);
489                 this.win.projecteditview.el.restore_easing_state();    
490                 break;
491
492           case State.FILES:
493                 // hide files...
494                 this.win.rooview.el.save_easing_state();
495                 this.win.rooview.el.set_easing_duration(1000);
496                 this.win.rooview.el.set_rotation_angle(Clutter.RotateAxis.Y_AXIS, 0.0f);
497                 this.win.rooview.el.set_scale(1.0f,1.0f);
498                 this.win.rooview.el.set_pivot_point(0.5f,0.5f);
499                 this.win.rooview.el.set_opacity(0xff);
500                 this.win.rooview.el.restore_easing_state();  
501                 
502                
503                 this.clutterfiles.el.save_easing_state();
504                 this.clutterfiles.el.set_easing_duration(1000);
505                 this.clutterfiles.el.set_pivot_point(0.5f,0.5f);
506                 this.clutterfiles.el.set_rotation_angle(Clutter.RotateAxis.Y_AXIS, -180.0f);
507                 this.clutterfiles.el.set_opacity(0);
508                 this.clutterfiles.el.restore_easing_state();  
509
510                 //this.clutterfiles.el.hide();
511                  
512
513                 break;
514
515                 
516         }
517         
518         var oldstate  =this.state;
519         this.state = new_state;
520         this.resizeCanvasElements();
521
522                 
523         this.buttonsShowHide();
524         
525         switch (this.state) {
526             
527             case State.PREVIEW:  // this is the default state when working...
528                  this.win.editpane.el.show(); // holder for tree and properties..
529                  this.win.rooview.el.show();
530              
531                  this.left_projects.el.hide(); 
532                  if (oldstate != State.FILES) {
533                     // it's handled above..
534                     this.win.rooview.el.save_easing_state();
535                     this.win.rooview.el.set_scale(1.0f,1.0f);
536                     this.win.rooview.el.restore_easing_state();
537                  }
538                
539                 break;
540
541
542             case State.LISTENER:
543                 // same as prop?
544             case State.PROP:
545                 var ae =      this.left_tree.getActiveElement();
546                 if (ae == null) {
547                     this.state = oldstate;
548                     this.buttonsShowHide();
549                     return;
550                 }
551                 this.add_props.el.show_all();
552                 this.add_props.show(
553                     Palete.factory(this.win.project.xtype), 
554                     this.state == State.LISTENER ? "signals" : "props",
555                     ae.fqn()
556                 );
557  
558                     
559  
560                 this.win.rooview.el.save_easing_state();
561                 // -- FIXME? this needs to be State aware?
562                 this.win.rooview.el.restore_easing_state();
563                 
564               
565                 this.win.addpropsview.el.save_easing_state();
566                 this.win.addpropsview.el.set_scale(1.0f,1.0f);
567                 this.win.addpropsview.el.restore_easing_state();
568                 break;
569                 
570             case State.CODE:
571
572                 this.code_editor.el.show_all();
573                 
574                 // caller needs to call editor - show....
575                 this.win.rooview.el.save_easing_state();
576                 this.resizeCanvasElements();
577                 this.win.rooview.el.restore_easing_state();
578                 
579  
580                 this.win.codeeditview.el.save_easing_state();
581                 this.win.codeeditview.el.set_scale(1.0f,1.0f);
582                 this.win.codeeditview.el.restore_easing_state();    
583                 break;
584
585
586              case State.OBJECT:
587                  var n = this.left_tree.getActiveElement();
588
589                 if (this.left_tree.model.file == null) {
590                     this.state =oldstate;
591                     this.buttonsShowHide();
592                     return;
593                 }
594                 
595                 if (n == null && this.left_tree.model.file.tree != null) {
596                     this.state = oldstate;
597                     this.buttonsShowHide();
598                     return;
599                 }
600
601                 this.rightpalete.el.show_all();
602                 this.rightpalete.load(this.left_tree.getActiveFile().palete(), n == null ? "*top" : n.fqn());
603
604                 this.win.rooview.el.save_easing_state();
605                 this.resizeCanvasElements();
606                 this.win.rooview.el.restore_easing_state();
607
608                 
609                 this.win.objectview.el.save_easing_state();
610                 this.win.objectview.el.set_scale(1.0f,1.0f);
611                 this.win.objectview.el.restore_easing_state();    
612                 break;
613
614            case State.PROJECT:
615
616              if (this.win.project.xtype == "Roo") {
617                     this.projectsettings.el.show_all();
618                     this.projectsettings.show(this.win.project);
619                 } else {
620                     this.vala_projectsettings.el.show_all();
621                     this.vala_projectsettings.show((Project.Gtk)this.win.project);
622                 }
623
624                 this.win.rooview.el.save_easing_state();
625                 this.resizeCanvasElements();
626                 this.win.rooview.el.restore_easing_state();
627
628                 this.win.projecteditview.el.save_easing_state();
629                 this.win.projecteditview.el.set_scale(1.0f,1.0f);
630                 this.win.projecteditview.el.restore_easing_state();    
631                 break;
632                 
633            case State.FILES:  // can only get here from PREVIEW state.. in theory..
634                 
635    
636                 this.win.editpane.el.hide(); // holder for tree and properties..
637              
638                 this.left_projects.el.show(); 
639             
640                 var el = this.win.rooview.el;
641                 el.save_easing_state();
642                 el.set_easing_duration(1000);
643                 el.set_pivot_point(0.5f,0.5f);
644                 el.set_rotation_angle(Clutter.RotateAxis.Y_AXIS, 180.0f);
645                 el.set_opacity(0);
646                 //el.set_scale(0.0f,0.0f);
647
648  
649                 if (this.win.project != null) {
650                     this.left_projects.selectProject(this.win.project);
651                 }
652              
653                 el.restore_easing_state();
654                 
655                 this.clutterfiles.el.show_all();
656                 this.clutterfiles.el.save_easing_state();
657                 this.clutterfiles.el.set_easing_duration(1000);
658                 this.clutterfiles.el.set_pivot_point(0.5f,0.5f);
659                 this.clutterfiles.el.set_rotation_angle(Clutter.RotateAxis.Y_AXIS, 0.0f);
660                 this.clutterfiles.el.set_opacity(0xff);
661                 this.clutterfiles.el.restore_easing_state();  
662                 
663                 
664                 break;
665
666
667         }
668
669             
670     }
671     
672     // -- buttons show hide.....
673
674     public void buttonsShowHide()
675     {
676         // basically hide everything, then show the relivant..
677
678          this.win.backbutton.el.hide();
679     
680         this.win.projectbutton.el.hide(); // show file nav...
681         this.win.editfilebutton.el.hide();
682         this.win.projecteditbutton.el.hide();
683          
684         
685         this.win.objectshowbutton.el.hide(); // add objects
686         this.win.addpropbutton.el.hide();  
687         this.win.addlistenerbutton.el.hide(); 
688
689     
690     
691         this.win.addprojectbutton.el.hide();
692         this.win.addfilebutton.el.hide();
693         this.win.delprojectbutton.el.hide();
694         this.win.new_window.el.hide();
695
696         
697         switch (this.state) {
698             
699             case State.PREVIEW:  // this is the default state when working...
700                
701                 this.win.projectbutton.el.show(); // show file nav...
702                 this.win.editfilebutton.el.show();
703                 this.win.projecteditbutton.el.show();
704                  
705                 
706                 this.win.objectshowbutton.el.show(); // add objects
707                 this.win.addpropbutton.el.show();  
708                 this.win.addlistenerbutton.el.show(); 
709                 break;
710             
711            
712             case State.CODE: 
713             case State.PROP:
714             case State.LISTENER:
715             case State.OBJECT:
716                 
717                 this.win.backbutton.el.show();
718                 this.win.objectshowbutton.el.show(); // add objects
719                 this.win.addpropbutton.el.show();  
720                 this.win.addlistenerbutton.el.show(); 
721                 break;
722             
723             case State.PROJECT: 
724                 // anything else?
725                 this.win.backbutton.el.show();
726                 break;
727             
728     
729             case State.FILES:
730                 this.win.backbutton.el.show();
731                      
732                 this.win.addprojectbutton.el.show();
733                 this.win.addfilebutton.el.show();
734                 this.win.delprojectbutton.el.show();
735                 this.win.new_window.el.show();
736                 break;
737         }
738
739     }
740
741     public int redraw_count = 0;
742     public void resizeCanvas() // called by window resize .. delays redraw
743     {
744         var rc = this.redraw_count;        
745         this.redraw_count = 2;
746         if (rc == 0) {
747             GLib.Timeout.add(100,  ()  =>{
748                  return this.resizeCanvasQueue();
749             });
750         }
751     }
752     public bool  resizeCanvasQueue()
753     {
754         //print("WindowState.resizeCanvasQueue %d\n", this.redraw_count);        
755
756         if (this.redraw_count < 1) {
757             return false; // should not really happen...
758         }
759
760
761         this.redraw_count--;
762
763         if (this.redraw_count > 0) {
764             return true; // do it again in 1 second...
765         }
766         // got down to 0 or -1....
767         this.redraw_count = 0;
768         this.resizeCanvasElements();
769         return false;
770
771     }
772     public void resizeCanvasElements()
773     {
774         Gtk.Allocation alloc;
775         this.win.clutterembed.el.get_allocation(out alloc);
776
777            // print("WindowState.resizeCanvasElements\n");
778             if (!this.children_loaded || this.win.clutterembed == null) {
779                 print("WindowState.resizeCanvasElements = ingnore not loaded or no clutterfiles\n");
780             return; 
781         }
782             //print("WindowState.resizeCanvasElements = running");
783
784         
785         // ------- project view appears at top...
786
787                
788         // ------- add property/object left - max 300px, min 50... (or disapear..)     
789         
790         var avail = alloc.width < 50.0f ? 0 :  alloc.width - 50.0f;
791         var palsize = avail < 300.0f ? avail : 300.0f;
792         //print("set palsize size %f\n", palsize);
793         // palate / props : fixed 300 pix
794                 
795  
796         // -------- code edit min 600
797         
798         var codesize = avail < 800.0f ? avail : 800.0f;
799         //print("set code size %f\n", codesize);
800
801
802             
803
804
805         
806         switch ( this.state) {
807             case State.PREVIEW:
808                 this.win.rooview.el.set_size(alloc.width-50, alloc.height);
809                 break;
810     
811             case State.FILES: 
812                 this.clutterfiles.set_size(alloc.width-50, alloc.height);
813                 break;
814
815             case State.PROJECT: 
816                 this.win.projecteditview.el.set_size(alloc.width-50, alloc.height / 2.0f);
817                 break;
818
819             case State.CODE: 
820                 this.win.codeeditview.el.set_size(codesize, alloc.height);
821                 var scale = avail > 0.0f ? (avail - codesize -10 ) / avail : 0.0f;
822                     this.win.rooview.el.set_scale(scale,scale);
823                 break;
824                 
825             case State.PROP:
826             case State.LISTENER:        
827             case State.OBJECT:  
828                 this.win.objectview.el.set_size(palsize, alloc.height);    
829                 this.win.addpropsview.el.set_size(palsize, alloc.height);
830                     var scale = avail > 0.0f ? (avail - palsize -10 ) / avail : 0.0f;
831                 this.win.rooview.el.set_scale(scale,scale);
832                 break;
833         }
834     }
835
836     
837 }
838
839