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 e2f7a6dd8e252373f52878d84394d978ea42ca26..ab85d5cf4cbbd28b3d28f41f521c9999d21339dd 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 3ac725b0eb6b08790602d1f52ca79399302e8c6b..5ba76667c18d95ab3d16e61acfbd1a96629f0944 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'); } }