← Back to branch summary

~jstys-z/helioviewer.org/client5

« back to all changes in this revision

Viewing changes to lib/helioviewer/Helioviewer.js

  • Committer: V. Keith Hughitt
  • Date: 2009-04-01 21:08:05 UTC
  • Revision ID: hughitt1@kore-20090401210805-372f7dgih07vxk42
nightly build 04-01-2009

Show diffs side-by-side

added added

removed removed

Lines of Context:
lib/helioviewer/Helioviewer.js
82
82
                this.messageConsole = new MessageConsole(this, 'message-console', 'helioviewer-viewport-container-outer');
83
83
 
84
84
                //Tile & Event Layer Accordions (accordions must come before LayerManager instance...)
85
 
                this.tileLayerAccordion = new TileLayerAccordion(this.layerManager, 'layerManager');
 
85
                this.tileLayerAccordion = new TileLayerAccordion(this.layerManager, 'tileLayerAccordion');
86
86
                this.eventLayerAccordion = new EventLayerAccordion(this.viewports[0], 'eventAccordion');
87
87
 
88
88
                //Tooltips
103
103
                mouseCoords.insert(Builder.node('div', {id: 'mouse-coords-y', style: 'width:50%; float: left'}));
104
104
                this.viewports[0].innerNode.insert(mouseCoords);
105
105
 
106
 
                //About button
107
 
                jQuery('#about-dialog').dialog({
108
 
                        autoOpen: false,
109
 
                        title: "Helioviewer - About",
110
 
                        width: 480,
111
 
                        height: 300,
112
 
                        draggable: true
113
 
                });
114
 
                jQuery('#helioviewer-about').click(function (e) {
115
 
                        if (jQuery('#about-dialog').dialog('isOpen')) {
116
 
                                jQuery('#about-dialog').dialog('close');
117
 
                        }
118
 
                        else {
119
 
                                jQuery('#about-dialog').dialog('open');
120
 
                        }
121
 
                });
122
 
 
123
 
                //Keyboard shortcuts dialog
124
 
                jQuery('#keyboard-shortcuts-dialog').dialog({
125
 
                        autoOpen: false,
126
 
                        title:    "Helioviewer - Usage Tips",
127
 
                        width: 480,
128
 
                        height: 430,
129
 
                        draggable: true
130
 
                });
131
 
                jQuery('#helioviewer-shortcuts').click(function (e) {
132
 
                        if (jQuery('#keyboard-shortcuts-dialog').dialog('isOpen')) {
133
 
                                jQuery('#keyboard-shortcuts-dialog').dialog('close');
134
 
                        }
135
 
                        else {
136
 
                                jQuery('#keyboard-shortcuts-dialog').dialog('open');
137
 
                        }
138
 
                });
139
 
 
 
106
        // Setup dialog event listeners
 
107
        this._setupDialogs();
 
108
        
140
109
                //Movie builder
141
110
                //this.movieBuilder = new MovieBuilder({id: 'movieBuilder', controller: this});
142
111
 
143
112
                // Timeline
144
113
                //this.timeline = new EventTimeline(this, "timeline");
145
114
        },
 
115
    
 
116
    /**
 
117
     * @description Sets up event-handlers for dialog components
 
118
     */
 
119
    _setupDialogs: function () {
 
120
        
 
121
        // About dialog
 
122
        jQuery("#helioviewer-about").click(function() {
 
123
            if (jQuery(this).hasClass("dialog-loaded")) {
 
124
                var d = jQuery('#about-dialog');
 
125
                if (d.dialog('isOpen')) {
 
126
                                d.dialog('close');
 
127
                        }
 
128
                        else {
 
129
                                d.dialog('open');
 
130
                        }
 
131
            } else {
 
132
                        jQuery('#about-dialog').load(this.href).dialog({
 
133
                        autoOpen: true,
 
134
                                title: "Helioviewer - About",
 
135
                                width: 480,
 
136
                                height: 300,
 
137
                                draggable: true
 
138
                        });
 
139
                jQuery(this).addClass("dialog-loaded");
 
140
            }
 
141
            return false; 
 
142
        });
 
143
 
 
144
                //Keyboard shortcuts dialog
 
145
        jQuery("#helioviewer-usage").click(function() {
 
146
            if (jQuery(this).hasClass("dialog-loaded")) {
 
147
                var d = jQuery('#usage-dialog');
 
148
                if (d.dialog('isOpen')) {
 
149
                                d.dialog('close');
 
150
                        }
 
151
                        else {
 
152
                                d.dialog('open');
 
153
                        }
 
154
            } else {
 
155
                        jQuery('#usage-dialog').load(this.href).dialog({
 
156
                        autoOpen: true,
 
157
                                title: "Helioviewer - Usage Tips",
 
158
                                width: 480,
 
159
                                height: 430,
 
160
                                draggable: true
 
161
                        });
 
162
                jQuery(this).addClass("dialog-loaded");
 
163
            }
 
164
            return false; 
 
165
        });
 
166
    },
146
167
 
147
168
        /**
148
169
         * @description Loads user settings from cookies or defaults if no settings have been stored.
231
252
                                }
232
253
                                //event label visibility toggle
233
254
                                else if (character === "d") {
234
 
                                        self.layerManager.layers.each(function (layer) {
235
 
                                                if (layer.type === "EventLayer") {
236
 
                                                        layer.toggleLabelVisibility();
237
 
                                                }
238
 
                                        });
 
255
                    self.layerManager.toggleLabels();
239
256
                                }
 
257
                
240
258
                                // toggle mouse-coords display
241
259
                                else if (character === "m") {
242
260
                                        self.viewports.each(function (viewport) {