2 * as state management is a bit too complicated inside the builder
3 * it's better to seperate this into this class
5 * This class has references to all the Class instances that make up the window..
8 public class WindowState : Object
10 public Xcls_MainWindow win;
20 PROJECT // project settings..
23 public State state = State.NONE;
25 public bool children_loaded = false;
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;
38 public Xcls_ClutterFiles clutterfiles;
40 public Xcls_WindowLeftProjects left_projects; // can not see where this is initialized..
42 public DialogTemplateSelect template_select;
44 public Xcls_DialogNewComponent new_file_dialog;
45 public Xcls_PopoverFileDetails file_details;
49 public Xcls_DialogPluginWebkit webkit_plugin;
52 public WindowState(Xcls_MainWindow win)
61 // on clutter space...
62 this.projectEditInit();
64 this.projectListInit();
74 this.webkitViewInit();
78 this.fileNewInit(); // depricated...
79 this.fileDetailsInit();
81 this.webkit_plugin = new Xcls_DialogPluginWebkit();
82 this.template_select = new DialogTemplateSelect();
83 this.children_loaded = true;
89 public void leftTreeInit()
92 this.left_tree = new Xcls_WindowLeftTree();
94 this.left_tree.main_window = this.win;
96 this.win.tree.el.pack_start(this.left_tree.el,true, true,0);
97 this.left_tree.el.show_all();
99 this.left_tree.before_node_change.connect(() => {
100 return this.leftTreeBeforeChange();
104 this.left_tree.node_selected.connect((sel) => {
105 this.leftTreeNodeSelected(sel);
108 this.left_tree.changed.connect(() => {
109 this.window_rooview.requestRedraw();
110 this.left_tree.model.file.save();
115 public bool leftTreeBeforeChange()
117 if (this.state != State.CODE) {
118 this.left_props.finish_editing();
121 if (!this.code_editor.saveContents()) {
127 public void leftTreeNodeSelected(JsRender.Node? sel)
130 print("node_selected called %s\n", (sel == null) ? "NULL" : "a value");
133 this.left_props.el.hide();
135 this.left_props.el.show();
136 this.left_props.load(this.left_tree.getActiveFile(), sel);
137 switch (this.state) {
142 this.rightpalete.clear();
145 this.rightpalete.load(this.left_tree.getActiveFile().palete(), sel.fqn());
151 this.add_props.clear();
154 this.add_props.show(this.left_tree.getActiveFile().palete(), "props", sel.fqn());
160 this.add_props.clear();
163 this.add_props.show(this.left_tree.getActiveFile().palete(), "signals", sel.fqn());
167 this.switchState(State.PREVIEW);
180 public void propsListInit()
183 this.left_props =new Xcls_LeftProps();
184 this.left_props.ref();
185 this.left_props.main_window = this.win;
186 this.win.props.el.pack_start(this.left_props.el,true, true,0);
187 this.left_props.el.show_all();
189 this.left_props.show_editor.connect( (file, node, type, key) => {
190 this.switchState(State.CODE);
191 this.code_editor.show(
202 this.left_props.stop_editor.connect( () => {
203 if (this.state != State.CODE) {
207 var ret = this.code_editor.saveContents();
211 this.switchState(State.PREVIEW);
215 this.left_props.changed.connect(() => {
216 if (this.left_tree.getActiveFile().xtype == "Roo" ) {
217 this.window_rooview.requestRedraw();
220 this.window_gladeview.loadFile(this.left_tree.getActiveFile());
222 this.left_tree.model.updateSelected();
223 this.left_tree.model.file.save();
230 //------------- projects edit
232 public void projectEditInit()
234 this.projectsettings =new Xcls_ProjectSettings();
235 this.projectsettings.ref(); /// really?
237 this.vala_projectsettings =new ValaProjectSettings();
238 this.vala_projectsettings.ref();
239 this.vala_projectsettings.window = this.win;
241 ((Gtk.Container)(this.win.projecteditview.el.get_widget())).add(this.projectsettings.el);
242 //this.projectsettings.el.show_all();
244 var stage = this.win.projecteditview.el.get_stage();
245 stage.set_background_color( Clutter.Color.from_string("#000"));
247 this.projectsettings.buttonPressed.connect((btn) => {
248 if (this.left_tree.getActiveFile().xtype == "Roo" ) {
250 this.window_rooview.view.renderJS(true);
252 if (btn == "apply") {
253 this.window_rooview.view.renderJS(true);
257 // do nothing for gtk..
259 if (btn == "save" || btn == "apply") {
260 this.win.project.save();
263 this.switchState (State.PREVIEW);
268 // ----------- object adding
269 public void objectAddInit()
272 this.rightpalete = new Xcls_RightPalete();
273 this.rightpalete.ref(); /// really?
274 ((Gtk.Container)(this.win.objectview.el.get_widget())).add(this.rightpalete.el);
275 //this.projectsettings.el.show_all();
277 var stage = this.win.objectview.el.get_stage();
278 stage.set_background_color( Clutter.Color.from_string("#000"));
282 // ----------- properties adding list...
283 // listener uses the properties
284 public void propsAddInit()
287 this.add_props = new Xcls_WindowAddProp();
288 this.add_props.ref(); /// really?
289 ((Gtk.Container)(this.win.addpropsview.el.get_widget())).add(this.add_props.el);
290 //this.projectsettings.el.show_all();
292 var stage = this.win.addpropsview.el.get_stage();
293 stage.set_background_color( Clutter.Color.from_string("#000"));
296 this.add_props.select.connect( (key,type,skel, etype) => {
297 this.left_props.addProp(etype, key, skel, type);
301 public void propsAddShow()
305 public void propsAddHide()
313 // ----------- Add / Edit listener
314 // listener uses the properties
315 //public void listenerInit() { }
316 public void listenerShow()
320 public void listenerHide()
325 // -------------- codeEditor
327 public void codeEditInit()
329 this.code_editor = new Editor();
330 this.code_editor.ref(); /// really?
331 ((Gtk.Container)(this.win.codeeditview.el.get_widget())).add(this.code_editor.el);
332 //this.projectsettings.el.show_all();
334 var stage = this.win.codeeditview.el.get_stage();
335 stage.set_background_color( Clutter.Color.from_string("#000"));
338 this.code_editor.save.connect( () => {
339 this.left_tree.model.file.save();
340 this.left_tree.model.updateSelected();
345 // ----------- list of projects on left
346 public void projectListInit()
349 this.left_projects = new Xcls_WindowLeftProjects();
350 this.left_projects.ref();
351 this.win.leftpane.el.pack_start(this.left_projects.el,true, true,0);
352 this.left_projects.el.show_all();
353 this.left_projects.project_selected.connect((proj) => {
355 this.clutterfiles.loadProject(proj);
360 // ----------- file view
362 public void fileViewInit()
364 var stage = this.win.rooview.el.get_stage(); // seems odd...
365 this.clutterfiles = new Xcls_ClutterFiles();
366 this.clutterfiles.ref();
367 stage.add_child(this.clutterfiles.el);
368 this.clutterfiles.el.show_all();
371 this.clutterfiles.open.connect((file) => {
372 this.fileViewOpen(file);
374 this.clutterfiles.el.transitions_completed.connect(() => {
375 if (this.state == State.FILES) {
376 this.win.rooview.el.hide();
378 this.clutterfiles.el.hide();
386 public void fileDetailsInit()
388 this.file_details = new Xcls_PopoverFileDetails();
389 this.file_details.mainwindow = this.win;
390 // force it modal to the main window..
392 this.file_details.success.connect((project,file) =>
394 this.fileViewOpen(file);
399 public void fileViewOpen(JsRender.JsRender file)
401 this.win.project = file.project;
402 this.switchState (State.PREVIEW);
404 this.left_tree.model.loadFile(file);
406 var ctr= ((Gtk.Container)(this.win.rooview.el.get_widget()));
407 var ctr_p= ((Gtk.Container)(this.win.projecteditview.el.get_widget()));
409 if (file.xtype == "Roo" ) {
410 ctr.foreach( (w) => { ctr.remove(w); });
411 ctr_p.foreach( (w) => { ctr_p.remove(w); });
412 ctr.add(this.window_rooview.el);
413 ctr_p.add(this.projectsettings.el);
414 this.window_rooview.loadFile(file);
415 this.window_rooview.el.show_all();
416 this.projectsettings.el.show_all();
419 ctr.foreach( (w) => { ctr.remove(w); });
420 ctr_p.foreach( (w) => { ctr_p.remove(w); });
421 ctr.add(this.window_gladeview.el);
422 ctr_p.add(this.vala_projectsettings.el);
423 this.window_gladeview.loadFile(file);
424 this.window_gladeview.el.show_all();
425 this.vala_projectsettings.el.show_all();
427 print("OPEN : " + file.name);
428 this.win.editpane.el.set_position(this.win.editpane.el.max_position);
429 this.win.setTitle(file.project.name + " : " +file.name);
435 // --------- webkit view
436 public void webkitViewInit()
438 this.window_rooview =new Xcls_WindowRooView();
439 this.window_rooview.ref();
440 ((Gtk.Container)(this.win.rooview.el.get_widget())).add(this.window_rooview.el);
441 this.window_rooview.el.show_all();
443 var stage = this.win.rooview.el.get_stage();
444 stage.set_background_color( Clutter.Color.from_string("#000"));
449 public void gtkViewInit()
451 this.window_gladeview =new Xcls_GtkView();
452 this.window_gladeview.ref();
453 this.window_gladeview.main_window = this.win;
456 public void easingSaveAll()
458 this.win.addpropsview.el.save_easing_state();
459 this.win.codeeditview.el.save_easing_state();
460 this.win.objectview.el.save_easing_state();
461 this.win.projecteditview.el.save_easing_state();
462 this.win.rooview.el.save_easing_state();
463 this.clutterfiles.el.save_easing_state();
466 public void easingRestoreAll()
468 this.win.addpropsview.el.restore_easing_state();
469 this.win.codeeditview.el.restore_easing_state();
470 this.win.objectview.el.restore_easing_state();
471 this.win.projecteditview.el.restore_easing_state();
472 this.win.rooview.el.restore_easing_state();
473 this.clutterfiles.el.restore_easing_state();
476 public void switchState(State new_state)
479 // save the easing state of everything..
480 this.easingSaveAll();
482 switch (this.state) {
485 if (this.left_tree.getActiveFile() != null) {
486 if (this.left_tree.getActiveFile().xtype == "Roo" ) {
487 this.window_rooview.createThumb();
489 this.window_gladeview.createThumb();
492 // normally we are going from preview to another state.
493 // and different windows hide the preview in differnt ways..
500 this.win.addpropsview.el.set_scale(0.0f,0.0f);
506 this.code_editor.saveContents();
508 this.win.codeeditview.el.set_scale(0.0f,0.0f);
514 this.win.objectview.el.set_scale(0.0f,0.0f);
518 if (this.win.project.xtype == "Gtk") {
519 this.vala_projectsettings.save();
522 this.win.projecteditview.el.set_scale(0.0f,0.0f);
528 this.win.rooview.el.show_all();
529 this.win.rooview.el.set_easing_duration(1000);
530 this.win.rooview.el.set_rotation_angle(Clutter.RotateAxis.Y_AXIS, 0.0f);
531 this.win.rooview.el.set_scale(1.0f,1.0f);
532 this.win.rooview.el.set_pivot_point(0.5f,0.5f);
533 this.win.rooview.el.set_opacity(0xff);
537 this.clutterfiles.el.set_easing_duration(1000);
538 this.clutterfiles.el.set_pivot_point(0.5f,0.5f);
539 this.clutterfiles.el.set_rotation_angle(Clutter.RotateAxis.Y_AXIS, -180.0f);
540 this.clutterfiles.el.set_opacity(0);
542 //this.clutterfiles.el.hide();
550 var oldstate =this.state;
551 this.state = new_state;
555 this.buttonsShowHide();
558 switch (this.state) {
560 case State.PREVIEW: // this is the default state when working...
561 this.win.editpane.el.show(); // holder for tree and properties..
564 this.left_projects.el.hide();
565 if (oldstate != State.FILES) {
566 // it's handled above..
567 print ("changing state to preview from NOT files..");
570 this.win.rooview.el.set_scale(1.0f,1.0f);
579 var ae = this.left_tree.getActiveElement();
581 this.state = oldstate;
582 this.buttonsShowHide();
583 this.resizeCanvasElements();
584 this.easingRestoreAll();
587 this.add_props.el.show_all();
589 Palete.factory(this.win.project.xtype),
590 this.state == State.LISTENER ? "signals" : "props",
597 // -- FIXME? this needs to be State aware?
599 this.win.rooview.el.set_pivot_point(1.0f,0.5f);
601 this.win.addpropsview.el.set_scale(1.0f,1.0f);
605 var n = this.left_tree.getActiveElement();
607 if (this.left_tree.model.file == null) {
608 this.state =oldstate;
609 this.buttonsShowHide();
610 this.resizeCanvasElements();
611 this.easingRestoreAll();
615 if (n == null && this.left_tree.model.file.tree != null) {
616 this.state = oldstate;
617 this.buttonsShowHide();
618 this.resizeCanvasElements();
619 this.easingRestoreAll();
623 this.rightpalete.el.show_all();
624 this.rightpalete.load(this.left_tree.getActiveFile().palete(), n == null ? "*top" : n.fqn());
629 this.win.objectview.el.set_scale(1.0f,1.0f);
636 this.code_editor.el.show_all();
638 // caller needs to call editor - show....
641 this.win.codeeditview.el.set_scale(1.0f,1.0f);
648 if (this.win.project.xtype == "Roo") {
649 this.projectsettings.el.show_all();
650 this.projectsettings.show(this.win.project);
652 this.vala_projectsettings.el.show_all();
653 this.vala_projectsettings.show((Project.Gtk)this.win.project);
656 this.win.rooview.el.set_pivot_point(1.0f,1.0f); // bottom right..
658 this.win.projecteditview.el.set_scale(1.0f,1.0f);
663 case State.FILES: // can only get here from PREVIEW state.. in theory..
666 this.win.editpane.el.hide(); // holder for tree and properties..
668 this.left_projects.el.show();
670 this.win.rooview.el.set_easing_duration(1000);
671 this.win.rooview.el.set_pivot_point(0.5f,0.5f);
672 this.win.rooview.el.set_rotation_angle(Clutter.RotateAxis.Y_AXIS, 180.0f);
673 this.win.rooview.el.set_opacity(0);
674 //el.set_scale(0.0f,0.0f);
677 if (this.win.project != null) {
678 this.left_projects.selectProject(this.win.project);
682 this.clutterfiles.el.show_all();
684 this.clutterfiles.el.set_easing_duration(1000);
685 this.clutterfiles.el.set_pivot_point(0.5f,0.5f);
686 this.clutterfiles.el.set_rotation_angle(Clutter.RotateAxis.Y_AXIS, 0.0f);
687 this.clutterfiles.el.set_opacity(0xff);
695 this.resizeCanvasElements();
696 this.easingRestoreAll();
701 public int redraw_count = 0;
702 public void resizeCanvas() // called by window resize .. delays redraw
704 var rc = this.redraw_count;
705 this.redraw_count = 2;
707 GLib.Timeout.add(100, () =>{
708 return this.resizeCanvasQueue();
712 public bool resizeCanvasQueue()
714 //print("WindowState.resizeCanvasQueue %d\n", this.redraw_count);
716 if (this.redraw_count < 1) {
717 return false; // should not really happen...
723 if (this.redraw_count > 0) {
724 return true; // do it again in 1 second...
726 // got down to 0 or -1....
727 this.redraw_count = 0;
728 this.resizeCanvasElements();
732 public void resizeCanvasElements()
734 Gtk.Allocation alloc;
735 this.win.clutterembed.el.get_allocation(out alloc);
737 // print("WindowState.resizeCanvasElements\n");
738 if (!this.children_loaded || this.win.clutterembed == null) {
739 print("WindowState.resizeCanvasElements = ingnore not loaded or no clutterfiles\n");
743 var avail = alloc.width < 50.0f ? 0 : alloc.width - 50.0f;
744 var palsize = avail < 300.0f ? avail : 300.0f;
747 // -------- code edit min 600
749 var codesize = avail < 800.0f ? avail : 800.0f;
752 //print("set code size %f\n", codesize);
756 switch ( this.state) {
758 this.win.rooview.el.set_size(alloc.width-50, alloc.height);
762 this.clutterfiles.set_size(alloc.width-50, alloc.height);
767 this.win.projecteditview.el.set_size(alloc.width-50, alloc.height / 2.0f);
769 // this.win.rooview.el.save_easing_state();
770 //this.win.rooview.el.set_size(alloc.width / 2.0f, alloc.height / 2.0f);
771 this.win.rooview.el.set_scale(0.5f, 0.5f);
772 //this.win.rooview.el.restore_easing_state();
776 this.win.codeeditview.el.set_size(codesize, alloc.height);
777 var scale = avail > 0.0f ? (avail - codesize -10 ) / avail : 0.0f;
778 //this.win.rooview.el.save_easing_state();
780 this.win.rooview.el.set_scale(scale,scale);
781 // this.win.rooview.el.restore_easing_state();
786 this.win.addpropsview.el.set_size(palsize, alloc.height);
787 var scale = avail > 0.0f ? (avail - palsize -10 ) / avail : 0.0f;
788 this.win.rooview.el.set_scale(scale,scale);
792 this.win.objectview.el.set_size(palsize, alloc.height);
793 var scale = avail > 0.0f ? (avail - palsize -10 ) / avail : 0.0f;
794 //this.win.rooview.el.save_easing_state();
795 this.win.rooview.el.set_scale(scale,scale);
796 // this.win.rooview.el.restore_easing_state();
801 // -- buttons show hide.....
803 public void buttonsShowHide()
805 // basically hide everything, then show the relivant..
807 this.win.backbutton.el.hide();
809 this.win.projectbutton.el.hide(); // show file nav...
810 this.win.editfilebutton.el.hide();
811 this.win.projecteditbutton.el.hide();
814 this.win.objectshowbutton.el.hide(); // add objects
815 this.win.addpropbutton.el.hide();
816 this.win.addlistenerbutton.el.hide();
820 this.win.addprojectbutton.el.hide();
821 this.win.addfilebutton.el.hide();
822 this.win.delprojectbutton.el.hide();
825 switch (this.state) {
827 case State.PREVIEW: // this is the default state when working...
829 this.win.projectbutton.el.show(); // show file nav...
830 this.win.editfilebutton.el.show();
831 this.win.projecteditbutton.el.show();
834 this.win.objectshowbutton.el.show(); // add objects
835 this.win.addpropbutton.el.show();
836 this.win.addlistenerbutton.el.show();
845 this.win.backbutton.el.show();
846 this.win.objectshowbutton.el.show(); // add objects
847 this.win.addpropbutton.el.show();
848 this.win.addlistenerbutton.el.show();
853 this.win.backbutton.el.show();
858 if (this.left_projects.getSelectedProject() != null ) {
859 if (this.left_tree.getActiveFile() != null) {
860 this.win.backbutton.el.show();
862 this.win.addfilebutton.el.show();
865 this.win.addprojectbutton.el.show();
866 this.win.delprojectbutton.el.show();