apollodec/Apollo/assets/views/hallticket/generatehallticket.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="Generate Hallticket">{{ mainTitle }}</h1>

            <span class="mainDescription">Generate Halltickets For Student  </span>

        </div>
          <div ncy-breadcrumb></div>
        </div>
</section>
<!-- end: PAGE TITLE -->
<!-- start: LIST GROUP -->
 
<div class="container-fluid container-fullw bg-white" ng-controller="generateHallTicketCtrl" 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-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="batchDetails.BatchCode != ''"><strong>{{batchDetails.BatchName}}</strong></span></option>
								</select>
						<!-- <pre>{{myModel.batchName | 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>
				    <div class="col-md-12 ">
					
					  <div class="col-md-3 form-group">
							
							 <label>
                          Center Name
								</label>
								<select class="form-control" name="center" tabindex="4" id="center"
										ng-model="myModel.centerName"
										ng-options="centerDetails.CenterName for centerDetails in centers" 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="getStudentDetails(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('EnrollmentID')">Enrollment ID
                                                <span class="glyphicon sort-icon" ng-show="sortKey=='EnrollmentID'" 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')">Email ID
                                                <span class="glyphicon sort-icon" ng-show="sortKey=='EmailID'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
                                            </th>
											
											 <th ng-click="sort('isFlag')">Status
                                                <span class="glyphicon sort-icon" ng-show="sortKey=='isFlag'" 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.EnrollmentID}}</td>
                                            <td>{{p.MobileNumber}}</td>
                                            <td>{{p.EmailID}}</td>
                                            <td> <span ng-if="p.isFlag != null" class="label label-sm label-success">GENERATED</span></td>
											
										</tr>
                                         <div class="col-md-3 form-group">
						<!-- <div class="pull-right"> -->
						<br>                   
                                             <button type="button" ladda="ldloading1.zoom_in" tabindex="6" class="btn btn-wide btn-success" data-style="zoom-in" ng-disabled = "generateButtonStatus" ng-click="generateHallTicket();">{{generateButtonTxt}}</button>
						<!-- </div> -->
							</div>
										</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 -->