apollodec/Apollo/assets/views/report_markcardstatus.html

<section id="page-title">
    <div class="row">
        <div class="col-sm-8">
            <h1 class="mainTitle">Mark Card Status Report</h1>
        </div>
        <!-- <div ncy-breadcrumb></div>-->
    </div>
</section>
<style>
  
</style>
 
<!-- datatables -->
<!-- <link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.4.2/css/buttons.dataTables.min.css">
<script src="https://cdn.datatables.net/buttons/1.4.2/js/dataTables.buttons.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/pdfmake.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/vfs_fonts.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.4.2/js/buttons.html5.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.4.2/js/buttons.colVis.min.js"></script> -->
<!-- <script type="text/javascript" src="bower_components/ng-table-excel-export/ng-table-excel-export.min.js"> -->
    
   

</script>
<div class="container-fluid container-fullw bg-white">
    <div ng-controller="report_markcard_statusCtrl" ng-init="filters()">
        <form name="Form" id="form" novalidate ng-submit="onSubmit()" method="post">
            <fieldset>
                <div class="row">
                    <div class="col-md-12">

                        <div class="row">
                            <div class="col-md-3">
                                <label for="form-field-select-2">
                                    Branch
                                </label>

                                <select ui-select2 class="form-control" tabindex="2" class="cs-select cs-skin-elastic" name="filters" ng-model="filters.branch">
                                    <option value="" selected>Select Branch</option>
                                    <option ng-repeat="br in branch" value="{{br.brcode}}"> {{br.branch}}</option>
                                </select>
                            </div>
                            <div class="col-md-3">
                                <label for="form-field-select-2">
                                    University
                                </label>

                                <select ui-select2 class="form-control" tabindex="2" class="cs-select cs-skin-elastic" name="filters" ng-model="filters.university">
                                    <option value="" selected>Select University</option>
                                    <option ng-repeat="u in university" value="{{u.uid}}"> {{u.university}}</option>
                                </select>
                            </div>
                            <div class="col-md-3">
                                <label for="form-field-select-2">
                                    Batch
                                </label>

                                <select ui-select2 class="form-control" tabindex="2" class="cs-select cs-skin-elastic" name="filters" ng-model="filters.batch">
                                    <option value="" selected>Select Batch</option>
                                    <option ng-repeat="b in batch" value="{{b.batch}}"> {{b.batch_code}}</option>
                                </select>
                            </div>
                            <!-- <div class="col-md-3">
                                        <label for="form-field-select-2">
                                                           Batch
                                    </label>
                                       
                                        <select class="form-control" tabindex="3" class="cs-select cs-skin-elastic" name="batch" ng-model="searchData.Batch" ng-change="getValueChange()">
                                    <option value="" selected>Select Batch</option>
                                    <option ng-repeat="itemBatch in batchData"  value="{{itemBatch.BatchCode}}">{{itemBatch.BatchName}}</option>
                                    </select>
                                    </div> -->

                            <div class="col-md-2" style="padding-top: 2.3%;">
                                <div class="pull-right">

                                    <button type="submit" class="btn btn-success btn-o" tabindex="8">
                                        Submit
                                    </button>

                                </div>
                            </div>

                        </div>


                    </div>
                </div>
            </fieldset>

        </form>
        <!-- <pre>{{statusr | json}}</pre> -->
        <div style="text-align: right;">
            <a download="Mark_Card_status.xls" href="#" onclick="return ngTableExcelExport.excel(this, 'datatable', 'Mark Card Status');">
                <button class="btn btn-success btn-o" ng-click="Export()" tabindex="8">Export to Excel</button>
            </a>
            
        </div>
       
        <div class="table-responsive">
                <table datatable="ng" dt-options="dtOptions" class="table table-hover">
            <!-- <table  id="datatable"   class="table table-hover"> -->
                <thead>
                    <tr>
                        <th>SL.No</th>
                        <th>Intial Payment Paid Date</th>
                        <th>Student ID</th>
                        <th>Student Name</th>
                        <th>Father Name</th>
                        <th>Course</th>
                        <th>Sem/Year</th>
                        <th>Phone No</th>
                        <th>University</th>
                        <th>Balance Fee</th>
                        <th>Mark Card Status</th>
                        <th>Date</th>
                 
                    </tr>
                </thead>
                <tbody dir-paginate="p in markcard_data|filter:search:strict|itemsPerPage:10">
                    <tr>
                        <td>{{p.sl}}</td>
                        <td>{{p.bdate}}</td>
                        <td>{{p.ssid}}</td>
                        <td>{{p.name}}</td>
                        <td>{{p.father}}</td>
                        <td>{{p.course}}</td>
                        <td>{{p.syear}}({{p.sem}})</td>
                        <td>{{p.phone}}</td>
                        <td>{{p.uname}}</td>
                        <td>{{p.balance}}</td>
                        <td>{{p.status}}</td>
                        <td>{{p.cdate}}</td>
                    </tr>
                
                </tbody>

            </table>
            <h3 style="text-align:center;">{{message}}</h3>

        </div>

        <dir-pagination-controls  direction-links="true" boundary-links="true">
        </dir-pagination-controls>
    </div>
</div>