apollodec/Apollo/assets/views/hallticket/examAttendance.html

<style>
    b.fa {
        display: inline-block;
        border-radius: 60px;
        box-shadow: 0px 0px 2px #FF6600;
        padding: 0.5em 0.6em;


    }
    b.fa1 {
        display: inline-block;
        border-radius: 60px;
        box-shadow: 0px 0px 2px green;
        padding: 0.5em 0.6em;


    }
    a {
        color: #007AFF;
    }

</style>
<!-- start: PAGE TITLE -->
<section id="page-title">
    <div class="row">
        <div class="col-sm-8">

            <h1 class="mainTitle" translate="Examination Attendance">{{ mainTitle }}</h1>

            <span class="mainDescription">Examination Attendance  </span>

        </div>
        <div ncy-breadcrumb></div>
    </div>
</section>
<!-- end: PAGE TITLE -->
<!-- start: LIST GROUP -->
 
<div class="container-fluid container-fullw bg-white" ng-controller="examAttendanceCtrl" data-ng-init="init()">
    

        <div class="row">
		<form name="Form" id="form" novalidate method="post">
            <fieldset>
                <legend>Search</legend>
                <div class="col-md-12 ">
                    
                    <div class="col-md-3 form-group">
                        <label>
                            University
                        </label>
                        <select  class="form-control" name="university" tabindex="1" id="university" 
                                ng-model="myModel.universityName"
                                ng-options="i.universityName for i in university" ng-change="">
                            <option value=""> Select University</option>
                        </select>
						 <!-- <pre>{{myModel.universityName | json}}</pre>--> 

                     </div>
                    <!-- <div class="col-md-3 form-group"> -->
                        <!-- <label> -->
                            <!-- Course -->
                        <!-- </label> -->
                        <!-- <select ui-select2 class="form-control" name="course" tabindex="4" id="course" -->
                                <!-- ng-model="myModel.courseName" ng-change="captureCourseName();"> -->
                            <!-- <option value=""> Select Course</option> -->
							<!-- <option ng-repeat="courseDetails in myModel.universityName.courseDetails"  value="{{courseDetails.CourseID}}"><span ng-show="courseDetails.CourseCode != ''"><strong>{{courseDetails.CourseName}}</strong></span></option> -->
                        <!-- </select> -->
						
						<!-- <!-- <pre>{{myModel.courseName|json}}</pre> --> 
                    <!-- </div> -->
					
							<div class="col-md-2 form-group">
				 			
							 <label>
                           Batch Name
								</label>
								<select ui-select2 class="form-control" name="batch" tabindex="4" id="batch"
										ng-model="myModel.batchName" ng-change="captureBatchName()"
										>
									<option value=""> Select Batch</option>
									<option ng-repeat="batchDetails in myModel.universityName.batchDetails"  value="{{batchDetails.BatchCode}}"><span ng-show="batch.BatchCode != ''"><strong>{{batchDetails.BatchName}}</strong></span></option>
								</select>
						<!-- <pre>{{myModel.batchName | json}}</pre> -->
							</div>
							
							<div data-ng-controller="DatepickerDemoCtrl">
                            <div class="col-md-3 form-group" >
                                <label>
                                                 Date of Examiniation<span class="symbol required"></span>
                                            </label>

                                <input type="text" tabindex="16" class="form-control" ng-click="startOpen = !startOpen" datepicker-popup="dd-MM-yyyy" ng-model="myModel.examDate"
                                    is-open="startOpen" ng-init="startOpen = false" name="examdate" datepicker-options="dateOptions"
                                    placeholder="Select Examiniation Date" close-text="Close" required="required" ng-change=""/>

                                                      </div>
                        </div>
							
							<div class="col-md-5 form-group">
							
							 <label>
                          Center Name
								</label>
								<select class="form-control" name="center" tabindex="4" id="center"
										ng-model="myModel.centerName"
										ng-options="center.CenterName for center in centerDetails" ng-change="">
									<option value=""> Center Name</option>
								</select>
							<!-- <pre>{{myModel.centerName | json}}</pre>  -->
							</div>
							
							<div class="col-md-2 form-group">
						
						<br>                   
                                             <button type="button" ladda="ldloading1.zoom_in" tabindex="5" class="btn btn-wide btn-info" data-style="zoom-in" ng-click="getExamAttendanceDetails(Form,myModel);">GET STUDENTS</button>
						</div>
					

                </div>
			</fieldset>
			
			<div class="row">
				<div class="col-md-12" ng-if="isLoaderShow">
					<center> <h1>{{isLoaderTxt}}</h1> </center>
				</div>
			</div>
			
			<div class="row">
			<div class="col-md-12" ng-if="isTblShow">
			<div class="table-responsive">
                                <table class="table table-hover">
                                    <thead>
                                        <tr>
										<th><input type="checkbox" ng-model="myModel.all" id="all" name="all" ng-click="isCheckAll($event);" class="form-control"></th>
                                            <th ng-click="sort('Firstname')">Student Name
                                                <span class="glyphicon sort-icon" ng-show="sortKey=='Firstname'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
                                            </th>
                                            <!-- <th ng-click="sort('UniversityShortName')">University Short Name -->
                                                <!-- <span class="glyphicon sort-icon" ng-show="sortKey=='UniversityShortName'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span> -->
                                            <!-- </th> -->
                                            <th ng-click="sort('MobileNumber')">Mobile No
                                                <span class="glyphicon sort-icon" ng-show="sortKey=='MobileNumber'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
                                            </th>
                                            <th ng-click="sort('EmailID')">EmailID
                                                <span class="glyphicon sort-icon" ng-show="sortKey=='EmailID'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
                                            </th>
											<!-- <th>Status</th> -->
                                            <!-- <th style="text-align: center;"> Action -->
                                            <!-- </th> -->
                                        </tr>
                                    </thead>
                                    <tbody dir-paginate="p in studentInfo|orderBy:sortKey:reverse|filter:search:strict|itemsPerPage:10">
                                        <tr>
										<td><input type="checkbox" ng-checked="myModel.all" id="{{p.StudentID}}" name="{{p.StudentID}}" class="form-control" ng-click="isClick($event);"></td>
										<td>{{p.Firstname}}{{p.Lastname}}</td>
                                            <!-- <td>{{p.UniversityShortName}}</td> -->
                                            <td>{{p.MobileNumber}}</td>
                                            <td>{{p.EmailID}}</td>
											
										</tr>
										</tbody>

                                </table>
                                <dir-pagination-controls max-size="10" direction-links="true" boundary-links="true">
                                </dir-pagination-controls>

                            </div>
						</div>
					</div>
			</form>
			</div>
        </div>
		
</div>
 
<!-- end: LIST GROUP -->