Candidate: CV and Cover Letter

cmsWebApp/webroot/css/common.css

@@ -7639,4 +7639,84 @@ input{
 .billing-notice{
     margin-bottom: 40px;
     padding-left: 10px;
-}
+}
\ No newline at end of file
+
+/*
+    Start of CV Cover Letter Popup
+*/
+
+.cv-cover-letter{
+        border: 1px solid #E5E8EB;	
+        border-radius: 2px;	
+        background-color: #FFFFFF;     
+        padding: 14px 18px;
+        color: #4E5258;	
+        font-size: 12px;
+    }
+    .cv-cover-letter img{
+        height: 18px;
+        padding-right: 18px;
+    }
+    .cv-popup{
+        border-radius: 4px;
+        background-color: #ffffff;
+        box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.2);
+        /*border: 1px solid #e8e8eb;*/
+        width: 65%;
+        height:1000px;
+        margin: 0 auto;
+        text-align: center;    
+        padding: 0;
+        margin-top: 150px;
+    }
+    .cv-popup .nav-tabs{
+        background: #4E5258;
+    }
+    .cv-popup .nav-tabs>li.active>a{
+        color: #4A4A4A;
+        opacity: 1;
+    }
+    .cv-popup .nav-tabs>li>a{
+        color: #FFFFFF;
+        opacity: 0.5;
+        font-size: 20px;
+        line-height: 30px;	
+        text-align: center;
+    }
+    .cv-popup .nav-tabs>li>a:focus, .cv-popup .nav-tabs>li>a:hover{
+        color: #4A4A4A;
+    }
+    .cv-popup .nav-tabs>li.active>a, .cv-popup .nav-tabs>li.active>a:focus, .cv-popup .nav-tabs>li.active>a:hover{
+        background: #F5F7F8;
+    }
+    .cv-popup .tab-pane{
+        background: #F5F7F8;
+    }
+    .cv-popup button.close{
+        color: #F5F7F8; 
+        padding: 10px 20px;
+        opacity: 1;
+    }
+    .cv-popup .no-preview{
+        padding-top: 100px;
+    }
+    .cv-popup .download-btn{
+        border: 1px solid #E5E8EB;
+        border-radius: 2px;
+        background-color: #4E5258;
+        padding: 14px 18px;
+        color: #FFFFFF;
+        font-size: 18px;
+        margin-top: 20px;
+    }
+    .cv-popup .download-btn img{
+        height: 30px;
+        padding-right: 18px;
+    }
+    .modal-dialog.cv{
+        width:100%;
+    }
+    
+/*
+    End of CV Cover Letter Popup
+*/
\ No newline at end of file

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

@@ -88,6 +88,10 @@
             $('.save-application').click();
         });
     });
+    
+    function previewCV(){
+        $('#pdfPreview').modal('show');
+    }
 </script>
 <div class="main-applicant-content dashboard-content-area v-applicant-area ">
     <div class="applicant-header">
@@ -103,6 +107,16 @@
             </div>
         </div>
         <div class="main-export">
+            <%
+                if(jobApplication.getCV() != null && jobApplication.getCoverLetter() != null)
+                {
+            %>
+                    <a href="#" class="btn cv-cover-letter" onclick="previewCV()">
+                       <img src="images/icon-paper-clip.png" />CV & Cover Letter
+                    </a>
+            <%
+                }
+            %>
             <span class="export-candidate"  style="display: none;">
                 <select class="form-control">
                     <option>Export Candidate Report</option>
@@ -666,4 +680,57 @@
     </div>
 </div>
 
+    <div class="modal fade" id="pdfPreview" role="dialog">
+        <div class="modal-dialog cv">
+            <div class="modal-body cv-popup">
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                </button>
+                <ul class="nav nav-tabs">
+                    <li class="tab-heading active"><a data-toggle="tab" href="#cl">Cover Letter</a></li>
+                    <li class="tab-heading"><a data-toggle="tab" href="#cv">Curriculum Vitae</a></li>
+                </ul>
+                <div class="tab-content">
+                    <div id="cl" class="tab-pane fade in active" style="height:1200px; padding-top:40px;">
+                        <%
+                            if(jobApplication.getCoverLetter() != null && jobApplication.getCoverLetter().getContentType().contains("pdf"))
+                            {
+                        %>
+                                <embed height="100%" width="80%"  scrolling="yes"   src="<%= request.getContextPath() + "/" + BinaryContentHandler.getRelativeURL(request, jobApplication, "CoverLetter", jobApplication.getCoverLetter(), true) %>#zoom=100"/>
+                        <%
+                            }
+                            else
+                            {
+                        %>
+                                <div class="no-preview">No preview available</div>
+                                <a class="btn download-btn"  href='<%= request.getContextPath() + "/" + BinaryContentHandler.getRelativeURL(request, jobApplication, "CoverLetter", jobApplication.getCoverLetter(), true) %>'>
+                                    <img src="images/icon-download-large.png" />Download
+                                </a>
+                        <%
+                            }
+                        %>
+                    </div>
+                    <div id="cv" class="tab-pane fade in" style="height:1200px; padding-top:40px;">
+                        <%
+                            if(jobApplication.getCV() != null && jobApplication.getCV().getContentType().contains("pdf"))
+                            {
+                        %>
+                                <embed height="100%" width="80%"  scrolling="yes" src="<%= request.getContextPath() + "/" + BinaryContentHandler.getRelativeURL(request, jobApplication, "CV", jobApplication.getCV(), true) %>#zoom=100"/>
+                        <%
+                            }
+                            else
+                            {
+                        %>
+                                <div class="no-preview">No preview available</div>
+                                <a class="btn download-btn"  href='<%= request.getContextPath() + "/" + BinaryContentHandler.getRelativeURL(request, jobApplication, "CV", jobApplication.getCV(), true) %>'>
+                                    <img src="images/icon-download-large.png" />Download
+                                </a>
+                        <%
+                            }
+                        %>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>    
 </oneit:dynIncluded>
\ No newline at end of file