From 0fc4f8b52325bf5c2ee667f7ec096a0c6e778641 Mon Sep 17 00:00:00 2001
From: sks444 <krishnasingh.ss30@gmail.com>
Date: Wed, 28 Oct 2020 10:18:23 +0530
Subject: [PATCH] Change text/color according to like and dislike

---
 .../templates/funds/includes/screening_status_block.html   | 6 ++++--
 hypha/static_src/src/javascript/apply/screening-status.js  | 7 +++++--
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/hypha/apply/funds/templates/funds/includes/screening_status_block.html b/hypha/apply/funds/templates/funds/includes/screening_status_block.html
index e2f7a6dd8..ab85d5cf4 100644
--- a/hypha/apply/funds/templates/funds/includes/screening_status_block.html
+++ b/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>
 
diff --git a/hypha/static_src/src/javascript/apply/screening-status.js b/hypha/static_src/src/javascript/apply/screening-status.js
index 3ac725b0e..5ba76667c 100644
--- a/hypha/static_src/src/javascript/apply/screening-status.js
+++ b/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');
                     }
                 }
-- 
GitLab