student view i=insatllemnt details changes
This commit is contained in:
gandhimathi
parent
d480fb8941
commit
7993fbc6bc
@ -4,46 +4,29 @@
|
|||||||
<div ng-controller="studentModalDemoCtrl">
|
<div ng-controller="studentModalDemoCtrl">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-12">
|
<div class="col-md-12">
|
||||||
|
<table class="table" class="table" ng-if="selectedtype=='1'">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Installemnt</th>
|
||||||
|
<th>Amount</th>
|
||||||
|
<th>Due Date</th>
|
||||||
|
|
||||||
<!-- <script type="text/ng-template" id="assets/views/student/studentPaymentModal.html">
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody ng-repeat="l in items1.InstallmentDetails">
|
||||||
|
<tr>
|
||||||
|
<td>{{l.Name}}</td>
|
||||||
|
|
||||||
<div class="modal-header">
|
<td>{{l.Amount}}</td>
|
||||||
<h4 class="modal-title">{{items1.FeesName}} Details</h4>
|
<td>{{l.DueDate}}</td>
|
||||||
</div>
|
|
||||||
<div class="modal-body">
|
|
||||||
<table class="table">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Bill NO</th>
|
|
||||||
<th>Bill Amount</th>
|
|
||||||
<th>Bill Date</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr ng-repeat="v in items1.paidDetails">
|
|
||||||
<td>{{v.BillNO}}</td>
|
|
||||||
<td>{{v.BillAmount}}</td>
|
|
||||||
<td>{{v.BillDate}}</td>
|
|
||||||
|
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
</table>
|
|
||||||
|
|
||||||
|
|
||||||
|
</tbody>
|
||||||
|
|
||||||
|
</table>
|
||||||
|
<table class="table" ng-if="selectedtype=='2'">
|
||||||
</div>
|
|
||||||
<div class="modal-footer">
|
|
||||||
<button class="btn btn-danger btn-sm" ng-click="cancel()">Cancel</button>
|
|
||||||
</div>
|
|
||||||
</script>-->
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<table class="table">
|
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th>Bill NO</th>
|
<th>Bill NO</th>
|
||||||
@ -60,144 +43,9 @@
|
|||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
</table>
|
</table>
|
||||||
<!-- <h5 class="over-title margin-bottom-15">UI Bootstrap <span class="text-bold">Modals</span></h5>
|
|
||||||
<p>
|
|
||||||
$modal is a service to quickly create AngularJS-powered modal windows. Creating custom modals is straightforward: create a partial view, its controller and reference them when using the service.
|
|
||||||
</p>
|
|
||||||
<script type="text/ng-template" id="assets/views/student/studentDetailsModal.html">
|
|
||||||
<div class="modal-header">
|
|
||||||
<h3 class="modal-title">I'm a modal!</h3>
|
|
||||||
</div>
|
|
||||||
<div class="modal-body">
|
|
||||||
<ul>
|
|
||||||
<li ng-repeat="item in items">
|
|
||||||
<a ng-click="selected.item = item">{{ item }}</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
Selected: <b>{{ selected.item }}</b>
|
|
||||||
</div>
|
|
||||||
<div class="modal-footer">
|
|
||||||
<button class="btn btn-primary" ng-click="ok()">OK</button>
|
|
||||||
<button class="btn btn-primary btn-o" ng-click="cancel()">Cancel</button>
|
|
||||||
</div>
|
|
||||||
</script>-->
|
|
||||||
<!--<div class="row">
|
|
||||||
<div class="col-lg-4 col-md-4 col-sm-6">
|
|
||||||
<div class="panel panel-transparent">
|
|
||||||
<div class="panel-heading">
|
|
||||||
<div class="panel-title">
|
|
||||||
Default Modal
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="panel-body">
|
|
||||||
<p class="margin-bottom-30">
|
|
||||||
Toggle a modal by clicking the button below. It will slide down and fade in from the top of the page.
|
|
||||||
</p>
|
|
||||||
<button class="btn btn-primary btn-o pull-right" ng-click="open()">
|
|
||||||
Open Deafult Modal
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-4 col-md-4 col-sm-6">
|
|
||||||
<div class="panel panel-transparent">
|
|
||||||
<div class="panel-heading">
|
|
||||||
<div class="panel-title">
|
|
||||||
Large Modal
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="panel-body">
|
|
||||||
<p class="margin-bottom-30">
|
|
||||||
Modals have a large optional size, available by setting option <code>size: 'lg'</code> in the method <code>open(options)</code>
|
|
||||||
</p>
|
|
||||||
<button class="btn btn-primary btn-o pull-right" ng-click="open1('lg')">
|
|
||||||
Open Large Modal
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-4 col-md-4 col-sm-6">
|
|
||||||
<div class="panel panel-transparent">
|
|
||||||
<div class="panel-heading">
|
|
||||||
<div class="panel-title">
|
|
||||||
Small Modal
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="panel-body">
|
|
||||||
<p class="margin-bottom-30">
|
|
||||||
Modals have a small optional size, available by setting option <code>size: 'sm'</code> in the method <code>open(options)</code>
|
|
||||||
</p>
|
|
||||||
<button class="btn btn-primary btn-o pull-right" ng-click="open('sm')">
|
|
||||||
Open Small Modal
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div ng-show="selected" class="margin-top-15 text-small">
|
|
||||||
Selection from a modal: {{ selected }}
|
|
||||||
</div>-->
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!--<div class="row">
|
|
||||||
<div class="col-lg-4 col-sm-6">
|
|
||||||
<div class="panel panel-transparent">
|
|
||||||
<div class="panel-heading">
|
|
||||||
<div class="panel-title">
|
|
||||||
Default Modal
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="panel-body">
|
|
||||||
<p class="margin-bottom-30">
|
|
||||||
Toggle a modal by clicking the button below. It will slide down and fade in from the top of the page.
|
|
||||||
</p>
|
|
||||||
<button class="btn btn-primary btn-o pull-right" ng-click="open()">
|
|
||||||
Open Deafult Modal
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-4 col-sm-6">
|
|
||||||
<div class="panel panel-transparent">
|
|
||||||
<div class="panel-heading">
|
|
||||||
<div class="panel-title">
|
|
||||||
Large Modal
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="panel-body">
|
|
||||||
<p class="margin-bottom-30">
|
|
||||||
Modals have a large optional size, available by setting option <code>size: 'lg'</code> in the method <code>open(options)</code>
|
|
||||||
</p>
|
|
||||||
<button class="btn btn-primary btn-o pull-right" ng-click="open1('lg')">
|
|
||||||
Open Large Modal
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-4 col-sm-6">
|
|
||||||
<div class="panel panel-transparent">
|
|
||||||
<div class="panel-heading">
|
|
||||||
<div class="panel-title">
|
|
||||||
Small Modal
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="panel-body">
|
|
||||||
<p class="margin-bottom-30">
|
|
||||||
Modals have a small optional size, available by setting option <code>size: 'sm'</code> in the method <code>open(options)</code>
|
|
||||||
</p>
|
|
||||||
<button class="btn btn-primary btn-o pull-right" ng-click="open('sm')">
|
|
||||||
Open Small Modal
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>-->
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user