Deleting entityComparison js files -- changed the name to entitycomparison.
This commit is contained in:
bkoniden
parent
187a927795
commit
c8b37b8271
2 changed files with 0 additions and 991 deletions
|
|
@ -1,79 +0,0 @@
|
|||
/* $This file is distributed under the terms of the license in /doc/license.txt$ */
|
||||
|
||||
//Hard coded color constants
|
||||
var TURQUOISE = "#8DD3C7";
|
||||
var LIGHT_YELLOW = "#FFFFB3";
|
||||
var LIGHT_VIOLET = "#BEBADA";
|
||||
var LIGHT_RED = "#FB8072";
|
||||
var SKY_BLUE = "#80B1D3";
|
||||
var ORANGE = "#FDB462";
|
||||
var LIGHT_GREEN = "#B3DE69";
|
||||
var LIGHT_PINK = "#FCCDE5";
|
||||
var LIGHT_GREY = "#D9D9D9";
|
||||
var PURPLE = "#BC80BD";
|
||||
|
||||
var colorConstantQueue =
|
||||
[
|
||||
TURQUOISE, LIGHT_YELLOW, LIGHT_VIOLET, LIGHT_RED,
|
||||
SKY_BLUE, ORANGE, LIGHT_GREEN, LIGHT_PINK, LIGHT_GREY,
|
||||
PURPLE
|
||||
];
|
||||
|
||||
var freeColors = [
|
||||
TURQUOISE, LIGHT_YELLOW, LIGHT_VIOLET, LIGHT_RED,
|
||||
SKY_BLUE, ORANGE, LIGHT_GREEN, LIGHT_PINK, LIGHT_GREY,
|
||||
PURPLE
|
||||
];
|
||||
|
||||
var year = {
|
||||
min: 1998,
|
||||
max: 2018,
|
||||
globalMin: 1995,
|
||||
globalMax: 2025
|
||||
};
|
||||
|
||||
var colors = {};
|
||||
var prevColor = {};
|
||||
var colorToAssign, colorToRemove;
|
||||
var renderedObjects = [];
|
||||
var labelToEntityRecord = {};
|
||||
var setOfLabels = [];
|
||||
var labelToCheckedEntities = {};
|
||||
var stopWordsToCount = {};
|
||||
|
||||
var graphContainer;
|
||||
var tableDiv;
|
||||
var entityLevel;
|
||||
|
||||
//options for Flot
|
||||
var FlotOptions = {
|
||||
legend : {
|
||||
show : false
|
||||
},
|
||||
lines : {
|
||||
show : true
|
||||
},
|
||||
points : {
|
||||
show : false
|
||||
},
|
||||
xaxis : {
|
||||
tickDecimals : 0,
|
||||
tickSize : 10
|
||||
},
|
||||
series : {
|
||||
lines : {
|
||||
lineWidth : 7
|
||||
}
|
||||
},
|
||||
yaxis : {
|
||||
tickSize : 1,
|
||||
tickDecimals : 0,
|
||||
min : 0
|
||||
},
|
||||
grid : {
|
||||
borderColor : "#D9D9D9"
|
||||
}
|
||||
};
|
||||
|
||||
FlotOptions.colors = colorConstantQueue;
|
||||
|
||||
|
|
@ -1,912 +0,0 @@
|
|||
/* $This file is distributed under the terms of the license in /doc/license.txt$ */
|
||||
|
||||
/**
|
||||
|
||||
* init sets some initial options for the default graph. i.e for when the page
|
||||
* is initially loaded or when its refreshed or when all the checkboxes on the
|
||||
* page are unchecked.
|
||||
*
|
||||
* @param graphContainer
|
||||
* is the div that contains the main graph.
|
||||
*/
|
||||
function init(graphContainer) {
|
||||
|
||||
var optionSelected = $("select.comparisonValues option:selected").val();
|
||||
// TODO: make use of the id on the select field instead of a generic one.
|
||||
$("#comparisonParameter").text("Total Number of " + $("select.comparisonValues option:selected").val());
|
||||
$('#yaxislabel').html("Number of " + optionSelected).mbFlipText(false);
|
||||
$('#comparisonHeader').html(optionSelected).css('font-weight', 'bold');
|
||||
|
||||
|
||||
var defaultFlotOptions = {
|
||||
xaxis : {
|
||||
min : 1996,
|
||||
max : 2008,
|
||||
tickDecimals : 0,
|
||||
tickSize : 2
|
||||
},
|
||||
yaxis: {
|
||||
tickDecimals : 0,
|
||||
min : 0,
|
||||
max: 5
|
||||
},
|
||||
grid: {
|
||||
borderColor : "#D9D9D9"
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
/*
|
||||
* [[]] is an empty 2D array object. $.plot is passed this for the default
|
||||
* behavior. Ex.When the page initially loads, or when no graphs are present
|
||||
* on the webpage.
|
||||
*/
|
||||
|
||||
var initialDataObject = [ [] ];
|
||||
$.plot(graphContainer, initialDataObject, defaultFlotOptions);
|
||||
}
|
||||
|
||||
/**
|
||||
* unStuffZerosFromLineGraphs removes the previously stuffed zero values. r is
|
||||
* the current data object. s is the current min and max {year} values. All the
|
||||
* datapoints < curr_min{year} && > > curr_max{year} are removed, so that they
|
||||
* don't show up on the graph
|
||||
*
|
||||
* @param {Object}
|
||||
* jsonObject
|
||||
* @param {Object}
|
||||
* arrayOfMinAndMaxYears
|
||||
* @returns jsonObject with modified data points.
|
||||
*/
|
||||
|
||||
//TODO: side-effect year.
|
||||
function unStuffZerosFromLineGraphs(jsonObject, year) {
|
||||
|
||||
calcZeroLessMinAndMax(jsonObject, year);
|
||||
var currentMinYear = year.globalMin, currentMaxYear = year.globalMax;
|
||||
|
||||
$
|
||||
.each(
|
||||
jsonObject,
|
||||
function(key, val) {
|
||||
var i = 0;
|
||||
for (i = 0; i < val.data.length; i++) {
|
||||
if (((val.data[i][0] < currentMinYear) || (val.data[i][0] > currentMaxYear))
|
||||
&& val.data[i][1] == 0) {
|
||||
|
||||
val.data.splice(i, 1);
|
||||
i--;
|
||||
} else {
|
||||
continue;
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* while unStuffZerosFromLineGraphs is for a group of data objects,
|
||||
* unStuffZerosFromLineGraph is for a single data object. It removes zeroes from
|
||||
* the single object passed as parameter.
|
||||
*
|
||||
* @param {Object}
|
||||
* jsonObject
|
||||
*/
|
||||
function unStuffZerosFromLineGraph(jsonObject) {
|
||||
var i = 0;
|
||||
for (i = 0; i < jsonObject.data.length; i++) {
|
||||
if (jsonObject.data[i][1] == 0) {
|
||||
jsonObject.data.splice(i, 1);
|
||||
i--;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* stuffZerosIntoLineGraphs is used to fill discontinuities in data points. For
|
||||
* example, if a linegraph has the following data points [1990,
|
||||
* 2],[1992,3],[1994, 5],[1996,5],[2000,4],[2001,1]. stuffZerosIntoLineGraphs
|
||||
* inserts [1991,0],[1993,0],1995,0]..and so on. It also inserts zeroes at the
|
||||
* beginning and the end if the max and min{year} of the current linegraph fall
|
||||
* in between the global max and min{year}
|
||||
*
|
||||
* @param {Object}
|
||||
* jsonObject
|
||||
* @param {Object}
|
||||
* arrayOfMinAndMaxYears
|
||||
* @returns jsonObject with stuffed data points.
|
||||
*/
|
||||
function stuffZerosIntoLineGraphs(jsonObject, year) {
|
||||
|
||||
calcZeroLessMinAndMax(jsonObject, year);
|
||||
|
||||
var arrayOfMinAndMaxYears = [ year.globalMin, year.globalMax ];
|
||||
|
||||
$
|
||||
.each(
|
||||
jsonObject,
|
||||
function(key, val) {
|
||||
var position = arrayOfMinAndMaxYears[0], i = 0;
|
||||
|
||||
for (i = 0; i < (arrayOfMinAndMaxYears[1] - arrayOfMinAndMaxYears[0]) + 1; i++) {
|
||||
|
||||
if (val.data[i]) {
|
||||
|
||||
if (val.data[i][0] != position
|
||||
&& position <= arrayOfMinAndMaxYears[1]) {
|
||||
val.data.splice(i, 0, [ position, 0 ]);
|
||||
}
|
||||
}
|
||||
|
||||
else {
|
||||
val.data.push( [ position, 0 ]);
|
||||
}
|
||||
position++;
|
||||
}
|
||||
});
|
||||
}
|
||||
/**
|
||||
* During runtime, when the user checks/unchecks a checkbox, the zeroes have to
|
||||
* be inserted and removed dynamically. This function calculates the max{year}
|
||||
* and min{year} among all the linegraphs present on the graph at a particular
|
||||
* instance in time .
|
||||
*
|
||||
* @param {Object}
|
||||
* jsonObject
|
||||
* @returns an array of current min and max years.
|
||||
*/
|
||||
function calcZeroLessMinAndMax(jsonObject, year) {
|
||||
|
||||
var globalMinYear = 5000, globalMaxYear = 0, minYear, maxYear, i = 0;
|
||||
|
||||
$.each(jsonObject, function(key, val) {
|
||||
|
||||
for (i = 0; i < val.data.length; i++) {
|
||||
if (val.data[i][1] != 0) {
|
||||
minYear = val.data[i][0];
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
for (i = val.data.length - 1; i >= 0; i--) {
|
||||
if (val.data[i][1] != 0 && val.data[i][0] != -1) {
|
||||
maxYear = val.data[i][0];
|
||||
break;
|
||||
}
|
||||
|
||||
}
|
||||
if (globalMinYear > minYear)
|
||||
globalMinYear = minYear;
|
||||
if (globalMaxYear < maxYear)
|
||||
globalMaxYear = maxYear;
|
||||
|
||||
});
|
||||
|
||||
year.globalMin = globalMinYear;
|
||||
year.globalMax = globalMaxYear;
|
||||
}
|
||||
|
||||
/**
|
||||
* z is an an object with two properties label and data. data is of the form
|
||||
* [year,value] This function returns the min and max values of all such years.
|
||||
*
|
||||
* @param {Object}
|
||||
* jsonObject
|
||||
* @returns [minYear, maxYear]
|
||||
*/
|
||||
function calcMinandMaxYears(jsonObject, year) {
|
||||
var minYear = 5000, maxYear = 0;
|
||||
$.each(jsonObject, function(key, val) {
|
||||
if (minYear > val.data[0][0]) {
|
||||
minYear = val.data[0][0];
|
||||
}
|
||||
if (maxYear < val.data[val.data.length - 1][0]
|
||||
&& val.data[val.data.length - 1][0] != -1){
|
||||
maxYear = val.data[val.data.length - 1][0];
|
||||
}else {
|
||||
if(val.data.length != 1){
|
||||
maxYear = val.data[val.data.length - 2][0];
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
year.min = minYear;
|
||||
year.max = maxYear;
|
||||
}
|
||||
|
||||
/**
|
||||
* y is an an object with two properties label and data. data is of the form
|
||||
* [year,value] This function returns the max of all values.
|
||||
*
|
||||
* @param {Object}
|
||||
* jsonObject
|
||||
* @returns maxCount
|
||||
*/
|
||||
function calcMaxOfComparisonParameter(jsonObject) {
|
||||
var sum = 0, i = 0, maxCount = 0;
|
||||
|
||||
$.each(jsonObject, function(key, val) {
|
||||
for (i = 0; i < val.data.length; i++)
|
||||
sum += val.data[i][1];
|
||||
|
||||
if (maxCount < sum)
|
||||
maxCount = sum;
|
||||
|
||||
sum = 0;
|
||||
});
|
||||
|
||||
// console.log('returning max value' + maxCount);
|
||||
return maxCount;
|
||||
}
|
||||
|
||||
function calcMaxWithinComparisonParameter(jsonObject){
|
||||
|
||||
var value = 0, i = 0, maxCount = 0;
|
||||
|
||||
$.each(jsonObject, function(key, val) {
|
||||
for (i = 0; i < val.data.length; i++){
|
||||
value = val.data[i][1];
|
||||
// console.log(val.data[i][1]);
|
||||
|
||||
if (maxCount < value){
|
||||
maxCount = value;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
//console.log('max value: ' + maxCount);
|
||||
return maxCount;
|
||||
}
|
||||
|
||||
/**
|
||||
* x is an object and it has two properties label and data. data is a two
|
||||
* dimensional array of the form [year, value] This function returns the sum of
|
||||
* all the values.
|
||||
*
|
||||
* @param {Object}
|
||||
* jsonObject
|
||||
* @returns sum{values}.
|
||||
*/
|
||||
function calcSumOfComparisonParameter(jsonObject) {
|
||||
|
||||
var sum = 0, i = 0;
|
||||
for (i = 0; i < jsonObject.data.length; i++) {
|
||||
sum += jsonObject.data[i][1];
|
||||
}
|
||||
|
||||
// sum += jsonObject.publicationCount;
|
||||
return sum;
|
||||
}
|
||||
|
||||
/**
|
||||
* A simple function to see if the passed
|
||||
*
|
||||
* @param {array}
|
||||
* objectArray
|
||||
* @param {Object}
|
||||
* object
|
||||
* @returns a flag - 0/1 - indicating whether a contains b.
|
||||
*/
|
||||
function contains(objectArray, object) {
|
||||
var i = 0, flag = 0;
|
||||
for (i = 0; i < objectArray.length; i++) {
|
||||
if (objectArray[i] == object)
|
||||
flag = i;
|
||||
}
|
||||
return flag;
|
||||
}
|
||||
|
||||
/**
|
||||
* Dynamically change the linewidth and ticksize based on input year range.
|
||||
*
|
||||
* @param {Object}
|
||||
* yearRange
|
||||
*/
|
||||
function setLineWidthAndTickSize(yearRange, flotOptions) {
|
||||
|
||||
if (yearRange > 0 && yearRange < 15) {
|
||||
flotOptions.series.lines.lineWidth = 3;
|
||||
flotOptions.xaxis.tickSize = 1;
|
||||
} else if (yearRange > 15 && yearRange < 70) {
|
||||
flotOptions.series.lines.lineWidth = 2;
|
||||
flotOptions.xaxis.tickSize = 5;
|
||||
} else {
|
||||
flotOptions.series.lines.lineWidth = 1;
|
||||
flotOptions.xaxis.tickSize = 10;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
* Dynamically change the ticksize of y-axis.
|
||||
*/
|
||||
function setTickSizeOfYAxis(maxValue, flotOptions){
|
||||
|
||||
var tickSize = 0;
|
||||
|
||||
if (maxValue > 0 && maxValue <= 5) {
|
||||
flotOptions.yaxis.tickSize = 1;
|
||||
} else if (maxValue > 5 && maxValue <= 10) {
|
||||
flotOptions.yaxis.tickSize = 2;
|
||||
} else if (maxValue > 10 && maxValue <= 15) {
|
||||
flotOptions.yaxis.tickSize = 5;
|
||||
} else if (maxValue > 15 && maxValue <= 70) {
|
||||
flotOptions.yaxis.tickSize = 5;
|
||||
} else {
|
||||
flotOptions.yaxis.tickSize = 10;
|
||||
}
|
||||
}
|
||||
/**
|
||||
* Create a div that represents the rectangular bar A hidden input class that is
|
||||
* used to pass the value and a label beside the checkbox.
|
||||
*
|
||||
* @param {Object}
|
||||
* entityLabel
|
||||
*/
|
||||
function createGraphic(entity, bottomDiv) {
|
||||
|
||||
var parentP = $('<p>');
|
||||
parentP.attr('id', slugify(entity.label));
|
||||
|
||||
var labelDiv = $('<div>')
|
||||
labelDiv.attr('id', 'label');
|
||||
labelDiv.html('<a id="entityURL" href="' + getEntityURL(entity) + '"></a>');
|
||||
labelDiv.children('a').after('<a id="vivoURL" href="' + getVIVOURL(entity) + '"></a>');
|
||||
|
||||
var checkbox = $('<input>');
|
||||
checkbox.attr('type','checkbox');
|
||||
checkbox.attr('checked', true);
|
||||
checkbox.attr('id','checkbox');
|
||||
checkbox.attr('class', 'easyDeselectCheckbox');
|
||||
checkbox.attr('value', entity.label);
|
||||
|
||||
var hiddenLabel = $('<label>');
|
||||
hiddenLabel.attr('type', 'hidden');
|
||||
hiddenLabel.attr('value', entity.label);
|
||||
|
||||
var barDiv = $('<div>');
|
||||
barDiv.attr('id', 'bar');
|
||||
|
||||
var numAttributeText = $('<span>');
|
||||
numAttributeText.attr('id', 'text');
|
||||
|
||||
parentP.append(checkbox);
|
||||
parentP.append(labelDiv);
|
||||
parentP.append(hiddenLabel);
|
||||
parentP.append(barDiv);
|
||||
parentP.append(numAttributeText);
|
||||
|
||||
bottomDiv.children('p.displayCounter').after(parentP);
|
||||
|
||||
return hiddenLabel;
|
||||
|
||||
}
|
||||
|
||||
function getVIVOURL(entity){
|
||||
|
||||
var result = "/vivo1/individual?uri="+entity.entityURI+"&home=1";
|
||||
return result;
|
||||
}
|
||||
|
||||
function getEntityURL(entity) {
|
||||
|
||||
var result = '', path = '', uri = '';
|
||||
|
||||
if(entity.visMode == "PERSON"){
|
||||
path = "/vivo1/individual?";
|
||||
uri = "uri=" + entity.entityURI;
|
||||
var home = "&home=1";
|
||||
result = (path + uri + home);
|
||||
}else{
|
||||
path = "/vivo1/visualization?";
|
||||
var visAndRenderMode = "vis=entity_comparison&render_mode=standalone&";
|
||||
var visMode = "vis_mode=" + entity.visMode + "&";
|
||||
uri = "uri=" + entity.entityURI;
|
||||
result = (path + visAndRenderMode + visMode + uri);
|
||||
}
|
||||
return result;
|
||||
}
|
||||
|
||||
function getVIVOProfileURL(given_uri) {
|
||||
|
||||
finalURL = $.ajax({
|
||||
url: contextPath + "/visualization",
|
||||
data: ({vis: "utilities", vis_mode: "PROFILE_URL", uri: given_uri}),
|
||||
dataType: "text",
|
||||
async: false,
|
||||
success:function(data){
|
||||
}
|
||||
}).responseText;
|
||||
|
||||
return finalURL;
|
||||
|
||||
}
|
||||
|
||||
function slugify(textToBeSlugified) {
|
||||
return textToBeSlugified.replace(/\s+/g, '-').replace(/[^a-zA-Z0-9\-]/g, '').toLowerCase();
|
||||
}
|
||||
|
||||
/**
|
||||
* remove the bar, label and checkbox during runtime.
|
||||
*
|
||||
* @param {Object}
|
||||
* label
|
||||
* @param {Object}
|
||||
* bar
|
||||
* @param {Object}
|
||||
* checkbox
|
||||
* @param {Object}
|
||||
* span
|
||||
*/
|
||||
function removeGraphic(checkbox) {
|
||||
|
||||
//console.log("removeGraphic is called for "+$(checkbox).attr("value"));
|
||||
var pToBeRemovedIdentifier = $(checkbox).attr("value");
|
||||
$('p#' + slugify(pToBeRemovedIdentifier)).remove();
|
||||
|
||||
$(checkbox).next('a').css("font-weight", "normal");
|
||||
}
|
||||
|
||||
/**
|
||||
* These are the options passed to by $.pagination(). Basically they define the
|
||||
* items visible per page, number of navigation tabs, and number of edge
|
||||
* navigation tabs.
|
||||
*
|
||||
* @param object
|
||||
* @param itemsPerPage
|
||||
* @param numberOfDisplayEntries
|
||||
* @param numOfEdgeEntries
|
||||
*/
|
||||
function setOptionsForPagination(object, itemsPerPage, numberOfDisplayEntries,
|
||||
numOfEdgeEntries) {
|
||||
|
||||
object = {
|
||||
items_per_page : itemsPerPage,
|
||||
num_display_entries : numberOfDisplayEntries,
|
||||
num_edge_entries : numOfEdgeEntries,
|
||||
prev_text : "Prev",
|
||||
next_text : "Next"
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
* function for removing "unknown" values (-1) just before data plotting.
|
||||
*
|
||||
* @jsonRecords the set of entities from which the unknowns have to be removed.
|
||||
*/
|
||||
function removeUnknowns(jsonRecords) {
|
||||
var i = 0, j = 0;
|
||||
|
||||
while (j < jsonRecords.length) {
|
||||
|
||||
jsonRecords[j].unknownsValue = -1;
|
||||
|
||||
for (i = 0; i < jsonRecords[j].data.length; i++) {
|
||||
if (jsonRecords[j].data[i][0] == -1) {
|
||||
jsonRecords[j].unknownsValue = jsonRecords[j].data[i][1];
|
||||
jsonRecords[j].data.splice(i, 1);
|
||||
i--;
|
||||
}
|
||||
}
|
||||
j++;
|
||||
}
|
||||
}
|
||||
|
||||
function insertBackUnknowns(jsonRecords) {
|
||||
var i = 0, j = 0;
|
||||
|
||||
while (j < jsonRecords.length) {
|
||||
if (jsonRecords[j].unknownsValue != -1) {
|
||||
jsonRecords[j].data.push( [ -1, jsonRecords[j].unknownsValue ]);
|
||||
}
|
||||
j++;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* function to get the next free color in the queue
|
||||
* side-effecting entity here.
|
||||
*/
|
||||
function getNextFreeColor(entity){
|
||||
|
||||
/* check freeColors is not empty and
|
||||
* Remove the first element out of freeColors
|
||||
*/
|
||||
|
||||
if (contains(freeColors, prevColor[entity.label])) {
|
||||
var index = contains(freeColors, prevColor[entity.label]);
|
||||
colorToAssign = freeColors[index];
|
||||
freeColors.splice(index, 1);
|
||||
} else {
|
||||
colorToAssign = freeColors.shift();
|
||||
}
|
||||
/*
|
||||
* use colorToAssign to plot the current linegraph
|
||||
* also store it in colors
|
||||
*/
|
||||
entity.color = colorToAssign;
|
||||
colors[entity.label] = colorToAssign;
|
||||
}
|
||||
|
||||
/**
|
||||
* generate the corresponding bar (representing area under the linegraph)
|
||||
* and label of the entity clicked
|
||||
* @param entity
|
||||
* @param divBar
|
||||
* @param divLabel
|
||||
* @return
|
||||
*/
|
||||
function generateBarAndLabel(entity, divBar, divLabel,checkbox, spanElement){
|
||||
|
||||
var sum = calcSumOfComparisonParameter(entity);
|
||||
var normalizedWidth = getNormalizedWidth(entity, sum);
|
||||
var checkboxValue = $(checkbox).attr("value");
|
||||
|
||||
//append a div and modify its css
|
||||
divBar.css("background-color", colorToAssign);
|
||||
divBar.css("width", normalizedWidth);
|
||||
divLabel.children("a#entityURL").html(checkboxValue + " ").css("color", "#333");
|
||||
// divLabel.children("a#entityURL").css("color", "#333").css("text-decoration", none);
|
||||
divLabel.children("a#entityURL").autoEllipsis();
|
||||
createVIVOProfileImage(divLabel.children("a#vivoURL"));
|
||||
divLabel.children("a").css("font-size", "0.8em");
|
||||
spanElement.text(sum);
|
||||
checkbox.next('a').css("font-weight", "bold");
|
||||
|
||||
}
|
||||
|
||||
function createVIVOProfileImage(url){
|
||||
|
||||
var vivoImage = $(url);
|
||||
|
||||
vivoImage.html("profile");
|
||||
vivoImage.css("background-color","#727272" );
|
||||
vivoImage.css("color", "white");
|
||||
vivoImage.css("padding", "2px");
|
||||
}
|
||||
|
||||
function getNormalizedWidth(entity, sum){
|
||||
|
||||
var maxValueOfComparisonParameter = calcMaxOfComparisonParameter(labelToEntityRecord);
|
||||
var normalizedWidth = 0;
|
||||
|
||||
normalizedWidth = Math.floor(225 * (sum / maxValueOfComparisonParameter));
|
||||
|
||||
return normalizedWidth;
|
||||
}
|
||||
|
||||
function renderLineGraph(renderedObjects, entity){
|
||||
|
||||
renderedObjects.push(entity);
|
||||
stuffZerosIntoLineGraphs(renderedObjects, year);
|
||||
|
||||
}
|
||||
|
||||
|
||||
function removeUsedColor(entity){
|
||||
|
||||
if (colors[entity.label]) {
|
||||
colorToRemove = colors[entity.label];
|
||||
prevColor[entity.label] = colorToRemove;
|
||||
entity.color = "";
|
||||
}
|
||||
|
||||
//Insert it at the end of freeColors
|
||||
freeColors.push(colorToRemove);
|
||||
}
|
||||
|
||||
function removeEntityUnChecked(renderedObjects, entity){
|
||||
|
||||
//remove the entity that is unchecked
|
||||
var ii = 0;
|
||||
while (ii < renderedObjects.length) {
|
||||
if (renderedObjects[ii].label == entity.label) {
|
||||
unStuffZerosFromLineGraph(renderedObjects[ii]);
|
||||
renderedObjects.splice(ii, 1);
|
||||
} else {
|
||||
ii++;
|
||||
}
|
||||
}
|
||||
unStuffZerosFromLineGraphs(renderedObjects, year);
|
||||
|
||||
}
|
||||
|
||||
|
||||
function generateCheckBoxes(label, checkedFlag, fontFlag){
|
||||
|
||||
var parentP = $('<p>');
|
||||
|
||||
var li = $('<li>');
|
||||
|
||||
var checkbox = $('<input>');
|
||||
checkbox.attr('type','checkbox');
|
||||
checkbox.attr('class','if_clicked_on_school');
|
||||
checkbox.attr('value', label);
|
||||
if(checkedFlag == 1){
|
||||
checkbox.attr('checked');
|
||||
}
|
||||
|
||||
var a = $('<a/>');
|
||||
if(fontFlag == 1){
|
||||
a.css("font-weight", "bold");
|
||||
}
|
||||
a.html(label);
|
||||
|
||||
parentP.append(li);
|
||||
parentP.append(checkbox);
|
||||
parentP.append(a);
|
||||
|
||||
return parentP;
|
||||
}
|
||||
|
||||
function clearRenderedObjects(){
|
||||
|
||||
$.each(labelToCheckedEntities, function(index, val){
|
||||
if($(val).is(':checked')){
|
||||
$(val).attr("checked", false);
|
||||
updateRowHighlighter(val);
|
||||
removeUsedColor(labelToEntityRecord[$(val).attr("value")]);
|
||||
removeEntityUnChecked(renderedObjects, labelToEntityRecord[$(val).attr("value")]);
|
||||
removeGraphic(val);
|
||||
displayLineGraphs();
|
||||
//console.log(index);
|
||||
}
|
||||
});
|
||||
|
||||
labelToCheckedEntities = {};
|
||||
checkIfColorLimitIsReached();
|
||||
updateCounter();
|
||||
|
||||
}
|
||||
|
||||
function updateCounter(){
|
||||
//notification about the max items that can be clicked
|
||||
$("#counter").text(renderedObjects.length);
|
||||
if (freeColors.length == 0) {
|
||||
$.jGrowl("Colors left: " + freeColors.length, {
|
||||
life: 50
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function displayLineGraphs(){
|
||||
//plot all we got
|
||||
if (renderedObjects.length == 0) {
|
||||
init(graphContainer);
|
||||
} else {
|
||||
removeUnknowns(renderedObjects);
|
||||
$.plot(graphContainer, renderedObjects, FlotOptions);
|
||||
insertBackUnknowns(renderedObjects);
|
||||
}
|
||||
}
|
||||
|
||||
function removeCheckBoxFromGlobalSet(checkbox){
|
||||
//remove checkbox object from the globals
|
||||
var value = $(checkbox).attr("value");
|
||||
if(labelToCheckedEntities[value]){
|
||||
delete labelToCheckedEntities[value];
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* function to create a table to be
|
||||
* used by jquery.dataTables. The JsonObject
|
||||
* returned is used to populate the pagination table.
|
||||
*/
|
||||
function prepareTableForDataTablePagination(jsonData){
|
||||
|
||||
resetStopWordCount();
|
||||
var checkboxCount = 0;
|
||||
var table = $('<table>');
|
||||
table.attr('cellpadding', '0');
|
||||
table.attr('cellspacing', '0');
|
||||
table.attr('border', '0');
|
||||
table.attr('id', 'datatable');
|
||||
table.css('font-size', '0.9em');
|
||||
|
||||
var thead = $('<thead>');
|
||||
var tr = $('<tr>');
|
||||
|
||||
var checkboxTH = $('<th>');
|
||||
checkboxTH.html(' ');
|
||||
|
||||
var entityLabelTH = $('<th>');
|
||||
entityLabelTH.html('Entity Label');
|
||||
|
||||
var publicationCountTH = $('<th>');
|
||||
publicationCountTH.html('Publication Count');
|
||||
|
||||
var entityTypeTH = $('<th>');
|
||||
entityTypeTH.html('* Entity Type');
|
||||
|
||||
tr.append(checkboxTH);
|
||||
tr.append(entityLabelTH);
|
||||
tr.append(publicationCountTH);
|
||||
tr.append(entityTypeTH);
|
||||
|
||||
thead.append(tr);
|
||||
|
||||
table.append(thead);
|
||||
|
||||
var tbody = $('<tbody>');
|
||||
|
||||
$.each(labelToEntityRecord, function(index, val){
|
||||
var entityTypesWithoutStopWords = removeStopWords(val);
|
||||
var row = $('<tr>');
|
||||
|
||||
var checkboxTD = $('<td>');
|
||||
checkboxTD.html('<input type="checkbox" class="if_clicked_on_school" value="' + index + '"'+'/>');
|
||||
|
||||
var labelTD = $('<td>');
|
||||
labelTD.css("width", "100px");
|
||||
labelTD.html(index);
|
||||
// labelTD.autoEllipsis();
|
||||
|
||||
var publicationCountTD = $('<td>');
|
||||
publicationCountTD.html(calcSumOfComparisonParameter(val));
|
||||
|
||||
var entityTypeTD = $('<td>');
|
||||
//entityTypeTD.html(val.organizationType.join(", "));
|
||||
entityTypeTD.html(entityTypesWithoutStopWords);
|
||||
|
||||
row.append(checkboxTD);
|
||||
row.append(labelTD);
|
||||
row.append(publicationCountTD);
|
||||
row.append(entityTypeTD);
|
||||
|
||||
tbody.append(row);
|
||||
checkboxCount++;
|
||||
});
|
||||
|
||||
// console.log('creating '+ checkboxCount + ' checkboxes inside the data table');
|
||||
|
||||
table.append(tbody);
|
||||
tableDiv.append(table);
|
||||
|
||||
$('#datatable').dataTable({
|
||||
"sDom": '<"searchbar"f><"paginatedtabs"p><"datatablewrapper"t>',
|
||||
"aaSorting" : [[2, "desc"]],
|
||||
"iDisplayLength": 10,
|
||||
"sPaginationType": "full_numbers",
|
||||
// "aLengthMenu" : [5,10,15],
|
||||
"fnDrawCallback": function() {
|
||||
$('tr>td:nth-child(1)>input').bind('click', function () { $(this).parent().parent().children().each(function(){$(this).addClass('datatablerowhighlight');}); });
|
||||
$('tr>td:nth-child(1)>input').bind('click', function () { if(!$(this).is(':checked')) { $(this).parent().parent().children().each(function(){$(this).removeClass('datatablerowhighlight');});} });
|
||||
}
|
||||
|
||||
// "bLengthChange": false,
|
||||
// "bAutoWidth": false
|
||||
});
|
||||
|
||||
|
||||
bindPaginatedTabsToEvents();
|
||||
|
||||
}
|
||||
|
||||
function bindPaginatedTabsToEvents(){
|
||||
|
||||
$('#datatable_paginate>span').bind('click', function(){
|
||||
//console.log($(this));
|
||||
checkIfColorLimitIsReached();
|
||||
// bindInnerPaginatedTabsToEvents();
|
||||
// $.each($('#datatable_paginate>span>span'), function(index, val){
|
||||
// console.log('child: ', $(this));
|
||||
// });
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
//function bindInnerPaginatedTabsToEvents(){
|
||||
// $('#datatable_paginate>span>span').live('click', function(){
|
||||
// console.log($(this), 'is clicked');
|
||||
// });
|
||||
//}
|
||||
|
||||
function updateRowHighlighter(linkedCheckBox){
|
||||
linkedCheckBox.parent().parent().children().each(function(){$(this).removeClass('datatablerowhighlight');});
|
||||
}
|
||||
|
||||
|
||||
function resetStopWordCount(){
|
||||
stopWordsToCount["Person"] = 0;
|
||||
stopWordsToCount["Organization"] = 0;
|
||||
}
|
||||
|
||||
function removeStopWords(val){
|
||||
var typeStringWithoutStopWords = "";
|
||||
$.each(val.organizationType, function(index, value){
|
||||
if(value == "Person"){
|
||||
stopWordsToCount["Person"]++;
|
||||
}else if(value == "Organization"){
|
||||
stopWordsToCount["Organization"]++;
|
||||
}else{
|
||||
typeStringWithoutStopWords += ', '+ value;
|
||||
}
|
||||
});
|
||||
//console.log(stopWordsToCount["Person"],stopWordsToCount["Organization"]);
|
||||
return typeStringWithoutStopWords.substring(1, typeStringWithoutStopWords.length);
|
||||
}
|
||||
|
||||
function setEntityLevel(){
|
||||
$('#entitylevelheading').text(' - ' + toCamelCase(entityLevel) + ' Level').css('font-style', 'italic');
|
||||
$('#entityleveltext').text(' ' + entityLevel.toLowerCase() + 's ').css('font-style', 'italic');
|
||||
$('#entityHeader').text(toCamelCase(entityLevel)).css('font-weight', 'bold');
|
||||
}
|
||||
|
||||
function getEntityVisMode(jsonData){
|
||||
$.each(jsonData, function(index, val){
|
||||
if (val.visMode == "SCHOOL" || val.visMode == "UNIVERSITY" || val.visMode == "DEPARTMENT"){
|
||||
entityLevel = "Institution";
|
||||
}else {
|
||||
entityLevel = "Person";
|
||||
}
|
||||
return;
|
||||
});
|
||||
}
|
||||
|
||||
function toCamelCase(string){
|
||||
return (string.substr(0,1).toUpperCase() + string.substr(1, string.length-1).toLowerCase());
|
||||
}
|
||||
|
||||
function getSize(map){
|
||||
var size = 0;
|
||||
|
||||
$.each(map, function(){
|
||||
size++;
|
||||
});
|
||||
|
||||
return size;
|
||||
}
|
||||
|
||||
function disableUncheckedEntities(){
|
||||
//console.log('Inside disableUncheckedEntities');
|
||||
|
||||
var unCheckedBoxes = $("input[type=checkbox].if_clicked_on_school").filter(function(){
|
||||
if(!$(this).is(':checked')){
|
||||
//console.log($(this).attr("value"));
|
||||
return $(this);
|
||||
}
|
||||
});
|
||||
|
||||
$.each(unCheckedBoxes, function(index, val){
|
||||
$(val).attr('disabled', true);
|
||||
});
|
||||
}
|
||||
|
||||
function enableUncheckedEntities(){
|
||||
var disabledCheckedBoxes = $("input[type=checkbox].if_clicked_on_school").filter(function(){
|
||||
if($(this).attr('disabled', true)){
|
||||
//console.log($(this).attr("value"));
|
||||
return $(this);
|
||||
}
|
||||
});
|
||||
|
||||
$.each(disabledCheckedBoxes, function(index, val){
|
||||
$(val).attr('disabled', false);
|
||||
});
|
||||
}
|
||||
|
||||
function checkIfColorLimitIsReached(){
|
||||
|
||||
if(getSize(labelToCheckedEntities) >= 10){
|
||||
disableUncheckedEntities();
|
||||
}else{
|
||||
enableUncheckedEntities();
|
||||
}
|
||||
}
|
||||
|
||||
function setTickSizeOfAxes(){
|
||||
|
||||
var checkedLabelToEntityRecord = {};
|
||||
var yearRange;
|
||||
|
||||
$.each(labelToCheckedEntities, function(index, val){
|
||||
checkedLabelToEntityRecord[index] = labelToEntityRecord[index];
|
||||
});
|
||||
|
||||
calcMinandMaxYears(checkedLabelToEntityRecord, year);
|
||||
yearRange = (year.max - year.min);
|
||||
|
||||
setLineWidthAndTickSize(yearRange, FlotOptions);
|
||||
setTickSizeOfYAxis(calcMaxWithinComparisonParameter(checkedLabelToEntityRecord), FlotOptions);
|
||||
}
|
||||
Loading…
Add table
Reference in a new issue