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;
21 PROJECT // project settings..
24 public State state = State.NONE;
26 public bool children_loaded = false;
29 public Xcls_WindowLeftTree left_tree;
30 public Xcls_WindowAddProp add_props;
31 public Xcls_LeftProps left_props;
32 public Xcls_ProjectSettings projectsettings;
33 public ValaProjectSettings vala_projectsettings;
34 public Xcls_RightPalete rightpalete;
35 public Editor code_editor;
36 public Xcls_WindowRooView window_rooview;
37 public Xcls_GtkView window_gladeview;
39 public Xcls_ClutterFiles clutterfiles;
41 public Xcls_WindowLeftProjects left_projects; // can not see where this is initialized..
43 public DialogTemplateSelect template_select;
45 public Xcls_PopoverFileDetails file_details;
49 public Xcls_DialogPluginWebkit webkit_plugin;
52 public Palete.ValaSource valasource; // the spawner that runs the vala compiler.
53 public Json.Object last_compile_result;
56 public WindowState(Xcls_MainWindow win)
65 // on clutter space...
66 this.projectEditInit();
68 this.projectListInit();
78 this.webkitViewInit();
82 this.fileDetailsInit();
84 this.webkit_plugin = new Xcls_DialogPluginWebkit();
85 this.template_select = new DialogTemplateSelect();
86 this.children_loaded = true;
88 this.left_tree.node_selected.connect((sel) => {
89 this.window_gladeview.sourceview.nodeSelected(sel);
91 this.valasource = new Palete.ValaSource();
92 this.valasource.compiled.connect(this.valaCompiled);
100 public void leftTreeInit()
103 this.left_tree = new Xcls_WindowLeftTree();
104 this.left_tree.ref();
105 this.left_tree.main_window = this.win;
107 this.win.tree.el.pack_start(this.left_tree.el,true, true,0);
108 this.left_tree.el.show_all();
110 this.left_tree.before_node_change.connect(() => {
111 return this.leftTreeBeforeChange();
115 this.left_tree.node_selected.connect((sel) => {
116 this.leftTreeNodeSelected(sel);
119 this.left_tree.changed.connect(() => {
121 this.left_tree.model.file.save();
122 if (this.left_tree.getActiveFile().xtype == "Roo" ) {
123 this.window_rooview.requestRedraw();
125 this.window_gladeview.loadFile(this.left_tree.getActiveFile());
132 public bool leftTreeBeforeChange()
134 if (this.state != State.CODE) {
135 this.left_props.finish_editing();
138 if (!this.code_editor.saveContents()) {
144 public void leftTreeNodeSelected(JsRender.Node? sel)
147 print("node_selected called %s\n", (sel == null) ? "NULL" : "a value");
150 this.left_props.el.hide();
152 this.left_props.el.show();
153 this.left_props.load(this.left_tree.getActiveFile(), sel);
154 switch (this.state) {
159 this.rightpalete.clear();
162 this.rightpalete.load(this.left_tree.getActiveFile().palete(), sel.fqn());
168 this.add_props.clear();
171 this.add_props.show(this.left_tree.getActiveFile().palete(), "props", sel.fqn());
177 this.add_props.clear();
180 this.add_props.show(this.left_tree.getActiveFile().palete(), "signals", sel.fqn());
184 this.switchState(State.PREVIEW);
197 public void propsListInit()
200 this.left_props =new Xcls_LeftProps();
201 this.left_props.ref();
202 this.left_props.main_window = this.win;
203 this.win.props.el.pack_start(this.left_props.el,true, true,0);
204 this.left_props.el.show_all();
206 this.left_props.show_editor.connect( (file, node, type, key) => {
207 this.switchState(State.CODE);
208 this.code_editor.show(
219 this.left_props.stop_editor.connect( () => {
220 if (this.state != State.CODE) {
224 var ret = this.code_editor.saveContents();
228 this.switchState(State.PREVIEW);
232 this.left_props.changed.connect(() => {
233 if (this.left_tree.getActiveFile().xtype == "Roo" ) {
234 this.window_rooview.requestRedraw();
236 this.window_gladeview.loadFile(this.left_tree.getActiveFile());
238 this.left_tree.model.updateSelected();
239 this.left_tree.model.file.save();
240 if (this.left_tree.model.file.xtype=="Gtk") {
241 this.valasource.checkFileSpawn(this.left_tree.model.file);
249 //------------- projects edit
251 public void projectEditInit()
253 this.projectsettings =new Xcls_ProjectSettings();
254 this.projectsettings.ref(); /// really?
256 this.vala_projectsettings =new ValaProjectSettings();
257 this.vala_projectsettings.ref();
258 this.vala_projectsettings.window = this.win;
260 ((Gtk.Container)(this.win.projecteditview.el.get_widget())).add(this.projectsettings.el);
261 //this.projectsettings.el.show_all();
263 var stage = this.win.projecteditview.el.get_stage();
264 stage.set_background_color( Clutter.Color.from_string("#000"));
266 this.projectsettings.buttonPressed.connect((btn) => {
267 if (this.left_tree.getActiveFile().xtype == "Roo" ) {
269 this.window_rooview.view.renderJS(true);
271 if (btn == "apply") {
272 this.window_rooview.view.renderJS(true);
276 // do nothing for gtk..
278 if (btn == "save" || btn == "apply") {
279 this.win.project.save();
282 this.switchState (State.PREVIEW);
287 // ----------- object adding
288 public void objectAddInit()
291 this.rightpalete = new Xcls_RightPalete();
292 this.rightpalete.ref(); /// really?
293 ((Gtk.Container)(this.win.objectview.el.get_widget())).add(this.rightpalete.el);
294 //this.projectsettings.el.show_all();
296 var stage = this.win.objectview.el.get_stage();
297 stage.set_background_color( Clutter.Color.from_string("#000"));
301 // ----------- properties adding list...
302 // listener uses the properties
303 public void propsAddInit()
306 this.add_props = new Xcls_WindowAddProp();
307 this.add_props.ref(); /// really?
308 ((Gtk.Container)(this.win.addpropsview.el.get_widget())).add(this.add_props.el);
309 //this.projectsettings.el.show_all();
311 var stage = this.win.addpropsview.el.get_stage();
312 stage.set_background_color( Clutter.Color.from_string("#000"));
315 this.add_props.select.connect( (key,type,skel, etype) => {
316 this.left_props.addProp(etype, key, skel, type);
320 public void propsAddShow()
324 public void propsAddHide()
332 // ----------- Add / Edit listener
333 // listener uses the properties
334 //public void listenerInit() { }
335 public void listenerShow()
339 public void listenerHide()
344 // -------------- codeEditor
346 public void codeEditInit()
348 this.code_editor = new Editor();
349 //this.code_editor.ref(); /// really?
350 ((Gtk.Container)(this.win.codeeditview.el.get_widget())).add(this.code_editor.el);
352 this.code_editor.window = this.win;
353 //this.projectsettings.el.show_all();
355 var stage = this.win.codeeditview.el.get_stage();
356 stage.set_background_color( Clutter.Color.from_string("#000"));
359 this.code_editor.save.connect( () => {
360 this.left_tree.model.file.save();
361 this.left_tree.model.updateSelected();
362 if (this.left_tree.getActiveFile().xtype == "Roo" ) {
363 this.window_rooview.requestRedraw();
365 this.window_gladeview.loadFile(this.left_tree.getActiveFile());
367 // we do not need to call spawn... - as it's already called by the editor?
373 // ----------- list of projects on left
374 public void projectListInit()
377 this.left_projects = new Xcls_WindowLeftProjects();
378 this.left_projects.ref();
379 this.win.leftpane.el.pack_start(this.left_projects.el,true, true,0);
380 this.left_projects.el.show_all();
381 this.left_projects.project_selected.connect((proj) => {
382 this.buttonsShowHide();
384 this.clutterfiles.loadProject(proj);
389 // ----------- file view
391 public void fileViewInit()
393 var stage = this.win.rooview.el.get_stage(); // seems odd...
394 this.clutterfiles = new Xcls_ClutterFiles();
395 this.clutterfiles.ref();
396 stage.add_child(this.clutterfiles.el);
397 this.clutterfiles.el.show();
400 this.clutterfiles.open.connect((file) => {
401 this.fileViewOpen(file);
403 this.clutterfiles.el.transitions_completed.connect(() => {
404 if (this.state == State.FILES) {
405 this.win.rooview.el.hide();
407 this.clutterfiles.el.hide();
415 public void fileDetailsInit()
417 this.file_details = new Xcls_PopoverFileDetails();
418 this.file_details.mainwindow = this.win;
419 // force it modal to the main window..
421 this.file_details.success.connect((project,file) =>
423 this.fileViewOpen(file);
428 public void fileViewOpen(JsRender.JsRender file)
430 this.win.project = file.project;
431 this.switchState (State.PREVIEW);
433 this.left_tree.model.loadFile(file);
435 var ctr= ((Gtk.Container)(this.win.rooview.el.get_widget()));
436 var ctr_p= ((Gtk.Container)(this.win.projecteditview.el.get_widget()));
438 if (file.xtype == "Roo" ) {
439 ctr.foreach( (w) => { ctr.remove(w); });
440 ctr_p.foreach( (w) => { ctr_p.remove(w); });
441 ctr.add(this.window_rooview.el);
442 ctr_p.add(this.projectsettings.el);
443 this.window_rooview.loadFile(file);
444 this.window_rooview.el.show_all();
445 this.projectsettings.el.show_all();
448 ctr.foreach( (w) => { ctr.remove(w); });
449 ctr_p.foreach( (w) => { ctr_p.remove(w); });
450 ctr.add(this.window_gladeview.el);
451 ctr_p.add(this.vala_projectsettings.el);
452 this.window_gladeview.loadFile(file);
453 this.window_gladeview.el.show_all();
454 this.vala_projectsettings.el.show_all();
456 print("OPEN : " + file.name);
457 this.win.editpane.el.set_position(this.win.editpane.el.max_position);
458 this.win.setTitle(file.project.name + " : " +file.name);
462 public void fileViewOpenPlain(string file)
465 this.switchState (State.CODEONLY);
469 // --------- webkit view
470 public void webkitViewInit()
472 this.window_rooview =new Xcls_WindowRooView();
473 this.window_rooview.ref();
474 ((Gtk.Container)(this.win.rooview.el.get_widget())).add(this.window_rooview.el);
475 this.window_rooview.el.show_all();
477 var stage = this.win.rooview.el.get_stage();
478 stage.set_background_color( Clutter.Color.from_string("#000"));
483 public void gtkViewInit()
485 this.window_gladeview =new Xcls_GtkView();
486 this.window_gladeview.ref();
487 this.window_gladeview.main_window = this.win;
490 public void easingSaveAll()
492 this.win.addpropsview.el.save_easing_state();
493 this.win.codeeditview.el.save_easing_state();
494 this.win.objectview.el.save_easing_state();
495 this.win.projecteditview.el.save_easing_state();
496 this.win.rooview.el.save_easing_state();
497 this.clutterfiles.el.save_easing_state();
500 public void easingRestoreAll()
502 this.win.addpropsview.el.restore_easing_state();
503 this.win.codeeditview.el.restore_easing_state();
504 this.win.objectview.el.restore_easing_state();
505 this.win.projecteditview.el.restore_easing_state();
506 this.win.rooview.el.restore_easing_state();
507 this.clutterfiles.el.restore_easing_state();
510 public void switchState(State new_state)
513 // if the new state and the old state are the same..
515 if (new_state == this.state) {
519 // save the easing state of everything..
520 this.easingSaveAll();
522 switch (this.state) {
525 if (this.left_tree.getActiveFile() != null) {
526 if (this.left_tree.getActiveFile().xtype == "Roo" ) {
527 this.window_rooview.createThumb();
529 this.window_gladeview.createThumb();
532 // normally we are going from preview to another state.
533 // and different windows hide the preview in differnt ways..
540 this.win.addpropsview.el.set_scale(0.0f,0.0f);
544 this.code_editor.saveContents();
546 this.win.codeeditview.el.set_scale(0.0f,0.0f);
550 // going from codeonly..
551 this.win.leftpane.el.show();
552 while (Gtk.events_pending()) {
553 Gtk.main_iteration();
555 this.code_editor.saveContents();
556 if (new_state != State.FILES) {
557 this.win.rooview.el.show();
558 this.win.codeeditview.el.set_scale(0.0f,0.0f);
560 // going to files... - show will rotate the code editview..
566 this.win.objectview.el.set_scale(0.0f,0.0f);
570 if (this.win.project.xtype == "Gtk") {
571 this.vala_projectsettings.save();
574 this.win.projecteditview.el.set_scale(0.0f,0.0f);
580 if (new_state == State.CODEONLY) {
582 this.win.codeeditview.el.show();
583 this.win.codeeditview.el.set_easing_duration(1000);
584 this.win.codeeditview.el.set_rotation_angle(Clutter.RotateAxis.Y_AXIS, 0.0f);
585 this.win.codeeditview.el.set_scale(1.0f,1.0f);
586 this.win.codeeditview.el.set_pivot_point(0.5f,0.5f);
587 this.win.codeeditview.el.set_opacity(0xff);
589 this.win.rooview.el.show();
590 this.win.rooview.el.set_easing_duration(1000);
591 this.win.rooview.el.set_rotation_angle(Clutter.RotateAxis.Y_AXIS, 0.0f);
592 this.win.rooview.el.set_scale(1.0f,1.0f);
593 this.win.rooview.el.set_pivot_point(0.5f,0.5f);
594 this.win.rooview.el.set_opacity(0xff);
598 this.clutterfiles.el.set_easing_duration(1000);
599 this.clutterfiles.el.set_pivot_point(0.5f,0.5f);
600 this.clutterfiles.el.set_rotation_angle(Clutter.RotateAxis.Y_AXIS, -180.0f);
601 this.clutterfiles.el.set_opacity(0);
603 //this.clutterfiles.el.hide();
611 var oldstate =this.state;
612 this.state = new_state;
616 this.buttonsShowHide();
619 switch (this.state) {
621 case State.PREVIEW: // this is the default state when working...
622 this.win.editpane.el.show(); // holder for tree and properties..
625 this.left_projects.el.hide();
626 if (oldstate != State.FILES) {
627 // it's handled above..
628 print ("changing state to preview from NOT files..");
631 this.win.rooview.el.set_scale(1.0f,1.0f);
640 var ae = this.left_tree.getActiveElement();
642 this.state = oldstate;
643 this.buttonsShowHide();
644 this.resizeCanvasElements();
645 this.easingRestoreAll();
648 this.add_props.el.show_all();
650 Palete.factory(this.win.project.xtype),
651 this.state == State.LISTENER ? "signals" : "props",
658 // -- FIXME? this needs to be State aware?
660 this.win.rooview.el.set_pivot_point(1.0f,0.5f);
662 this.win.addpropsview.el.set_scale(1.0f,1.0f);
666 var n = this.left_tree.getActiveElement();
668 if (this.left_tree.model.file == null) {
669 this.state =oldstate;
670 this.buttonsShowHide();
671 this.resizeCanvasElements();
672 this.easingRestoreAll();
676 if (n == null && this.left_tree.model.file.tree != null) {
677 this.state = oldstate;
678 this.buttonsShowHide();
679 this.resizeCanvasElements();
680 this.easingRestoreAll();
684 this.rightpalete.el.show_all();
685 this.rightpalete.load(this.left_tree.getActiveFile().palete(), n == null ? "*top" : n.fqn());
690 this.win.objectview.el.set_scale(1.0f,1.0f);
697 this.code_editor.el.show_all();
698 // caller needs to call editor - show....
699 this.win.codeeditview.el.set_scale(1.0f,1.0f);
703 // going to codeonly..
704 this.win.leftpane.el.hide();
705 while (Gtk.events_pending()) {
706 Gtk.main_iteration();
710 this.code_editor.el.show_all();
712 this.win.codeeditview.el.set_scale(1.0f,1.0f);
718 if (this.win.project.xtype == "Roo") {
719 this.projectsettings.el.show_all();
720 this.projectsettings.show(this.win.project);
722 this.vala_projectsettings.el.show_all();
723 this.vala_projectsettings.show((Project.Gtk)this.win.project);
726 this.win.rooview.el.set_pivot_point(1.0f,1.0f); // bottom right..
728 this.win.projecteditview.el.set_scale(1.0f,1.0f);
733 case State.FILES: // can only get here from PREVIEW state.. in theory..
736 this.win.editpane.el.hide(); // holder for tree and properties..
738 this.left_projects.el.show();
740 if (oldstate == State.CODEONLY) {
741 // code only - rotate the codeditview..
742 this.win.codeeditview.el.set_easing_duration(1000);
743 this.win.codeeditview.el.set_pivot_point(0.5f,0.5f);
744 this.win.codeeditview.el.set_rotation_angle(Clutter.RotateAxis.Y_AXIS, 180.0f);
745 this.win.codeeditview.el.set_opacity(0);
746 this.win.rooview.el.hide();
747 this.win.rooview.el.set_easing_duration(1000);
748 this.win.rooview.el.set_pivot_point(0.5f,0.5f);
749 this.win.rooview.el.set_rotation_angle(Clutter.RotateAxis.Y_AXIS, 180.0f);
750 this.win.rooview.el.set_opacity(0);
751 //el.set_scale(0.0f,0.0f);
753 this.win.rooview.el.set_easing_duration(1000);
754 this.win.rooview.el.set_pivot_point(0.5f,0.5f);
755 this.win.rooview.el.set_rotation_angle(Clutter.RotateAxis.Y_AXIS, 180.0f);
756 this.win.rooview.el.set_opacity(0);
761 if (this.win.project != null) {
762 this.left_projects.selectProject(this.win.project);
766 this.clutterfiles.el.show();
768 this.clutterfiles.el.set_easing_duration(1000);
769 this.clutterfiles.el.set_pivot_point(0.5f,0.5f);
770 this.clutterfiles.el.set_rotation_angle(Clutter.RotateAxis.Y_AXIS, 0.0f);
771 this.clutterfiles.el.set_opacity(0xff);
779 this.resizeCanvasElements();
780 this.easingRestoreAll();
782 // run the animation.. - then load files...
787 public int redraw_count = 0;
788 public void resizeCanvas() // called by window resize .. delays redraw
790 var rc = this.redraw_count;
791 this.redraw_count = 2;
793 GLib.Timeout.add(100, () =>{
794 return this.resizeCanvasQueue();
798 public bool resizeCanvasQueue()
800 //print("WindowState.resizeCanvasQueue %d\n", this.redraw_count);
802 if (this.redraw_count < 1) {
803 return false; // should not really happen...
809 if (this.redraw_count > 0) {
810 return true; // do it again in 1 second...
812 // got down to 0 or -1....
813 this.redraw_count = 0;
814 this.resizeCanvasElements();
818 public void resizeCanvasElements()
820 Gtk.Allocation alloc;
821 this.win.clutterembed.el.get_allocation(out alloc);
823 // print("WindowState.resizeCanvasElements\n");
824 if (!this.children_loaded || this.win.clutterembed == null) {
825 print("WindowState.resizeCanvasElements = ingnore not loaded or no clutterfiles\n");
829 var avail = alloc.width < 50.0f ? 0 : alloc.width - 50.0f;
830 var palsize = avail < 300.0f ? avail : 300.0f;
833 // -------- code edit min 600
835 var codesize = avail < 800.0f ? avail : 800.0f;
838 //print("set code size %f\n", codesize);
842 switch ( this.state) {
845 this.win.rooview.el.set_size(alloc.width-50, alloc.height);
849 this.clutterfiles.set_size(alloc.width-50, alloc.height);
854 this.win.projecteditview.el.set_size(alloc.width-50, alloc.height / 2.0f);
856 // this.win.rooview.el.save_easing_state();
857 //this.win.rooview.el.set_size(alloc.width / 2.0f, alloc.height / 2.0f);
859 this.win.rooview.el.set_scale(0.5f, 0.5f);
860 //this.win.rooview.el.restore_easing_state();
864 this.win.codeeditview.el.set_size(codesize, alloc.height);
865 var scale = avail > 0.0f ? (avail - codesize -10 ) / avail : 0.0f;
866 //this.win.rooview.el.save_easing_state();
868 this.win.rooview.el.set_scale(scale,scale);
869 // this.win.rooview.el.restore_easing_state();
873 this.win.codeeditview.el.set_size(codesize, alloc.height);
874 var scale = avail > 0.0f ? (avail - codesize -10 ) / avail : 0.0f;
875 //this.win.rooview.el.save_easing_state();
876 this.win.rooview.el.hide();
877 this.win.rooview.el.set_scale(scale,scale);
878 // this.win.rooview.el.restore_easing_state();
882 this.win.addpropsview.el.set_size(palsize, alloc.height);
883 var scale = avail > 0.0f ? (avail - palsize -10 ) / avail : 0.0f;
884 this.win.rooview.el.set_scale(scale,scale);
888 this.win.objectview.el.set_size(palsize, alloc.height);
889 var scale = avail > 0.0f ? (avail - palsize -10 ) / avail : 0.0f;
890 //this.win.rooview.el.save_easing_state();
891 this.win.rooview.el.set_scale(scale,scale);
892 // this.win.rooview.el.restore_easing_state();
897 // -- buttons show hide.....
899 public void buttonsShowHide()
901 // basically hide everything, then show the relivant..
903 this.win.backbutton.el.hide();
905 this.win.projectbutton.el.hide(); // show file nav...
906 this.win.editfilebutton.el.hide();
907 this.win.projecteditbutton.el.hide();
910 this.win.objectshowbutton.el.hide(); // add objects
911 this.win.addpropbutton.el.hide();
912 this.win.addlistenerbutton.el.hide();
916 this.win.addprojectbutton.el.hide();
917 this.win.addfilebutton.el.hide();
918 this.win.delprojectbutton.el.hide();
921 switch (this.state) {
923 case State.PREVIEW: // this is the default state when working...
925 this.win.projectbutton.el.show(); // show file nav...
926 this.win.editfilebutton.el.show();
927 this.win.projecteditbutton.el.show();
930 this.win.objectshowbutton.el.show(); // add objects
931 this.win.addpropbutton.el.show();
932 this.win.addlistenerbutton.el.show();
936 this.win.projectbutton.el.show();
944 this.win.backbutton.el.show();
945 this.win.objectshowbutton.el.show(); // add objects
946 this.win.addpropbutton.el.show();
947 this.win.addlistenerbutton.el.show();
952 this.win.backbutton.el.show();
957 if (this.left_projects.getSelectedProject() != null ) {
958 if (this.left_tree.getActiveFile() != null) {
959 this.win.backbutton.el.show();
961 this.win.addfilebutton.el.show();
964 this.win.addprojectbutton.el.show();
965 this.win.delprojectbutton.el.show();
975 public void valaCompiled(Json.Object obj)
977 // vala has finished compiling...
978 print("vala compiled");
980 var buf = this.code_editor.buffer;
981 buf.check_running = false;
983 if (obj.has_member("ERR-TOTAL")) {
984 this.win.statusbar_errors.setNotices( obj.get_object_member("ERR") , (int) obj.get_int_member("ERR-TOTAL"));
986 this.win.statusbar_errors.setNotices( new Json.Object() , 0);
989 if (obj.has_member("WARN-TOTAL")) {
991 this.win.statusbar_warnings.setNotices(obj.get_object_member("WARN"), (int) obj.get_int_member("WARN-TOTAL"));
993 this.win.statusbar_warnings.setNotices( new Json.Object() , 0);
996 if (obj.has_member("DEPR-TOTAL")) {
998 this.win.statusbar_depricated.setNotices( obj.get_object_member("DEPR"), (int) obj.get_int_member("DEPR-TOTAL"));
1001 this.win.statusbar_depricated.setNotices( new Json.Object(),0);
1004 buf.highlightErrorsJson("ERR", obj);
1005 buf.highlightErrorsJson("WARN", obj);
1006 buf.highlightErrorsJson("DEPR", obj);
1008 var gbuf = this.window_gladeview.sourceview;
1009 gbuf.highlightErrorsJson("ERR", obj);
1010 gbuf.highlightErrorsJson("WARN", obj);
1011 gbuf.highlightErrorsJson("DEPR", obj);
1013 this.last_compile_result = obj;