Change text/color according to like and dislike

hypha/apply/funds/templates/funds/includes/screening_status_block.html

@@ -22,8 +22,10 @@
 
     <div class="show-screening-options">
         {% if object.has_default_screening_status_set %}
-            <p>{{ object.screening_statuses.all|join:', ' }}
-            <a id="screening-options" data-fancybox="" data-src="#screen-application" class="link link--secondary-change" href="#">Screening Options</a></p>
+            <p id="screening-options-para">
+                {{ object.screening_statuses.all|join:', ' }}
+                <a id="screening-options" data-fancybox="" data-src="#screen-application" class="link link--secondary-change" href="#">Screening Options</a>
+            </p>
         {% endif %}
     </div>
 

hypha/static_src/src/javascript/apply/screening-status.js

@@ -14,13 +14,16 @@
             type: 'POST',
             data: {yes: yes},
             success: function (json) {
-                if (json && $('#screening-options').length === 0) {
-                    var screeningOptions = $('<p>' + json.title + '<a id="screening-options" data-fancybox="" data-src="#screen-application" class="link link--secondary-change" href="#">Screening Options</a></p>');
+                if (json) {
+                    var screeningOptions = $('<p id="screening-options-para">' + json.title + '<a id="screening-options" data-fancybox="" data-src="#screen-application" class="link link--secondary-change" href="#">Screening Options</a></p>');
+                    $('.show-screening-options').find('#screening-options-para').remove();
                     $('.show-screening-options').append(screeningOptions);
                     if (yes === true) {
+                        $('.icon--dislike').removeClass('icon--dislike-no');
                         $current.find('.icon').addClass('icon--like-yes');
                     }
                     else {
+                        $('.icon--like').removeClass('icon--like-yes');
                         $current.find('.icon').addClass('icon--dislike-no');
                     }
                 }