modified some image based tooltips to support i18n

productMods/js/individual/individualQtipBubble.js

@@ -2,14 +2,17 @@
 
 $(document).ready(function(){
     // This function creates and styles the "qTip" tooltip that displays the bubble text when the user hovers
-    // over the research area "group" icon.
+    // over the research area "group" icon. 
+    
+    $.extend(this, i18nStrings);
+
     $('#researchAreaIcon').each(function()
     {   
         $(this).qtip(
         {
             content: {
                 prerender: true,
-                text: ' '
+                text: '<div style="padding-top:0.5em;margin-left:-14px;color:white">' + i18nStrings.researchAreaTooltipOne + '</div><div style="margin-left:-14px;color:white">' + i18nStrings.researchAreaTooltipTwo + '</div>'
             },
             position: {
                 corner: {
@@ -35,6 +38,9 @@ $(document).ready(function(){
             style: {
                 padding: '0em',
                 height: 56,
+                textAlign: 'center',
+                fontSize: '0.7em',
+                lineHeight: '15px',
                 width: 180,
                 border: 'none',
                 background:'url(' + imagesPath + '/individual/researchAreaBubble.png)  no-repeat'
@@ -47,7 +53,7 @@ $(document).ready(function(){
         $(this).qtip(
         {
             content: {
-                text: '&nbsp;'
+                text: '<div style="padding-top:0.5em;color:white">' + i18nStrings.quickviewTooltip + '</div>'
             },
             position: {
                 corner: {
@@ -74,9 +80,12 @@ $(document).ready(function(){
             style: {
                 padding: '0em',
                 height: 56,
+                textAlign: 'center',
+                fontSize: '0.7em',
+                lineHeight: '15px',
                 width: 140,
                 border: 'none',
-                background: 'url(' + imagesPath + '/individual/quickViewBubble.png)  no-repeat'
+                background: 'url(' + imagesPath + '/individual/toolTipBubble.png)  no-repeat'
             }
         });
     });
@@ -86,7 +95,7 @@ $(document).ready(function(){
         $(this).qtip(
         {
             content: {
-                text: '&nbsp;'
+                text: '<div style="padding-top:0.5em;color:white">' + i18nStrings.standardviewTooltipOne + '</div><div style="color:white">' + i18nStrings.standardviewTooltipTwo + '</div>'
             },
             position: {
                 corner: {
@@ -110,9 +119,12 @@ $(document).ready(function(){
             style: {
                 padding: '0em',
                 height: 56,
+                textAlign: 'center',
+                fontSize: '0.7em',
+                lineHeight: '15px',
                 width: 144,
                 border: 'none',
-                background: 'url(' + imagesPath + '/individual/fullViewBubble.png)  no-repeat'
+                background: 'url(' + imagesPath + '/individual/toolTipBubble.png)  no-repeat'
             }
         });
     });

productMods/templates/freemarker/body/individual/individual--foaf-person-2column.ftl

@@ -158,7 +158,11 @@ var i18nStrings = {
     displayLess: '${i18n().display_less}',
     displayMoreEllipsis: '${i18n().display_more_ellipsis}',
     showMoreContent: '${i18n().show_more_content}',
-    verboseTurnOff: '${i18n().verbose_turn_off}'
+    verboseTurnOff: '${i18n().verbose_turn_off}',
+    standardviewTooltipOne: '${i18n().standardview_tooltip_one}',
+    standardviewTooltipTwo: '${i18n().standardview_tooltip_two}',
+    researchAreaTooltipOne: '${i18n().research_area_tooltip_one}',
+    researchAreaTooltipTwo: '${i18n().research_area_tooltip_two}'
 };
 var i18nStringsUriRdf = {
     shareProfileUri: '${i18n().share_profile_uri}',

productMods/templates/freemarker/body/individual/individual--foaf-person-quickview.ftl

@@ -205,7 +205,10 @@ var i18nStrings = {
     displayLess: '${i18n().display_less}',
     displayMoreEllipsis: '${i18n().display_more_ellipsis}',
     showMoreContent: '${i18n().show_more_content}',
-    verboseTurnOff: '${i18n().verbose_turn_off}'
+    verboseTurnOff: '${i18n().verbose_turn_off}',
+    quickviewTooltip: '${i18n().quickview_tooltip}',
+    researchAreaTooltipOne: '${i18n().research_area_tooltip_one}',
+    researchAreaTooltipTwo: '${i18n().research_area_tooltip_two}'
 };
 var i18nStringsUriRdf = {
     shareProfileUri: '${i18n().share_profile_uri}',

themes/wilma/i18n/all.properties

@@ -812,4 +812,13 @@ map_being_refreshed_msg = is now being refreshed. The visualization will load as
 publication_pubs = publications (pubs.)
 percent_activity = % activity
 
+#
+#  miscellaneous additions 
+#
+
 limit_search = limit search
+standardview_tooltip_one = Click to display the
+standardview_tooltip_two = profile quick view.
+research_area_tooltip_one = Click an area to view others
+research_area_tooltip_two = with the same interest.
+quickview_tooltip = Click to view the standard profile page.

themes/wilma/templates/individual--foaf-person.ftl

@@ -122,6 +122,8 @@
         displayMoreEllipsis: '${i18n().display_more_ellipsis}',
         showMoreContent: '${i18n().show_more_content}',
         verboseTurnOff: '${i18n().verbose_turn_off}',
+        researchAreaTooltipOne: '${i18n().research_area_tooltip_one}',
+        researchAreaTooltipTwo: '${i18n().research_area_tooltip_two}'
     };
     var i18nStringsUriRdf = {
         shareProfileUri: '${i18n().share_profile_uri}',