apollodec/Apollo/assets/views/income_expense_report_pdf.html
venbatechnologies@gmail.com 6083f04b16 non operationa;
2018-10-05 17:07:52 +05:30

292 lines
7.2 KiB
HTML

<style type="text/css">
.pad {
background-color: #eee;
padding: 4px;
}
.fif {
/* background-color: #ddd;*/
display: inline-block;
margin: 0 175px 0 0;
padding: 8px 8px;
text-align: left;
width: 200px;
}
.right {
/* background-color: #ddd;*/
display: inline-block;
/*margin: 0 25px 0 0;*/
padding: 1px 1px;
text-align: right;
}
.rightac {
/* background-color: #ddd;*/
display: inline-block;
margin: 0 175px 0 0;
padding: 8px 8px;
text-align: left;
width: 200px;
}
.a {
word-spacing: 9cm;
}
.b {
line-height: 1.6;
}
</style>
<div class="container-fluid container-fullw bg-white" ng-controller="income_reportCtrl">
<div class="col-md-offset-10 col-md-1">
<button class="btn btn-success" id="print" ng-click="generatePDF();">Print</button></div>
<div id="income_expensepdf">
<h4 align="center" style="color:black;"><strong>Apollo Distance Education</strong></h4>
<p align="center" style="color: black">Profit and Loss Statement</p>
<p align="center" style="color: black">From {{income_expensedetails.fdate}} to {{income_expensedetails.tdate}}</p>
<br/>
<div class="col-md-12" style="background-color: #D3D3D3;font-size: 15px; height: 40px">
<!-- <p class="a" style="background-color: #D3D3D3;font-size: 15px;"><b>Account Amount</b></p> -->
</div>
<!-- Operating Income Part -->
<div class="col-md-12">
<div class="col-md-3"><b>
<label style="color: black; font-size: 12px">Operating Income</label></b>
</div>
<!-- <div ng-repeat="f in income_expensedetails" ng-if="f.OrgType =='I002'"> -->
<div class="col-md-12" ng-repeat="li in income_expensedetails " ng-if="li.Name=='I002'">
<!-- {{li.ListName }} -->
<div id="test" class="pad">
<div id="a" class="fif">{{li.TypeName}}</div>
<div id="b" class="right">{{li.Total}}</div>
</div>
</div>
<!-- </div> -->
</div>
<!--- operating Income end -->
<div class="col-md-12">
<div class="col-md-6"><b>
<label style="color: black; font-size: 15px">Total Operational Income</label></b>
</div>
<div class="col-md-offset-10" style="color: black; font-size: 17px" >
{{opeinctot}}
</div>
</div>
<!--Expense Part -->
<div class="col-md-12">
<div class="col-md-12"><b>
<label style="color: black; font-size: 12px">Operating Expense</label></b>
</div>
<div class="col-md-12" ng-repeat="li in income_expensedetails " ng-if="li.Name=='I001'">
<div id="test" class="pad">
<div id="a" class="fif">{{li.TypeName}}</div>
<div id="b" class="right">{{li.Total}}</div>
</div>
</div>
</div>
<!-- Expense Completed-->
<div class="col-md-12">
<div class="col-md-6"><b>
<label style="color: black; font-size: 15px">Total Operational Expense</label></b>
</div>
<div class="col-md-offset-10" style="color: black; font-size: 17px" >
{{opeexptot}}
</div>
</div>
<div class="col-md-12">
<div class="col-md-12"><b>
<label style="color: black; font-size: 12px">Non Operating Income</label></b>
</div>
<div class="col-md-12" ng-repeat="li in nonopeincexpdetails " ng-if="li.Name=='I002'">
<div id="test" class="pad">
<div id="a" class="fif">{{li.TypeName}}</div>
<div id="b" class="right">{{li.Total}}</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="col-md-6"><b>
<label style="color: black; font-size: 15px">Total NonOperational Income</label></b>
</div>
<div class="col-md-offset-10" style="color: black; font-size: 17px" >
{{nonopeinctot}}
</div>
</div>
<div class="col-md-12">
<div class="col-md-12"><b>
<label style="color: black; font-size: 12px">Non Operating Expense</label></b>
</div>
<div class="col-md-12" ng-repeat="li in nonopeincexpdetails " ng-if="li.Name=='I001'">
<div id="test" class="pad">
<div id="a" class="fif">{{li.TypeName}}</div>
<div id="b" class="right">{{li.Total}}</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="col-md-6"><b>
<label style="color: black; font-size: 15px">Total NonOperational Expense</label></b>
</div>
<div class="col-md-offset-10" style="color: black; font-size: 17px" >
{{nonopexptot}}
</div>
</div>
<!--Total -->
<!-- <div class="col-md-12">
<div class="col-md-6"><b>
<label style="color: black; font-size: 15px">Total Income</label></b>
</div>
<div class="col-md-offset-10" style="color: black; font-size: 17px" ng-repeat="de in income_expendelist" ng-if="de.TID=='I002'" >
{{de.Total}}
</div>
</div> -->
<!--Total End -->
<!--Expense Part -->
<!-- <div class="col-md-12">
<div class="col-md-12"><b>
<label style="color: black; font-size: 12px">Operating Expense</label></b>
</div>
<div class="col-md-12" ng-repeat="li in income_expensedetails " ng-if="li.Name=='I001' && li.OrgType == 'I001'">
<div id="test" class="pad">
<div id="a" class="fif">{{li.TypeName}}</div>
<div id="b" class="right">{{li.Total}}</div>
</div>
</div>
</div> -->
<!-- Expense Completed-->
<!-- non operating expense -->
<!-- <div class="col-md-12">
<div class="col-md-12"><b>
<label style="color: black; font-size: 12px">Non Operating Expense</label></b>
</div>
<div class="col-md-12" ng-repeat="li in income_expensedetails " ng-if="li.Name=='I001' && (li.OrgType == 'I004' || li.OrgType=='I005' ||li.OrgType=='I006' || li.OrgType=='I003' )">
<div id="test" class="pad">
<div id="a" class="fif">{{li.TypeName}}</div>
<div id="b" class="right">{{li.Total}}</div>
</div>
</div>
</div>
-->
<!-- Non operating expense end -->
<!--Total -->
<!-- <div class="col-md-12">
<div class="col-md-6"><b>
<label style="color: black; font-size: 15px">Total Expense</label></b>
</div>
<div class="col-md-offset-10" style="color: black; font-size: 17px" ng-repeat="de in income_expendelist" ng-if="de.TID=='I001'" >
{{de.Total}}
</div>
</div> -->
<!--Total End -->
<br/>
<br/>
<br/>
<p>
</p>
<p>
</p>
<p>
</p>
<div class="col-md-12">
<div class="col-md-6"><b>
<label style="color: black; font-size: 15px">Net Profit/Loss</label></b>
</div>
<div class="col-md-offset-10" style="color: black; font-size: 15px"><b>
<!-- {{sum}} -->
{{net_totalamount}}
</b></div>
</div>
<!-- {{income_expensedetails}}
--> <div class="col-md-12">
<div class="col-md-3">
<!-- <label style="color: black; font-size: 20">Operating Expense</label> -->
</div>
</div>
<!-- {{listdetails}} -->
<br/>
<br/>
<br/>
<br/>
<div>
</div>
<div></div>
</div>
</div>