171 lines
8.8 KiB
HTML
Executable File
171 lines
8.8 KiB
HTML
Executable File
<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="Student Fees Status">{{ mainTitle }}</h1>
|
|
|
|
<span class="mainDescription">Update fees status. </span>
|
|
|
|
</div>
|
|
<!-- <div ncy-breadcrumb></div>-->
|
|
</div>
|
|
</section>
|
|
<!-- end: PAGE TITLE -->
|
|
<!-- start: LIST GROUP -->
|
|
<div class="container-fluid container-fullw bg-white" ng-controller="feesStatusCtrl" data-ng-init="init()">
|
|
<form name="Form" id="form" novalidate method="post">
|
|
|
|
<div class="row">
|
|
<fieldset>
|
|
<legend>Search</legend>
|
|
<div class="row">
|
|
<div class="col-md-4 form-group">
|
|
<label>
|
|
University
|
|
</label>
|
|
<select class="form-control" name="university" tabindex="3" id="university" ng-model="myModel.universityName" ng-options="details.universityName for details in university" ng-change="getStudentDetails(Form,myModel);">
|
|
<option value=""> Select University</option>
|
|
</select>
|
|
|
|
</div>
|
|
<div class="col-md-4 form-group">
|
|
<label>Batch</label>
|
|
<select ui-select2 class="form-control" tabindex="3" class="cs-select cs-skin-elastic" name="batch" ng-model="myModel.batch" ng-change="getStudentDetails(Form,myModel);">
|
|
<option value="" selected>Select Batch</option>
|
|
<option ng-repeat="batchDetails in myModel.universityName.batchDetails" value="{{batchDetails.BatchCode}}">{{batchDetails.BatchName}}</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-4 form-group">
|
|
<label>Course</label>
|
|
<select ui-select2 class="form-control" tabindex="4" class="cs-select cs-skin-elastic" name="course" ng-model="myModel.courseName" ng-change="getStudentDetails(Form,myModel);">
|
|
<option value="" selected>Select Course</option>
|
|
<option ng-repeat="courseDetails in myModel.universityName.courseDetails" value="{{courseDetails.CourseID}}">{{courseDetails.CourseName}}</option>
|
|
</select>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.mobilenumber.$dirty && Form.mobilenumber.$invalid}">
|
|
<label>
|
|
Mobile Number
|
|
</label>
|
|
|
|
<input type="text" placeholder="Search Mobile Number" ladda="ldloading1.zoom_in" data-style="zoom-in" autofocus tabindex="1" class="form-control" name="mobilenumber" id="mobilenumber" ng-minlength="10" ng-maxlength="12" ng-model="myModel.mobileNumber"
|
|
ng-pattern="/^[0-9]*$/" ng-change="getStudentDetails(Form,myModel);" />
|
|
<span class="error text-small block" ng-if="Form.mobilenumber.$error.maxlength || Form.mobilenumber.$error.minlength || Form.mobilenumber.$error.pattern">Enter a valid mobile number</span>
|
|
|
|
|
|
</div>
|
|
|
|
<div class="col-md-4 form-group">
|
|
<label>
|
|
Student First Name
|
|
</label>
|
|
|
|
<input type="text" placeholder="Search Student Name" tabindex="2" class="form-control" name="studentname" ng-model="myModel.studentName" ng-pattern="/^[a-zA-Z.\s]*$/" ng-change="getStudentDetails(Form,myModel);" />
|
|
<span class="error text-small block" ng-if="Form.studentname.$dirty && Form.studentname.$error.pattern">Invalid student name </span>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</fieldset>
|
|
|
|
</div>
|
|
</form>
|
|
|
|
|
|
|
|
|
|
<div class="table-responsive">
|
|
|
|
<table class="table table-hover" ng-controller="studentModalDemoCtrl">
|
|
<thead>
|
|
<tr>
|
|
<th ng-click="sort('Firstname')">First 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('Fathername')">Father Name
|
|
<span class="glyphicon sort-icon" ng-show="sortKey=='Fathername'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
|
|
</th>
|
|
<th ng-click="sort('MobileNumber')">Mobile Number
|
|
<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('UniversityName')">University
|
|
<span class="glyphicon sort-icon" ng-show="sortKey=='UniversityName'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
|
|
</th>
|
|
<th ng-click="sort('CourseName')">Course
|
|
<span class="glyphicon sort-icon" ng-show="sortKey=='CourseName'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
|
|
</th>
|
|
<th>Student Status</th>
|
|
<th>Course Status</th>
|
|
<th>Comment</th>
|
|
<!-- <th>Session</th>-->
|
|
<th>Action</th>
|
|
<th></th>
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody dir-paginate="user in studentInfo|orderBy:sortKey:reverse|filter:search:strict|itemsPerPage:10">
|
|
<tr>
|
|
<td><a tooltip="View Student" class="text-dark" ng-click="open(user);">{{user.Firstname}}</a></td>
|
|
<td>{{user.Fathername}}</td>
|
|
<td><a tooltip="View Student" class="text-dark" ng-click="open(user);">{{user.MobileNumber}}</a></td>
|
|
<td>{{user.UniversityName}}</td>
|
|
<td>{{user.CourseName}}</td>
|
|
<td><span ng-if="user.IsActive == true" style="text-transform: uppercase; text-shadow: 1px 1px #166307; color: #2be209 ">ACTIVE</span>
|
|
<span tooltip="{{user.DeactiveComments}}" ng-if="user.IsActive == false" style="text-transform: uppercase; text-shadow: 1px 1px rgb(167, 88, 15); color: rgba(236, 24, 24, 0.98823529);">DEACTIVE</span>
|
|
</td>
|
|
|
|
<td><span ng-if="user.CourseActive == true" style="text-transform: uppercase; text-shadow: 1px 1px #166307; color: #2be209 ">ACTIVE</span>
|
|
<span tooltip="{{user.DeactiveComments}}" ng-if="user.CourseActive == false" style="text-transform: uppercase; text-shadow: 1px 1px rgb(167, 88, 15); color: rgba(236, 24, 24, 0.98823529);">DEACTIVE</span>
|
|
</td>
|
|
<td>
|
|
<div>{{user.Comments && user.CourseStatus ? user.Comments +' / '+ user.CourseStatus : (user.Comments ? user.Comments : (user.CourseStatus ? user.CourseStatus : ''))}}</div>
|
|
</td>
|
|
<!-- <td>{{user.SessionName}}</td>-->
|
|
<td>
|
|
<input type="button" class="btn btn-info btn-xs btn-transparent tooltips" tooltip-placement="bottom" tooltip="Click To Set Fees" id="setRow{{user.ID}}" value="Set Fees" ng-click="setFees(user)">
|
|
</td>
|
|
<td>
|
|
<b></b> <input type="button" class="btn btn-info btn-xs btn-transparent tooltips" tooltip-placement="bottom" tooltip="Click To Receive Fees" id="editRow{{user.ID}}" value="Receive Fees" ng-click="updateFees(user)">
|
|
</td>
|
|
|
|
|
|
|
|
</tr>
|
|
<tr ng-show="editId === user.ID" ng-if="editId === user.ID">
|
|
<td colspan="12" ng-include src="'assets/views/status-update/updateFeesStatus.html'"></td>
|
|
</tr>
|
|
<tr ng-show="viewId === user.ID" ng-if="viewId === user.ID">
|
|
<td colspan="12" ng-include src="'assets/views/status-update/setFeesForStudent.html'"></td>
|
|
</tr>
|
|
</tbody>
|
|
|
|
</table>
|
|
<dir-pagination-controls max-size="10" direction-links="true" boundary-links="true">
|
|
</dir-pagination-controls>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<!-- end: LIST GROUP --> |