apollodec/Apollo/assets/views/report_answer_booklets.html

<section id="page-title">
    <div class="row">
        <div class="col-sm-8">
            <h1 class="mainTitle">Answer Booklets Status Report</h1>
        </div>
        <!-- <div ncy-breadcrumb></div>   -->
    </div>
</section>
<style>
td,th {
	  white-space: nowrap;
	  }
	  th{
	  text-align:center;
	  }
	   .table>tbody>tr>td { padding: 2px; }
    /* .sort-icon {
        font-size: 9px;
        margin-left: 5px;
    }

    th {
        cursor: pointer;
    } */
</style>
<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_ans_bookletCtrl" ng-init="filters()">
        <form name="Form" id="form" novalidate ng-submit="onSubmit(Form)" method="post">
            <fieldset>
                <div class="row">
                    <div class="col-md-12">

                        <div class="row">
                           
                             <div class="col-md-3">
                                <label>
                                    University
                                </label><br>

                                <select ui-select2 class="form-control" tabindex="1" class="cs-select cs-skin-elastic" name="university" ng-model="univModel.university" required>
                                    <option value="" selected>Select University</option>
                                    <!--details.universityName for details in university-->
                                    <option ng-repeat="details in university"  value="{{details}}">{{details.universityName}}</option>

                                </select>
                               <span style="color:red;" ng-if="show" ng-show="Form.university.$dirty && Form.university.$error.required">Please select University.</span>
                            </div>

                            <div class="col-md-3">
                                <label>
                                    Batch
                                </label><br>

                                <select ui-select2 class="form-control" tabindex="2" class="cs-select cs-skin-elastic" name="batch" ng-model="univModel.batch" required>
                                    <option value="" selected>Select Batch</option>
                                    <option ng-repeat="batchDetails in filterBatchDetails.batchDetails"  value="{{batchDetails.BatchCode}}">{{batchDetails.BatchName}}</option>

                                </select>
                             <span style="color:red;" ng-if="show" ng-show="Form.batch.$dirty && Form.batch.$error.required">Please select Batch.</span>
                            </div>

                            <div class="col-md-3">
                                <label> Status </label><br>
                                    <select ui-select2 class="form-control" tabindex="2" class="cs-select cs-skin-elastic" name="status" ng-model="univModel.status">
                                        <option value="" selected>Select Status</option>
                                        <option ng-repeat="details in statuslist"  value="{{details.ListCode}}">{{details.ListName}}</option>
                                    </select>
                            </div>


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

                                    <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 class="row" style="text-align: right;">
                <div class="col-md-4">
                <input class="form-control"  type="text" ng-model="search" id="searchIn" autofocus tabindex="2" placeholder="Search" />
                </div>
                <div class="col-md-6">
                        <button class="btn btn-success btn-o" ng-click="calltracking()">Call Tracking</button>
                            </div>
                <button class="btn btn-success btn-o" ng-click="exportData()">Export to Excel</button>
            
        </div>
        <div class="table-responsive" style="margin-top: 20px;">
            <table  id="datatable"   class="table table-striped table-bordered table-hover table-condensed" style="font-size:0.9em;" ng-controller="studentModalDemoCtrl">
                  
                           
                         
                <thead>
                   
                    <tr>
                            <th><input type="checkbox" ng-model="myModel.all" id="all" name="all" ng-click="isCheckAll($event);"></th>
                        <th>SL.No</th>
                        <th>Enrollment ID</th>
                        <th>Student Name</th>
                        <th>Father Name</th>
                        <th>Course</th>
                        <th>Sem/Year</th>
                        <th>University</th>
						<th>Balance Fee</th>
						<th style=" white-space: pre-wrap;text-align:left;width: 100px;"!important>Issued To Student Date</th>
						<th style=" white-space: pre-wrap;text-align:left;width: 100px;"!important>Received From Student Date</th>
                        <th style=" white-space: pre-wrap;text-align:left;width: 100px;"!important>Answer Booklet Status</th>
                        <th style=" white-space: pre-wrap;text-align:left;width: 100px;"!important>Courier Details</th>
                        <th>Date</th>
                        
                 
                    </tr>
                </thead>
                <tbody>
                    <tr dir-paginate="p in ans_book_data|filter:search:strict|itemsPerPage:10" current-page="currentPage">
                            <td><input type="checkbox" ng-checked="myModel.all" id="{{p.Student_id}}" name="{{p.Student_id}}" class="form-control" ng-click="isClick($event);" /></td>
                        <td>{{10 * (currentPage-1)+$index+1}}</td>
                        <td>{{p.Enrollment_id}}</td>
                        <td><a tooltip="View Student" class="text-dark" ng-click="open(p);">{{p.Student_name}}</a></td>
                        <td>{{p.Father_name}}</td>
                        <td>{{p.Course_name}}</td>
                        <td>{{p.Sem_year}}({{p.Sem}})</td>
                        <td>{{p.University}}</td>
						 <td style="text-align:right;">{{p.balance}}</td>
						<td>{{p.issuedate}}</td>
						<td>{{p.rcvedate}}</td>
                        <td>{{p.Status}}</td>
                        <td>{{p.CD}}</td>
                        <td>{{p.Date}}</td>
                        
                    </tr>
                
                </tbody>

            </table>
			<div class="row">
				<div class="col-md-12" ng-if="isLoaderShow1">
					<center> <h1>{{isLoaderTxt}}</h1> </center>
				</div>
			</div>
            <h3 style="text-align:center;">{{message}}</h3>

        </div>

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