HT004/HT054 - Reqs - Display the "supporting notes"

cmsWebApp/webroot/css/common.css

@@ -6163,3 +6163,10 @@ input{
 .card-payment .btn-right{
     text-align: right;
 }
+
+.info-panel p{
+    line-height: 0.5;
+    color: #7d7f82;
+    font-size: 10px;
+    padding-top: 5px;
+}
\ No newline at end of file

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

@@ -74,6 +74,8 @@
         });
         
         tabToggle("#tab1", ".role-fit");
+        
+        $("#accordion-1" ).accordion();
     });
 </script>
 <div class="main-applicant-content dashboard-content-area v-applicant-area ">
@@ -461,16 +463,37 @@
                                                                             <span class="common-dot <%= dotClass %>"></span> &nbsp; 
                                                                             <oneit:toString value="<%= answer.getAssessmentCriteria().getCriteriaType() %>" mode="EscapeHTML"/>
                                                                         </div>
-                                                                        <div class="detail-tab-row-text col-md-8 col-sm-8 col-xs-8" style="width: 65%">
+                                                                        <div class="detail-tab-row-text col-md-7 col-sm-7 col-xs-7" style="width: 60%">
                                                                             <oneit:toString value="<%= answer.getAssessmentCriteria() %>" mode="EscapeHTML"/>
-                                                                            <span style="padding-left: 10px; float: right">
+                                                                        </div>
+                                                                        <div class="detail-tab-row-text col-md-1 col-sm-1 col-xs-1" style="width: 10%; line-height: 0.1;">
+                                                                            
                                                                             <oneit:toString value="<%= answer.getAnswer() ? "Yes" : "No" %>" mode="EscapeHTML"/>
+                                                                            <%
+                                                                                if(answer.getNotes()!=null)
+                                                                                {
+                                                                            %>
+                                                                                    <span class="info-toggle" style="padding-left: 10px; display: inline-block; font-weight: bold; font-size: 15px;">
+                                                                                        &#9432;
                                                                                     </span>
+                                                                            <%
+                                                                                }
+                                                                            %>
+                                                                        </div>
                                                                     </div>
+                                                                    <%
+                                                                        if(answer.getNotes()!=null)
+                                                                        {
+                                                                    %>
+                                                                            <div class="tab-row info-panel" style=" padding: 0 31.5%; display: none; background-color: white;overflow: hidden; color: #7d7f82; font-size: 10px; ">
+                                                                                <oneit:toString value="<%= answer.getNotes() %>" mode="ParagraphHTML"/>
                                                                             </div>
                                                                     <%
                                                                         }
                                                                     %>
+                                                            <%
+                                                                }
+                                                            %>
                                                         </div>
                                                 <%
                                                     }

cmsWebApp/webroot/extensions/adminportal/view_application.jsp

@@ -93,6 +93,11 @@
             showPercent: true
         });
         
+        $(".info-toggle").click(function(){
+//            alert('sdfdsf')
+           $(this).parent('div').parent('.tab-row').next('.info-panel').slideToggle();
+        });
+        
     });
 </script>