1. Added front-end for map of science vis.
2. Added Data tables for disciplines/sub-disciplines in the vis. 3. added support for different csv downloadables. 4. Added new updated libraries for DataTables plugin.
This commit is contained in:
tankchintan
parent
3fdc267806
commit
ca08343379
27 changed files with 8950 additions and 163 deletions
178
productMods/js/visualization/dataTables.helper.js
Normal file
178
productMods/js/visualization/dataTables.helper.js
Normal file
|
|
@ -0,0 +1,178 @@
|
|||
var disciplineOrSubdisciplineDataTableFilter = function(oSettings, aData, iDataIndex) {
|
||||
|
||||
/*
|
||||
* We are not showing the first column which holds the info on whether that row contains info on
|
||||
* discipline OR subdiscipline.
|
||||
* */
|
||||
|
||||
if (aData[0] === ACTIVE_DISCIPLINE_SUBDISCIPLINE_FILTER) {
|
||||
return true;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
$.fn.dataTableExt.oPagination.gmail_style = {
|
||||
|
||||
"fnInit": function (oSettings, nPaging, fnCallbackDraw) {
|
||||
//var nInfo = document.createElement( 'div' );
|
||||
var nFirst = document.createElement('span');
|
||||
var nPrevious = document.createElement('span');
|
||||
var nNext = document.createElement('span');
|
||||
var nLast = document.createElement('span');
|
||||
|
||||
/*
|
||||
nFirst.innerHTML = oSettings.oLanguage.oPaginate.sFirst;
|
||||
nPrevious.innerHTML = oSettings.oLanguage.oPaginate.sPrevious;
|
||||
nNext.innerHTML = oSettings.oLanguage.oPaginate.sNext;
|
||||
nLast.innerHTML = oSettings.oLanguage.oPaginate.sLast;
|
||||
*/
|
||||
|
||||
nFirst.innerHTML = "<span class='small-arrows'>«</span> <span class='paginate-nav-text'>First</span>";
|
||||
nPrevious.innerHTML = "<span class='small-arrows'>‹</span> <span class='paginate-nav-text'>Prev</span>";
|
||||
nNext.innerHTML = "<span class='paginate-nav-text'>Next</span><span class='small-arrows'>›</span>";
|
||||
nLast.innerHTML = "<span class='paginate-nav-text'>Last</span><span class='small-arrows'>»</span>";
|
||||
|
||||
var oClasses = oSettings.oClasses;
|
||||
nFirst.className = oClasses.sPageButton + " " + oClasses.sPageFirst;
|
||||
nPrevious.className = oClasses.sPageButton + " " + oClasses.sPagePrevious;
|
||||
nNext.className = oClasses.sPageButton + " " + oClasses.sPageNext;
|
||||
nLast.className = oClasses.sPageButton + " " + oClasses.sPageLast;
|
||||
|
||||
//nPaging.appendChild( nInfo );
|
||||
nPaging.appendChild(nFirst);
|
||||
nPaging.appendChild(nPrevious);
|
||||
nPaging.appendChild(nNext);
|
||||
nPaging.appendChild(nLast);
|
||||
|
||||
$(nFirst).click(function () {
|
||||
if (oSettings.oApi._fnPageChange(oSettings, "first")) {
|
||||
fnCallbackDraw(oSettings);
|
||||
}
|
||||
});
|
||||
|
||||
$(nPrevious).click(function () {
|
||||
if (oSettings.oApi._fnPageChange(oSettings, "previous")) {
|
||||
fnCallbackDraw(oSettings);
|
||||
}
|
||||
});
|
||||
|
||||
$(nNext).click(function () {
|
||||
if (oSettings.oApi._fnPageChange(oSettings, "next")) {
|
||||
fnCallbackDraw(oSettings);
|
||||
}
|
||||
});
|
||||
|
||||
$(nLast).click(function () {
|
||||
if (oSettings.oApi._fnPageChange(oSettings, "last")) {
|
||||
fnCallbackDraw(oSettings);
|
||||
}
|
||||
});
|
||||
|
||||
/* Take the brutal approach to cancelling text selection */
|
||||
$('span', nPaging).bind('mousedown', function () {
|
||||
return false;
|
||||
}).bind('selectstart', function () {
|
||||
return false;
|
||||
});
|
||||
|
||||
/* ID the first elements only */
|
||||
if (oSettings.sTableId !== '' && typeof oSettings.aanFeatures.p == "undefined") {
|
||||
nPaging.setAttribute('id', oSettings.sTableId + '_paginate');
|
||||
nFirst.setAttribute('id', oSettings.sTableId + '_first');
|
||||
nPrevious.setAttribute('id', oSettings.sTableId + '_previous');
|
||||
//nInfo.setAttribute( 'id', 'infoContainer' );
|
||||
nNext.setAttribute('id', oSettings.sTableId + '_next');
|
||||
nLast.setAttribute('id', oSettings.sTableId + '_last');
|
||||
}
|
||||
},
|
||||
|
||||
/*
|
||||
* Function: oPagination.full_numbers.fnUpdate
|
||||
* Purpose: Update the list of page buttons shows
|
||||
* Returns: -
|
||||
* Inputs: object:oSettings - dataTables settings object
|
||||
* function:fnCallbackDraw - draw function to call on page change
|
||||
*/
|
||||
"fnUpdate": function (oSettings, fnCallbackDraw) {
|
||||
if (!oSettings.aanFeatures.p) {
|
||||
return;
|
||||
}
|
||||
|
||||
var iPageCount = 5;
|
||||
var iPageCountHalf = Math.floor(iPageCount / 2);
|
||||
var iPages = Math.ceil((oSettings.fnRecordsDisplay()) / oSettings._iDisplayLength);
|
||||
var iCurrentPage = Math.ceil(oSettings._iDisplayStart / oSettings._iDisplayLength) + 1;
|
||||
var iStartButton, iEndButton, i, iLen;
|
||||
var oClasses = oSettings.oClasses;
|
||||
|
||||
/* Pages calculation */
|
||||
if (iPages < iPageCount) {
|
||||
iStartButton = 1;
|
||||
iEndButton = iPages;
|
||||
} else {
|
||||
if (iCurrentPage <= iPageCountHalf) {
|
||||
iStartButton = 1;
|
||||
iEndButton = iPageCount;
|
||||
} else {
|
||||
if (iCurrentPage >= (iPages - iPageCountHalf)) {
|
||||
iStartButton = iPages - iPageCount + 1;
|
||||
iEndButton = iPages;
|
||||
} else {
|
||||
iStartButton = iCurrentPage - Math.ceil(iPageCount / 2) + 1;
|
||||
iEndButton = iStartButton + iPageCount - 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Loop over each instance of the pager */
|
||||
var an = oSettings.aanFeatures.p;
|
||||
var anButtons, anStatic, nPaginateList;
|
||||
var fnClick = function () { /* Use the information in the element to jump to the required page */
|
||||
var iTarget = (this.innerHTML * 1) - 1;
|
||||
oSettings._iDisplayStart = iTarget * oSettings._iDisplayLength;
|
||||
fnCallbackDraw(oSettings);
|
||||
return false;
|
||||
};
|
||||
var fnFalse = function () {
|
||||
return false;
|
||||
};
|
||||
|
||||
for (i = 0, iLen = an.length; i < iLen; i++) {
|
||||
if (an[i].childNodes.length === 0) {
|
||||
continue;
|
||||
}
|
||||
|
||||
/* Update the 'premanent botton's classes */
|
||||
anButtons = an[i].getElementsByTagName('span');
|
||||
anStatic = [
|
||||
anButtons[0], anButtons[1], anButtons[anButtons.length - 2], anButtons[anButtons.length - 1]];
|
||||
$(anStatic).removeClass(oClasses.sPageButton + " " + oClasses.sPageButtonActive + " " + oClasses.sPageButtonStaticDisabled);
|
||||
if (iCurrentPage == 1) {
|
||||
anStatic[0].className += " " + oClasses.sPageButtonStaticDisabled;
|
||||
anStatic[1].className += " " + oClasses.sPageButtonStaticDisabled;
|
||||
} else {
|
||||
anStatic[0].className += " " + oClasses.sPageButton;
|
||||
anStatic[1].className += " " + oClasses.sPageButton;
|
||||
}
|
||||
|
||||
if (iPages === 0 || iCurrentPage == iPages || oSettings._iDisplayLength == -1) {
|
||||
anStatic[2].className += " " + oClasses.sPageButtonStaticDisabled;
|
||||
anStatic[3].className += " " + oClasses.sPageButtonStaticDisabled;
|
||||
} else {
|
||||
anStatic[2].className += " " + oClasses.sPageButton;
|
||||
anStatic[3].className += " " + oClasses.sPageButton;
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof GMAIL_STYLE_PAGINATION_CONTAINER_CLASS === 'undefined') {
|
||||
GMAIL_STYLE_PAGINATION_CONTAINER_CLASS = 'paginatedtabs';
|
||||
}
|
||||
|
||||
if (iPages <= 1) {
|
||||
$("." + GMAIL_STYLE_PAGINATION_CONTAINER_CLASS).hide();
|
||||
} else {
|
||||
$("." + GMAIL_STYLE_PAGINATION_CONTAINER_CLASS).show();
|
||||
}
|
||||
}
|
||||
};
|
||||
File diff suppressed because one or more lines are too long
229
productMods/js/visualization/mapofscience/DataTableWidget.js
Normal file
229
productMods/js/visualization/mapofscience/DataTableWidget.js
Normal file
|
|
@ -0,0 +1,229 @@
|
|||
/* $This file is distributed under the terms of the license in /doc/license.txt$ */
|
||||
|
||||
var DataTableWidget = Class.extend({
|
||||
|
||||
widgetType: "MAIN_SCIENCE_AREAS",
|
||||
|
||||
currentSelectedFilter: "DISCIPLINE",
|
||||
|
||||
dom: {
|
||||
searchBarParentContainerClass : "searchbar",
|
||||
paginationContainerClass : "paginatedtabs",
|
||||
containerID: "main-science-areas-table-container",
|
||||
footerID: "main-science-areas-table-footer",
|
||||
disciplineFilterID: "discipline-filter",
|
||||
subdisciplinesFilterID: "subdisciplines-filter",
|
||||
filterOptionClass: "filter-option",
|
||||
activeFilterClass: "active-filter"
|
||||
},
|
||||
|
||||
widget: '',
|
||||
|
||||
init: function(opts) {
|
||||
this.opts = opts;
|
||||
|
||||
this.subdisciplineInfo = {};
|
||||
this.disciplineInfo = {};
|
||||
|
||||
var me = this;
|
||||
|
||||
$.each(DISCIPLINES, function(index, item) {
|
||||
var emptyScienceAreaElement = {
|
||||
publicationCount: 0,
|
||||
label: item.label
|
||||
};
|
||||
me.disciplineInfo[index] = emptyScienceAreaElement;
|
||||
});
|
||||
|
||||
$.each(SUBDISCIPLINES, function(index, item) {
|
||||
var emptyScienceAreaElement = {
|
||||
publicationCount: 0,
|
||||
label: item.label
|
||||
};
|
||||
me.subdisciplineInfo[index] = emptyScienceAreaElement;
|
||||
});
|
||||
|
||||
},
|
||||
loadJsonData: function(data) {
|
||||
|
||||
var me = this;
|
||||
me.uri = data.uri;
|
||||
me.label = data.label;
|
||||
me.pubsWithNoJournals = data.pubsWithNoJournals;
|
||||
me.pubsWithInvalidJournals = data.pubsWithInvalidJournals;
|
||||
me.pubsMapped = data.pubsMapped;
|
||||
me.type = data.type;
|
||||
|
||||
$.each(data.subdisciplineActivity, function(subdiscipline, density) {
|
||||
|
||||
me.subdisciplineInfo[subdiscipline].publicationCount = density;
|
||||
|
||||
var currentSubdisciplinesDiscipline = SUBDISCIPLINES[subdiscipline].discipline;
|
||||
|
||||
if (me.disciplineInfo[currentSubdisciplinesDiscipline]) {
|
||||
|
||||
me.disciplineInfo[currentSubdisciplinesDiscipline].publicationCount =
|
||||
me.disciplineInfo[currentSubdisciplinesDiscipline].publicationCount + density;
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
},
|
||||
hasKey: function(key) {
|
||||
return (this.keyToMarkerManagers.hasOwnProperty(key));
|
||||
},
|
||||
show: function(key) {
|
||||
},
|
||||
hide: function(key) {
|
||||
},
|
||||
cleanUp: function() {
|
||||
},
|
||||
|
||||
initView: function() {
|
||||
|
||||
var me = this;
|
||||
|
||||
var table = $('<table>');
|
||||
table.attr('id', 'datatable');
|
||||
table.addClass('datatable-table');
|
||||
|
||||
var thead = $('<thead>');
|
||||
var tr = $('<tr>');
|
||||
|
||||
var levelOfScienceAreaTH = $('<th>');
|
||||
levelOfScienceAreaTH.html('Level of Science Area');
|
||||
|
||||
var scienceAreasTH = $('<th>');
|
||||
scienceAreasTH.attr("id", "science-areas-th");
|
||||
if (this.currentSelectedFilter === 'SUBDISCIPLINE' ) {
|
||||
scienceAreasTH.html('Sub-Disciplines');
|
||||
} else {
|
||||
scienceAreasTH.html('Disciplines');
|
||||
}
|
||||
|
||||
var activityCountTH = $('<th>');
|
||||
activityCountTH.html('# of pubs.');
|
||||
activityCountTH.attr("id", "activity-count-column");
|
||||
|
||||
var percentageActivityTH = $('<th>');
|
||||
percentageActivityTH.html('% activity');
|
||||
|
||||
tr.append(levelOfScienceAreaTH);
|
||||
tr.append(scienceAreasTH);
|
||||
tr.append(activityCountTH);
|
||||
tr.append(percentageActivityTH);
|
||||
|
||||
thead.append(tr);
|
||||
|
||||
table.append(thead);
|
||||
|
||||
var tbody = $('<tbody>');
|
||||
|
||||
var rowsToInsert = [];
|
||||
var i = 0;
|
||||
|
||||
$.each(me.disciplineInfo, function(index, item) {
|
||||
rowsToInsert[i++] = '<tr><td>DISCIPLINE</td>';
|
||||
rowsToInsert[i++] = '<td>' + item.label + '</td>';
|
||||
rowsToInsert[i++] = '<td>' + item.publicationCount.toFixed(1) + '</td>';
|
||||
rowsToInsert[i++] = '<td>' + (100 * (item.publicationCount / me.pubsMapped)).toFixed(1) + '</td></tr>';
|
||||
});
|
||||
|
||||
|
||||
$.each(me.subdisciplineInfo, function(index, item) {
|
||||
rowsToInsert[i++] = '<tr><td>SUBDISCIPLINE</td>';
|
||||
rowsToInsert[i++] = '<td>' + item.label + '</td>';
|
||||
rowsToInsert[i++] = '<td>' + item.publicationCount.toFixed(1) + '</td>';
|
||||
rowsToInsert[i++] = '<td>' + (100 * (item.publicationCount / me.pubsMapped)).toFixed(1) + '</td></tr>';
|
||||
});
|
||||
|
||||
tbody.append(rowsToInsert.join(''));
|
||||
|
||||
table.append(tbody);
|
||||
$("#" + me.dom.containerID).append(table);
|
||||
|
||||
/*
|
||||
* GMAIL_STYLE_PAGINATION_CONTAINER_CLASS, ACTIVE_DISCIPLINE_SUBDISCIPLINE_FILTER has to be declared
|
||||
* for the filter & pagination to work properly.
|
||||
* */
|
||||
GMAIL_STYLE_PAGINATION_CONTAINER_CLASS = me.dom.paginationContainerClass;
|
||||
ACTIVE_DISCIPLINE_SUBDISCIPLINE_FILTER = me.currentSelectedFilter;
|
||||
|
||||
if($.inArray(disciplineOrSubdisciplineDataTableFilter, $.fn.dataTableExt.afnFiltering) < 0) {
|
||||
$.fn.dataTableExt.afnFiltering.push(disciplineOrSubdisciplineDataTableFilter);
|
||||
}
|
||||
|
||||
me.widget = table.dataTable({
|
||||
"sDom": '<"' + me.dom.searchBarParentContainerClass
|
||||
+ '"f><"filterInfo"i><"'
|
||||
+ me.dom.paginationContainerClass + '"p><"table-separator"><"datatablewrapper"t>',
|
||||
"aaSorting": [
|
||||
[2, "desc"], [1,'asc']
|
||||
],
|
||||
"asStripClasses": [],
|
||||
"aoColumns": [{ "bVisible": false, "bSearchable": false },
|
||||
null,
|
||||
null,
|
||||
null],
|
||||
"iDisplayLength": 13,
|
||||
"bInfo": true,
|
||||
"oLanguage": {
|
||||
"sInfo": "_START_ - _END_ of _TOTAL_",
|
||||
"sInfoEmpty": "No matching science areas found",
|
||||
"sInfoFiltered": ""
|
||||
},
|
||||
"sPaginationType": "gmail_style",
|
||||
"fnDrawCallback": function () {
|
||||
|
||||
/* We check whether max number of allowed comparisions (currently 10) is reached
|
||||
* here as well becasue the only function that is guaranteed to be called during
|
||||
* page navigation is this. No need to bind it to the nav-buttons becuase 1. It is over-ridden
|
||||
* by built-in navigation events & this is much cleaner.
|
||||
* */
|
||||
// checkIfColorLimitIsReached();
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
var searchInputBox = $("." + me.dom.searchBarParentContainerClass).find("input[type=text]");
|
||||
|
||||
searchInputBox.after("<span id='reset-search' title='Clear search query'>X</span>");
|
||||
|
||||
$("#reset-search").live('click', function() {
|
||||
me.widget.fnFilter("");
|
||||
});
|
||||
|
||||
$("." + me.dom.filterOptionClass).live('click', function() {
|
||||
|
||||
if (!$(this).hasClass(me.dom.activeFilterClass)) {
|
||||
|
||||
if ($(this).attr('id') === me.dom.subdisciplinesFilterID) {
|
||||
|
||||
$("#" + me.dom.disciplineFilterID).removeClass(me.dom.activeFilterClass);
|
||||
$("#science-areas-th").html("Sub-Disciplines");
|
||||
|
||||
me.widget.fnSettings()._iDisplayLength = 10;
|
||||
me.currentSelectedFilter = "SUBDISCIPLINE";
|
||||
|
||||
$("a#csv").attr("href", entityMapOfScienceSubDisciplineCSVURL);
|
||||
|
||||
} else if ($(this).attr('id') === me.dom.disciplineFilterID) {
|
||||
|
||||
$("#" + me.dom.subdisciplinesFilterID).removeClass(me.dom.activeFilterClass);
|
||||
$("#science-areas-th").html("Disciplines");
|
||||
|
||||
me.currentSelectedFilter = "DISCIPLINE";
|
||||
me.widget.fnSettings()._iDisplayLength = 13;
|
||||
|
||||
$("a#csv").attr("href", entityMapOfScienceDisciplineCSVURL);
|
||||
}
|
||||
|
||||
$(this).addClass('active-filter');
|
||||
|
||||
ACTIVE_DISCIPLINE_SUBDISCIPLINE_FILTER = me.currentSelectedFilter;
|
||||
me.widget.fnDraw();
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
});
|
||||
|
|
@ -8,6 +8,45 @@ var downloader;
|
|||
var currentVisMode;
|
||||
var currentController;
|
||||
var visModeControllers = {};
|
||||
var dataTableWidgets = {};
|
||||
var responseContainerID = "map-of-science-response";
|
||||
var loadingScreenTimeout;
|
||||
|
||||
/*
|
||||
* This method will setup the options for loading screen & then activate the
|
||||
* loading screen.
|
||||
* */
|
||||
function setupLoadingScreen() {
|
||||
|
||||
$.blockUI.defaults.overlayCSS = {
|
||||
backgroundColor: '#fff',
|
||||
opacity: 1.0
|
||||
};
|
||||
|
||||
$.blockUI.defaults.css.width = '500px';
|
||||
$.blockUI.defaults.css.height = '100px';
|
||||
$.blockUI.defaults.css.border = '0px';
|
||||
|
||||
$("#" + responseContainerID).block({
|
||||
message: '<div id="loading-data-container"><h3><img id="data-loading-icon" src="' + loadingImageLink
|
||||
+ '" /> Loading data for <i>'
|
||||
+ entityLabel
|
||||
+ '</i></h3></div>'
|
||||
});
|
||||
|
||||
clearTimeout(loadingScreenTimeout);
|
||||
|
||||
loadingScreenTimeout = setTimeout(function() {
|
||||
$("#loading-data-container")
|
||||
.html('<h3><img id="refresh-page-icon" src="'
|
||||
+ refreshPageImageLink
|
||||
+ '" /> Data for <i>' + entityLabel
|
||||
+ '</i> is now being refreshed. The visualization will load as soon as we are done computing, '
|
||||
+ 'or you can come back in a few minutes.</h3>')
|
||||
.css({'cursor': 'pointer'});
|
||||
|
||||
}, 10 * 1000);
|
||||
}
|
||||
|
||||
function loadMap() {
|
||||
var gMap = google.maps;
|
||||
|
|
@ -40,15 +79,22 @@ function initVisModeController() {
|
|||
switchVisMode(controller.visMode);
|
||||
}
|
||||
|
||||
function initDataTableWidget() {
|
||||
var widget = new DataTableWidget();
|
||||
dataTableWidgets[widget.widgetType] = widget;
|
||||
}
|
||||
|
||||
function initMarkers() {
|
||||
downloader = new DownloadManager();
|
||||
loadMarkers(ENTITY_VIS_MODE, scienceMapDataURL, false);
|
||||
}
|
||||
|
||||
function initMap() {
|
||||
setupLoadingScreen();
|
||||
loadMap();
|
||||
initMapControls();
|
||||
initVisModeController();
|
||||
initDataTableWidget();
|
||||
initMarkers();
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -29,7 +29,6 @@ var MarkerManager = Class.extend({
|
|||
});
|
||||
},
|
||||
addMarkersToMap: function() {
|
||||
console.log(this.keyToMarker);
|
||||
$.each(this.keyToMarker, function(i, marker) {
|
||||
marker.addToMap();
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,59 +1,71 @@
|
|||
/* $This file is distributed under the terms of the license in /doc/license.txt$ */
|
||||
function switchMarkerManager(id) {
|
||||
|
||||
markerManager = getMarkerManager(id);
|
||||
if(isActiveMarkerManager(markerManager)) {
|
||||
markerManager.addAllToMap();
|
||||
|
||||
if(activeMarkerManager) {
|
||||
activeMarkerManager.removeAllFromMap();
|
||||
}
|
||||
|
||||
/* switch to target marker manager */
|
||||
activeMarkerManager = markerManager;
|
||||
}
|
||||
}
|
||||
|
||||
function isActiveVisMode(visMode) {
|
||||
return (currentVisMode == visMode);
|
||||
}
|
||||
|
||||
function getVisModeController(visMode){
|
||||
return visModeControllers[visMode];
|
||||
}
|
||||
|
||||
function switchVisMode(visMode) {
|
||||
if (currentVisMode != visMode) {
|
||||
currentVisMode = visMode;
|
||||
if (currentController) {
|
||||
currentController.cleanView();
|
||||
}
|
||||
currentController = getVisModeController(visMode);
|
||||
currentController.initView();
|
||||
}
|
||||
return
|
||||
}
|
||||
|
||||
function loadMarkers(visMode, url, sync) {
|
||||
|
||||
// Download data from server and add to markerManager if not gotten already
|
||||
var controller = getVisModeController(visMode);
|
||||
if (controller.needLoaded()) {
|
||||
if (sync) {
|
||||
downloader.downloadAndWait(url, function(data) {
|
||||
loadJSONToMarkerManager(data, visMode);
|
||||
});
|
||||
} else {
|
||||
downloader.download(url, function(data) {
|
||||
loadJSONToMarkerManager(data, visMode);
|
||||
});
|
||||
}
|
||||
} // end if
|
||||
}
|
||||
|
||||
function loadJSONToMarkerManager(data, visMode) {
|
||||
if (data) {
|
||||
var controller = getVisModeController(visMode);
|
||||
controller.loadJsonData(data[0]);
|
||||
}
|
||||
}
|
||||
/* $This file is distributed under the terms of the license in /doc/license.txt$ */
|
||||
function switchMarkerManager(id) {
|
||||
|
||||
markerManager = getMarkerManager(id);
|
||||
if(isActiveMarkerManager(markerManager)) {
|
||||
markerManager.addAllToMap();
|
||||
|
||||
if(activeMarkerManager) {
|
||||
activeMarkerManager.removeAllFromMap();
|
||||
}
|
||||
|
||||
/* switch to target marker manager */
|
||||
activeMarkerManager = markerManager;
|
||||
}
|
||||
}
|
||||
|
||||
function isActiveVisMode(visMode) {
|
||||
return (currentVisMode == visMode);
|
||||
}
|
||||
|
||||
function getVisModeController(visMode){
|
||||
return visModeControllers[visMode];
|
||||
}
|
||||
|
||||
function switchVisMode(visMode) {
|
||||
if (currentVisMode != visMode) {
|
||||
currentVisMode = visMode;
|
||||
if (currentController) {
|
||||
currentController.cleanView();
|
||||
}
|
||||
currentController = getVisModeController(visMode);
|
||||
currentController.initView();
|
||||
}
|
||||
return
|
||||
}
|
||||
|
||||
function loadMarkers(visMode, url, sync) {
|
||||
|
||||
// Download data from server and add to markerManager if not gotten already
|
||||
var controller = getVisModeController(visMode);
|
||||
if (controller.needLoaded()) {
|
||||
if (sync) {
|
||||
downloader.downloadAndWait(url, function(data) {
|
||||
loadJSONToMarkerManager(data, visMode);
|
||||
loadJSONToDataTableWidget(data);
|
||||
});
|
||||
} else {
|
||||
downloader.download(url, function(data) {
|
||||
loadJSONToMarkerManager(data, visMode);
|
||||
loadJSONToDataTableWidget(data);
|
||||
});
|
||||
}
|
||||
} // end if
|
||||
}
|
||||
|
||||
function loadJSONToMarkerManager(data, visMode) {
|
||||
if (data) {
|
||||
var controller = getVisModeController(visMode);
|
||||
controller.loadJsonData(data[0]);
|
||||
}
|
||||
}
|
||||
|
||||
function loadJSONToDataTableWidget(data) {
|
||||
if (data) {
|
||||
var widget = dataTableWidgets["MAIN_SCIENCE_AREAS"];
|
||||
widget.loadJsonData(data[0]);
|
||||
widget.initView();
|
||||
|
||||
$("#" + responseContainerID).unblock();
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue