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;
37 public Xcls_DialogNewComponent new_file_dialog;
38 public Xcls_ClutterFiles clutterfiles;
40 public Xcls_WindowLeftProjects left_projects; // can not see where this is initialized..
42 public WindowState(Xcls_MainWindow win)
51 // on clutter space...
52 this.projectEditInit();
54 this.projectListInit();
64 this.webkitViewInit();
70 this.children_loaded = true;
76 public void leftTreeInit()
79 this.left_tree = new Xcls_WindowLeftTree();
81 this.left_tree.main_window = this.win;
83 this.win.tree.el.pack_start(this.left_tree.el,true, true,0);
84 this.left_tree.el.show_all();
86 this.left_tree.before_node_change.connect(() => {
87 return this.leftTreeBeforeChange();
91 this.left_tree.node_selected.connect((sel) => {
92 this.leftTreeNodeSelected(sel);
95 this.left_tree.changed.connect(() => {
96 this.window_rooview.requestRedraw();
97 this.left_tree.model.file.save();
102 public bool leftTreeBeforeChange()
104 if (this.state != State.CODE) {
105 this.left_props.finish_editing();
108 if (!this.code_editor.saveContents()) {
114 public void leftTreeNodeSelected(JsRender.Node? sel)
117 print("node_selected called %s\n", (sel == null) ? "NULL" : "a value");
120 this.left_props.el.hide();
122 this.left_props.el.show();
123 this.left_props.load(this.left_tree.getActiveFile(), sel);
124 switch (this.state) {
129 this.rightpalete.clear();
132 this.rightpalete.load(this.left_tree.getActiveFile().palete(), sel.fqn());
138 this.add_props.clear();
141 this.add_props.show(this.left_tree.getActiveFile().palete(), "props", sel.fqn());
147 this.add_props.clear();
150 this.add_props.show(this.left_tree.getActiveFile().palete(), "signals", sel.fqn());
154 this.switchState(State.PREVIEW);
167 public void propsListInit()
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();
176 this.left_props.show_editor.connect( (file, node, type, key) => {
177 this.switchState(State.CODE);
178 this.code_editor.show(
189 this.left_props.stop_editor.connect( () => {
190 if (this.state != State.CODE) {
194 var ret = this.code_editor.saveContents();
198 this.switchState(State.PREVIEW);
202 this.left_props.changed.connect(() => {
203 if (this.left_tree.getActiveFile().xtype == "Roo" ) {
204 this.window_rooview.requestRedraw();
207 this.window_gladeview.loadFile(this.left_tree.getActiveFile());
209 this.left_tree.model.updateSelected();
210 this.left_tree.model.file.save();
217 //------------- projects edit
219 public void projectEditInit()
221 this.projectsettings =new Xcls_ProjectSettings();
222 this.projectsettings.ref(); /// really?
224 this.vala_projectsettings =new ValaProjectSettings();
225 this.vala_projectsettings.ref();
226 this.vala_projectsettings.window = this.win;
228 ((Gtk.Container)(this.win.projecteditview.el.get_widget())).add(this.projectsettings.el);
229 //this.projectsettings.el.show_all();
231 var stage = this.win.projecteditview.el.get_stage();
232 stage.set_background_color( Clutter.Color.from_string("#000"));
234 this.projectsettings.buttonPressed.connect((btn) => {
235 if (this.left_tree.getActiveFile().xtype == "Roo" ) {
237 this.window_rooview.view.renderJS(true);
239 if (btn == "apply") {
240 this.window_rooview.view.renderJS(true);
244 // do nothing for gtk..
246 if (btn == "save" || btn == "apply") {
247 this.win.project.save();
250 this.switchState (State.PREVIEW);
255 // ----------- object adding
256 public void objectAddInit()
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();
264 var stage = this.win.objectview.el.get_stage();
265 stage.set_background_color( Clutter.Color.from_string("#000"));
269 // ----------- properties adding list...
270 // listener uses the properties
271 public void propsAddInit()
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();
279 var stage = this.win.addpropsview.el.get_stage();
280 stage.set_background_color( Clutter.Color.from_string("#000"));
283 this.add_props.select.connect( (key,type,skel, etype) => {
284 this.left_props.addProp(etype, key, skel, type);
288 public void propsAddShow()
292 public void propsAddHide()
300 // ----------- Add / Edit listener
301 // listener uses the properties
302 //public void listenerInit() { }
303 public void listenerShow()
307 public void listenerHide()
312 // -------------- codeEditor
314 public void codeEditInit()
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();
321 var stage = this.win.codeeditview.el.get_stage();
322 stage.set_background_color( Clutter.Color.from_string("#000"));
325 this.code_editor.save.connect( () => {
326 this.left_tree.model.file.save();
327 this.left_tree.model.updateSelected();
332 // ----------- list of projects on left
333 public void projectListInit()
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) => {
342 this.clutterfiles.loadProject(proj);
347 // ----------- file view
349 public void fileViewInit()
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();
358 this.clutterfiles.open.connect((file) => {
359 this.fileViewOpen(file);
361 this.clutterfiles.el.transitions_completed.connect(() => {
362 if (this.state == State.FILES) {
363 this.win.rooview.el.hide();
365 this.clutterfiles.el.hide();
372 public void fileNewInit()
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);
379 this.new_file_dialog.success.connect((project,file) =>
381 this.fileViewOpen(file);
387 public void fileViewOpen(JsRender.JsRender file)
389 this.win.project = file.project;
390 this.switchState (State.PREVIEW);
392 this.left_tree.model.loadFile(file);
394 var ctr= ((Gtk.Container)(this.win.rooview.el.get_widget()));
395 var ctr_p= ((Gtk.Container)(this.win.projecteditview.el.get_widget()));
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();
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();
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);
423 // --------- webkit view
424 public void webkitViewInit()
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();
431 var stage = this.win.rooview.el.get_stage();
432 stage.set_background_color( Clutter.Color.from_string("#000"));
437 public void gtkViewInit()
439 this.window_gladeview =new Xcls_GtkView();
440 this.window_gladeview.ref();
443 public void switchState(State new_state)
448 switch (this.state) {
451 if (this.left_tree.getActiveFile() != null) {
452 if (this.left_tree.getActiveFile().xtype == "Roo" ) {
453 this.window_rooview.createThumb();
455 this.window_gladeview.createThumb();
458 // normally we are going from preview to another state.
459 // and different windows hide the preview in differnt ways..
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();
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();
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();
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();
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();
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();
510 //this.clutterfiles.el.hide();
518 var oldstate =this.state;
519 this.state = new_state;
522 this.buttonsShowHide();
524 switch (this.state) {
526 case State.PREVIEW: // this is the default state when working...
527 this.win.editpane.el.show(); // holder for tree and properties..
528 this.win.rooview.el.show();
530 this.left_projects.el.hide();
531 if (oldstate != State.FILES) {
532 // it's handled above..
533 this.win.rooview.el.save_easing_state();
534 this.win.rooview.el.set_scale(1.0f,1.0f);
535 this.win.rooview.el.restore_easing_state();
544 var ae = this.left_tree.getActiveElement();
546 this.state = oldstate;
547 this.buttonsShowHide();
550 this.add_props.el.show_all();
552 Palete.factory(this.win.project.xtype),
553 this.state == State.LISTENER ? "signals" : "props",
559 this.win.rooview.el.save_easing_state();
560 // -- FIXME? this needs to be State aware?
561 this.resizeCanvasElements();
562 this.win.rooview.el.restore_easing_state();
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();
572 this.code_editor.el.show_all();
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();
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();
587 var n = this.left_tree.getActiveElement();
589 if (this.left_tree.model.file == null) {
590 this.state =oldstate;
591 this.buttonsShowHide();
595 if (n == null && this.left_tree.model.file.tree != null) {
596 this.state = oldstate;
597 this.buttonsShowHide();
601 this.rightpalete.el.show_all();
602 this.rightpalete.load(this.left_tree.getActiveFile().palete(), n == null ? "*top" : n.fqn());
604 this.win.rooview.el.save_easing_state();
605 this.resizeCanvasElements();
606 this.win.rooview.el.restore_easing_state();
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();
616 if (this.win.project.xtype == "Roo") {
617 this.projectsettings.el.show_all();
618 this.projectsettings.show(this.win.project);
620 this.vala_projectsettings.el.show_all();
621 this.vala_projectsettings.show((Project.Gtk)this.win.project);
624 this.win.rooview.el.save_easing_state();
625 this.resizeCanvasElements();
626 this.win.rooview.el.restore_easing_state();
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();
633 case State.FILES: // can only get here from PREVIEW state.. in theory..
636 this.win.editpane.el.hide(); // holder for tree and properties..
638 this.left_projects.el.show();
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);
646 //el.set_scale(0.0f,0.0f);
649 if (this.win.project != null) {
650 this.left_projects.selectProject(this.win.project);
653 el.restore_easing_state();
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();
672 // -- buttons show hide.....
674 public void buttonsShowHide()
676 // basically hide everything, then show the relivant..
678 this.win.backbutton.el.hide();
680 this.win.projectbutton.el.hide(); // show file nav...
681 this.win.editfilebutton.el.hide();
682 this.win.projecteditbutton.el.hide();
685 this.win.objectshowbutton.el.hide(); // add objects
686 this.win.addpropbutton.el.hide();
687 this.win.addlistenerbutton.el.hide();
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();
697 switch (this.state) {
699 case State.PREVIEW: // this is the default state when working...
701 this.win.projectbutton.el.show(); // show file nav...
702 this.win.editfilebutton.el.show();
703 this.win.projecteditbutton.el.show();
706 this.win.objectshowbutton.el.show(); // add objects
707 this.win.addpropbutton.el.show();
708 this.win.addlistenerbutton.el.show();
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();
725 this.win.backbutton.el.show();
730 this.win.backbutton.el.show();
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();
741 public int redraw_count = 0;
742 public void resizeCanvas() // called by window resize .. delays redraw
744 var rc = this.redraw_count;
745 this.redraw_count = 2;
747 GLib.Timeout.add(100, () =>{
748 return this.resizeCanvasQueue();
752 public bool resizeCanvasQueue()
754 //print("WindowState.resizeCanvasQueue %d\n", this.redraw_count);
756 if (this.redraw_count < 1) {
757 return false; // should not really happen...
763 if (this.redraw_count > 0) {
764 return true; // do it again in 1 second...
766 // got down to 0 or -1....
767 this.redraw_count = 0;
768 this.resizeCanvasElements();
772 public void resizeCanvasElements()
774 Gtk.Allocation alloc;
775 this.win.clutterembed.el.get_allocation(out alloc);
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");
782 //print("WindowState.resizeCanvasElements = running");
785 // ------- project view appears at top...
788 // ------- add property/object left - max 300px, min 50... (or disapear..)
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
796 // -------- code edit min 600
798 var codesize = avail < 800.0f ? avail : 800.0f;
799 //print("set code size %f\n", codesize);
806 switch ( this.state) {
808 this.win.rooview.el.set_size(alloc.width-50, alloc.height);
812 this.clutterfiles.set_size(alloc.width-50, alloc.height);
816 this.win.projecteditview.el.set_size(alloc.width-50, alloc.height / 2.0f);
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);
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);