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 public State state = State.NONE;
22 public bool children_loaded = false;
24 public Project.Project project;
25 public JsRender.JsRender file;
27 public Xcls_WindowLeftTree left_tree;
28 public Xcls_PopoverAddProp add_props;
29 public Xcls_LeftProps left_props;
30 public Xcls_RooProjectSettings roo_projectsettings_pop;
31 public Xcls_ValaProjectSettingsPopover vala_projectsettings_pop;
32 public Xcls_PopoverAddObject rightpalete;
33 //public Xcls_PopoverEditor code_editor_popover;
34 public Editor code_editor_tab;
35 public Xcls_WindowRooView window_rooview;
36 public Xcls_GtkView window_gladeview;
37 public Xcls_PopoverFiles popover_files;
39 //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_PopoverFileDetails file_details;
47 public Xcls_ValaCompileResults compile_results;
50 public Xcls_DialogPluginWebkit webkit_plugin;
53 public Palete.ValaSource valasource; // the spawner that runs the vala compiler.
54 public Json.Object last_compile_result;
57 public WindowState(Xcls_MainWindow win)
66 // on clutter space...
67 this.projectEditInit();
69 //this.codePopoverEditInit();
70 //this.projectListInit();
71 //this.fileViewInit();
80 this.webkitViewInit();
84 this.fileDetailsInit();
86 this.webkit_plugin = new Xcls_DialogPluginWebkit();
87 this.template_select = new DialogTemplateSelect();
88 this.children_loaded = true;
91 this.valasource = new Palete.ValaSource(this.win);
93 this.valasource.compiled.connect(this.showCompileResult);
95 this.compile_results = new Xcls_ValaCompileResults();
96 this.compile_results.window = this.win;
97 this.valasource.compile_output.connect(this.compile_results.addLine);
99 this.win.statusbar_compilestatus_label.el.hide();
100 this.win.statusbar_run.el.hide();
101 this.win.search_results.el.hide();
103 this.popover_files = new Xcls_PopoverFiles();
104 this.popover_files.setMainWindow(this.win);
110 public void leftTreeInit()
113 this.left_tree = new Xcls_WindowLeftTree();
114 this.left_tree.ref();
115 this.left_tree.main_window = this.win;
117 this.win.leftpane.el.remove(this.win.editpane.el);
118 //this.win.tree.el.remove(this.left_tree.el);
119 this.win.leftpane.el.add(this.left_tree.el);
122 //this.win.tree.el.pack_start(this.left_tree.el,true, true,0);
123 this.left_tree.el.show_all();
125 this.left_tree.before_node_change.connect(() => {
126 // if the node change is caused by the editor (code preview)
127 if (this.left_tree.view.lastEventSource == "editor") {
130 return this.leftTreeBeforeChange();
133 // node selected -- only by clicking?
134 this.left_tree.node_selected.connect((sel, source) => {
135 if (source == "editor") {
138 if (this.file.xtype == "Roo") {
139 this.window_rooview.sourceview.nodeSelected(sel,true); // foce scroll.
141 this.window_gladeview.sourceview.nodeSelected(sel);
145 this.left_tree.node_selected.connect((sel, source) => {
146 this.leftTreeNodeSelected(sel, source);
149 this.left_tree.changed.connect(() => {
150 print("LEFT TREE: Changed fired\n");
152 if (this.left_tree.getActiveFile().xtype == "Roo" ) {
153 this.window_rooview.requestRedraw();
155 this.window_gladeview.loadFile(this.left_tree.getActiveFile());
162 public bool leftTreeBeforeChange()
164 // in theory code editor has to hide before tree change occurs.
165 //if (this.state != State.CODE) {
166 this.left_props.finish_editing();
168 if (this.state == State.CODE) {
169 this.code_editor_tab.saveContents();
170 this.switchState(State.PREVIEW);
176 //if (!this.code_editor.saveContents()) {
182 int tree_width = 300;
183 int props_width = 300;
185 public void leftTreeNodeSelected(JsRender.Node? sel, string source)
188 // do we really want to flip paletes if differnt nodes are selected
189 // showing palete should be deliberate thing..
192 print("node_selected called %s\n", (sel == null) ? "NULL" : "a value");
194 this.add_props.hide(); // always hide add node/add listener if we change node.
195 this.rightpalete.hide();
197 this.left_props.load(this.left_tree.getActiveFile(), sel);
199 var outerpane = this.win.mainpane.el;
200 var innerpane = this.win.editpane.el;
202 if (this.win.editpane.el.parent != null && sel != null) {
203 // select another node... no change to show hide/resize
208 // remove win.editpane from leftpane
209 // remove lefttree from from win.tree
210 // add win.tree to leftpane
211 if (this.win.editpane.el.parent != null) {
212 this.props_width = outerpane.get_position() - innerpane.get_position();
213 this.tree_width = innerpane.get_position();
214 GLib.debug("HIDE: prop_w = %d, tree_w = %d", this.props_width, this.tree_width);
216 this.win.leftpane.el.remove(this.win.editpane.el);
217 this.win.tree.el.remove(this.left_tree.el);
218 this.win.leftpane.el.add(this.left_tree.el);
222 //GLib.debug("Hide Properties");
223 outerpane.show_all(); // make sure it's visiable..
224 this.left_props.el.hide();
225 GLib.debug("set position: %d", this.tree_width);
226 outerpane.set_position(this.tree_width);
227 //outerpane.set_position(int.max(250,innerpane.get_position()));
228 //this.left_props.el.width_request = this.left_props.el.get_allocated_width();
232 // at this point we are showing the outer only,
237 this.tree_width = outerpane.get_position();
239 GLib.debug("SHOW: prop_w = %d, tree_w = %d", this.props_width, this.tree_width);
241 // remove this.ldeftree from this.win.leftpane
242 this.win.leftpane.el.remove(this.left_tree.el);
243 this.win.tree.el.add(this.left_tree.el);
244 this.win.leftpane.el.add(this.win.editpane.el);
249 GLib.debug("left props is %s", this.left_props.el.visible ? "shown" : "hidden");
250 // at start (hidden) - outer = 400 inner = 399
251 // expanded out -> outer = 686, inner = 399
252 //this.win.props.el.pack_start(this.left_props.el,true, true,0);
253 this.left_props.el.show_all();
254 //if (!this.left_props.el.visible) {
256 GLib.debug("outerpos : %d, innerpos : %d", outerpane.get_position(), innerpane.get_position());
257 outerpane.set_position(this.tree_width + this.props_width);
258 innerpane.set_position(this.tree_width);
259 /* var cw = outerpane.el.get_position();
260 var rw = int.min(this.left_props.el.width_request, 150);
261 print("outerpos : %d, innerpos : %d", cw + rw, cw);
263 innerpane.set_position(cw); */
264 this.left_props.el.show();
275 // if either of these are active.. then we should update them??
281 make outerpane = {current width of left pane} + width of props
282 make innerpane = {current width of left pane}
288 var outerpane = _this.main_window.leftpane.el;
289 var pane = _this.main_window.editpane.el;
293 var try_size = (i * 25) + 60; // est. 20px per line + 40px header
294 GLib.Timeout.add_seconds(1, () => {
297 ((try_size * 1.0f) / (pane.max_position * 1.0f)) > 0.8f ?
298 (int) (pane.max_position * 0.2f) :
299 pane.max_position-try_size);
300 return GLib.Source.REMOVE;
306 switch (this.state) {
309 this.switchState(State.PREVIEW);
324 public void propsListInit()
327 this.left_props =new Xcls_LeftProps();
328 this.left_props.ref();
329 this.left_props.main_window = this.win;
330 this.win.props.el.pack_start(this.left_props.el,true, true,0);
331 this.left_props.el.show_all();
333 this.left_props.show_editor.connect( (file, node, type, key) => {
334 this.switchState(State.CODE);
337 this.code_editor_tab.show(
348 // not sure if this is needed - as closing the popvoer should save it.
349 this.left_props.stop_editor.connect( () => {
350 var ret = this.code_editor_tab.saveContents();
354 this.switchState(State.PREVIEW);
359 this.left_props.changed.connect(() => {
360 if (this.left_tree.getActiveFile().xtype == "Roo" ) {
361 this.window_rooview.requestRedraw();
363 this.window_gladeview.loadFile(this.left_tree.getActiveFile());
365 this.left_tree.model.updateSelected();
367 if (this.file.xtype=="Gtk") {
368 this.valasource.checkFileSpawn(this.file);
376 //------------- projects edit
378 public void projectEditInit()
380 this.roo_projectsettings_pop =new Xcls_RooProjectSettings();
381 this.roo_projectsettings_pop.ref(); /// really?
383 this.vala_projectsettings_pop =new Xcls_ValaProjectSettingsPopover();
384 this.vala_projectsettings_pop.ref();
385 this.vala_projectsettings_pop.window = this.win;
387 //((Gtk.Container)(this.win.projecteditview.el.get_widget())).add(this.projectsettings.el);
390 this.roo_projectsettings_pop.buttonPressed.connect((btn) => {
391 // in theory active file can only be rooo...
392 if (this.left_tree.getActiveFile().xtype == "Roo" ) {
394 this.window_rooview.view.renderJS(true);
395 this.roo_projectsettings_pop.el.hide();
397 if (btn == "apply") {
398 this.window_rooview.view.renderJS(true);
402 // do nothing for gtk..
404 if (btn == "save" || btn == "apply") {
405 this.win.project.save();
408 //this.switchState (State.PREVIEW);
414 public void projectPopoverShow(Gtk.Widget btn, Project.Project? pr)
421 var active_file = this.left_tree.getActiveFile() ;
422 if (active_file != null) {
423 xtype = active_file.xtype;
426 return; // no active project
427 // we might be on the file brower..
428 //pr = this.left_projects.getSelectedProject();
434 if (pr.xtype == "") {
437 if (pr.xtype == "Roo" ) {
438 this.roo_projectsettings_pop.show(btn,pr);
443 this.vala_projectsettings_pop.show(btn,(Project.Gtk)pr);
448 // ----------- object adding
449 public void objectAddInit()
452 this.rightpalete = new Xcls_PopoverAddObject();
453 this.rightpalete.mainwindow = this.win;
454 this.rightpalete.ref(); /// really?
455 /*((Gtk.Container)(this.win.objectview.el.get_widget())).add(this.rightpalete.el);
458 var stage = this.win.objectview.el.get_stage();
459 stage.set_background_color( Clutter.Color.from_string("#000"));
463 // ----------- properties adding list...
464 // listener uses the properties
465 public void propsAddInit()
468 this.add_props = new Xcls_PopoverAddProp();
469 this.add_props.mainwindow = this.win;
470 this.add_props.ref(); /// really?
471 // don't need to add it..
472 //((Gtk.Container)(this.win.addpropsview.el.get_widget())).add(this.add_props.el);
475 //var stage = this.win.addpropsview.el.get_stage();
476 //stage.set_background_color( Clutter.Color.from_string("#000"));
479 this.add_props.select.connect( (key,type,skel, etype) => {
481 this.left_props.addProp(etype, key, skel, type);
485 public void propsAddShow()
489 public void propsAddHide()
495 // ----------- Add / Edit listener
496 // listener uses the properties
497 //public void listenerInit() { }
498 public void listenerShow()
502 public void listenerHide()
507 // -------------- codeEditor
509 public void codeEditInit()
511 this.code_editor_tab = new Editor();
512 //this.code_editor.ref(); /// really?
513 this.win.codeeditviewbox.el.add(this.code_editor_tab.el);
515 this.win.codeeditviewbox.el.hide();
516 this.code_editor_tab.window = this.win;
520 this.code_editor_tab.save.connect( () => {
522 this.left_tree.model.updateSelected();
523 if (this.left_tree.getActiveFile().xtype == "Roo" ) {
524 this.window_rooview.requestRedraw();
526 this.window_gladeview.loadFile(this.left_tree.getActiveFile());
528 // we do not need to call spawn... - as it's already called by the editor?
534 public void codePopoverEditInit()
536 this.code_editor_popover = new Xcls_PopoverEditor();
537 //this.code_editor.ref(); /// really?
539 this.code_editor_popover.setMainWindow( this.win);
541 this.code_editor_popover.editor.save.connect( () => {
543 this.left_tree.model.updateSelected();
544 if (this.left_tree.getActiveFile().xtype == "Roo" ) {
545 this.window_rooview.requestRedraw();
547 this.window_gladeview.loadFile(this.left_tree.getActiveFile());
549 // we do not need to call spawn... - as it's already called by the editor?
555 // ----------- list of projects on left
557 public void projectListInit()
560 this.left_projects = new Xcls_WindowLeftProjects();
561 this.left_projects.ref();
562 this.win.leftpane.el.pack_start(this.left_projects.el,true, true,0);
563 this.left_projects.el.show_all();
564 this.left_projects.project_selected.connect((proj) => {
565 this.buttonsShowHide();
567 this.clutterfiles.loadProject(proj);
575 // ----------- file view
576 public void showPopoverFiles(Gtk.Widget btn, Project.Project? project)
578 this.popover_files.show(btn, project);
584 public void fileViewInit()
586 var stage = this.win.rooview.el.get_stage(); // seems odd...
587 this.clutterfiles = new Xcls_ClutterFiles();
588 this.clutterfiles.ref();
589 stage.add_child(this.clutterfiles.el);
590 this.clutterfiles.el.show();
593 this.clutterfiles.open.connect((file) => {
594 this.fileViewOpen(file);
596 this.clutterfiles.el.transitions_completed.connect(() => {
597 if (this.state == State.FILES) {
598 this.win.rooview.el.hide();
600 this.clutterfiles.el.hide();
609 public void fileDetailsInit()
611 this.file_details = new Xcls_PopoverFileDetails();
612 this.file_details.mainwindow = this.win;
613 // force it modal to the main window..
615 this.file_details.success.connect((project,file) =>
617 this.fileViewOpen(file);
622 public void fileViewOpen(JsRender.JsRender file, int line = -1)
624 this.win.project = file.project;
625 this.project = file.project;
629 if (file.xtype == "PlainFile") {
630 this.win.codeeditviewbox.el.show();
631 this.switchState (State.CODEONLY);
633 this.code_editor_tab.show(file, null, "", "");
635 this.code_editor_tab.scroll_to_line(line);
639 this.switchState (State.PREVIEW);
640 // this triggers loadItems..
641 this.left_tree.model.loadFile(file);
642 if (file.project.xtype == "Gtk" && line> -1 ) {
643 this.window_gladeview.scroll_to_line(line);
649 var ctr= this.win.rooviewbox.el;
652 if (file.project.xtype == "Roo" ) {
653 // removes all the childe elemnts from rooviewbox
655 ctr.foreach( (w) => { ctr.remove(w); });
657 ctr.add(this.window_rooview.el);
659 if (file.xtype != "PlainFile") {
661 this.window_rooview.loadFile(file);
662 this.window_rooview.el.show_all();
668 ctr.foreach( (w) => { ctr.remove(w); });
670 ctr.add(this.window_gladeview.el);
672 if (file.xtype != "PlainFile") {
674 this.window_gladeview.loadFile(file);
675 this.window_gladeview.el.show_all();
679 print("OPEN : " + file.name);
680 if (file.xtype != "PlainFile") {
681 // hide the file editor.
682 this.win.codeeditviewbox.el.hide();
683 //this.win.editpane.el.set_position(this.win.editpane.el.max_position);
685 this.win.setTitle(file.project.name + " : " + file.name);
692 public void fileViewOpenPlain(string fname)
695 this.switchState (State.CODEONLY);
696 this.code_editor.showPlainFile(fname);
700 // --------- webkit view
701 public void webkitViewInit()
703 this.window_rooview =new Xcls_WindowRooView();
704 this.window_rooview.main_window = this.win;
705 this.window_rooview.ref();
706 this.win.rooviewbox.el.add(this.window_rooview.el);
708 this.window_rooview.el.show_all();
709 this.win.rooviewbox.el.hide();
715 public void gtkViewInit()
720 this.window_gladeview =new Xcls_GtkView( );
721 this.window_gladeview.ref();
722 this.window_gladeview.main_window = this.win;
729 public void showProps(Gtk.Widget btn, string sig_or_listen)
731 var ae = this.left_tree.getActiveElement();
735 this.rightpalete.hide();
737 this.add_props.el.show_all();
739 this.win.project.palete, //Palete.factory(this.win.project.xtype),
740 sig_or_listen, //this.state == State.LISTENER ? "signals" : "props",
747 public void showAddObject(Gtk.Widget btn)
750 var n = this.left_tree.getActiveElement();
751 this.add_props.hide();
752 this.rightpalete.el.show_all();
753 this.rightpalete.show(
754 this.left_tree.getActiveFile().palete(),
755 n == null ? "*top" : n.fqn(),
759 public void showFilesPopover(Gtk.Widget btn)
761 this.popover_files.el.show_all();
762 this.popover_files.show(btn, this.win.project);
767 public void switchState(State new_state)
770 // if the new state and the old state are the same..
772 if (new_state == this.state) {
776 // anything to do beforehand?
778 switch (this.state) {
783 // stop editing the editor tab.
784 // always save before calling switch state to preview?
786 this.code_editor_tab.reset();
788 if (this.left_tree.getActiveFile() != null) {
789 if (this.left_tree.getActiveFile().xtype == "Roo" ) {
790 this.window_rooview.createThumb();
792 this.window_gladeview.createThumb();
795 // normally we are going from preview to another state.
796 // and different windows hide the preview in differnt ways..
806 this.state = new_state;
810 this.buttonsShowHide();
813 switch (this.state) {
815 case State.PREVIEW: // this is the default state when working...
816 this.win.leftpane.el.show();
817 this.win.editpane.el.show(); // holder for tree and properties..
818 this.win.rooviewbox.el.show();
819 this.win.codeeditviewbox.el.hide();
823 this.win.leftpane.el.show();
824 this.win.editpane.el.show();
826 this.win.rooviewbox.el.hide();
827 this.win.codeeditviewbox.el.show();
828 this.code_editor_tab.el.show_all();
834 this.win.leftpane.el.hide();
835 this.win.codeeditviewbox.el.show();
836 this.win.rooviewbox.el.hide();
837 this.code_editor_tab.el.show_all();
850 // -- buttons show hide.....
852 public void buttonsShowHide()
854 // basically hide everything, then show the relivant..
857 //this.win.openbtn.el.hide();
858 //this.win.openbackbtn.el.hide();
860 //this.win.backbutton.el.hide();
867 this.win.search_entry.el.hide();
868 this.win.search_results.el.hide();
869 switch (this.state) {
871 case State.PREVIEW: // this is the default state when working...
877 this.win.search_entry.el.show();
879 // this.win.openbtn.el.show();
884 // this.win.openbtn.el.show();
885 this.win.search_entry.el.show();
891 if (this.left_projects.getSelectedProject() != null ) {
892 if (this.left_tree.getActiveFile() != null) {
894 this.win.openbackbtn.el.show();
896 this.win.addfilebutton.el.show();
897 this.win.search_entry.el.show();
898 this.win.projecteditbutton.el.show();
902 this.win.addprojectbutton.el.show();
903 this.win.delprojectbutton.el.show();
917 public void showCompileResult(Json.Object obj)
919 // vala has finished compiling...
920 print("vala compiled");
921 // stop the spinner...
924 var generator = new Json.Generator ();
925 var n = new Json.Node(Json.NodeType.OBJECT);
927 generator.set_root (n);
928 print("result :%s", generator.to_data (null));
931 var buf = this.code_editor_tab.buffer;
932 buf.check_running = false;
933 var has_errors = false;
935 if (obj.has_member("ERR-TOTAL")) {
936 if (obj.get_int_member("ERR-TOTAL")> 0) {
939 this.win.statusbar_errors.setNotices( obj.get_object_member("ERR") , (int) obj.get_int_member("ERR-TOTAL"));
941 this.win.statusbar_errors.setNotices( new Json.Object() , 0);
944 if (obj.has_member("WARN-TOTAL")) {
946 this.win.statusbar_warnings.setNotices(obj.get_object_member("WARN"), (int) obj.get_int_member("WARN-TOTAL"));
948 this.win.statusbar_warnings.setNotices( new Json.Object() , 0);
951 if (obj.has_member("DEPR-TOTAL")) {
953 this.win.statusbar_depricated.setNotices( obj.get_object_member("DEPR"), (int) obj.get_int_member("DEPR-TOTAL"));
956 this.win.statusbar_depricated.setNotices( new Json.Object(),0);
958 //if (this.state == State.CODE || this.state == State.PROJECTCODEONLY) {
959 if ( this.state == State.CODEONLY) {
960 buf.highlightErrorsJson("ERR", obj);
961 buf.highlightErrorsJson("WARN", obj);
962 buf.highlightErrorsJson("DEPR", obj);
965 this.win.statusbar_compilestatus_label.el.hide();
966 this.win.statusbar_run.el.hide();
968 this.win.statusbar_compilestatus_label.el.show();
969 this.win.statusbar_run.el.show();
971 if (this.file.xtype == "Gtk") {
972 // not sure how this is working ok? - as highlighting is happening on the vala files at present..
973 var gbuf = this.window_gladeview.sourceview;
974 gbuf.highlightErrorsJson("ERR", obj);
975 gbuf.highlightErrorsJson("WARN", obj);
976 gbuf.highlightErrorsJson("DEPR", obj);
979 this.win.statusbar_run.el.show();
984 if (this.file.xtype == "Roo") {
985 // not sure how this is working ok? - as highlighting is happening on the vala files at present..
986 var gbuf = this.window_rooview.sourceview;
987 gbuf.highlightErrorsJson("ERR", obj);
988 gbuf.highlightErrorsJson("WARN", obj);
989 gbuf.highlightErrorsJson("DEPR", obj);
993 this.last_compile_result = obj;