diff --git a/webapp/web/css/individual/individual.css b/webapp/web/css/individual/individual.css index 4e22cd6ad..f819213b8 100644 --- a/webapp/web/css/individual/individual.css +++ b/webapp/web/css/individual/individual.css @@ -89,7 +89,7 @@ img.individual-photo { h2#mainImage, #share-contact h2 { font-size: 1em; line-height: 1em; - padding-bottom: 0.3em + padding-bottom: 0.6em } #photo-wrapper { position: relative; diff --git a/webapp/web/js/individual/individualUriRdf.js b/webapp/web/js/individual/individualUriRdf.js index 4c812fc54..a9ce0a241 100644 --- a/webapp/web/js/individual/individualUriRdf.js +++ b/webapp/web/js/individual/individualUriRdf.js @@ -2,7 +2,7 @@ $(document).ready(function(){ // This function creates and styles the "qTip" tooltip that displays the resource uri and the rdf link when the user clicks the uri/rdf icon. - $('#uriIcon').each(function() + $('span#iconControlsLeftSide').children('img#uriIcon').each(function() { $(this).qtip( { @@ -34,6 +34,70 @@ $(document).ready(function(){ }); }); + $('span#iconControlsVitro').children('img#uriIcon').each(function() + { + $(this).qtip( + { + content: { + prerender: true, // We need this for the .click() event listener on 'a.close' + text: '
share the URI for this profile
view profile in RDF format
close' + }, + position: { + corner: { + target: 'bottomLeft', + tooltip: 'topLeft' + } + }, + show: { + when: {event: 'click'} + }, + hide: { + fixed: true, // Make it fixed so it can be hovered over and interacted with + when: { + target: $('a.close'), + event: 'click' + } + }, + style: { + padding: '1em', + width: 400, + backgroundColor: '#f1f2ee' + } + }); + }); + + $('span#iconControlsRightSide').children('img#uriIcon').each(function() + { + $(this).qtip( + { + content: { + prerender: true, // We need this for the .click() event listener on 'a.close' + text: '
share the URI for this profile
view profile in RDF format
close' + }, + position: { + corner: { + target: 'bottomRight', + tooltip: 'topRight' + } + }, + show: { + when: {event: 'click'} + }, + hide: { + fixed: true, // Make it fixed so it can be hovered over and interacted with + when: { + target: $('a.close'), + event: 'click' + } + }, + style: { + padding: '1em', + width: 400, + backgroundColor: '#f1f2ee' + } + }); + }); + // Prevent close link for URI qTip from requesting bogus '#' href $('a.close').click(function() { $('#uriIcon').qtip("hide"); diff --git a/webapp/web/templates/freemarker/body/individual/individual-vitro.ftl b/webapp/web/templates/freemarker/body/individual/individual-vitro.ftl index b15a6c7ff..ac0696678 100644 --- a/webapp/web/templates/freemarker/body/individual/individual-vitro.ftl +++ b/webapp/web/templates/freemarker/body/individual/individual-vitro.ftl @@ -35,7 +35,8 @@ <@p.label individual editable labelCount /> <#-- Most-specific types --> - <@p.mostSpecificTypes individual />uri icon + <@p.mostSpecificTypes individual /> + uri icon diff --git a/webapp/web/templates/freemarker/body/partials/menupage/menupage-scripts.ftl b/webapp/web/templates/freemarker/body/partials/menupage/menupage-scripts.ftl index d3eb7eec4..da186568a 100644 --- a/webapp/web/templates/freemarker/body/partials/menupage/menupage-scripts.ftl +++ b/webapp/web/templates/freemarker/body/partials/menupage/menupage-scripts.ftl @@ -16,6 +16,10 @@ + + + <#-- Script to enable browsing individuals within a class --> ${scripts.add('', '')} \ No newline at end of file