").appendTo(this.container_div);
this.container.content_div.append(this.container_div);
};
+
extend(Track.prototype, Drawable.prototype, {
+ action_icons_def: [
+ // Change track mode.
+ {
+ name: "mode_icon",
+ title: "Set display mode",
+ css_class: "chevron-expand",
+ on_click_fn: function() {}
+ },
+ // Hide/show content.
+ Drawable.prototype.action_icons_def[0],
+ // Set track as overview.
+ {
+ name: "overview_icon",
+ title: "Set as overview",
+ css_class: "overview-icon",
+ on_click_fn: function() {
+ track.view.set_overview(track);
+ }
+ },
+ // Edit config.
+ Drawable.prototype.action_icons_def[1],
+ // Toggle track filters.
+ {
+ name: "filters_icon",
+ title: "Filters",
+ css_class: "filters-icon",
+ on_click_fn: function(track) {
+ // TODO: update tipsy text.
+ track.filters_div.toggle();
+ track.filters_manager.reset_filters();
+ }
+ },
+ // Toggle track tool.
+ {
+ name: "tools_icon",
+ title: "Tools",
+ css_class: "tools-icon",
+ on_click_fn: function(track) {
+ // TODO: update tipsy text.
+
+ track.dynamic_tool_div.toggle();
+
+ // Update track name.
+ if (track.dynamic_tool_div.is(":visible")) {
+ track.set_name(track.name + track.tool_region_and_parameters_str());
+ }
+ else {
+ track.revert_name();
+ }
+ // HACK: name change modifies icon placement, which leaves tooltip incorrectly placed.
+ $(".tipsy").remove();
+ }
+ },
+ // Remove track.
+ Drawable.prototype.action_icons_def[2]
+ ],
build_container_div: function () {
return $("
").addClass('track').attr("id", "track_" + this.id).css("position", "relative");
},
@@ -2504,38 +2581,17 @@ extend(Track.prototype, Drawable.prototype, {
.attr( "id", this.name.replace(/\s+/g,'-').replace(/[^a-zA-Z0-9\-]/g,'').toLowerCase() );
return header_div;
},
- build_icons_div: function() {
- var icons_div = $("
").css("float", "left");
-
- // Track icons.
- this.mode_icon = $("
").attr("href", "javascript:void(0);").attr("title", "Set display mode")
- .addClass("icon-button chevron-expand").tipsy( {gravity: 's'} ).appendTo(icons_div);
- this.toggle_icon = $("
").attr("href", "javascript:void(0);").attr("title", "Hide/show track content")
- .addClass("icon-button toggle").tipsy( {gravity: 's'} )
- .appendTo(icons_div);
- this.settings_icon = $("
").attr("href", "javascript:void(0);").attr("title", "Edit settings")
- .addClass("icon-button settings-icon").tipsy( {gravity: 's'} )
- .appendTo(icons_div);
- this.overview_icon = $("
").attr("href", "javascript:void(0);").attr("title", "Set as overview")
- .addClass("icon-button overview-icon").tipsy( {gravity: 's'} )
- .appendTo(icons_div);
- this.filters_icon = $("
").attr("href", "javascript:void(0);").attr("title", "Filters")
- .addClass("icon-button filters-icon").tipsy( {gravity: 's'} )
- .appendTo(icons_div).hide();
- this.tools_icon = $("
").attr("href", "javascript:void(0);").attr("title", "Tools")
- .addClass("icon-button tools-icon").tipsy( {gravity: 's'} )
- .appendTo(icons_div).hide();
- this.remove_icon = $("
").attr("href", "javascript:void(0);").attr("title", "Remove")
- .addClass("icon-button remove-icon").tipsy( {gravity: 's'} )
- .appendTo(icons_div);
- var track = this;
-
+ build_action_icons: function() {
+ Drawable.prototype.build_action_icons.call(this, this.action_icons_def);
+
// Set up behavior for modes popup.
+ var track = this;
if (track.display_modes !== undefined) {
var init_mode = (track.config && track.config.values['mode'] ?
track.config.values['mode'] : track.display_modes[0]);
track.mode = init_mode;
- this.mode_icon.attr("title", "Set display mode (now: " + track.mode + ")");
+
+ this.action_icons.mode_icon.attr("title", "Set display mode (now: " + track.mode + ")");
var mode_mapping = {};
for (var i = 0, len = track.display_modes.length; i < len; i++) {
@@ -2550,79 +2606,8 @@ extend(Track.prototype, Drawable.prototype, {
}(mode);
}
- make_popupmenu(this.mode_icon, mode_mapping);
+ make_popupmenu(this.action_icons.mode_icon, mode_mapping);
}
-
- // Toggle icon hides or shows the track content.
- this.toggle_icon.click( function() {
- if ( track.content_visible ) {
- track.toggle_icon.addClass("toggle-expand").removeClass("toggle");
- track.hide_contents();
- track.content_visible = false;
- } else {
- track.toggle_icon.addClass("toggle").removeClass("toggle-expand");
- track.content_visible = true;
- track.show_contents();
- }
- });
-
- // Clicking on settings icon opens track config.
- this.settings_icon.click( function() {
- var cancel_fn = function() { hide_modal(); $(window).unbind("keypress.check_enter_esc"); },
- ok_fn = function() {
- track.config.update_from_form( $(".dialog-box") );
- hide_modal();
- $(window).unbind("keypress.check_enter_esc");
- },
- check_enter_esc = function(e) {
- if ((e.keyCode || e.which) === 27) { // Escape key
- cancel_fn();
- } else if ((e.keyCode || e.which) === 13) { // Enter key
- ok_fn();
- }
- };
-
- $(window).bind("keypress.check_enter_esc", check_enter_esc);
- show_modal("Configure Track", track.config.build_form(), {
- "Cancel": cancel_fn,
- "OK": ok_fn
- });
- });
-
- this.overview_icon.click( function() {
- track.view.set_overview(track);
- });
-
- this.filters_icon.click( function() {
- // TODO: update tipsy text.
- track.filters_div.toggle();
- track.filters_manager.reset_filters();
- });
-
- this.tools_icon.click( function() {
- // TODO: update tipsy text.
-
- track.dynamic_tool_div.toggle();
-
- // Update track name.
- if (track.dynamic_tool_div.is(":visible")) {
- track.set_name(track.name + track.tool_region_and_parameters_str());
- }
- else {
- track.revert_name();
- }
- // HACK: name change modifies icon placement, which leaves tooltip incorrectly placed.
- $(".tipsy").remove();
- });
-
- // Clicking on remove icon removes track.
- this.remove_icon.click( function() {
- // Tipsy for remove icon must be deleted when track is deleted.
- $(".tipsy").remove();
- track.remove();
- });
-
- return icons_div;
},
/**
* Hide any elements that are part of the tracks contents area. Should
@@ -2808,7 +2793,7 @@ extend(TiledTrack.prototype, Drawable.prototype, Track.prototype, {
track.config.values['mode'] = name;
track.tile_cache.clear();
track.request_draw();
- this.mode_icon.attr("title", "Set display mode (now: " + track.mode + ")");
+ this.action_icons.mode_icon.attr("title", "Set display mode (now: " + track.mode + ")");
return track;
},
/**
@@ -2821,20 +2806,20 @@ extend(TiledTrack.prototype, Drawable.prototype, Track.prototype, {
// Show/hide filter icon.
//
if (track.filters_available > 0) {
- track.filters_icon.show();
+ track.action_icons.filters_icon.show();
}
else {
- track.filters_icon.hide();
+ track.action_icons.filters_icon.hide();
}
//
// Show/hide tool icon.
//
if (track.tool) {
- track.tools_icon.show();
+ track.action_icons.tools_icon.show();
}
else {
- track.tools_icon.hide();
+ track.action_icons.tools_icon.hide();
}
//
@@ -3506,7 +3491,7 @@ extend(FeatureTrack.prototype, Drawable.prototype, TiledTrack.prototype, {
} else if ( mode == "summary_tree" ) {
mode = "coverage histogram";
}
- this.mode_icon.attr("title", "Set display mode (now: Auto/" + mode + ")");
+ this.action_icons.mode_icon.attr("title", "Set display mode (now: Auto/" + mode + ")");
}
},
/**