208 lines
11 KiB
HTML
208 lines
11 KiB
HTML
<!-- start: UI BOOTSTRAP MODALS -->
|
|
<div class="container-fluid container-fullw bg-grey">
|
|
<!-- /// controller: 'ModalDemoCtrl' - localtion: assets/js/controllers/bootstrapCtrl.js /// -->
|
|
<div ng-controller="studentModalDemoCtrl">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
|
|
<!-- <script type="text/ng-template" id="assets/views/student/studentPaymentModal.html">
|
|
|
|
<div class="modal-header">
|
|
<h4 class="modal-title">{{items1.FeesName}} Details</h4>
|
|
</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>
|
|
|
|
</table>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button class="btn btn-danger btn-sm" ng-click="cancel()">Cancel</button>
|
|
</div>
|
|
</script>-->
|
|
|
|
|
|
|
|
|
|
|
|
<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>
|
|
|
|
</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 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>
|
|
<!-- end: UI BOOTSTRAP MODALS -->
|
|
|
|
|