1. Making changes to house the draft integration of coauthor, sparkline & other person level vis's content in one place.
2. Made changes to the styling of some elements like publication data table etc.
This commit is contained in:
cdtank
parent
64ff99a222
commit
12a005ea96
5 changed files with 317 additions and 299 deletions
|
|
@ -127,7 +127,8 @@ public class VisualizationRequestHandler {
|
|||
|
||||
prepareVisualizationQueryStandaloneResponse(egoURIParam, sparklineVO, request, response, vitroRequest);
|
||||
|
||||
requestDispatcher = request.getRequestDispatcher("/templates/page/blankPage.jsp");
|
||||
// requestDispatcher = request.getRequestDispatcher("/templates/page/blankPage.jsp");
|
||||
requestDispatcher = request.getRequestDispatcher(Controllers.BASIC_JSP);
|
||||
|
||||
try {
|
||||
requestDispatcher.forward(request, response);
|
||||
|
|
@ -186,18 +187,15 @@ public class VisualizationRequestHandler {
|
|||
VitroRequest vreq) {
|
||||
|
||||
Portal portal = vreq.getPortal();
|
||||
|
||||
// request.setAttribute("visContentCode", visContentCode);
|
||||
// request.setAttribute("visContextCode", visContextCode);
|
||||
|
||||
|
||||
request.setAttribute("egoURIParam", egoURIParam);
|
||||
request.setAttribute("sparklineVO", sparklineVO);
|
||||
|
||||
request.setAttribute("bodyJsp", "/templates/visualization/person_level.jsp");
|
||||
request.setAttribute("title", "Person Level Visualization");
|
||||
request.setAttribute("portalBean", portal);
|
||||
// request.setAttribute("title", "Individual Publication Count Visualization");
|
||||
// request.setAttribute("scripts", "/templates/visualization/visualization_scripts.jsp");
|
||||
|
||||
request.setAttribute("scripts", "/templates/visualization/person_level_inject_head.jsp");
|
||||
|
||||
request.setAttribute("bodyJsp", "/templates/visualization/person_level.jsp");
|
||||
}
|
||||
|
||||
private void handleMalformedParameters(String errorMessage)
|
||||
|
|
|
|||
|
|
@ -144,7 +144,7 @@ public class VisualizationCodeGenerator {
|
|||
numOfYearsToBeRendered = currentYear - minPubYearConsidered + 1;
|
||||
|
||||
visualizationCode.append("<style type='text/css'>" +
|
||||
"." + visualizationStyleClass + " table{" +
|
||||
/*"." + visualizationStyleClass + " table{" +
|
||||
" margin: 0;" +
|
||||
" padding: 0;" +
|
||||
" width: auto;" +
|
||||
|
|
@ -158,7 +158,7 @@ public class VisualizationCodeGenerator {
|
|||
"#sparkline_data_table tfoot {" +
|
||||
"color: red;" +
|
||||
"font-size:0.9em;" +
|
||||
"}" +
|
||||
"}" +*/
|
||||
".sparkline_text {" +
|
||||
"margin-left:72px;" +
|
||||
"position:absolute;" +
|
||||
|
|
@ -169,6 +169,9 @@ public class VisualizationCodeGenerator {
|
|||
"font-style:italic;" +
|
||||
"}" +
|
||||
"</style>\n");
|
||||
|
||||
|
||||
|
||||
|
||||
visualizationCode.append("<script type=\"text/javascript\">\n" +
|
||||
"function drawVisualization() {\n" +
|
||||
|
|
|
|||
|
|
@ -7,9 +7,11 @@ function getWellFormedURLs(given_uri, type) {
|
|||
|
||||
// $(document).ready(function() {
|
||||
|
||||
var finalURL;
|
||||
|
||||
if (type == "coauthorship") {
|
||||
|
||||
var finalURL = $.ajax({
|
||||
finalURL = $.ajax({
|
||||
url: contextPath + "/admin/visQuery",
|
||||
data: ({vis: "utilities", vis_mode: "COAUTHORSHIP_URL", uri: given_uri}),
|
||||
dataType: "text",
|
||||
|
|
@ -24,7 +26,7 @@ function getWellFormedURLs(given_uri, type) {
|
|||
|
||||
} else if (type == "profile") {
|
||||
|
||||
var finalURL = $.ajax({
|
||||
finalURL = $.ajax({
|
||||
url: contextPath + "/admin/visQuery",
|
||||
data: ({vis: "utilities", vis_mode: "PROFILE_URL", uri: given_uri}),
|
||||
dataType: "text",
|
||||
|
|
@ -37,7 +39,7 @@ function getWellFormedURLs(given_uri, type) {
|
|||
|
||||
} else if (type == "image") {
|
||||
|
||||
var finalURL = $.ajax({
|
||||
finalURL = $.ajax({
|
||||
url: contextPath + "/admin/visQuery",
|
||||
data: ({vis: "utilities", vis_mode: "IMAGE_URL", uri: given_uri}),
|
||||
dataType: "text",
|
||||
|
|
@ -62,7 +64,7 @@ function getWellFormedURLs(given_uri, type) {
|
|||
return profileInfoJSON;
|
||||
|
||||
}
|
||||
|
||||
|
||||
// });
|
||||
}
|
||||
|
||||
|
|
@ -70,99 +72,160 @@ $.fn.image = function(src, successFunc, failureFunc){
|
|||
return this.each(function(){
|
||||
var profileImage = new Image();
|
||||
profileImage.src = src;
|
||||
profileImage.width = 150;
|
||||
profileImage.width = 90;
|
||||
profileImage.onerror = failureFunc;
|
||||
profileImage.onload = successFunc;
|
||||
|
||||
|
||||
|
||||
|
||||
return profileImage;
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
function setProfileImage(imageContainerID, rawPath, contextPath) {
|
||||
|
||||
|
||||
if (imageContainerID == "") {
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
var imageLink = contextPath + rawPath;
|
||||
|
||||
|
||||
var imageContainer = $("#" + imageContainerID);
|
||||
imageContainer.image(imageLink,
|
||||
function(){
|
||||
imageContainer.empty().append(this);
|
||||
},
|
||||
function(){
|
||||
//For performing any action on failure to
|
||||
//find the image.
|
||||
// For performing any action on failure to
|
||||
// find the image.
|
||||
imageContainer.empty();
|
||||
}
|
||||
);
|
||||
|
||||
|
||||
}
|
||||
|
||||
function setProfileMoniker(monikerContainerID, moniker) {
|
||||
|
||||
|
||||
if (monikerContainerID == "") {
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
$("#" + monikerContainerID).empty().text(moniker);
|
||||
|
||||
|
||||
}
|
||||
|
||||
function setProfileName(nameContainerID, name) {
|
||||
|
||||
|
||||
if (nameContainerID == "") {
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
$("#" + nameContainerID).empty().text(name);
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
function processProfileInformation(nameContainerID,
|
||||
monikerContainerID,
|
||||
imageContainerID,
|
||||
profileInfoJSON) {
|
||||
|
||||
|
||||
monikerContainerID,
|
||||
imageContainerID,
|
||||
profileInfoJSON) {
|
||||
|
||||
|
||||
var name, imageRawPath, imageContextPath, moniker;
|
||||
|
||||
|
||||
$.each(profileInfoJSON, function(key, set){
|
||||
|
||||
if (key.search(/imageThumb/i) > -1) {
|
||||
|
||||
imageRawPath = set[0];
|
||||
|
||||
} else if (key.search(/imageContextPath/i) > -1) {
|
||||
|
||||
imageContextPath = set[0];
|
||||
|
||||
} else if (key.search(/moniker/i) > -1) {
|
||||
|
||||
moniker = set[0];
|
||||
|
||||
} else if (key.search(/label/i) > -1) {
|
||||
|
||||
name = set[0];
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
|
||||
if (key.search(/imageThumb/i) > -1) {
|
||||
|
||||
imageRawPath = set[0];
|
||||
|
||||
} else if (key.search(/imageContextPath/i) > -1) {
|
||||
|
||||
imageContextPath = set[0];
|
||||
|
||||
} else if (key.search(/moniker/i) > -1) {
|
||||
|
||||
moniker = set[0];
|
||||
|
||||
} else if (key.search(/label/i) > -1) {
|
||||
|
||||
name = set[0];
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
setProfileName(nameContainerID, name);
|
||||
setProfileMoniker(monikerContainerID, moniker);
|
||||
setProfileImage(imageContainerID, imageRawPath, imageContextPath);
|
||||
|
||||
|
||||
}
|
||||
|
||||
function visLoaded(nodes){
|
||||
|
||||
var jsonedNodes = jQuery.parseJSON(nodes);
|
||||
|
||||
$(document).ready(function() {
|
||||
createTable("coauthorships_table", "coauth_table_container", jsonedNodes.slice(1));
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
function createTable(tableID, tableContainer, tableData) {
|
||||
|
||||
var table = $('<table>');
|
||||
table.attr('id', tableID);
|
||||
// var columns = {'Author', 'Count'};
|
||||
|
||||
|
||||
table.append($('<caption>').html("Co-Authorships"));
|
||||
|
||||
var header = $('<thead>');
|
||||
|
||||
|
||||
var row = $('<tr>');
|
||||
|
||||
|
||||
// Loop thru our columns collection and add each one to the header row
|
||||
// for (columnName in columns) {
|
||||
// header.append($('<th>').html(columnName));
|
||||
// }
|
||||
|
||||
row.append($('<th>').html("Author"));
|
||||
row.append($('<th>').html("Count"));
|
||||
|
||||
header.append(row);
|
||||
|
||||
table.append(header);
|
||||
|
||||
$.each(tableData, function(i, item){
|
||||
|
||||
var row = $('<tr>');
|
||||
|
||||
// console.log(item.name + " - " +
|
||||
// item.number_of_authored_works);
|
||||
|
||||
row.append($('<td>').html(item.name));
|
||||
row.append($('<td>').html(item.number_of_authored_works));
|
||||
|
||||
|
||||
table.append(row);
|
||||
|
||||
});
|
||||
|
||||
// var footer = $('<tr>');
|
||||
// var addIcon = $('<img>').attr('src','path/to/add.gif').click(AddRow);
|
||||
// footer.append($('<td>').append(addIcon));
|
||||
// for (i in columns)
|
||||
// footer.append($('<td>'));
|
||||
// table.append(footer);
|
||||
|
||||
table.prependTo('#' + tableContainer);
|
||||
// return false; // Return false so the link doesn't try to go anywhere
|
||||
}
|
||||
|
||||
function nodeClickedJS(json){
|
||||
|
||||
|
||||
var obj = jQuery.parseJSON(json);
|
||||
|
||||
$("#newsLetter").attr("style","visibility:visible");
|
||||
|
|
@ -176,9 +239,9 @@ function nodeClickedJS(json){
|
|||
$("#profileUrl").attr("href", getWellFormedURLs(obj.url, "profile"));
|
||||
$("#coAuthorshipVisUrl").attr("href", getWellFormedURLs(obj.url, "coauthorship"));
|
||||
processProfileInformation("",
|
||||
"profileMoniker",
|
||||
"profileImage",
|
||||
jQuery.parseJSON(getWellFormedURLs(obj.url, "profile_info")));
|
||||
"profileMoniker",
|
||||
"profileImage",
|
||||
jQuery.parseJSON(getWellFormedURLs(obj.url, "profile_info")));
|
||||
|
||||
} else{
|
||||
$("#profileUrl").attr("href","#");
|
||||
|
|
@ -196,34 +259,34 @@ function nodeClickedJS(json){
|
|||
}
|
||||
|
||||
function renderSparklineVisualization(visualizationURL) {
|
||||
|
||||
$(document).ready(function() {
|
||||
|
||||
//$("#ego_sparkline").empty().html('<img src="${loadingImageLink}" />');
|
||||
|
||||
$.ajax({
|
||||
url: visualizationURL,
|
||||
dataType: "html",
|
||||
success:function(data){
|
||||
$("#ego_sparkline").html(data);
|
||||
$(document).ready(function() {
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
// $("#ego_sparkline").empty().html('<img src="${loadingImageLink}" />');
|
||||
|
||||
$.ajax({
|
||||
url: visualizationURL,
|
||||
dataType: "html",
|
||||
success:function(data){
|
||||
$("#ego_sparkline").html(data);
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
function renderCoAuthorshipVisualization() {
|
||||
|
||||
//Version check for the Flash Player that has the ability to start Player
|
||||
//Product Install (6.0r65)
|
||||
// Version check for the Flash Player that has the ability to start Player
|
||||
// Product Install (6.0r65)
|
||||
var hasProductInstall = DetectFlashVer(6, 0, 65);
|
||||
|
||||
//Version check based upon the values defined in globals
|
||||
|
||||
// Version check based upon the values defined in globals
|
||||
var hasRequestedVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);
|
||||
|
||||
|
||||
if ( hasProductInstall && !hasRequestedVersion ) {
|
||||
// DO NOT MODIFY THE FOLLOWING FOUR LINES
|
||||
// Location visited after installation is complete if installation is
|
||||
|
|
@ -232,7 +295,7 @@ function renderCoAuthorshipVisualization() {
|
|||
var MMredirectURL = window.location;
|
||||
document.title = document.title.slice(0, 47) + " - Flash Player Installation";
|
||||
var MMdoctitle = document.title;
|
||||
|
||||
|
||||
AC_FL_RunContent(
|
||||
"src", "playerProductInstall",
|
||||
"FlashVars", "MMredirectURL="+MMredirectURL+'&MMplayerType='+MMPlayerType+'&MMdoctitle='+MMdoctitle+"",
|
||||
|
|
@ -1,136 +1,57 @@
|
|||
<%@ page import="edu.cornell.mannlib.vitro.webapp.visualization.personpubcount.VisVOContainer" %>
|
||||
<%@ page import="edu.cornell.mannlib.vitro.webapp.visualization.personpubcount.VisVOContainer"%>
|
||||
|
||||
<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
|
||||
|
||||
<c:set var="portalBean" value="${requestScope.portalBean}" />
|
||||
<c:set var="themeDir"><c:out value="${portalBean.themeDir}" /></c:set>
|
||||
<c:set var="contextPath"><c:out value="${pageContext.request.contextPath}" /></c:set>
|
||||
<c:set var='sparkline' value='${requestScope.sparklineVO}'/>
|
||||
<c:url var="visImageContextPath" value="/${themeDir}site_icons/visualization/" />
|
||||
|
||||
<c:url var="egoCoAuthorshipDataURL" value="/admin/visQuery">
|
||||
<c:param name="vis" value="coauthorship" />
|
||||
<c:set var='sparkline' value='${requestScope.sparklineVO}' />
|
||||
|
||||
<c:url var="egoSparklineDataURL" value="/admin/visQuery">
|
||||
<c:param name="render_mode" value="data" />
|
||||
<c:param name="vis" value="person_pub_count" />
|
||||
<c:param name="uri" value="${requestScope.egoURIParam}" />
|
||||
</c:url>
|
||||
|
||||
<c:url var="coAuthorshipDownloadFile" value="/admin/visQuery">
|
||||
<c:param name="vis" value="person_level" />
|
||||
<c:param name="render_mode" value="data" />
|
||||
<c:param name="uri" value="${requestScope.egoURIParam}" />
|
||||
<c:param name="labelField" value="name" />
|
||||
</c:url>
|
||||
|
||||
|
||||
<c:url var="egoSparklineVisURL" value="/admin/visQuery">
|
||||
<c:param name="render_mode" value="dynamic"/>
|
||||
<c:param name="container" value="ego_sparkline"/>
|
||||
<c:param name="vis" value="person_pub_count"/>
|
||||
<c:param name="vis_mode" value="full"/>
|
||||
<c:param name="uri" value="${requestScope.egoURIParam}"/>
|
||||
</c:url>
|
||||
|
||||
<c:url var="jquery" value="/js/jquery.js" />
|
||||
<c:url var="adobeFlashDetector" value="/js/visualization/coauthorship/AC_OETags.js" />
|
||||
<c:url var="coAuthorShipJavaScript" value="/js/visualization/coauthorship/co_authorship.js" />
|
||||
<c:url var="googleVisualizationAPI" value="http://www.google.com/jsapi?autoload=%7B%22modules%22%3A%5B%7B%22name%22%3A%22visualization%22%2C%22version%22%3A%221%22%2C%22packages%22%3A%5B%22areachart%22%2C%22imagesparkline%22%5D%7D%5D%7D"/>
|
||||
<c:url var="style" value="/${themeDir}css/visualization/coauthorship/style.css" />
|
||||
<c:url var="noImage" value="/${themeDir}site_icons/visualization/coauthorship/no_image.png" />
|
||||
<c:url var="swfLink" value="/${themeDir}site_icons/visualization/coauthorship/CoAuthor.swf" />
|
||||
|
||||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
||||
|
||||
|
||||
<title>Co-Authorship Visualization</title>
|
||||
|
||||
<script type="text/javascript" src="${adobeFlashDetector}"></script>
|
||||
|
||||
|
||||
<script language="JavaScript" type="text/javascript">
|
||||
<!--
|
||||
// -----------------------------------------------------------------------------
|
||||
// Globals
|
||||
// Major version of Flash required
|
||||
var requiredMajorVersion = 10;
|
||||
// Minor version of Flash required
|
||||
var requiredMinorVersion = 0;
|
||||
// Minor version of Flash required
|
||||
var requiredRevision = 0;
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
|
||||
var swfLink = "${swfLink}";
|
||||
var egoCoAuthorshipDataURL = "${egoCoAuthorshipDataURL}";
|
||||
var contextPath = "${contextPath}";
|
||||
|
||||
|
||||
// -->
|
||||
</script>
|
||||
|
||||
<script type="text/javascript" src="${jquery}"></script>
|
||||
<script type="text/javascript" src="${googleVisualizationAPI}"></script>
|
||||
<link href="${style}" rel="stylesheet" type="text/css" />
|
||||
|
||||
<script type="text/javascript" src="${coAuthorShipJavaScript}"></script>
|
||||
|
||||
<style type="text/css">
|
||||
#ego_sparkline {
|
||||
cursor:pointer;
|
||||
height:36px;
|
||||
margin-left:24%;
|
||||
/*margin-top:-18%;*/
|
||||
position:absolute;
|
||||
width:471px;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
|
||||
<div id="body">
|
||||
|
||||
|
||||
<%-- Label --%>
|
||||
<div id="body"><%-- Label --%>
|
||||
<div class="datatypePropertyValue">
|
||||
<div class="statementWrap">
|
||||
<span id="ego_label"></span>
|
||||
</div>
|
||||
<div class="statementWrap"><span id="ego_label"
|
||||
class="author_name"></span></div>
|
||||
</div>
|
||||
|
||||
<%-- Moniker--%>
|
||||
<%-- Moniker--%>
|
||||
<div class="datatypeProperties">
|
||||
<div class="datatypePropertyValue">
|
||||
<div class="statementWrap">
|
||||
<span id="ego_moniker" class="moniker"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="datatypePropertyValue">
|
||||
<div class="statementWrap"><span id="ego_moniker"
|
||||
class="author_moniker"></span></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<%-- Image --%>
|
||||
<div class="datatypeProperties">
|
||||
<div class="datatypePropertyValue">
|
||||
<div id="ego_profile_image" class="statementWrap thumbnail">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<%-- Sparkline --%>
|
||||
<%-- Image --%>
|
||||
<div class="datatypeProperties">
|
||||
<div class="datatypePropertyValue">
|
||||
<div id="ego_sparkline">
|
||||
|
||||
${sparkline.sparklineContent}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="datatypePropertyValue">
|
||||
<div id="ego_profile_image" class="statementWrap thumbnail"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<%-- Sparkline --%>
|
||||
<div class="datatypeProperties">
|
||||
<div class="datatypePropertyValue">
|
||||
<div id="ego_sparkline">${sparkline.sparklineContent}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div id="topShadow"></div>
|
||||
<div id="bodyPannel" style="height: 900px;"><br class="spacer" />
|
||||
<div id="visPanel" style="float: left; width: 610px;">
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
<!--
|
||||
|
|
@ -139,10 +60,7 @@ renderCoAuthorshipVisualization();
|
|||
|
||||
//-->
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</div>
|
||||
</script></div>
|
||||
<div id="dataPanel" style="float: left; width: 150px;"><br />
|
||||
<br />
|
||||
<br />
|
||||
|
|
@ -150,32 +68,36 @@ renderCoAuthorshipVisualization();
|
|||
<br />
|
||||
<br />
|
||||
|
||||
<div id="newsLetter" style="visibility: hidden">
|
||||
<span class="nltop"></span>
|
||||
<div class="middle" id="nodeData">
|
||||
<div id="profileImage"></div>
|
||||
<div class="bold"><strong><span id="authorName"> </span></strong></div>
|
||||
<div class="italicize"><span id="profileMoniker"></span></div>
|
||||
<div class="works"><span class="numbers" style="width: 40px;"
|
||||
id="works">6</span> <span class="title">Works</span></div>
|
||||
<div class="works"><span class="numbers" style="width: 40px;"
|
||||
id="coAuthors">78</span> <span>Co-author(s)</span></div>
|
||||
<br />
|
||||
<div id="firstPublication"><span></span> <span>First
|
||||
Publication</span></div>
|
||||
<div id="lastPublication"><span></span> Last Publication</div>
|
||||
<br />
|
||||
<div><a href="#" id="profileUrl">VIVO profile</a></div>
|
||||
<br />
|
||||
<div><a href="#" id="coAuthorshipVisUrl">Co-author network of <span id="coAuthorName"></span></a></div>
|
||||
</div>
|
||||
<br class="spacer"> <span class="nlbottom"></span>
|
||||
</div>
|
||||
<div id="newsLetter" style="visibility: hidden"><span
|
||||
class="nltop"></span>
|
||||
<div class="middle" id="nodeData">
|
||||
<div id="profileImage"></div>
|
||||
<div class="bold"><strong><span id="authorName"
|
||||
class="author_name"> </span></strong></div>
|
||||
<div class="italicize"><span id="profileMoniker"
|
||||
class="author_moniker"></span></div>
|
||||
<div class="works"><span class="numbers" style="width: 40px;"
|
||||
id="works">6</span> <span class="title">Works</span></div>
|
||||
<div class="works"><span class="numbers" style="width: 40px;"
|
||||
id="coAuthors">78</span> <span>Co-author(s)</span></div>
|
||||
<br />
|
||||
<div id="firstPublication"><span></span> <span>First
|
||||
Publication</span></div>
|
||||
<div id="lastPublication"><span></span> Last Publication</div>
|
||||
<br />
|
||||
<div><a href="#" id="profileUrl">VIVO profile</a></div>
|
||||
<br />
|
||||
<div><a href="#" id="coAuthorshipVisUrl">Co-author network of
|
||||
<span id="coAuthorName"></span></a></div>
|
||||
</div>
|
||||
<br class="spacer"> <span class="nlbottom"></span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
Download co-authorship newtwork as <a href="/vivo1/admin/visQuery?uri=http%3A%2F%2Fvivo.library.cornell.edu%2Fns%2F0.1%23individual5748&vis=person_pub_count&render_mode=data">.graphml</a> file.
|
||||
|
||||
<span class="no_href_styles"> <a href="${coAuthorshipDownloadFile}"><img
|
||||
src="${visImageContextPath}download_graphml.png" width="91" height="25" /></a>
|
||||
</span>
|
||||
<div id="bottomShadow"></div>
|
||||
|
||||
|
||||
|
|
@ -183,64 +105,60 @@ Download co-authorship newtwork as <a href="/vivo1/admin/visQuery?uri=http%3A%2F
|
|||
|
||||
<br class="spacer" />
|
||||
|
||||
<table id="publications_data_table">
|
||||
<caption>Publications per year</caption>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Year</th>
|
||||
<th>Publications</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>2004</td>
|
||||
<td>4</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2005</td>
|
||||
<td>2</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>11</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Unknown</td>
|
||||
<td>1</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<style type="text/css">
|
||||
.vis-stats {
|
||||
width: 760px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
Download data as <a href="/vivo1/admin/visQuery?uri=http%3A%2F%2Fvivo.library.cornell.edu%2Fns%2F0.1%23individual5748&vis=person_pub_count&render_mode=data">.csv</a> file.
|
||||
.vis-tables {
|
||||
width: 25%;
|
||||
padding: 5px;
|
||||
margin: 5px;
|
||||
background-color: #FFF;
|
||||
border: 1px solid #ddebf1;
|
||||
float: left;
|
||||
}
|
||||
|
||||
<table id="coauthorships_data_table">
|
||||
<caption>Co - Authorhips</caption>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Publications</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>2004</td>
|
||||
<td>4</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2005</td>
|
||||
<td>2</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>11</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Unknown</td>
|
||||
<td>1</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
p.datatable {
|
||||
font-size: 12px;
|
||||
display: block;
|
||||
margin: 2px;
|
||||
padding: 0
|
||||
}
|
||||
|
||||
.datatable table {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.datatable img {
|
||||
float: right;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.datatable table caption {
|
||||
color: #16234c;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 14px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="vis-stats">
|
||||
<div class="vis-tables">
|
||||
<p class="datatable">${sparkline.table}
|
||||
<a href="${egoSparklineDataURL}" class="no_href_styles">
|
||||
<img src="${visImageContextPath}download_csv.png" width="91" height="25" />
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="vis-tables">
|
||||
<p id="coauth_table_container" class="datatable"></p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
|
|
@ -251,25 +169,5 @@ $(document).ready(function(){
|
|||
"ego_profile_image",
|
||||
jQuery.parseJSON(getWellFormedURLs("${requestScope.egoURIParam}", "profile_info")));
|
||||
|
||||
//renderSparklineVisualization("${egoSparklineVisURL}");
|
||||
|
||||
|
||||
var obj = jQuery.parseJSON('{"name":"John"}');
|
||||
//console.log(obj)
|
||||
|
||||
var obj = jQuery.parseJSON('{"imageOffset2":["sup"],"A":["2001","2002","2003","2090","Unknown"],"B":["2001","2002","2003","2090","Unknown"],"C":["2001","2002","2003","2090","Unknown"],"imageOffset":["2090","2002","2003","2001"]}');
|
||||
//console.log(obj)
|
||||
|
||||
$.each(obj, function(i, item){
|
||||
//console.log("i - " + i + " item - " + item);
|
||||
$.each(item, function(index, vals) {
|
||||
//console.log(index + " - val - " + vals);
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
</script>
|
||||
|
|
@ -0,0 +1,56 @@
|
|||
<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c" %>
|
||||
|
||||
<c:set var="portalBean" value="${requestScope.portalBean}" />
|
||||
<c:set var="themeDir">
|
||||
<c:out value="${portalBean.themeDir}" />
|
||||
</c:set>
|
||||
<c:set var="contextPath">
|
||||
<c:out value="${pageContext.request.contextPath}" />
|
||||
</c:set>
|
||||
|
||||
<c:url var="egoCoAuthorshipDataFeederURL" value="/admin/visQuery">
|
||||
<c:param name="vis" value="coauthorship" />
|
||||
<c:param name="render_mode" value="data" />
|
||||
<c:param name="uri" value="${requestScope.egoURIParam}" />
|
||||
<c:param name="labelField" value="name" />
|
||||
</c:url>
|
||||
|
||||
<c:url var="swfLink" value="/${themeDir}site_icons/visualization/coauthorship/CoAuthor.swf" />
|
||||
|
||||
<c:url var="jquery" value="/js/jquery.js"/>
|
||||
<c:url var="adobeFlashDetector" value="/js/visualization/coauthorship/AC_OETags.js" />
|
||||
<c:url var="googleVisualizationAPI" value="http://www.google.com/jsapi?autoload=%7B%22modules%22%3A%5B%7B%22name%22%3A%22visualization%22%2C%22version%22%3A%221%22%2C%22packages%22%3A%5B%22areachart%22%2C%22imagesparkline%22%5D%7D%5D%7D"/>
|
||||
<c:url var="coAuthorShipJavaScript" value="/js/visualization/personlevel/person_level.js" />
|
||||
|
||||
<script type="text/javascript" src="${adobeFlashDetector}"></script>
|
||||
<script type="text/javascript" src="${jquery}"></script>
|
||||
<script type="text/javascript" src="${googleVisualizationAPI}"></script>
|
||||
|
||||
<script language="JavaScript" type="text/javascript">
|
||||
<!--
|
||||
// -----------------------------------------------------------------------------
|
||||
// Globals
|
||||
// Major version of Flash required
|
||||
var requiredMajorVersion = 10;
|
||||
// Minor version of Flash required
|
||||
var requiredMinorVersion = 0;
|
||||
// Minor version of Flash required
|
||||
var requiredRevision = 0;
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
|
||||
var swfLink = "${swfLink}";
|
||||
var egoCoAuthorshipDataFeederURL = "${egoCoAuthorshipDataFeederURL}";
|
||||
var contextPath = "${contextPath}";
|
||||
|
||||
|
||||
// -->
|
||||
</script>
|
||||
<script type="text/javascript" src="${coAuthorShipJavaScript}"></script>
|
||||
|
||||
|
||||
<c:url var="coAuthorStyle" value="/${themeDir}css/visualization/personlevel/coauthor_style.css" />
|
||||
<c:url var="pageStyle" value="/${themeDir}css/visualization/personlevel/page.css" />
|
||||
|
||||
<link href="${coAuthorStyle}" rel="stylesheet" type="text/css" />
|
||||
<link href="${pageStyle}" rel="stylesheet" type="text/css" />
|
||||
Loading…
Add table
Reference in a new issue