Adding tooltips to use report page

Pedro de Lyra Pereira
1 parent 13cde793
Showing 2 changed files with 27 additions and 8 deletions Show diff stats
style.css
theme.js
@@ -3241,7 +3241,7 @@ input[type=checkbox] {
 }
 #content .star-rate-form .star-comment-container .comments-software-extra-fields #input_institution_comments input {
-    margin-top: 5px;
+    margin-top: 3px;
     padding: 4px 3px 3px 3px;
     width: 366px;
 }
@@ -3292,6 +3292,16 @@ input[type=checkbox] {
   margin-top: 4px;
 }
+#content .star-rate-form .star-comment-container .star-tooltip {
+    content: '?';
+    border-radius: 90%;
+    font-size: 12px;
+    font-weight: 700;
+    background: #3867b7;
+    color: #fff;
+    margin-left: 4px;
+    padding: 0px 6px;
+}
 .star-rate-data {
   background-image: url('images/validacao_frontend_relato_de_uso.jpg');
@@ -121,10 +121,10 @@ $(&#39;#link-buscar&#39;).click(function(e) {
   function insert_notice_div(){
     var notice = $('.display-content-block').find('li');
       notice.each(function(){
-        var $set = $(this).children();    
+        var $set = $(this).children();
         for(var i=1, len = $set.length; i < len; i+=5){
           $set.slice(i, i+5).wrapAll('<div class="notice-item"/>');
-        } 
+        }
         for(var i=2, len = $set.length; i < len; i+=3){
           $set.slice(i, i+3).wrapAll('<div class="notice-info"/>');
         }
@@ -136,12 +136,16 @@ $(&#39;#link-buscar&#39;).click(function(e) {
   /* Finds all uploaded files from manuals page and sets its names on the right format */
   function set_uploaded_files_names() {
-    var article = document.getElementById('article');
-    var folderList = article.getElementsByClassName('folder-content')[0];
-    var folderItens = folderList.getElementsByClassName('item-description');
+    try {
+      var article = document.getElementById('article');
+      var folderList = article.getElementsByClassName('folder-content')[0];
+      var folderItens = folderList.getElementsByClassName('item-description');
+
+      for(var i = 0; i < folderItens.length; i++) {
+        split_file_extension(folderItens[i].getElementsByTagName('a')[0]);
+      }
+    } catch(e) {
-    for(var i = 0; i < folderItens.length; i++) {
-      split_file_extension(folderItens[i].getElementsByTagName('a')[0]);
     }
   }
@@ -155,11 +159,16 @@ $(&#39;#link-buscar&#39;).click(function(e) {
     }
   }
+  function set_tooltip_content() {
+    $('.star-tooltip').html("?");
+  }
+
   $(document).ready(function(){
     set_events();
     move_article_buttons();
     add_link_to_article_div();
     insert_notice_div();
     set_uploaded_files_names();
+    set_tooltip_content();
     });
 })(jQuery);