443 lines
26 KiB
HTML
443 lines
26 KiB
HTML
<!-- start: STUDENT TITLE -->
|
|
<section id="page-title">
|
|
<div class="row">
|
|
<div class="col-sm-8">
|
|
<h1 class="mainTitle" translate="Enrollment Details">{{ mainTitle }}</h1>
|
|
<span class="mainDescription">Student Form Enrollment Details. </span>
|
|
</div>
|
|
<!-- <div ncy-breadcrumb></div>-->
|
|
</div>
|
|
</section>
|
|
<!-- end: STUDENT TITLE -->
|
|
<!-- start: LIST GROUP -->
|
|
<div ng-controller="student_university_fee_compareCtrl" class="container-fluid container-fullw bg-white">
|
|
<script>
|
|
$(document).ready(function () {
|
|
$("#selectBranch").focus();
|
|
});
|
|
</script>
|
|
|
|
<style>
|
|
#containersPara {
|
|
width: 180px;
|
|
height: 75px;
|
|
overflow: auto;
|
|
white-space: pre;
|
|
}
|
|
</style>
|
|
<style>
|
|
.listCoutShow {
|
|
margin: 12px;
|
|
padding: 4px;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
border: 1px solid #59b176;
|
|
border-radius: 7px;
|
|
color: #FFF;
|
|
background-color: #5fba7d;
|
|
text-align: center;
|
|
}
|
|
</style>
|
|
<div>
|
|
<br>
|
|
|
|
<div class="row" ng-init="init()">
|
|
<tabset id="here" class="tabbable">
|
|
<tab tabindex="1" active="tabactive1" ng-click="tabActive('tabactive1')" heading="View Matched" id="viewDetails">
|
|
<script>
|
|
$("#selectBranch").change(function () {
|
|
$("#searchIn").focus();
|
|
}); $("#selectBranch").click(function () {
|
|
$("#searchIn").focus();
|
|
});
|
|
</script>
|
|
<div class="col-md-12">
|
|
<button class="btn btn-sm btn-info" tabindex="2" style="float: right" ng-click="addManualEnrolemntDetails('1')">Add Enrollment</button>
|
|
</div>
|
|
<div class="container" ng-show="enableEnrolment==true">
|
|
<form name="manualEnForm" id="manualEnForm" novalidate>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<fieldset>
|
|
<legend>
|
|
Add Enrollment Details
|
|
</legend>
|
|
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<div class="col-md-12 form-group"
|
|
ng-class="{'has-error':manualEnForm.manualEnrolmentNo.$dirty && manualEnForm.manualEnrolmentNo.$invalid, 'has-success':manualEnForm.manualEnrolmentNo.$valid}">
|
|
<label>
|
|
Enrollment ID<span class="symbol required"></span>
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Enrolment No"
|
|
autofocus tabindex="3" class="form-control" name="manualEnrolmentNo" id="manualEnrolmentNo" ng-minlength="6" ng-maxlength="18"
|
|
ng-model="manualEnModel.enrolmentNo" required />
|
|
<span class="error text-small block"
|
|
ng-if="manualEnForm.manualEnrolmentNo.$dirty && manualEnForm.manualEnrolmentNo.$invalid"
|
|
ng-hide="manualEnForm.manualEnrolmentNo.$error.maxlength || manualEnForm.manualEnrolmentNo.$error.minlength || manualEnForm.manualEnrolmentNo.$error.pattern">Enrollment no is required</span>
|
|
<span class="error text-small block"
|
|
ng-if="manualEnForm.manualEnrolmentNo.$error.maxlength || manualEnForm.manualEnrolmentNo.$error.minlength || manualEnForm.manualEnrolmentNo.$error.pattern">Enter a valid enrollment no</span>
|
|
|
|
</div>
|
|
<div class="col-md-6 form-group">
|
|
<button class="btn btn-sm btn-info" ng-disabled="!manualEnModel.enrolmentNo" tabindex="4" style="float: left" ng-click="checkEnrolmentExistDetails(Form,manualEnModel.enrolmentNo);">Search</button>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-8" ng-if="semList.length!=0">
|
|
|
|
<div class="col-md-3 form-group"
|
|
ng-class="{'has-error':manualEnForm.manualSem.$dirty && manualEnForm.manualSem.$invalid, 'has-success':manualEnForm.manualSem.$valid}">
|
|
<label>
|
|
Sem <span class="symbol required"></span>
|
|
</label>
|
|
<select class="form-control" name="manualSem" tabindex="5" id="manualSem"
|
|
ng-model="manualEnModel.sem"
|
|
ng-options="semD.sem for semD in semList"
|
|
required>
|
|
<option value=""> Select sem</option>
|
|
</select>
|
|
<span class="error text-small block"
|
|
ng-if="manualEnForm.manualSem.$dirty && manualEnForm.manualSem.$invalid">Sem is required</span>
|
|
</div>
|
|
|
|
<div class="col-md-5 form-group" ng-class="{'has-error':manualEnForm.manualFormID.$dirty && manualEnForm.manualFormID.$invalid, 'has-success':manualEnForm.manualFormID.$valid}">
|
|
<label> Form ID <span class="symbol required"></span>
|
|
</label>
|
|
|
|
<input type="text" tabindex="6" placeholder="Enter Form ID"
|
|
class="form-control" name="manualFormID"
|
|
ng-model="manualEnModel.formID" required number-only/>
|
|
<span class="error text-small block"
|
|
ng-if="manualEnForm.manualFormID.$dirty && manualEnForm.manualFormID.$invalid">Form id is required</span>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<i class="ti-user"> <span class="text-green">{{studentInfo.StudentName}}</span></i>
|
|
|
|
</div>
|
|
<div class="col-md-12">
|
|
<i class="ti-book"> <span class="text-green">{{studentInfo.CourseName}}</span></i>
|
|
|
|
</div>
|
|
<div class="col-md-12">
|
|
<i class="ti-book"> <span class="text-green">{{studentInfo.UniversityName}}</span></i>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<div class="col-md-8">
|
|
<div class="pull-left">
|
|
<button tabindex="7" type="button" ng-click="manualEnrolmentSubmit(manualEnForm)" ladda="ldloading1.zoom_in" class="btn btn-wide btn-success" data-style="zoom-in">
|
|
Save
|
|
</button>
|
|
<button type="button" class="btn btn-warning btn-wide" tabindex="8"
|
|
ng-click="cancelManualEntry(manualEnForm)">
|
|
Cancel
|
|
</button>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
</div>
|
|
|
|
<div class="container">
|
|
<form name="Form" id="form" novalidate ng-submit="onSubmit()" method="post">
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<label for="form-field-select-2">
|
|
University <span class="symbol required"></span>
|
|
</label>
|
|
|
|
<select class="form-control" tabindex="9" class="cs-select cs-skin-elastic" name="university" ng-model="myUnivSearch" ng-change="getUniveId(myUnivSearch)">
|
|
<option value="" disabled selected>Select University</option>
|
|
<option ng-repeat="item in universitySearchData" value="{{item}}">{{item.univName}}</option>
|
|
</select>
|
|
</div>
|
|
|
|
|
|
<div class="col-md-3">
|
|
<label for="form-field-select-2">
|
|
Course <span class="symbol required"></span>
|
|
</label>
|
|
|
|
<select ui-select2 class="form-control" tabindex="10" class="cs-select cs-skin-elastic" name="serachCourse" id="serachCourse" ng-model="searchData.Course">
|
|
<option value="" selected>Select Course</option>
|
|
<option ng-repeat="itemcourse in serachCourseData" value="{{itemcourse.CourseName}}">{{itemcourse.CourseName}}</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-2 form-group">
|
|
<label for="form-field-select-2">
|
|
Sem
|
|
</label>
|
|
<select class="form-control" tabindex="11" class="cs-select cs-skin-elastic" name="matchmatchSemSearch" id="matchmatchSemSearch" ng-model="searchData.Sem">
|
|
<option value="" selected>Select Sem</option>
|
|
<option ng-repeat="semD in semDetails" value="{{semD}}">{{semD}}</option>
|
|
</select>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-2" style="margin-top: 23px;">
|
|
<button ng-disabled="searchData.University == '' || searchData.Course == ''" type="submit" class="btn btn-success" tabindex="12">
|
|
Get Record
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
</form>
|
|
</div>
|
|
|
|
<div>
|
|
<!--{{data | json}}-->
|
|
<div ng-if="Searchloader">
|
|
<div style="color: blue; align: center;" align="center"> Loading...</div>
|
|
</div>
|
|
<div align="center" ng-if="studentData==false">
|
|
<div style="color: red; align: center;" align="center"> {{statusMessage}}</div>
|
|
</div>
|
|
<div class="row" style="text-align: right;">
|
|
|
|
<button class="btn btn-success btn-o" ng-click="exportData()" ng-if="studentData">Export to Excel</button>
|
|
|
|
</div>
|
|
<div class="table-responsive" ng-if="studentData" ng-controller="studentModalDemoCtrl">
|
|
<table class="table table-hover" >
|
|
<thead>
|
|
<tr>
|
|
<th> Form ID
|
|
</th>
|
|
<th> Enrollment ID
|
|
</th>
|
|
<th> Form Type
|
|
</th>
|
|
<th> Student Name
|
|
</th>
|
|
<th> Father Name
|
|
</th>
|
|
<th> University
|
|
</th>
|
|
<th> Course
|
|
</th>
|
|
<th> Sem/Year
|
|
</th>
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody dir-paginate="p in data|orderBy:sortKey:reverse|filter:search:strict|itemsPerPage:10| filter:query as results" pagination-id="matched">
|
|
<tr>
|
|
<td><a tooltip="View Student" class="text-dark" ng-click="open(p);"> {{p.FormID}}</a></td>
|
|
<td>{{p.EnrolmentNo}}</td>
|
|
<td>
|
|
{{p.FormType}}
|
|
</td>
|
|
<td>
|
|
<a tooltip="View Student" class="text-dark" ng-click="open(p);">
|
|
{{p.Firstname}} {{p.Lastname}}
|
|
</a>
|
|
<!--tooltip="View Student" ng-click="open(p);"-->
|
|
</td>
|
|
<td>{{p.Fathername}}</td>
|
|
<td>{{p.UniversityName}}</td>
|
|
<td>{{p.CourseName}}</td>
|
|
<td>{{p.SemesterYear}}</td>
|
|
|
|
<!-- <td>
|
|
<i class="ti-write" tooltip="View Fee Details" id="personalDetailButton" ng-click="setEditId(p.FormID);getFeeCompareDetails(p.FormID, p.EnrolmentNo)"></i>
|
|
</td>-->
|
|
</tr>
|
|
<!--<tr ng-show="editId === p.FormID" ng-if="editId === p.FormID">
|
|
<td colspan="9">
|
|
<div ng-if="popupLoad">
|
|
<div align="center" >
|
|
<h3 style="color: blue;">Loading...</h3></div>
|
|
<h2> {{statusMessage}} </h2>
|
|
</div>
|
|
<div class="container" ng-if="formPaymentDetails!=''">
|
|
<div class="container" align="center">
|
|
<table class="table table-border">
|
|
<thead>
|
|
<th>University Fee Paid Details</th>
|
|
<th>Student Fee Paid Details</th>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>{{formPaymentDetails.UniversityPaidAmount}}</td>
|
|
<td>{{formPaymentDetails.StudentPaidAmount}}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<button class="btn btn-warning pull-right" ng-click="setEditId(-1);">Cancel</button>
|
|
</div>
|
|
</td>
|
|
</tr>-->
|
|
</tbody>
|
|
</table>
|
|
<dir-pagination-controls pagination-id="matched" max-size="10" direction-links="true" boundary-links="true">
|
|
</dir-pagination-controls>
|
|
|
|
</div>
|
|
</div>
|
|
</tab>
|
|
<tab tabindex="13" active="tabactive2" ng-click="tabActive('tabactive2')" heading="View Unmatched" id="unmatchedRecord">
|
|
|
|
<div class="col-md-3 form-group">
|
|
<label for="form-field-select-2">
|
|
University <span class="symbol required"></span>
|
|
</label>
|
|
|
|
<select class="form-control" tabindex="14" class="cs-select cs-skin-elastic" name="mismatchUniv" ng-model="misMatchUnivSearch" ng-change="getMisMatchUnivId(misMatchUnivSearch)">
|
|
<option value="" disabled selected>Select University</option>
|
|
<option ng-repeat="item in universitySearchData" value="{{item}}">{{item.univName}}</option>
|
|
</select>
|
|
</div>
|
|
|
|
|
|
<div class="col-md-3 form-group">
|
|
<label for="form-field-select-2">
|
|
Course <span class="symbol required"></span>
|
|
</label>
|
|
</label>
|
|
<select class="form-control" tabindex="15" class="cs-select cs-skin-elastic" name="mismatchCourseSearch" id="mismatchCourseSearch" ng-model="misMatchsSearchData.Course">
|
|
<option value="" selected>Select Course</option>
|
|
<option ng-repeat="mcourse in misMatchCourseData" value="{{mcourse.CourseName}}">{{mcourse.CourseName}}</option>
|
|
</select>
|
|
|
|
</div>
|
|
<div class="col-md-2 form-group">
|
|
<label for="form-field-select-2">
|
|
Sem
|
|
</label>
|
|
<select class="form-control" tabindex="16" class="cs-select cs-skin-elastic" name="mismatchSemSearch" id="mismatchSemSearch" ng-model="misMatchsSearchData.Sem">
|
|
<option value="" selected>Select Sem</option>
|
|
<option ng-repeat="semD in semDetails" value="{{semD}}">{{semD}}</option>
|
|
</select>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-2" style="margin-top: 20px;">
|
|
<button class="btn btn-success" ng-disabled="!misMatchUnivSearch || misMatchsSearchData.Course=='' " ng-click="getUnmatchedRecord(misMatchsSearchData)">Get Record</button>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="container">
|
|
<div ng-if="unMatchedLoadingStatus">
|
|
<div style="color: blue; align: center;" align="center"> Loading...</div>
|
|
</div>
|
|
<div ng-if="unMatchedNoRecordFound">
|
|
<div style="color: red; align: center;" align="center"> No record found ...</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" style="text-align: right;" ng-if="!unMatchedNoRecordFound && unMatchedRecordDetails">
|
|
|
|
<button class="btn btn-success btn-o" ng-click="exportDataTab2()">Export to Excel</button>
|
|
|
|
</div>
|
|
|
|
<div class="container table-responsive" ng-if="!unMatchedNoRecordFound && unMatchedRecordDetails">
|
|
<div ng-if="unMatchedRecordDetailsType == 'EnrolmentIDFile'">
|
|
<table class="table table-border table-hover" >
|
|
<thead>
|
|
<th>Form ID</th>
|
|
<th>Enrollment ID</th>
|
|
<th>SemesterYear</th>
|
|
<th>MobileNumber</th>
|
|
<th>StudentName</th>
|
|
<th>UniversityCode</th>
|
|
<th>UniversityName</th>
|
|
<th>CourseCode</th>
|
|
<th>CourseName</th>
|
|
<!--<th>RollNo</th>
|
|
<th>CentreCode</th>
|
|
<th>CentreState</th>-->
|
|
|
|
<th>FatherName</th>
|
|
<th>MotherName</th>
|
|
<th>EmailID</th>
|
|
|
|
|
|
</thead>
|
|
<tbody dir-paginate="p in unMatchedRecordDetails|orderBy:sortKey:reverse|filter:search:strict|itemsPerPage:10| filter:query as results" pagination-id="unmatched">
|
|
<tr>
|
|
<td>{{p.FormID}}</td>
|
|
|
|
<td ng-if="p.EnromentStatus==true">{{p.EnrolmentNo}}</td>
|
|
<td ng-if="p.EnromentStatus==false"><span class="text-red"><b>{{p.EnrolmentNo}}</b></span></td>
|
|
<td ng-if="p.SemStatus==true">{{p.SemesterYear}}</td>
|
|
<td ng-if="p.SemStatus==false"><span class="text-red"><b>{{p.SemesterYear}}</b></span></td>
|
|
<td>{{p.MobileNumber}}</td>
|
|
<td>{{p.StudentName}}</td>
|
|
<td>{{p.UniversityCode}}</td>
|
|
<td>{{p.UniversityName}}</td>
|
|
<td>{{p.CourseCode}}</td>
|
|
<td>{{p.CourseName}}</td>
|
|
<!-- <td>{{p.RollNo}}</td>
|
|
<td>{{p.CentreCode}}</td>
|
|
<td>{{p.CentreState}}</td>-->
|
|
|
|
<td>{{p.FatherName}}</td>
|
|
<td>{{p.MotherName}}</td>
|
|
<td>{{p.EmailID}}</td>
|
|
|
|
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<dir-pagination-controls pagination-id="unmatched" max-size="10" direction-links="true" boundary-links="true">
|
|
</dir-pagination-controls>
|
|
</div>
|
|
|
|
</div>
|
|
</tab>
|
|
<tab tabindex="17" active="tabactive3" ng-click="tabActive('tabactive3')" heading="Upload Files" id="uploadFiles">
|
|
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-md-4 form-group">
|
|
<label>
|
|
University <span class="symbol required"></span>
|
|
</label>
|
|
<select class="form-control" tabindex="18" name="formUniversity" ng-model="uploadModel.university" required>
|
|
<option value="" selected>Select University</option>
|
|
<option ng-repeat="funiv in fileUploadUniversityData" value="{{funiv}}">{{funiv.UniversityName}}</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-3 form-group" ng-if="showFile=='1'">
|
|
<fieldset>
|
|
|
|
<js-xls onread="readXlsxDetails" onerror="error"></js-xls>
|
|
<br>
|
|
<a href="images/Sampleformat/Enrollment.xlsx">Sample Format</a>
|
|
<button type="button" class="btn btn-success btn-o" style="float: right" ng-click="receiveEnrolmentDetails(extractDetails,uploadModel)"> Submit</button>
|
|
|
|
</fieldset>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</tab>
|
|
|
|
|
|
</tabset>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- end: LIST GROUP --> |