use a different color to show that the user has matched the artist

fix #12 and close #14

diff --git a/public/css/style.css b/public/css/style.css
index 2bad6db601974abd6af5ac04745009d417d481c4..34a5cdfd9a1a56efb5cf4fb905f169be395bc64f 100644 (file)
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -334,7 +334,10 @@ form .clearfix {
   font-size: 12px;
   margin-right: 4px;
 }
-.matched {
+.matchedartist {
+  color: #1502c2;
+}
+.matchedtitle {
   color: #f3a22f;
 }
 .cups, .medals {

diff --git a/public/js/app.js b/public/js/app.js
index fa8a902315eea32350af1792e7e34fdaf2874505..106cbce8352194e8076fe45f132850bf3185de42 100644 (file)
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -1032,16 +1032,15 @@
       if (user.roundpoints > 0) {
         $roundpoints.text('+' + user.roundpoints);
 
-        if (user.roundpoints === 1) {
-          $username.addClass('matched');
+        if (user.matched === 'artist' || user.matched === 'title') {
+          return $username.addClass('matched' + user.matched);
         }
-        else {
-          $username.addClass('correct');
 
-          if (user.roundpoints > 3) {
-            $guesstime.text((user.guesstime / 1000).toFixed(1) +' s');
-            $roundrank.addClass('icons round-rank stand' + (7 - user.roundpoints));
-          }
+        $username.addClass('correct');
+
+        if (user.roundpoints > 3) {
+          $guesstime.text((user.guesstime / 1000).toFixed(1) +' s');
+          $roundrank.addClass('icons round-rank stand' + (7 - user.roundpoints));
         }
       }
     });