302 lines
No EOL
7.7 KiB
JavaScript
302 lines
No EOL
7.7 KiB
JavaScript
/* $This file is distributed under the terms of the license in /doc/license.txt$ */
|
|
var ENTITY_VIS_MODE = "ENTITY";
|
|
var COMPARISON_VIS_MODE = "COMPARISON";
|
|
|
|
var VisModeController = Class.extend({
|
|
init: function(map) {
|
|
this.visMode = ENTITY_VIS_MODE;
|
|
this.isUnloaded = true;
|
|
this.initWidgets(map);
|
|
},
|
|
initWidgets: function(map) {
|
|
this.widgets = {};
|
|
},
|
|
needLoaded: function() {
|
|
return this.isUnloaded;
|
|
},
|
|
initView: function() {
|
|
$.each(this.widgets, function(i, widget) {
|
|
widget.initView();
|
|
});
|
|
},
|
|
// key can be discippline or subdiscipline
|
|
show: function(key) {
|
|
$.each(this.widgets, function(i, widget) {
|
|
widget.show(key);
|
|
});
|
|
},
|
|
hide: function(key) {
|
|
$.each(this.widgets, function(i, widget) {
|
|
widget.hide(key);
|
|
});
|
|
},
|
|
cleanUp: function() {
|
|
$.each(this.widgets, function(i, widget) {
|
|
widget.cleanUp(key);
|
|
});
|
|
}
|
|
});
|
|
|
|
var EntityVisModeController = VisModeController.extend({
|
|
init: function(map) {
|
|
this._super(map);
|
|
this.visMode = ENTITY_VIS_MODE;
|
|
this.initFilter();
|
|
},
|
|
initFilter: function() {
|
|
var widgets = this.widgets;
|
|
var dom = {
|
|
disciplineFilterID: "discipline-filter",
|
|
subdisciplinesFilterID: "subdisciplines-filter",
|
|
filterOptionClass: "filter-option",
|
|
activeFilterClass: "active-filter"
|
|
};
|
|
|
|
$("." + dom.filterOptionClass).live('click', function() {
|
|
if (!$(this).hasClass(dom.activeFilterClass)) {
|
|
if ($(this).attr('id') === dom.subdisciplinesFilterID) {
|
|
$("#" + dom.disciplineFilterID).removeClass(dom.activeFilterClass);
|
|
$.each(widgets, function(i, widget) {
|
|
widget.changeFilter(SCIMAP_TYPE.SUBDISCIPLINE);
|
|
});
|
|
|
|
} else if ($(this).attr('id') === dom.disciplineFilterID) {
|
|
$("#" + dom.subdisciplinesFilterID).removeClass(dom.activeFilterClass);
|
|
$.each(widgets, function(i, widget) {
|
|
widget.changeFilter(SCIMAP_TYPE.DISCIPLINE);
|
|
});
|
|
}
|
|
|
|
$(this).addClass('active-filter');
|
|
}
|
|
});
|
|
|
|
/* Init default filter */
|
|
$("#" + dom.subdisciplinesFilterID).trigger('click');
|
|
},
|
|
initWidgets: function(map) {
|
|
var widgets = {};
|
|
widgets['scimap'] = new ScimapWidget(map);
|
|
widgets['sci_area_table'] = new DataTableWidget(widgets['scimap']);
|
|
|
|
this.widgets = widgets;
|
|
},
|
|
loadData: function(url, sync) {
|
|
|
|
// Download data from server and add to markerManager if not gotten already
|
|
var me = this;
|
|
if (me.isUnloaded) {
|
|
if (sync) {
|
|
downloader.downloadAndWait(url, function(data) {
|
|
me.loadJsonData(me, data);
|
|
});
|
|
} else {
|
|
downloader.download(url, function(data) {
|
|
me.loadJsonData(me, data);
|
|
});
|
|
}
|
|
} // end if
|
|
},
|
|
loadJsonData: function(me, data) {
|
|
|
|
$("#" + responseContainerID).unblock();
|
|
|
|
if (ERROR_DISPLAY_WIDGET.isErrorConditionTriggered(data)) {
|
|
$("#map-of-science-response").hide();
|
|
ERROR_DISPLAY_WIDGET.show(ENTITY_TYPE, data);
|
|
return;
|
|
}
|
|
|
|
data = data[0];
|
|
|
|
$.each(me.widgets, function(i, widget) {
|
|
widget.loadJsonData(data);
|
|
});
|
|
me.isUnloaded = false;
|
|
me.initToolTipInfo();
|
|
|
|
},
|
|
initToolTipInfo: function() {
|
|
|
|
$('.filterInfoIcon').each(function () {
|
|
|
|
var me = $(this);
|
|
|
|
var tipText;
|
|
var tipLocation = "topLeft";
|
|
|
|
if (me.attr('id') == 'imageIconOne') {
|
|
tipText = $('#toolTipOne').html();
|
|
} else if (me.attr('id') == 'imageIconTwo') {
|
|
tipText = $('#toolTipTwo').html();
|
|
} else if (me.attr('id') == 'searchInfoIcon') {
|
|
tipText = $('#searchInfoTooltipText').html();
|
|
} else {
|
|
tipText = $('#toolTipThree').html();
|
|
tipLocation = "topRight";
|
|
}
|
|
|
|
me.qtip({
|
|
content: {
|
|
text: tipText
|
|
},
|
|
position: {
|
|
corner: {
|
|
target: 'center',
|
|
tooltip: tipLocation
|
|
}
|
|
},
|
|
show: {
|
|
when: {
|
|
event: 'mouseover'
|
|
}
|
|
},
|
|
hide: {
|
|
fixed: true // Make it fixed so it can be hovered over
|
|
},
|
|
style: {
|
|
padding: '6px 6px',
|
|
// Give it some extra padding
|
|
width: 500,
|
|
textAlign: 'left',
|
|
backgroundColor: '#ffffc0',
|
|
fontSize: '.7em',
|
|
padding: '6px 10px 6px 10px',
|
|
lineHeight: '14px'
|
|
}
|
|
});
|
|
});
|
|
}
|
|
});
|
|
|
|
var ComparisonVisModeController = Class.extend({
|
|
init: function(map) {
|
|
this._super(map);
|
|
this.visMode = COMPARISON_VIS_MODE;
|
|
this.initFilter();
|
|
},
|
|
initFilter: function() {
|
|
var widgets = this.widgets;
|
|
var dom = {
|
|
disciplineFilterID: "discipline-filter",
|
|
subdisciplinesFilterID: "subdisciplines-filter",
|
|
filterOptionClass: "filter-option",
|
|
activeFilterClass: "active-filter"
|
|
};
|
|
|
|
$("." + dom.filterOptionClass).live('click', function() {
|
|
if (!$(this).hasClass(dom.activeFilterClass)) {
|
|
if ($(this).attr('id') === dom.subdisciplinesFilterID) {
|
|
$("#" + dom.disciplineFilterID).removeClass(dom.activeFilterClass);
|
|
$.each(widgets, function(i, widget) {
|
|
widget.changeFilter(SCIMAP_TYPE.SUBDISCIPLINE);
|
|
});
|
|
|
|
} else if ($(this).attr('id') === dom.disciplineFilterID) {
|
|
$("#" + dom.subdisciplinesFilterID).removeClass(dom.activeFilterClass);
|
|
$.each(widgets, function(i, widget) {
|
|
widget.changeFilter(SCIMAP_TYPE.DISCIPLINE);
|
|
});
|
|
}
|
|
|
|
$(this).addClass('active-filter');
|
|
}
|
|
});
|
|
|
|
/* Init default filter */
|
|
$("#" + dom.subdisciplinesFilterID).trigger('click');
|
|
},
|
|
initWidgets: function(map) {
|
|
var widgets = {};
|
|
widgets['scimap'] = new ScimapWidget(map);
|
|
widgets['sci_area_table'] = new DataTableWidget(widgets['scimap']);
|
|
|
|
this.widgets = widgets;
|
|
},
|
|
loadData: function(url, sync) {
|
|
|
|
// Download data from server and add to markerManager if not gotten already
|
|
var me = this;
|
|
if (me.isUnloaded) {
|
|
if (sync) {
|
|
downloader.downloadAndWait(url, function(data) {
|
|
me.loadJsonData(me, data);
|
|
});
|
|
} else {
|
|
downloader.download(url, function(data) {
|
|
me.loadJsonData(me, data);
|
|
});
|
|
}
|
|
} // end if
|
|
},
|
|
loadJsonData: function(me, data) {
|
|
|
|
$("#" + responseContainerID).unblock();
|
|
|
|
if (ERROR_DISPLAY_WIDGET.isErrorConditionTriggered(data)) {
|
|
$("#map-of-science-response").hide();
|
|
ERROR_DISPLAY_WIDGET.show(ENTITY_TYPE, data);
|
|
return;
|
|
}
|
|
|
|
data = data[0];
|
|
|
|
$.each(me.widgets, function(i, widget) {
|
|
widget.loadJsonData(data);
|
|
});
|
|
me.isUnloaded = false;
|
|
me.initToolTipInfo();
|
|
|
|
},
|
|
initToolTipInfo: function() {
|
|
|
|
$('.filterInfoIcon').each(function () {
|
|
|
|
var me = $(this);
|
|
|
|
var tipText;
|
|
var tipLocation = "topLeft";
|
|
|
|
if (me.attr('id') == 'imageIconOne') {
|
|
tipText = $('#toolTipOne').html();
|
|
} else if (me.attr('id') == 'imageIconTwo') {
|
|
tipText = $('#toolTipTwo').html();
|
|
} else if (me.attr('id') == 'searchInfoIcon') {
|
|
tipText = $('#searchInfoTooltipText').html();
|
|
} else {
|
|
tipText = $('#toolTipThree').html();
|
|
tipLocation = "topRight";
|
|
}
|
|
|
|
me.qtip({
|
|
content: {
|
|
text: tipText
|
|
},
|
|
position: {
|
|
corner: {
|
|
target: 'center',
|
|
tooltip: tipLocation
|
|
}
|
|
},
|
|
show: {
|
|
when: {
|
|
event: 'mouseover'
|
|
}
|
|
},
|
|
hide: {
|
|
fixed: true // Make it fixed so it can be hovered over
|
|
},
|
|
style: {
|
|
padding: '6px 6px',
|
|
// Give it some extra padding
|
|
width: 500,
|
|
textAlign: 'left',
|
|
backgroundColor: '#ffffc0',
|
|
fontSize: '.7em',
|
|
padding: '6px 10px 6px 10px',
|
|
lineHeight: '14px'
|
|
}
|
|
});
|
|
});
|
|
}
|
|
}); |