S43019239 # Matchd / Talentology - No Plan [Enhancement] #Include Diversity…

S43019239 # Matchd / Talentology - No Plan [Enhancement] #Include Diversity visibility on the Applicant details page

cmsWebApp/webroot/css/common.css

@@ -7692,6 +7692,62 @@ input{
 }
 
 /*
+    Start of Diversity Popup
+*/
+    .diversity-popup{
+        border-radius: 4px;
+        background-color: #ffffff;
+        box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.2);
+        /*border: 1px solid #e8e8eb;*/
+        width: 55%;
+        height:500px;
+        margin: 0 auto;
+        text-align: center;    
+        padding: 0;
+        margin-top: 150px;
+    }
+    .diversity-popup .nav-tabs{
+        background: #4E5258;
+    }
+    .modal-dialog.diversity{
+        width:100%;
+    }
+    .diversity-popup .header-bar{
+        background: #4E5258;
+        height:40px;
+    }
+    .diversity-popup .header-bar .heading{
+        float:left;
+        color:#ffffff;
+        font-size: 20px;
+        padding: 5px 20px;
+    }
+    .diversity-popup button.close{
+        color: #F5F7F8; 
+        padding: 10px 20px;
+        opacity: 1;
+    }
+    .diversity-popup .questions{
+        padding-top: 40px;
+    }
+    .diversity-popup .question>label{
+        float:left;
+        padding-left: 40px;
+    }
+    .diversity-popup .question-seperator{
+        padding-bottom: 40px;
+    }
+    .diversity-popup .answer>span{
+        float:left;
+        padding-left: 80px;
+        padding-top: 10px;
+    }
+    
+/*
+    End of Diversity Popup
+*/
+
+/*
     Start of CV Cover Letter Popup
 */
 

cmsWebApp/webroot/extensions/adminportal/inc/view_application_tab_applicant.jsp

@@ -96,6 +96,10 @@
     function previewCV(){
         $('#pdfPreview').modal('show');
     }
+    
+    function previewDiversity(){
+        $('#diversityPreview').modal('show');
+    }
 </script>
 <div class="main-applicant-content dashboard-content-area v-applicant-area ">
     <div class="applicant-header">
@@ -112,6 +116,15 @@
         </div>
         <div class="main-export">
             <%
+                if(jobApplication.isDiversityIncluded())
+                {
+            %>
+                    <a href="#" class="btn cv-cover-letter" onclick="previewDiversity()">
+                        Diversity
+                    </a>
+            <%
+                }
+
                 if((onTrial && isVisible) || !onTrial)
                 {
                     if(jobApplication.getCV() != null && jobApplication.getCoverLetter() != null)
@@ -770,4 +783,47 @@
             </div>
         </div>
     </div>    
+    <div class="modal fade" id="diversityPreview" role="dialog">
+        <div class="modal-dialog diversity">
+            <div class="modal-body diversity-popup">
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                </button>
+                <div class="header-bar">
+                    <div class="heading">Diversity Questions</div>
+                </div>
+                <div class="container questions">
+                    <%
+                        for(HTDiversityQuestion question : job.getDiversityQuestions())
+                        {
+                    %>
+                            <div class="question-seperator">
+                                <div class="row">
+                                    <div class="col-md-12 question">
+                                        <label>Q. <oneit:toString value="<%= question.getQuestionText() %>"  mode="EscapeHTML"/></label>
+                                    </div>
+                                </div>
+                    <%
+                                DiversityQuestion           originalQuestion    =   question.getQuestion();
+                                CandidateDiversityAnswer    candidateAnswer     =   candidate.getDiversityAnswerByQuestion(originalQuestion);
+
+                                for(AnswerOption answer : candidateAnswer.getAnswersSet())
+                                {
+                    %>
+                                    <div class="row">
+                                        <div class="col-md-12 answer">
+                                            <oneit:toString value="<%= answer.getAnswer().getAnswer() %>"  mode="EscapeHTML"/>
+                                        </div>
+                                    </div>
+                    <%
+                                }
+                    %>
+                            </div>
+                    <%
+                        }
+                    %>
+                </div>
+            </div>
+        </div>
+    </div>    
 </oneit:dynIncluded>
\ No newline at end of file