HT024 - Added Invoice page and styles

cmsWebApp/webroot/css/common.css

@@ -6101,3 +6101,39 @@ input{
 .pay-subsc-btn-row{
     padding-bottom: 40px;
 }
+
+.inv-hdr {
+    color: #4E5258;	
+    font-family: "Usual-Regular";	
+    font-size: 14px;	
+    font-weight: 500;	
+    line-height: 17px;
+}
+
+.inv-pdf{
+    width: 18px;
+    height: 24px;
+}
+
+.inv-amt{
+    color: #3F84CC;	
+    font-family: "Usual-Regular";	
+    font-size: 14px;	
+    font-weight: 500;	
+    line-height: 17px;
+}
+
+.inv-det {
+    color: #4E5258;	
+    font-family: "Usual-Regular";	
+    font-size: 11px;	
+    font-weight: 500;	
+    line-height: 13px;
+}
+
+.inv-des{
+    color: #4E5258;	
+    font-family: "Usual-Regular";	
+    font-size: 12px;	
+    line-height: 16px;  
+}

cmsWebApp/webroot/extensions/adminportal/invoices.jsp

@@ -5,7 +5,7 @@
 <%@ include file="/extensions/performa/inc/stdimports.jsp" %>
 
 <oneit:dynIncluded>
-<%
+    <%
         SecUser     loggedInUser    =   SecUser.getTXUser(transaction);
         CompanyUser companyUser     =   loggedInUser.getExtension(CompanyUser.REFERENCE_CompanyUser);
         Company     company         =   companyUser.getCompany();
@@ -13,21 +13,7 @@
         Debug.assertion(company != null , "Invalid company in admin portal my company");
     
         String      nextPage        =   WebUtils.getSamePageInRenderMode(request, "Page");
-%>
-    <script type="text/javascript">
-        $(document).ready(function()
-        {
-            recalcFunction = setupRecalc ($("form"), {'recalcOnError':true});
-            
-            $("#upload").change(function(){
-                readURL(this);
-            });
-
-            $("#remove-logo").click(function(){
-                removeLogo();
-            });
-        });
-    </script>    
+    %>
 
     <div class="container-fluid">
         <div class="row content">
@@ -47,11 +33,47 @@
                             <div class="tab-content">
                                 <div class="tab-pane active" id="company-detail">
                                     <div class="tabpage-title">
-                                        <label class="label-20">No Current Plan</label><br/>               
-                                        <label class="label-14">You'll be charged each time you add a new job</label>                
+                                        <label class="label-20">Invoices</label><br/>               
+                                    </div>
+                                </div>          
+                                <div class="">
+                                    <div class="a-label-row">
+                                        <div class="col-md-2 col-sm-2 col-xs-2 inv-hdr text-left">Date</div>
+                                        <div class="col-md-6 col-sm-6 col-xs-6 inv-hdr text-left">Item</div>
+                                        <div class="col-md-2 col-sm-2 col-xs-2 inv-hdr text-right">Charge</div>
+                                        <div class="col-md-2 col-sm-2 col-xs-2 inv-hdr text-right">Export</div>
+                                    </div>
+                                    
                                     <div class="line-break"></div>
+                                    
+                                    <%--
+                                        for(invoices)
+                                        {
+                                    %>
+                                            <div class="a-label-row">
+                                                <div class="col-md-2 col-sm-2 col-xs-2 text-left inv-det">
+                                                    <oneit:toString value="<%= DateDiff.getToday() %>"  mode="MidDate"/>
+                                                </div>
+                                                <div class="col-md-6 col-sm-6 col-xs-6 text-left inv-des">
+                                                    Subscription 5 Jobs per month (Annual discount)
+                                                    <div class="inv-det">#12536536</div>
+                                                </div>
+                                                <div class="col-md-2 col-sm-2 col-xs-2 text-right inv-amt">
+                                                    <oneit:toString value="<%= 1500D %>"  mode="Currency"/>
+                                                </div>
+                                                <div class="col-md-2 col-sm-2 col-xs-2 text-right inv-det">
+                                                    <a href="#">
+                                                        <span class=""><img src="images/pdf.png" class="inv-pdf"/><span>
+                                                        &nbsp;
+                                                        PDF
+                                                    </a>
+                                                </div>
                                             </div>
                                             
+                                            <div class="line-break"></div>
+                                    <%
+                                        }
+                                    --%>
                                 </div>
                             </div>
                         </div>