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;
19 public State state = State.NONE;
20 public bool children_loaded = false;
22 public Project.Project project;
23 public JsRender.JsRender file;
25 public Xcls_WindowLeftTree left_tree;
26 public Xcls_PopoverAddProp add_props;
27 public Xcls_LeftProps left_props;
28 public Xcls_RooProjectSettings roo_projectsettings_pop;
29 public ValaProjectSettingsPopover vala_projectsettings_pop;
30 public Xcls_PopoverAddObject rightpalete;
31 //public Xcls_PopoverEditor code_editor_popover;
32 public Editor code_editor_tab;
33 public Xcls_WindowRooView window_rooview;
34 public Xcls_GtkView window_gladeview;
35 public Xcls_PopoverFiles popover_files;
37 //public Xcls_ClutterFiles clutterfiles;
38 //public Xcls_WindowLeftProjects left_projects; // can not see where this is initialized..
40 public DialogTemplateSelect template_select;
42 public Xcls_PopoverFileDetails file_details;
43 public Xcls_ValaCompileResults compile_results;
46 public Xcls_DialogPluginWebkit webkit_plugin;
49 //public Palete.ValaSource valasource; // the spawner that runs the vala compiler.
50 public Json.Object last_compile_result;
53 public WindowState(Xcls_MainWindow win)
62 // on clutter space...
63 this.projectEditInit();
65 //this.codePopoverEditInit();
66 //this.projectListInit();
67 //this.fileViewInit();
76 this.webkitViewInit();
80 this.fileDetailsInit();
82 this.webkit_plugin = new Xcls_DialogPluginWebkit();
83 this.template_select = new DialogTemplateSelect();
84 this.children_loaded = true;
88 BuilderApplication.valasource.compiled.connect(this.showCompileResult);
90 this.compile_results = new Xcls_ValaCompileResults(); // the poup dialogs with results in.
91 this.compile_results.window = this.win;
92 BuilderApplication.valasource.compile_output.connect(this.compile_results.addLine);
94 this.win.statusbar_compilestatus_label.el.hide();
95 this.win.statusbar_run.el.hide();
98 this.popover_files = new Xcls_PopoverFiles();
99 this.popover_files.setMainWindow(this.win);
105 public void leftTreeInit()
108 this.left_tree = new Xcls_WindowLeftTree();
109 this.left_tree.ref();
110 this.left_tree.main_window = this.win;
112 this.win.leftpane.el.remove(this.win.editpane.el);
113 //this.win.tree.el.remove(this.left_tree.el);
114 this.win.leftpane.el.add(this.left_tree.el);
117 //this.win.tree.el.pack_start(this.left_tree.el,true, true,0);
118 this.left_tree.el.show_all();
120 this.left_tree.before_node_change.connect(() => {
121 // if the node change is caused by the editor (code preview)
122 if (this.left_tree.view.lastEventSource == "editor") {
125 return this.leftTreeBeforeChange();
128 // node selected -- only by clicking?
129 this.left_tree.node_selected.connect((sel, source) => {
130 //if (source == "editor") {
133 if (this.file.xtype == "Roo") {
134 this.window_rooview.sourceview.nodeSelected(sel,true); // foce scroll.
136 this.window_gladeview.sourceview.nodeSelected(sel, true);
140 this.left_tree.node_selected.connect((sel, source) => {
141 this.leftTreeNodeSelected(sel, source);
144 this.left_tree.changed.connect(() => {
145 GLib.debug("LEFT TREE: Changed fired\n");
147 if (this.left_tree.getActiveFile().xtype == "Roo" ) {
148 this.window_rooview.requestRedraw();
150 this.window_gladeview.loadFile(this.left_tree.getActiveFile());
157 public bool leftTreeBeforeChange()
159 // in theory code editor has to hide before tree change occurs.
160 //if (this.state != State.CODE) {
161 this.left_props.finish_editing();
163 if (this.state == State.CODE) {
164 this.code_editor_tab.saveContents();
165 this.switchState(State.PREVIEW);
171 //if (!this.code_editor.saveContents()) {
177 int tree_width = 300;
178 int props_width = 300;
180 public void leftTreeNodeSelected(JsRender.Node? sel, string source)
183 // do we really want to flip paletes if differnt nodes are selected
184 // showing palete should be deliberate thing..
187 print("node_selected called %s\n", (sel == null) ? "NULL" : "a value");
189 this.add_props.hide(); // always hide add node/add listener if we change node.
190 this.rightpalete.hide();
192 this.left_props.load(this.left_tree.getActiveFile(), sel);
194 var outerpane = this.win.mainpane.el;
195 var innerpane = this.win.editpane.el;
197 if (this.win.editpane.el.parent != null && sel != null) {
198 // select another node... no change to show hide/resize
203 // remove win.editpane from leftpane
204 // remove lefttree from from win.tree
205 // add win.tree to leftpane
206 if (this.win.editpane.el.parent != null) {
207 this.props_width = outerpane.get_position() - innerpane.get_position();
208 this.tree_width = innerpane.get_position();
209 GLib.debug("HIDE: prop_w = %d, tree_w = %d", this.props_width, this.tree_width);
211 this.win.leftpane.el.remove(this.win.editpane.el);
212 this.win.tree.el.remove(this.left_tree.el);
213 this.win.leftpane.el.add(this.left_tree.el);
217 //GLib.debug("Hide Properties");
218 outerpane.show_all(); // make sure it's visiable..
219 this.left_props.el.hide();
220 GLib.debug("set position: %d", this.tree_width);
221 outerpane.set_position(this.tree_width);
222 //outerpane.set_position(int.max(250,innerpane.get_position()));
223 //this.left_props.el.width_request = this.left_props.el.get_allocated_width();
227 // at this point we are showing the outer only,
232 this.tree_width = outerpane.get_position();
234 GLib.debug("SHOW: prop_w = %d, tree_w = %d", this.props_width, this.tree_width);
236 // remove this.ldeftree from this.win.leftpane
237 this.win.leftpane.el.remove(this.left_tree.el);
238 this.win.tree.el.add(this.left_tree.el);
239 this.win.leftpane.el.add(this.win.editpane.el);
244 GLib.debug("left props is %s", this.left_props.el.visible ? "shown" : "hidden");
245 // at start (hidden) - outer = 400 inner = 399
246 // expanded out -> outer = 686, inner = 399
247 //this.win.props.el.pack_start(this.left_props.el,true, true,0);
248 this.left_props.el.show_all();
249 //if (!this.left_props.el.visible) {
251 GLib.debug("outerpos : %d, innerpos : %d", outerpane.get_position(), innerpane.get_position());
252 outerpane.set_position(this.tree_width + this.props_width);
253 innerpane.set_position(this.tree_width);
254 /* var cw = outerpane.el.get_position();
255 var rw = int.min(this.left_props.el.width_request, 150);
256 print("outerpos : %d, innerpos : %d", cw + rw, cw);
258 innerpane.set_position(cw); */
259 this.left_props.el.show();
270 // if either of these are active.. then we should update them??
276 make outerpane = {current width of left pane} + width of props
277 make innerpane = {current width of left pane}
283 var outerpane = _this.main_window.leftpane.el;
284 var pane = _this.main_window.editpane.el;
288 var try_size = (i * 25) + 60; // est. 20px per line + 40px header
289 GLib.Timeout.add_seconds(1, () => {
292 ((try_size * 1.0f) / (pane.max_position * 1.0f)) > 0.8f ?
293 (int) (pane.max_position * 0.2f) :
294 pane.max_position-try_size);
295 return GLib.Source.REMOVE;
301 switch (this.state) {
304 this.switchState(State.PREVIEW);
319 public void propsListInit()
322 this.left_props =new Xcls_LeftProps();
323 this.left_props.ref();
324 this.left_props.main_window = this.win;
325 this.win.props.el.pack_start(this.left_props.el,true, true,0);
326 this.left_props.el.show_all();
328 this.left_props.show_editor.connect( (file, node, prop) => {
329 this.switchState(State.CODE);
332 this.code_editor_tab.show(
342 // not sure if this is needed - as closing the popvoer should save it.
343 this.left_props.stop_editor.connect( () => {
344 var ret = this.code_editor_tab.saveContents();
348 this.switchState(State.PREVIEW);
353 this.left_props.changed.connect(() => {
354 if (this.left_tree.getActiveFile().xtype == "Roo" ) {
355 this.window_rooview.requestRedraw();
357 this.window_gladeview.loadFile(this.left_tree.getActiveFile());
359 this.left_tree.model.updateSelected();
361 if (this.file.xtype=="Gtk") {
362 BuilderApplication.valasource.checkFileSpawn(this.file);
369 //------------- projects edit
371 public void projectEditInit()
373 this.roo_projectsettings_pop =new Xcls_RooProjectSettings();
374 this.roo_projectsettings_pop.ref(); /// really?
376 this.vala_projectsettings_pop =new ValaProjectSettingsPopover();
377 this.vala_projectsettings_pop.ref();
378 this.vala_projectsettings_pop.window = this.win;
380 //((Gtk.Container)(this.win.projecteditview.el.get_widget())).add(this.projectsettings.el);
383 this.roo_projectsettings_pop.buttonPressed.connect((btn) => {
384 if (btn == "save" || btn == "apply") {
385 this.roo_projectsettings_pop.save();
386 this.roo_projectsettings_pop.project.save();
390 // in theory active file can only be rooo...
391 var ep = this.roo_projectsettings_pop.project;
392 foreach(var ww in BuilderApplication.windows) {
393 if (ww.windowstate.file != null &&
394 ww.windowstate.project.fn == ep.fn &&
395 ww.windowstate.file.xtype == "Roo") {
397 ww.windowstate.window_rooview.view.renderJS(true);
405 this.roo_projectsettings_pop.el.hide();
407 //this.switchState (State.PREVIEW);
413 public void projectPopoverShow(Gtk.Widget btn, Project.Project? pr)
420 var active_file = this.left_tree.getActiveFile() ;
421 if (active_file != null) {
422 xtype = active_file.xtype;
425 return; // no active project
426 // we might be on the file brower..
427 //pr = this.left_projects.getSelectedProject();
433 if (pr.xtype == "") {
436 if (pr.xtype == "Roo" ) {
437 this.roo_projectsettings_pop.show(btn,pr);
442 this.vala_projectsettings_pop.show(btn,(Project.Gtk)pr);
447 // ----------- object adding
448 public void objectAddInit()
451 this.rightpalete = new Xcls_PopoverAddObject();
452 this.rightpalete.mainwindow = this.win;
453 this.rightpalete.ref(); /// really?
454 /*((Gtk.Container)(this.win.objectview.el.get_widget())).add(this.rightpalete.el);
457 var stage = this.win.objectview.el.get_stage();
458 stage.set_background_color( Clutter.Color.from_string("#000"));
462 // ----------- properties adding list...
463 // listener uses the properties
464 public void propsAddInit()
467 this.add_props = new Xcls_PopoverAddProp();
468 this.add_props.mainwindow = this.win;
469 this.add_props.ref(); /// really?
470 // don't need to add it..
471 //((Gtk.Container)(this.win.addpropsview.el.get_widget())).add(this.add_props.el);
474 //var stage = this.win.addpropsview.el.get_stage();
475 //stage.set_background_color( Clutter.Color.from_string("#000"));
478 this.add_props.select.connect( (prop) => {
480 this.left_props.addProp(prop);
484 public void propsAddShow()
488 public void propsAddHide()
494 // ----------- Add / Edit listener
495 // listener uses the properties
496 //public void listenerInit() { }
497 public void listenerShow()
501 public void listenerHide()
506 // -------------- codeEditor
508 public void codeEditInit()
510 this.code_editor_tab = new Editor();
511 //this.code_editor.ref(); /// really?
512 this.win.codeeditviewbox.el.add(this.code_editor_tab.el);
514 this.win.codeeditviewbox.el.hide();
515 this.code_editor_tab.window = this.win;
519 this.code_editor_tab.save.connect( () => {
521 this.left_tree.model.updateSelected();
522 if (this.left_tree.getActiveFile().xtype == "Roo" ) {
523 this.window_rooview.requestRedraw();
525 this.window_gladeview.loadFile(this.left_tree.getActiveFile());
527 // we do not need to call spawn... - as it's already called by the editor?
533 public void codePopoverEditInit()
535 this.code_editor_popover = new Xcls_PopoverEditor();
536 //this.code_editor.ref(); /// really?
538 this.code_editor_popover.setMainWindow( this.win);
540 this.code_editor_popover.editor.save.connect( () => {
542 this.left_tree.model.updateSelected();
543 if (this.left_tree.getActiveFile().xtype == "Roo" ) {
544 this.window_rooview.requestRedraw();
546 this.window_gladeview.loadFile(this.left_tree.getActiveFile());
548 // we do not need to call spawn... - as it's already called by the editor?
554 // ----------- list of projects on left
556 public void projectListInit()
559 this.left_projects = new Xcls_WindowLeftProjects();
560 this.left_projects.ref();
561 this.win.leftpane.el.pack_start(this.left_projects.el,true, true,0);
562 this.left_projects.el.show_all();
563 this.left_projects.project_selected.connect((proj) => {
564 this.buttonsShowHide();
566 this.clutterfiles.loadProject(proj);
574 // ----------- file view
575 public void showPopoverFiles(Gtk.Widget btn, Project.Project? project, bool new_window)
577 this.popover_files.show(btn, project, new_window);
583 public void fileDetailsInit()
585 this.file_details = new Xcls_PopoverFileDetails();
586 this.file_details.mainwindow = this.win;
587 // force it modal to the main window..
589 this.file_details.success.connect((project,file) =>
591 this.fileViewOpen(file, this.file_details.new_window, -1);
592 // if it's comming from the file dialog -> hide it...
599 public void gotoLine(int line)
605 if (file.xtype == "PlainFile") {
606 this.switchState (State.CODEONLY);
608 this.code_editor_tab.scroll_to_line(line);
612 this.switchState (State.PREVIEW);
614 if (file.project.xtype == "Gtk" && line> -1 ) {
615 // fixme - show the editing tab.
616 this.window_gladeview.scroll_to_line(line);
618 this.window_rooview.scroll_to_line(line);
619 // fixme - what about Roo?
625 public void fileViewOpen(JsRender.JsRender file, bool new_window, int line = -1)
627 var existing = BuilderApplication.getWindow(file);
629 if (existing != null) {
630 existing.el.present();
631 existing.windowstate.gotoLine(line);
637 this.popover_files.el.hide();
638 BuilderApplication.newWindow(file, line);
643 this.win.project = file.project;
644 this.project = file.project;
646 BuilderApplication.updateWindows();
648 if (file.xtype == "PlainFile") {
649 this.win.codeeditviewbox.el.show();
650 this.switchState (State.CODEONLY);
652 this.code_editor_tab.show(file, null, null);
656 this.switchState (State.PREVIEW);
657 // this triggers loadItems..
658 this.left_tree.model.loadFile(file);
664 var ctr= this.win.rooviewbox.el;
667 if (file.project.xtype == "Roo" ) {
668 // removes all the childe elemnts from rooviewbox
670 ctr.foreach( (w) => { ctr.remove(w); });
672 ctr.add(this.window_rooview.el);
674 if (file.xtype != "PlainFile") {
676 this.window_rooview.loadFile(file);
677 this.window_rooview.el.show_all();
683 ctr.foreach( (w) => { ctr.remove(w); });
685 ctr.add(this.window_gladeview.el);
687 if (file.xtype != "PlainFile") {
689 this.window_gladeview.loadFile(file);
690 this.window_gladeview.el.show_all();
694 print("OPEN : " + file.name);
695 if (file.xtype != "PlainFile") {
696 // hide the file editor.
697 this.win.codeeditviewbox.el.hide();
698 //this.win.editpane.el.set_position(this.win.editpane.el.max_position);
700 this.win.setTitle(file.project.name + " : " + file.name);
707 public void fileViewOpenPlain(string fname)
710 this.switchState (State.CODEONLY);
711 this.code_editor.showPlainFile(fname);
715 // --------- webkit view
716 public void webkitViewInit()
718 this.window_rooview =new Xcls_WindowRooView();
719 this.window_rooview.main_window = this.win;
720 this.window_rooview.ref();
721 this.win.rooviewbox.el.add(this.window_rooview.el);
723 this.window_rooview.el.show_all();
724 this.win.rooviewbox.el.hide();
730 public void gtkViewInit()
735 this.window_gladeview =new Xcls_GtkView( );
736 this.window_gladeview.ref();
737 this.window_gladeview.main_window = this.win;
744 public void showProps(Gtk.Widget btn, JsRender.NodePropType sig_or_listen)
746 var ae = this.left_tree.getActiveElement();
750 this.rightpalete.hide();
752 this.add_props.el.show_all();
754 this.win.project.palete, //Palete.factory(this.win.project.xtype),
755 sig_or_listen, //this.state == State.LISTENER ? "signals" : "props",
762 public void showAddObject(Gtk.Widget btn)
765 var n = this.left_tree.getActiveElement();
766 this.add_props.hide();
767 this.rightpalete.el.show_all();
768 this.rightpalete.show(
769 this.left_tree.getActiveFile().palete(),
770 n == null ? "*top" : n.fqn(),
777 public void switchState(State new_state)
780 // if the new state and the old state are the same..
782 if (new_state == this.state) {
786 // anything to do beforehand?
788 switch (this.state) {
793 // stop editing the editor tab.
794 // always save before calling switch state to preview?
796 this.code_editor_tab.reset();
798 if (this.left_tree.getActiveFile() != null) {
799 if (this.left_tree.getActiveFile().xtype == "Roo" ) {
800 this.window_rooview.createThumb();
802 this.window_gladeview.createThumb();
805 // normally we are going from preview to another state.
806 // and different windows hide the preview in differnt ways..
812 this.state = new_state;
813 this.buttonsShowHide();
815 switch (this.state) {
817 case State.PREVIEW: // this is the default state when working...
818 this.win.leftpane.el.show();
819 this.win.editpane.el.show(); // holder for tree and properties..
820 this.win.rooviewbox.el.show();
821 this.win.codeeditviewbox.el.hide();
825 this.win.leftpane.el.show();
826 this.win.editpane.el.show();
827 this.win.rooviewbox.el.hide();
828 this.win.codeeditviewbox.el.show();
829 this.code_editor_tab.el.show_all();
833 this.win.leftpane.el.hide();
834 this.win.codeeditviewbox.el.show();
835 this.win.rooviewbox.el.hide();
836 this.code_editor_tab.el.show_all();
847 // -- buttons show hide.....
849 public void buttonsShowHide()
851 // basically hide everything, then show the relivant..
854 //this.win.openbtn.el.hide();
855 //this.win.openbackbtn.el.hide();
857 //this.win.backbutton.el.hide();
865 switch (this.state) {
867 case State.PREVIEW: // this is the default state when working...
875 // this.win.openbtn.el.show();
880 // this.win.openbtn.el.show();
887 if (this.left_projects.getSelectedProject() != null ) {
888 if (this.left_tree.getActiveFile() != null) {
890 this.win.openbackbtn.el.show();
892 this.win.addfilebutton.el.show();
893 this.win.search_entry.el.show();
894 this.win.projecteditbutton.el.show();
898 this.win.addprojectbutton.el.show();
899 this.win.delprojectbutton.el.show();
913 public void showCompileResult(Json.Object obj)
915 // vala has finished compiling...
917 // stop the spinner...
918 GLib.debug("vala compiled Built Project: %s Window Project %s",
920 BuilderApplication.valasource.file == null ? "No file?" : (
922 BuilderApplication.valasource.file.project == null ? "No Project" : BuilderApplication.valasource.file.project.fn
924 this.project != null ? this.project.fn : "No Project?"
929 if (this.project != null &&
930 BuilderApplication.valasource.file != null &&
931 BuilderApplication.valasource.file.project != null &&
932 this.project.fn != BuilderApplication.valasource.file.project.fn) {
933 GLib.debug("skip update - not our project");
937 var generator = new Json.Generator ();
938 var n = new Json.Node(Json.NodeType.OBJECT);
940 generator.set_root (n);
941 print("result :%s", generator.to_data (null));
944 var buf = this.code_editor_tab.buffer;
945 buf.check_running = false;
946 var has_errors = false;
948 if (obj.has_member("ERR-TOTAL")) {
949 if (obj.get_int_member("ERR-TOTAL")> 0) {
952 this.win.statusbar_errors.setNotices( obj.get_object_member("ERR") , (int) obj.get_int_member("ERR-TOTAL"));
954 this.win.statusbar_errors.setNotices( new Json.Object() , 0);
957 if (obj.has_member("WARN-TOTAL")) {
959 this.win.statusbar_warnings.setNotices(obj.get_object_member("WARN"), (int) obj.get_int_member("WARN-TOTAL"));
961 this.win.statusbar_warnings.setNotices( new Json.Object() , 0);
964 if (obj.has_member("DEPR-TOTAL")) {
966 this.win.statusbar_depricated.setNotices( obj.get_object_member("DEPR"), (int) obj.get_int_member("DEPR-TOTAL"));
969 this.win.statusbar_depricated.setNotices( new Json.Object(),0);
971 //if (this.state == State.CODE || this.state == State.PROJECTCODEONLY) {
972 if ( this.state == State.CODEONLY) {
973 buf.highlightErrorsJson("ERR", obj);
974 buf.highlightErrorsJson("WARN", obj);
975 buf.highlightErrorsJson("DEPR", obj);
978 this.win.statusbar_compilestatus_label.el.hide();
979 this.win.statusbar_run.el.hide();
981 this.win.statusbar_compilestatus_label.el.show();
982 this.win.statusbar_run.el.show();
984 if (this.file.xtype == "Gtk") {
985 // not sure how this is working ok? - as highlighting is happening on the vala files at present..
986 var gbuf = this.window_gladeview.sourceview;
987 gbuf.highlightErrorsJson("ERR", obj);
988 gbuf.highlightErrorsJson("WARN", obj);
989 gbuf.highlightErrorsJson("DEPR", obj);
992 this.win.statusbar_run.el.show();
997 if (this.file.xtype == "Roo") {
998 // not sure how this is working ok? - as highlighting is happening on the vala files at present..
999 var gbuf = this.window_rooview.sourceview;
1000 gbuf.highlightErrorsJson("ERR", obj);
1001 gbuf.highlightErrorsJson("WARN", obj);
1002 gbuf.highlightErrorsJson("DEPR", obj);
1006 this.last_compile_result = obj;