Tooltip, medalha

Plataformas-Cidadania · Mar 15, 2024 · 1f029bc · 1f029bc
1 parent f2c15dd
commit 1f029bc
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 4 deletions.
diff --git a/public/js/components/osc/selo.js b/public/js/components/osc/selo.js
@@ -32,17 +32,23 @@ class Selo extends React.Component {
           total += parseInt(numeros[i]);
         }
         let nameImg = 'sem_medalha';
+        let titleImg = 'Sem medalha';
         if (total > 50 && total < 70) {
           nameImg = 'bronze';
+          titleImg = 'Bronze';
         } else if (total > 71 && total < 90) {
           nameImg = 'prata';
+          titleImg = 'Prata';
         } else if (total > 91 && total < 99) {
           nameImg = 'ouro';
+          titleImg = 'Ouro';
         } else if (total > 100) {
           nameImg = 'diamante';
+          titleImg = 'Diamante';
         }
         _this.setState({
-          nameImg: nameImg
+          nameImg: nameImg,
+          titleImg: titleImg
         });
       },
       error: function (xhr, status, err) {
@@ -56,7 +62,8 @@ class Selo extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("img", {
       src: "img/selos/" + this.state.nameImg + ".png",
-      alt: "",
+      alt: this.state.titleImg,
+      title: this.state.titleImg,
       width: "50",
       style: {
         float: 'left',

diff --git a/resources/js/components/osc/selo.js b/resources/js/components/osc/selo.js
@@ -42,18 +42,23 @@ class Selo extends React.Component {
                 }
 
                 let nameImg = 'sem_medalha';
+                let titleImg = 'Sem medalha';
 
                 if(total>50 && total<70){
                     nameImg = 'bronze';
+                    titleImg = 'Bronze';
                 }else if(total>71 && total<90){
                     nameImg = 'prata';
+                    titleImg = 'Prata';
                 }else if(total>91 && total<99){
                     nameImg = 'ouro';
+                    titleImg = 'Ouro';
                 }else if(total>100){
                     nameImg = 'diamante';
+                    titleImg = 'Diamante';
                 }
 
-                _this.setState({nameImg: nameImg});
+                _this.setState({nameImg: nameImg, titleImg: titleImg });
 
             },
             error: function(xhr, status, err) {
@@ -71,7 +76,8 @@ class Selo extends React.Component {
             <div>
                 <img
                     src={"img/selos/"+this.state.nameImg+".png"}
-                    alt=""
+                    alt={this.state.titleImg}
+                    title={this.state.titleImg}
                     width="50" style={{float: 'left', marginTop: '-6px'}}/>
             </div>
         );