1339 lines
111 KiB
HTML
Executable File
1339 lines
111 KiB
HTML
Executable File
<!-- start: STUDENT TITLE -->
|
|
<section id="page-title">
|
|
<div class="row">
|
|
<div class="col-sm-8">
|
|
<h1 class="mainTitle" translate="Manage Student Details">{{ mainTitle }}</h1>
|
|
<span class="mainDescription">Add/Edit student details. </span>
|
|
</div>
|
|
<div ncy-breadcrumb></div>
|
|
</div>
|
|
</section>
|
|
<!-- end: STUDENT TITLE -->
|
|
<!-- start: LIST GROUP -->
|
|
<div class="container-fluid container-fullw bg-white">
|
|
|
|
<style>
|
|
|
|
/*#wrapper {
|
|
width: 200px;
|
|
height: 110px;
|
|
}*/
|
|
|
|
#containersPara {
|
|
/*background-color: #fff;*/
|
|
width: 180px;
|
|
height: 75px;
|
|
/*overflow-x: scroll;*/
|
|
/*color: rgba(7, 21, 176, 0.7);*/
|
|
overflow: auto
|
|
}
|
|
/*.square {
|
|
background-color: #00b;
|
|
float: left;
|
|
height: 90px;
|
|
width: 90px;
|
|
margin: 5px;
|
|
}*/
|
|
</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 class="row" ng-controller="studentCtrl" data-ng-init="init()">
|
|
<tabset class="tabbable">
|
|
<tab heading="View Student" id="studentbranch">
|
|
<div class="container-fluid container-fullw">
|
|
<div class="row">
|
|
|
|
|
|
|
|
<div class="container">
|
|
<div class="row">
|
|
<!--<pre>{{searchData | json }}</pre> -->
|
|
<div class="col-md-3">
|
|
<!--<label for="form-field-select-2">
|
|
Batch
|
|
</label>
|
|
|
|
<select class="form-control" tabindex="3" class="cs-select cs-skin-elastic" name="batch" ng-model="searchData.Batch" ng-change="getValueChange()">
|
|
<option value="" selected>Select Batch</option>
|
|
<option ng-repeat="itemBatch in batchData" value="{{itemBatch.BatchCode}}">{{itemBatch.BatchName}}</option>
|
|
</select>-->
|
|
<!--<script>
|
|
$(function () {
|
|
$("#search").focus();
|
|
});
|
|
</script>-->
|
|
<label for="form-field-select-2">
|
|
Search
|
|
</label>
|
|
<input class="form-control" type="text" ng-model="search" id="search" autofocus tabindex="1" placeholder="Search" /><br><br>
|
|
|
|
</div>
|
|
<div class="col-md-3">
|
|
<label for="form-field-select-2">
|
|
University
|
|
</label>
|
|
|
|
<select class="form-control" tabindex="1" class="cs-select cs-skin-elastic" name="university" ng-model="myUnivSearch" ng-change="getUniveId(myUnivSearch)">
|
|
<option value="" selected>Select University</option>
|
|
<option ng-repeat="item in universitySearchData" value="{{item}}">{{item.UniversityName}}</option>
|
|
</select>
|
|
</div>
|
|
|
|
|
|
<div class="col-md-3">
|
|
<label for="form-field-select-2">
|
|
Course
|
|
</label>
|
|
|
|
<select ui-select2 class="form-control" tabindex="2" class="cs-select cs-skin-elastic" name="course" ng-model="searchData.Course" ng-change="getValueChange()">
|
|
<option value="" selected>Select Course</option>
|
|
<option ng-repeat="itemCourse in courseData" value="{{itemCourse.CourseID}}">{{itemCourse.CourseName}}<span ng-show="itemCourse.CourseCode != ''">(<strong>{{itemCourse.CourseCode}}</strong>)</span></option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="col-md-3">
|
|
<label for="form-field-select-2">
|
|
Status
|
|
</label>
|
|
|
|
<select class="form-control" tabindex="3" class="cs-select cs-skin-elastic" name="batch" ng-model="searchData.Status" ng-change="getValueChange()">
|
|
<option value="" selected>Select Status</option>
|
|
<option value="1">Active</option>
|
|
<option value="0">Deactive</option>
|
|
</select>
|
|
<!--<label for="form-field-select-2">
|
|
Search
|
|
</label>
|
|
<input class="form-control" type="text" ng-model="search" id="search" autofocus tabindex="1" placeholder="Search" /><br><br>
|
|
-->
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
<div ng-if="loader == true" class="col-md-12" align="center">
|
|
<!--<spinner name="html5spinner">
|
|
<div class="overlay"></div>
|
|
<div class="spinner">
|
|
<div class="double-bounce1"></div>
|
|
<div class="double-bounce2"></div>
|
|
</div>
|
|
<div class="please-wait">Please Wait...</div>
|
|
</spinner>-->
|
|
<span style="color: #007AFF;
|
|
font-size: 16px;">Loading...</span>
|
|
</div>
|
|
<div class="col-md-12" ng-if="studentData == false" style="min-height: 281px;">
|
|
<p style="color: red;" align="center"><strong><h3 class="text-center">No
|
|
records found... </h3></strong></p>
|
|
</div>
|
|
<div class="col-md-12" ng-if="studentData == true">
|
|
<!--<div class="row">
|
|
<div class="col-md-3">
|
|
</div>
|
|
<div class="col-md-3">
|
|
<script>
|
|
$(function () {
|
|
$("#search").focus();
|
|
});
|
|
</script>
|
|
<input class="form-control" type="text" ng-model="search" id="search" autofocus tabindex="1" placeholder="Search" /><br><br>
|
|
</div>
|
|
</div>-->
|
|
<!--<pre>{{studentListLength}}</pre>-->
|
|
<div class="row">
|
|
<div class="pull-right">
|
|
<div style="margin: 8px;">
|
|
<div style="width: 45px; display: initial;">
|
|
<span style="font-size: 14px;
|
|
color: black;">Total Count:</span> <span class="listCoutShow">{{ studentListLength }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--<pre>{{results.length}}</pre>-->
|
|
<div class="table-responsive">
|
|
<table class="table table-hover" ng-controller="studentModalDemoCtrl">
|
|
<thead>
|
|
<tr>
|
|
<th ng-click="sort('MobileNumber')">Mobile
|
|
<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('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('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('Fathername')">Status
|
|
<span class="glyphicon sort-icon" ng-show="sortKey=='Fathername'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
|
|
</th>
|
|
<th>Comments
|
|
<!--<span class="glyphicon sort-icon" ng-show="sortKey=='Fathername'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>-->
|
|
</th>
|
|
<th style="text-align: center;"> Details
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody dir-paginate="p in data|orderBy:sortKey:reverse|filter:search:strict|itemsPerPage:10| filter:query as results">
|
|
<tr>
|
|
<td>
|
|
<a tooltip="View Student" ng-click="open(p);" class="text-dark">
|
|
{{p.MobileNumber}}
|
|
</a>
|
|
</td>
|
|
|
|
<td>
|
|
|
|
<a tooltip="View Student" ng-click="open(p);" class="text-dark">
|
|
{{p.Firstname}} {{p.Lastname}}
|
|
</a>
|
|
|
|
</td>
|
|
<td>{{p.Fathername}}</td>
|
|
|
|
<td><span ng-if="p.IsActive == true" style="text-transform: uppercase; text-shadow: 1px 1px #166307; color: #2be209 ">ACTIVE</span>
|
|
<span tooltip="{{p.DeactiveComments}}" ng-if="p.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>
|
|
<div id="containersPara">{{p.Comments}}</div>
|
|
</td>
|
|
<td style="text-align: center;">
|
|
<!--<input type=button class="btn btn-info btn-xs" ladda="ldloading1.zoom_in" id="editRowBtn{{p.StudentID}}" value="Personal Details"
|
|
ng-click="setEditId(p.StudentID);">-->
|
|
<i class="ti-user" tooltip="Personal Details" ng-click="setEditId(p.StudentID);"></i>
|
|
<!--<input type=button class="btn btn-blue btn-xs" id="editCourseRowBtn{{p.StaffID}}" value="Course Details" ng-click="setEditCourseId(p.StudentID);">-->
|
|
<i class="ti-write" tooltip="Course Details" ng-click="setEditCourseId(p.StudentID);"></i>
|
|
</td>
|
|
</tr>
|
|
<tr ng-show="editId === p.StudentID" ng-if="editId === p.StudentID">
|
|
<td colspan="6" ng-include src="'assets/views/student/editStudentDetails.html'"></td>
|
|
</tr>
|
|
<tr ng-show="editCourseId === p.StudentID" ng-if="editCourseId === p.StudentID">
|
|
<td colspan="6" ng-include src="'assets/views/student/editStudentCourseDetails.html'"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<dir-pagination-controls max-size="10" direction-links="true" boundary-links="true">
|
|
</dir-pagination-controls>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</tab>
|
|
<script>
|
|
$('#addbranch').click(function () {
|
|
$('#branchcode').focus();
|
|
});
|
|
</script>
|
|
<style>
|
|
.sort-icon {
|
|
font-size: 9px;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
th {
|
|
cursor: pointer;
|
|
}
|
|
</style>
|
|
|
|
|
|
<tab heading="Add Student" id="addstudent" ng-click="addStudentView()">
|
|
<div ng-hide="inActiveBranchStatus == true">
|
|
<div ng-if="existingStudentView == false">
|
|
<form name="Form" id="form" novalidate ng-submit="studentFORM.submit(Form, myModel)" method="post">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<fieldset style="background-color: #eaeaea;">
|
|
<legend>
|
|
Personal Details
|
|
</legend>
|
|
<div class="row">
|
|
<div class="col-md-8">
|
|
</div>
|
|
<div class="col-md-4">
|
|
<form name="Form" id="form1" novalidate ng-submit="form.submit(Form,myModel)" method="post">
|
|
<div class="file-upload">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<div class="user-image">
|
|
<h5>Profile Picture</h5>
|
|
<div class=" margin-bottom-5">
|
|
</div>
|
|
</div>
|
|
<!--<input type="file" file-model="idProof"
|
|
accept="image/*" onchange="angular.element(this).scope().imageUpload(event)"/>-->
|
|
|
|
<input type="file" ng-init="resetImage()" accept="image/*" file-upload onchange="angular.element(this).scope().imageUpload(event)"
|
|
/>
|
|
|
|
<style>
|
|
.thumb {
|
|
width: 90px;
|
|
height: 115px;
|
|
margin: 18px;
|
|
float: left;
|
|
}
|
|
|
|
.uploader {
|
|
clear: both;
|
|
}
|
|
</style>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div>
|
|
<div ng-repeat="step in stepsModel">
|
|
<!--<a class="close-thin"></a>-->
|
|
<img class="thumb" ng-src="{{step}}" />
|
|
<div class="col-md-12">
|
|
<div class="pull-right">
|
|
<button class="btn btn-success btn-o btn-sm margin-right-15" type="button" ng-click="resetImage()">Reset
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.primaryPhone.$dirty && Form.primaryPhone.$invalid, 'has-success':Form.primaryPhone.$valid}">
|
|
<label>
|
|
Mobile Number <span
|
|
class="symbol required"></span>
|
|
</label>
|
|
<input type="text" name="primaryPhone" tabindex="1" placeholder="Enter Mobile Number" class="form-control" ng-model="myModel.primaryPhone"
|
|
ng-minlength="10" ng-maxlength="12" ng-pattern="/^[0-9]*$/" ng-blur='checkMobileExist()'
|
|
required/>
|
|
<span class="error text-small block" ng-if="Form.primaryPhone.$dirty && Form.primaryPhone.$invalid" ng-hide="Form.primaryPhone.$error.maxlength || Form.primaryPhone.$error.minlength || Form.primaryPhone.$error.pattern">Mobile Number is required.</span>
|
|
<span class="error text-small block" ng-if="Form.primaryPhone.$error.maxlength || Form.primaryPhone.$error.minlength || Form.primaryPhone.$error.pattern">Enter a Valid Phone Number</span>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.firstname.$dirty && Form.firstname.$invalid, 'has-success':Form.firstname.$valid}">
|
|
<label>
|
|
First Name <span class="symbol required"></span>
|
|
</label>
|
|
<input type="text" placeholder="Enter First Name" tabindex="2" class="form-control" name="firstname" ng-model="myModel.firstname" capitalize-first
|
|
ng-pattern="/^[a-zA-Z.\s]*$/" required/>
|
|
<span class="error text-small block" ng-if="Form.firstname.$dirty && Form.firstname.$error.required">First Name is required</span>
|
|
<span class="error text-small block" ng-if="Form.firstname.$dirty && Form.firstname.$error.pattern">Invalid First Name </span>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.lastname.$dirty && Form.lastname.$invalid, 'has-success':Form.lastname.$valid}">
|
|
<label>
|
|
Last Name <span class="symbol required"></span>
|
|
</label>
|
|
<input type="text" placeholder="Enter Last Name" tabindex="3" class="form-control" name="lastname" ng-model="myModel.lastname" capitalize-first
|
|
ng-pattern="/^[a-zA-Z.\s]*$/" required/>
|
|
<span class="error text-small block" ng-if="Form.lastname.$dirty && Form.lastname.$error.required">Last Name is required</span>
|
|
<span class="error text-small block" ng-if="Form.lastname.$dirty && Form.lastname.$error.pattern">Invalid Last Name </span>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.fathername.$dirty && Form.fathername.$invalid, 'has-success':Form.fathername.$valid}">
|
|
<label>
|
|
Father Name <span class="symbol required"></span>
|
|
</label>
|
|
<input type="text" placeholder="Enter Father Name" tabindex="4" class="form-control" name="fathername" ng-model="myModel.fathername" capitalize-first
|
|
ng-pattern="/^[a-zA-Z.\s]*$/" required/>
|
|
<span class="error text-small block" ng-if="Form.fathername.$dirty && Form.fathername.$error.required">Father Name is required</span>
|
|
<span class="error text-small block" ng-if="Form.fathername.$dirty && Form.fathername.$error.pattern">Invalid Father Name </span>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.mothername.$dirty && Form.mothername.$invalid, 'has-success':Form.mothername.$valid}">
|
|
<label>
|
|
Mother Name <span class="symbol required"></span>
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Mother Name" tabindex="5" class="form-control" name="mothername" ng-model="myModel.mothername" capitalize-first
|
|
ng-pattern="/^[a-zA-Z.\s]*$/" required/>
|
|
<span class="error text-small block" ng-if="Form.mothername.$dirty && Form.mothername.$error.required">Mother Name is required</span>
|
|
<span class="error text-small block" ng-if="Form.mothername.$dirty && Form.mothername.$error.pattern">Invalid Mother Name </span>
|
|
</div>
|
|
<div class=" col-md-4 form-group" ng-class="{'has-error':Form.emailId.$dirty && Form.emailId.$invalid, 'has-success':Form.emailId.$valid}">
|
|
<label>
|
|
Email ID <span class="symbol required"></span>
|
|
</label>
|
|
<input type="email" tabindex="6" placeholder="Enter Email ID" class="form-control" name="emailId" ng-pattern="/^[-a-z0-9~!$%^&*_=+}{\'?]+(\.[-a-z0-9~!$%^&*_=+}{\'?]+)*@([a-z0-9_][-a-z0-9_]*(\.[-a-z0-9_]+)*\.(aero|arpa|biz|com|coop|edu|gov|info|int|mil|museum|name|net|org|pro|travel|mobi|[a-z][a-z])|([0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}))(:[0-9]{1,5})?$/i"
|
|
ng-model="myModel.emailId" required>
|
|
<span class="error text-small block" ng-if="Form.emailId.$dirty && Form.emailId.$invalid" ng-hide="Form.emailId.$error.email">Email is required.</span>
|
|
<span class="error text-small block" ng-if="Form.emailId.$error.email">Please, enter a valid email address.</span>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.secondaryPhone.$dirty && Form.secondaryPhone.$invalid, 'has-success':Form.secondaryPhone.$valid}">
|
|
<label class="control-label">
|
|
Alternate Mobile Number <span class="symbol required"></span>
|
|
</label>
|
|
<input type="text" name="secondaryPhone" tabindex="7" placeholder="Enter Alternate Mobile Number" class="form-control" ng-model="myModel.secondaryPhone"
|
|
ng-minlength="10" ng-maxlength="12" ng-pattern="/^[0-9]*$/" required/>
|
|
<span class="error text-small block" ng-if="Form.secondaryPhone.$dirty && Form.secondaryPhone.$invalid" ng-hide="Form.secondaryPhone.$error.maxlength || Form.secondaryPhone.$error.minlength || Form.secondaryPhone.$error.pattern">Alternate Mobile Number is required.</span>
|
|
<span class="error text-small block" ng-if="Form.secondaryPhone.$error.maxlength || Form.secondaryPhone.$error.minlength || Form.secondaryPhone.$error.pattern">Enter a Valid Phone Number</span>
|
|
</div>
|
|
|
|
<div data-ng-controller="DatepickerDemoCtrl">
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.dateofbirth.$dirty && Form.dateofbirth.$invalid, 'has-success':Form.dateofbirth.$valid}">
|
|
<label>
|
|
Date Of Birth <span
|
|
class="symbol required"></span>
|
|
</label>
|
|
<input type="text" tabindex="8" class="form-control " ng-click="startOpen = !startOpen" datepicker-popup="dd-MM-yyyy" ng-model="myModel.dateofbirth"
|
|
is-open="startOpen" ng-init="startOpen = false" name="dateofbirth" datepicker-options="dateOptions"
|
|
placeholder="Select Date of Birth" close-text="Close" required="required"
|
|
show-button-bar="true"
|
|
/>
|
|
|
|
|
|
<span class="error text-small block" ng-if="Form.dateofbirth.$dirty && Form.dateofbirth.$invalid" ng-hide="Form.dateofbirth.$error.maxlength">Date of Birth is required.</span>
|
|
<span class="error text-small block" ng-if="Form.dateofbirth.$error.maxlength">Enter a Valid Date of Birth</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.gender.$dirty && Form.gender.$invalid , 'has-success':Form.gender.$valid}">
|
|
<label class="block">
|
|
Gender <span class="symbol required"></span>
|
|
</label>
|
|
<div class="clip-radio radio-primary">
|
|
<input type="radio" tabindex="9" id="female" name="gender" value="female" ng-model="myModel.gender" required>
|
|
<label for="female">
|
|
Female
|
|
</label>
|
|
<input type="radio" id="male" name="gender" value="male" ng-model="myModel.gender" required>
|
|
<label for="male">
|
|
Male
|
|
</label>
|
|
<span class="error text-small block" ng-if="Form.gender.$dirty && Form.gender.$invalid">Gender is required.</span>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.address1.$dirty && Form.address1.$invalid}">
|
|
<label>
|
|
Permanent Address
|
|
</label>
|
|
<textarea placeholder="Enter Permanent Address" tabindex="10" class="form-control textdsc" name="address1" ng-model="myModel.address1"></textarea>
|
|
<span class="error text-small block" ng-if="Form.address1.$dirty && Form.address1.$invalid">Permanent Address is required</span>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.address2.$dirty && Form.address2.$invalid}">
|
|
<label>
|
|
Current Address
|
|
</label>
|
|
<textarea placeholder="Enter Current Address" tabindex="11" class="form-control textdsc" name="address2" ng-model="myModel.address2"></textarea>
|
|
<span class="error text-small block" ng-if="Form.address2.$dirty && Form.address2.$invalid">Current Address is required</span>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.aadharNumber.$dirty && Form.aadharNumber.$invalid, 'has-success':Form.aadharNumber.$valid}">
|
|
<label>
|
|
Aadhar Number <span class="symbol required"></span>
|
|
</label>
|
|
<input type="text" name="aadharNumber" tabindex="12" placeholder="____-____-____" ui-mask="9999-9999-9999" class="form-control"
|
|
ng-model="myModel.aadharNumber" ng-minlength="10" ng-maxlength="15" ng-pattern="/^[0-9]*$/"
|
|
required>
|
|
<span class="error text-small block" ng-if="Form.aadharNumber.$dirty && Form.aadharNumber.$invalid" ng-hide="Form.aadharNumber.$error.maxlength || Form.aadharNumber.$error.minlength || Form.aadharNumber.$error.pattern">Aadhar Number is required.</span>
|
|
<span class="error text-small block" ng-if="Form.aadharNumber.$error.maxlength || Form.aadharNumber.$error.minlength || Form.aadharNumber.$error.pattern">Enter a Valid Aadhar Number</span>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-md-4 form-group">
|
|
<div class="row">
|
|
<div class="col-md-6 form-group" ng-class="{'has-error':Form.otherId.$dirty && Form.otherId.$invalid}">
|
|
<label>
|
|
Other ID
|
|
</label>
|
|
<input type="text" name="otherId" tabindex="13" placeholder="Other Id" class="form-control" ng-model="myModel.otherId" ng-minlength="1"
|
|
ng-maxlength="20" ng-pattern="/^[a-zA-Z0-9 ._-]+$/">
|
|
<span class="error text-small block" ng-if="Form.otherId.$dirty && Form.otherId.$invalid" ng-hide="Form.otherId.$error.maxlength || Form.otherId.$error.minlength || Form.otherId.$error.pattern">Aadhar Number is required.</span>
|
|
<span class="error text-small block" ng-if="Form.otherId.$error.maxlength || Form.otherId.$error.minlength || Form.otherId.$error.pattern">Enter a Valid Details</span>
|
|
</div>
|
|
<div class="col-md-6 form-group" ng-class="{'has-error':Form.otherIdDetails.$dirty && Form.otherIdDetails.$invalid}">
|
|
<label>
|
|
Other ID Details
|
|
</label>
|
|
<input type="text" name="otherIdDetails" tabindex="14" placeholder="Other Id Details" class="form-control" ng-model="myModel.otherIdDetails"
|
|
ng-minlength="1" ng-maxlength="20" ng-pattern="/^[a-zA-Z0-9 ._-]+$/">
|
|
<span class="error text-small block" ng-if="Form.otherIdDetails.$dirty && Form.otherIdDetails.$invalid" ng-hide="Form.otherIdDetails.$error.maxlength || Form.otherIdDetails.$error.minlength || Form.otherIdDetails.$error.pattern">Aadhar Number is required.</span>
|
|
<span class="error text-small block" ng-if="Form.otherIdDetails.$error.maxlength || Form.otherIdDetails.$error.minlength || Form.otherIdDetails.$error.pattern">Enter a Valid Details</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.caste.$dirty && Form.caste.$invalid}">
|
|
<label>
|
|
Caste
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Caste" tabindex="15" class="form-control" name="caste" ng-model="myModel.caste" ng-pattern="/^[a-zA-Z.\s]*$/"
|
|
/>
|
|
<span class="error text-small block" ng-if="Form.caste.$dirty && Form.caste.$error.pattern">Invalid Caste Name </span>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.category.$dirty && Form.category.$invalid}">
|
|
<label>
|
|
Category
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Category" tabindex="16" class="form-control" name="category" ng-model="myModel.category"
|
|
/>
|
|
<span class="error text-small block" ng-if="Form.category.$dirty && Form.category.$error.pattern">Invalid Category Name </span>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.religion.$dirty && Form.religion.$invalid}">
|
|
<label>
|
|
Religion
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Religion" tabindex="17" class="form-control" name="religion" ng-model="myModel.religion"
|
|
ng-pattern="/^[a-zA-Z.\s]*$/" />
|
|
<span class="error text-small block" ng-if="Form.religion.$dirty && Form.religion.$error.pattern">Invalid Religion Name </span>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.nationality.$dirty && Form.nationality.$invalid}">
|
|
<label>
|
|
Nationality
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Nationality" tabindex="18" class="form-control" name="nationality" ng-model="myModel.nationality"
|
|
ng-pattern="/^[a-zA-Z.\s]*$/" />
|
|
<span class="error text-small block" ng-if="Form.nationality.$dirty && Form.nationality.$error.pattern">Invalid Nationality Name </span>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.qualificaion.$dirty && Form.qualificaion.$invalid}">
|
|
<label>
|
|
Pre Qualification
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Qualification" tabindex="19" class="form-control" name="qualificaion" ng-model="myModel.prequalification"
|
|
/>
|
|
<span class="error text-small block" ng-if="Form.qualificaion.$dirty && Form.qualificaion.$error.pattern">Enter a Valid Qualification</span>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.occupation.$dirty && Form.occupation.$invalid}">
|
|
<label>
|
|
Occupation
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Occupation" tabindex="20" class="form-control" name="occupation" ng-model="myModel.occupation"
|
|
ng-pattern="/^[a-zA-Z.\s]*$/" />
|
|
<span class="error text-small block" ng-if="Form.occupation.$dirty && Form.occupation.$error.pattern">Invalid Occupation </span>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.designation.$dirty && Form.designation.$invalid}">
|
|
<label>
|
|
Designation
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Designation" tabindex="21" class="form-control" name="designation" ng-model="myModel.designation"
|
|
ng-pattern="/^[a-zA-Z.\s]*$/" />
|
|
<span class="error text-small block" ng-if="Form.designation.$dirty && Form.designation.$error.pattern">Invalid Designation </span>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.companyname.$dirty && Form.companyname.$invalid}">
|
|
<label>
|
|
Company Name
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Company Name" tabindex="22" class="form-control" name="companyname" ng-model="myModel.companyname"
|
|
/>
|
|
<span class="error text-small block" ng-if="Form.companyname.$dirty && Form.companyname.$error.pattern">Invalid Company </span>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.referredby.$dirty && Form.referredby.$invalid}">
|
|
<label>
|
|
Referred By
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Refer's Name" tabindex="23" class="form-control" name="referredby" ng-model="myModel.referredby"
|
|
ng-pattern="/^[a-zA-Z.\s]*$/" />
|
|
<span class="error text-small block" ng-if="Form.referredby.$dirty && Form.referredby.$error.pattern">Invalid Referred By </span>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.referredmobilenumber.$dirty && Form.referredmobilenumber.$invalid}">
|
|
<label>
|
|
Refer's Mobile Number
|
|
</label>
|
|
<input type="text" name="referredmobilenumber" tabindex="24" placeholder="Enter Refer's Mobile Number" class="form-control"
|
|
ng-model="myModel.referredmobilenumber" ng-minlength="10" ng-maxlength="12"
|
|
ng-pattern="/^[0-9]*$/" />
|
|
<span class="error text-small block" ng-if="Form.referredmobilenumber.$dirty && Form.referredmobilenumber.$invalid" ng-hide="Form.referredmobilenumber.$error.maxlength || Form.referredmobilenumber.$error.minlength || Form.referredmobilenumber.$error.pattern">Refer's Mobile Number is required.</span>
|
|
<span class="error text-small block" ng-if="Form.referredmobilenumber.$error.maxlength || Form.referredmobilenumber.$error.minlength || Form.referredmobilenumber.$error.pattern">Enter a Valid Phone Number</span>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<label>
|
|
Comments
|
|
</label>
|
|
<textarea maxlength="100" placeholder="Enter Comments" tabindex="26" class="form-control textdsc" name="Comments" ng-model="myModel.Comments"></textarea>
|
|
<span class="text-small block">Max 100 Characters.</span>
|
|
<!--<span class="error text-small block" ng-if="Form.DeactiveComments.$dirty && Form.DeactiveComments.$invalid">De-Active Comments is required</span>-->
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<label>
|
|
Active/De-Active
|
|
</label>
|
|
|
|
<div ng-switch="myModel.switchsetting">
|
|
<div ng-switch-when="true">
|
|
<switch ng-model="myModel.switchsetting" ng-init="myModel.switchsetting = true" class="green"></switch>
|
|
</div>
|
|
<div ng-switch-when="false">
|
|
<switch ng-model="myModel.switchsetting" ng-init="myModel.switchsetting = false" class="green"></switch>
|
|
</div>
|
|
<div ng-switch-default>
|
|
<switch ng-model="myModel.switchsetting" ng-init="myModel.switchsetting = true" class="green"></switch>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4" ng-if="myModel.switchsetting == false" ng-class="{'has-error':Form.DeactiveComments.$dirty && Form.DeactiveComments.$invalid, 'has-success':Form.DeactiveComments.$valid}">
|
|
<label>
|
|
Reason for Deactivating <span class="symbol required"></span>
|
|
</label>
|
|
<textarea maxlength="100" placeholder="Reason for Deactivating" tabindex="27" class="form-control textdsc" name="DeactiveComments"
|
|
ng-model="myModel.DeactiveComments" required></textarea>
|
|
<span class="text-small block">Max 100 Characters.</span>
|
|
<span class="error text-small block" ng-if="Form.DeactiveComments.$dirty && Form.DeactiveComments.$invalid">De-Active Comments is required</span>
|
|
</div>
|
|
</div>
|
|
<!--<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="pull-right">
|
|
|
|
<button type="reset" tabindex="31" class="btn btn-warning btn-wide" tabindex="9" ng-click="employeeForm.reset(Form)">
|
|
Reset
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>-->
|
|
|
|
</fieldset>
|
|
<fieldset>
|
|
<legend>
|
|
Course Details
|
|
</legend>
|
|
<div class="row">
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.university.$dirty && Form.university.$invalid, 'has-success':Form.university.$valid}">
|
|
<label for="form-field-select-2">
|
|
University <span class="symbol required"></span>
|
|
</label>
|
|
|
|
<select class="form-control" tabindex="25" class="cs-select cs-skin-elastic" name="university" ng-model="myModelCourseAdd.university"
|
|
ng-change="onSlecetUnivAdd()" required>
|
|
<option value="" disabled selected>Select University</option>
|
|
<option ng-repeat="item in universityData" value="{{item.UniversityID}}">{{item.UniversityName}}</option>
|
|
</select>
|
|
<span class="error text-small block" ng-if="Form.university.$dirty && Form.university.$error.required">University is Required</span>
|
|
</div>
|
|
|
|
<!--<div class="col-md-4 form-group" ng-class="{'has-error':Form.course.$dirty && Form.course.$invalid, 'has-success':Form.course.$valid}">
|
|
|
|
<label>
|
|
Course <span class="symbol required"></span>
|
|
</label>
|
|
<div ng-if="courseLoading == true">
|
|
<span style="padding: auto 0; color: #007AFF; font-weight: bold;">fetching...</span>
|
|
</div>
|
|
<div ng-if="courseLoading == false">
|
|
<select class="form-control" tabindex="26" name="course" ng-model="myModelCourseAdd.course" class="cs-select cs-skin-elastic"
|
|
required>
|
|
<option value="" disabled selected>Select Course</option>
|
|
<option ng-repeat="item in courseDataAdd" value="{{item.CourseID}}">{{item.CourseName}}<span ng-show="item.CourseCode != ''">(<b>{{item.CourseCode}}</b>)</span></option>
|
|
</select>
|
|
</div>
|
|
<span class="error text-small block" ng-if="Form.course.$dirty && Form.course.$error.required">Course is required</span>
|
|
|
|
</div>-->
|
|
|
|
<div class=" col-md-4" ng-class="{'has-error':Form.course.$dirty && Form.course.$invalid, 'has-success':Form.course.$valid}">
|
|
<!--<div class="panel panel-transparent">
|
|
<div class="panel-body">-->
|
|
<div class=" form-group">
|
|
<label>
|
|
Course<span class="symbol required"></span>
|
|
</label>
|
|
<ui-select ng-model="myModelCourseObj.selected" name="course" theme="bootstrap" ng-required="true" ng-change="courseChange(myModelCourseObj)">
|
|
<ui-select-match placeholder="Select Course">
|
|
{{$select.selected.CourseName}}
|
|
</ui-select-match>
|
|
<ui-select-choices value repeat="item in courseDataAdd | filter: $select.search">
|
|
<div ng-bind-html="item.CourseName | highlight: $select.search"></div>
|
|
<small ng-bind-html="item.CourseCode | highlight: $select.search"></small>
|
|
</ui-select-choices>
|
|
</ui-select>
|
|
<span class="error text-small block" ng-if="Form.course.$dirty && Form.course.$error.required">Course is required</span>
|
|
</div>
|
|
<!--</div>
|
|
</div>-->
|
|
</div>
|
|
|
|
|
|
<!--<div class="form-group">
|
|
<label>
|
|
Default
|
|
</label>
|
|
<ui-select ng-model="person.selected" theme="bootstrap">
|
|
<ui-select-match placeholder="Select in the list...">
|
|
{{$select.selected.name}}
|
|
</ui-select-match>
|
|
<ui-select-choices repeat="item in people | filter: $select.search">
|
|
<div ng-bind-html="item.name | highlight: $select.search"></div>
|
|
<small ng-bind-html="item.email | highlight: $select.search"></small>
|
|
</ui-select-choices>
|
|
</ui-select>
|
|
</div>-->
|
|
<!--<div class="col-md-4 form-group" ng-class="{'has-error':Form.batch.$dirty && Form.batch.$invalid, 'has-success':Form.batch.$valid}">
|
|
|
|
<label>
|
|
Session <span class="symbol required"></span>
|
|
</label>
|
|
<div ng-if="courseLoading == true">
|
|
<span style="padding: auto 0; color: #007AFF; font-weight: bold;">fetching...</span>
|
|
</div>
|
|
<div ng-if="courseLoading == false">
|
|
<select class="form-control" tabindex="26" name="batch" ng-model="myModelCourseAdd.batch" class="cs-select cs-skin-elastic"
|
|
required>
|
|
<option value="" disabled selected>Select Session</option>
|
|
<option ng-repeat="item in batchDataAdd" value="{{item.SessionID}}">{{item.SessionName}}</option>
|
|
</select>
|
|
</div>
|
|
<span class="error text-small block" ng-if="Form.batch.$dirty && Form.batch.$error.required">Batch is required</span>
|
|
|
|
</div>-->
|
|
</div>
|
|
<div class="row">
|
|
<div>
|
|
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.specilization1.$dirty && Form.specilization1.$invalid}">
|
|
<label>
|
|
Specilization 1
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Specilization 1" tabindex="26" class="form-control" name="specilization1" ng-model="myModelCourseAdd.specilization1"
|
|
ng-pattern="/^[a-zA-Z0-9-./\s]*$/" />
|
|
<span class="error text-small block" ng-if="Form.specilization1.$dirty && Form.specilization1.$error.pattern">Invalid Specilization 1 </span>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.specilization2.$dirty && Form.specilization2.$invalid}">
|
|
<label>
|
|
Specilization 2
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Specilization 2" tabindex="27" class="form-control" name="specilization2" ng-model="myModelCourseAdd.specilization2"
|
|
ng-pattern="/^[a-zA-Z0-9-./\s]*$/" />
|
|
<span class="error text-small block" ng-if="Form.specilization2.$dirty && Form.specilization2.$error.pattern">Invalid Specilization 2 </span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.enrollmentid.$dirty && Form.enrollmentid.$invalid}">
|
|
<label>
|
|
Enrollment ID
|
|
</label>
|
|
<input type="text" name="enrollmentid" tabindex="30" placeholder="Enter Entollment ID" class="form-control" ng-model="myModelCourseAdd.enrollmentid"
|
|
/>
|
|
<span class="error text-small block" ng-if="Form.enrollmentid.$dirty && Form.enrollmentid.$error.required">Enrollment ID is required</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.dateofjoining.$dirty && Form.dateofjoining.$invalid, 'has-success':Form.dateofjoining.$valid}">
|
|
<label>
|
|
Date of Joining <span class="symbol required"></span>
|
|
</label>
|
|
<style>
|
|
.dropdown-menu {
|
|
position: relative;
|
|
/*top: -225px !important;*/
|
|
}
|
|
</style>
|
|
<input type="text" tabindex="31" class="form-control" ng-click="startOpen = !startOpen" datepicker-popup="dd-MM-yyyy" ng-model="myModelCourseAdd.dateofjoining"
|
|
is-open="startOpen" ng-init="startOpen = false" name="dateofjoining" datepicker-options="dateOptions"
|
|
placeholder="Select Date of Joining" close-text="Close" required="required"
|
|
ng-change="getChangeDate()" datepicker-position="top" max-date="todayDate" />
|
|
|
|
<span class="error text-small block" ng-if="Form.dateofjoining.$dirty && Form.dateofjoining.$error.required">Date of Joining is required</span>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="pull-right">
|
|
<button type="submit" ng-disabled="disableButton" tabindex="32" ladda="ldloading1.zoom_in" class="btn btn-wide btn-success"
|
|
data-style="zoom-in">
|
|
Add
|
|
</button>
|
|
<button type="reset" class="btn btn-warning btn-wide" tabindex="33" ng-click="studentFORM.reset(Form)">
|
|
Reset
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
<!--<pre> {{ myModel | json }}</pre>
|
|
<pre> {{ myModelCourse | json }}</pre>-->
|
|
<!--{"isNavbarFixed":true,"isSidebarFixed":true,"isSidebarClosed":true,"isFooterFixed":false,"theme":"theme-5","logo":"assets/images/logo.png"}-->
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div ng-if="existingStudentView == true">
|
|
|
|
<div ng-init="getExistStudentDetails()">
|
|
<div ng-if="stuExistingDetailsShowLoading == true" class="text-center">
|
|
<h3>Fetching ...</h3>
|
|
</div>
|
|
<div class="container" ng-if="stuExistingDetailsShowLoading == false">
|
|
<div>
|
|
<button class="btn btn-danger btn-sm pull-right" ng-click="cancelExisStudentView()">
|
|
<i class="ti-close" tooltip="Personal Details" ></i>
|
|
</button>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<fieldset>
|
|
<legend>
|
|
Personal Details
|
|
</legend>
|
|
<div class="row">
|
|
<div class="col-md-7">
|
|
</div>
|
|
|
|
<div class="col-md-5">
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<style>
|
|
.thumb {
|
|
width: 90px;
|
|
height: 115px;
|
|
margin: 18px;
|
|
float: left;
|
|
}
|
|
|
|
.prof {
|
|
border: 2px solid #2C3543;
|
|
}
|
|
|
|
.uploader {
|
|
clear: both;
|
|
}
|
|
</style>
|
|
<img class="thumb prof" ng-src="images/{{existingStuPersonalDetails.ProfilePicPath}}" />
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.primaryPhone.$dirty && Form.primaryPhone.$invalid, 'has-success':Form.primaryPhone.$valid}">
|
|
<label>
|
|
Mobile Number <span
|
|
class="symbol required"></span>
|
|
</label>
|
|
<input readonly type="text" name="primaryPhone" tabindex="1" placeholder="Enter Mobile Number" class="form-control" ng-model="existingStuPersonalDetails.MobileNumber"
|
|
ng-minlength="10" ng-maxlength="12" ng-pattern="/^[0-9]*$/" ng-blur='updateCheckMobileExist(p)'
|
|
required/>
|
|
<span class="error text-small block" ng-if="Form.primaryPhone.$dirty && Form.primaryPhone.$invalid" ng-hide="Form.primaryPhone.$error.maxlength || Form.primaryPhone.$error.minlength || Form.primaryPhone.$error.pattern">Mobile Number is required.</span>
|
|
<span class="error text-small block" ng-if="Form.primaryPhone.$error.maxlength || Form.primaryPhone.$error.minlength || Form.primaryPhone.$error.pattern">Enter a Valid Phone Number</span>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.firstname.$dirty && Form.firstname.$invalid, 'has-success':Form.firstname.$valid}">
|
|
<label>
|
|
First Name <span class="symbol required"></span>
|
|
</label>
|
|
<input readonly type="text" placeholder="Enter First Name" tabindex="2" class="form-control" name="firstname" ng-model="existingStuPersonalDetails.Firstname"
|
|
ng-pattern="/^[a-zA-Z.\s]*$/" required/>
|
|
<span class="error text-small block" ng-if="Form.firstname.$dirty && Form.firstname.$error.required">First Name is required</span>
|
|
<span class="error text-small block" ng-if="Form.firstname.$dirty && Form.firstname.$error.pattern">Invalid First Name </span>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.lastname.$dirty && Form.lastname.$invalid, 'has-success':Form.lastname.$valid}">
|
|
<label>
|
|
Last Name <span class="symbol required"></span>
|
|
</label>
|
|
<input readonly type="text" placeholder="Enter Last Name" tabindex="3" class="form-control" name="lastname" ng-model="existingStuPersonalDetails.Lastname"
|
|
ng-pattern="/^[a-zA-Z.\s]*$/" required/>
|
|
<span class="error text-small block" ng-if="Form.lastname.$dirty && Form.lastname.$error.required">Last Name is required</span>
|
|
<span class="error text-small block" ng-if="Form.lastname.$dirty && Form.lastname.$error.pattern">Invalid Last Name </span>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.fathername.$dirty && Form.fathername.$invalid, 'has-success':Form.fathername.$valid}">
|
|
<label>
|
|
Father Name <span class="symbol required"></span>
|
|
</label>
|
|
<input readonly type="text" placeholder="Enter Father Name" tabindex="4" class="form-control" name="fathername" ng-model="existingStuPersonalDetails.Fathername"
|
|
ng-pattern="/^[a-zA-Z.\s]*$/" required/>
|
|
<span class="error text-small block" ng-if="Form.fathername.$dirty && Form.fathername.$error.required">Father Name is required</span>
|
|
<span class="error text-small block" ng-if="Form.fathername.$dirty && Form.fathername.$error.pattern">Invalid Father Name </span>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.mothername.$dirty && Form.mothername.$invalid, 'has-success':Form.mothername.$valid}">
|
|
<label>
|
|
Mother Name <span class="symbol required"></span>
|
|
</label>
|
|
|
|
<input readonly type="text" placeholder="Enter Mother Name" tabindex="5" class="form-control" name="mothername" ng-model="existingStuPersonalDetails.MotherName"
|
|
ng-pattern="/^[a-zA-Z.\s]*$/" required/>
|
|
<span class="error text-small block" ng-if="Form.mothername.$dirty && Form.mothername.$error.required">Mother Name is required</span>
|
|
<span class="error text-small block" ng-if="Form.mothername.$dirty && Form.mothername.$error.pattern">Invalid Mother Name </span>
|
|
</div>
|
|
<div class=" col-md-4 form-group" ng-class="{'has-error':Form.emailId.$dirty && Form.emailId.$invalid, 'has-success':Form.emailId.$valid}">
|
|
<label>
|
|
Email ID <span class="symbol required"></span>
|
|
</label>
|
|
<input readonly type="email" tabindex="6" placeholder="Enter Email ID" class="form-control" name="emailId" ng-pattern="/^[-a-z0-9~!$%^&*_=+}{\'?]+(\.[-a-z0-9~!$%^&*_=+}{\'?]+)*@([a-z0-9_][-a-z0-9_]*(\.[-a-z0-9_]+)*\.(aero|arpa|biz|com|coop|edu|gov|info|int|mil|museum|name|net|org|pro|travel|mobi|[a-z][a-z])|([0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}))(:[0-9]{1,5})?$/i"
|
|
ng-model="existingStuPersonalDetails.EmailID" required>
|
|
<span class="error text-small block" ng-if="Form.emailId.$dirty && Form.emailId.$invalid" ng-hide="Form.emailId.$error.email">Email is required.</span>
|
|
<span class="error text-small block" ng-if="Form.emailId.$error.email">Please, enter a valid email address.</span>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.secondaryPhone.$dirty && Form.secondaryPhone.$invalid, 'has-success':Form.secondaryPhone.$valid}">
|
|
<label class="control-label">
|
|
Alternate Mobile Number <span class="symbol required"></span>
|
|
</label>
|
|
<input readonly type="text" name="secondaryPhone" tabindex="7" placeholder="Enter Alternate Mobile Number" class="form-control"
|
|
ng-model="existingStuPersonalDetails.AlternateNumber" ng-minlength="10"
|
|
ng-maxlength="12" ng-pattern="/^[0-9]*$/" required/>
|
|
<span class="error text-small block" ng-if="Form.secondaryPhone.$dirty && Form.secondaryPhone.$invalid" ng-hide="Form.secondaryPhone.$error.maxlength || Form.secondaryPhone.$error.minlength || Form.secondaryPhone.$error.pattern">Alternate Mobile Number is required.</span>
|
|
<span class="error text-small block" ng-if="Form.secondaryPhone.$error.maxlength || Form.secondaryPhone.$error.minlength || Form.secondaryPhone.$error.pattern">Enter a Valid Phone Number</span>
|
|
</div>
|
|
|
|
<div data-ng-controller="DatepickerDemoCtrl">
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.dateofbirth.$dirty && Form.dateofbirth.$invalid, 'has-success':Form.dateofbirth.$valid}">
|
|
<label>
|
|
Date Of Birth <span
|
|
class="symbol required"></span>
|
|
</label>
|
|
<input readonly type="text" tabindex="8" class="form-control " ng-click="startOpen = !startOpen" datepicker-popup="dd-MM-yyyy"
|
|
ng-model="existingStuPersonalDetails.DOB" is-open="startOpen" ng-init="startOpen = false"
|
|
name="dateofbirth" datepicker-options="dateOptions" placeholder="Select Date of Birth"
|
|
close-text="Close" required="required" ng-change="getMaxEndDate(myModel.startDate)"
|
|
show-button-bar="true" max-date="currentDate" />
|
|
|
|
|
|
<span class="error text-small block" ng-if="Form.dateofbirth.$dirty && Form.dateofbirth.$invalid" ng-hide="Form.dateofbirth.$error.maxlength">Date of Birth is required.</span>
|
|
<span class="error text-small block" ng-if="Form.dateofbirth.$error.maxlength">Enter a Valid Date of Birth</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.gender.$dirty && Form.gender.$invalid , 'has-success':Form.gender.$valid}">
|
|
<label class="block">
|
|
Gender <span class="symbol required"></span>
|
|
</label>
|
|
<input readonly type="text" name="gender" tabindex="7" placeholder="Enter Gender" class="form-control" ng-model="existingStuPersonalDetails.Gender"
|
|
ng-minlength="10" ng-maxlength="12" required/>
|
|
<!--<div class="clip-radio radio-primary">
|
|
<input type="radio" tabindex="9" id="female" name="gender" value="female" ng-model="existingStuPersonalDetails.Gender" required>
|
|
<label for="female">
|
|
Female
|
|
</label>
|
|
<input type="radio" id="male" name="gender" value="male" ng-model="existingStuPersonalDetails.Gender" required>
|
|
<label for="male">
|
|
Male
|
|
</label>
|
|
<span class="error text-small block" ng-if="Form.gender.$dirty && Form.gender.$invalid">Gender is required.</span>
|
|
|
|
</div>-->
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.address1.$dirty && Form.address1.$invalid}">
|
|
<label>
|
|
Permanent Address
|
|
</label>
|
|
<textarea readonly placeholder="Enter Permanent Address" tabindex="10" class="form-control textdsc" name="address1" ng-model="existingStuPersonalDetails.PermanentAddress"></textarea>
|
|
<span class="error text-small block" ng-if="Form.address1.$dirty && Form.address1.$invalid">Permanent Address is required</span>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.address2.$dirty && Form.address2.$invalid}">
|
|
<label>
|
|
Current Address
|
|
</label>
|
|
<textarea readonly placeholder="Enter Current Address" tabindex="11" class="form-control textdsc" name="address2" ng-model="existingStuPersonalDetails.PresentAddress"></textarea>
|
|
<span class="error text-small block" ng-if="Form.address2.$dirty && Form.address2.$invalid">Current Address is required</span>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.aadharNumber.$dirty && Form.aadharNumber.$invalid, 'has-success':Form.aadharNumber.$valid}">
|
|
<label>
|
|
Aadhar Number <span class="symbol required"></span>
|
|
</label>
|
|
<input readonly type="text" name="aadharNumber" tabindex="12" placeholder="____-____-____" ui-mask="9999-9999-9999" class="form-control"
|
|
ng-model="existingStuPersonalDetails.AadharNumber" ng-minlength="10"
|
|
ng-maxlength="15" ng-pattern="/^[0-9]*$/" required>
|
|
<span class="error text-small block" ng-if="Form.aadharNumber.$dirty && Form.aadharNumber.$invalid" ng-hide="Form.aadharNumber.$error.maxlength || Form.aadharNumber.$error.minlength || Form.aadharNumber.$error.pattern">Aadhar Number is required.</span>
|
|
<span class="error text-small block" ng-if="Form.aadharNumber.$error.maxlength || Form.aadharNumber.$error.minlength || Form.aadharNumber.$error.pattern">Enter a Valid Aadhar Number</span>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
|
|
<div class="col-md-4 form-group">
|
|
<div class="row">
|
|
<div class="col-md-6 form-group" ng-class="{'has-error':Form.otherId.$dirty && Form.otherId.$invalid}">
|
|
<label>
|
|
Other ID
|
|
</label>
|
|
<input readonly type="text" name="otherId" tabindex="13" placeholder="Other Id" class="form-control" ng-model="existingStuPersonalDetails.OtherID"
|
|
ng-minlength="1" ng-maxlength="20" ng-pattern="/^[a-zA-Z0-9 ._-]+$/">
|
|
<span class="error text-small block" ng-if="Form.otherId.$dirty && Form.otherId.$invalid" ng-hide="Form.otherId.$error.maxlength || Form.otherId.$error.minlength || Form.otherId.$error.pattern">Aadhar Number is required.</span>
|
|
<span class="error text-small block" ng-if="Form.otherId.$error.maxlength || Form.otherId.$error.minlength || Form.otherId.$error.pattern">Enter a Valid Details</span>
|
|
</div>
|
|
<div class="col-md-6 form-group" ng-class="{'has-error':Form.otherIdDetails.$dirty && Form.otherIdDetails.$invalid}">
|
|
<label>
|
|
Other ID Details
|
|
</label>
|
|
<input readonly type="text" name="otherIdDetails" tabindex="14" placeholder="Other Id Details" class="form-control" ng-model="existingStuPersonalDetails.OtherIDDetails"
|
|
ng-minlength="1" ng-maxlength="20" ng-pattern="/^[a-zA-Z0-9 ._-]+$/">
|
|
<span class="error text-small block" ng-if="Form.otherIdDetails.$dirty && Form.otherIdDetails.$invalid" ng-hide="Form.otherIdDetails.$error.maxlength || Form.otherIdDetails.$error.minlength || Form.otherIdDetails.$error.pattern">Aadhar Number is required.</span>
|
|
<span class="error text-small block" ng-if="Form.otherIdDetails.$error.maxlength || Form.otherIdDetails.$error.minlength || Form.otherIdDetails.$error.pattern">Enter a Valid Details</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.caste.$dirty && Form.caste.$invalid}">
|
|
<label>
|
|
Caste
|
|
</label>
|
|
|
|
<input readonly type="text" placeholder="Enter Caste" tabindex="15" class="form-control" name="caste" ng-model="existingStuPersonalDetails.Caste"
|
|
ng-pattern="/^[a-zA-Z.\s]*$/" />
|
|
<span class="error text-small block" ng-if="Form.caste.$dirty && Form.caste.$error.pattern">Invalid Caste Name </span>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.category.$dirty && Form.category.$invalid}">
|
|
<label>
|
|
Category
|
|
</label>
|
|
|
|
<input readonly type="text" placeholder="Enter Category" tabindex="16" class="form-control" name="category" ng-model="existingStuPersonalDetails.Category"
|
|
capitalizeFirstLetter />
|
|
<span class="error text-small block" ng-if="Form.category.$dirty && Form.category.$error.pattern">Invalid Category Name </span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.religion.$dirty && Form.religion.$invalid}">
|
|
<label>
|
|
Religion
|
|
</label>
|
|
|
|
<input readonly type="text" placeholder="Enter Religion" tabindex="17" class="form-control" name="religion" ng-model="existingStuPersonalDetails.Religion"
|
|
ng-pattern="/^[a-zA-Z.\s]*$/" />
|
|
<span class="error text-small block" ng-if="Form.religion.$dirty && Form.religion.$error.pattern">Invalid Religion Name </span>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.nationality.$dirty && Form.nationality.$invalid}">
|
|
<label>
|
|
Nationality
|
|
</label>
|
|
|
|
<input readonly type="text" placeholder="Enter Nationality" tabindex="18" class="form-control" name="nationality" ng-model="existingStuPersonalDetails.Nationality"
|
|
ng-pattern="/^[a-zA-Z.\s]*$/" />
|
|
<span class="error text-small block" ng-if="Form.nationality.$dirty && Form.nationality.$error.pattern">Invalid Nationality Name </span>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.qualificaion.$dirty && Form.qualificaion.$invalid}">
|
|
<label>
|
|
Pre Qualification
|
|
</label>
|
|
|
|
<input readonly type="text" placeholder="Enter Qualification" tabindex="19" class="form-control" name="qualificaion" ng-model="existingStuPersonalDetails.PreQualification"
|
|
/>
|
|
<span class="error text-small block" ng-if="Form.qualificaion.$dirty && Form.qualificaion.$error.pattern">Enter a Valid Qualification</span>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.occupation.$dirty && Form.occupation.$invalid}">
|
|
<label>
|
|
Occupation
|
|
</label>
|
|
|
|
<input readonly type="text" placeholder="Enter Occupation" tabindex="20" class="form-control" name="occupation" ng-model="existingStuPersonalDetails.Occupation"
|
|
ng-pattern="/^[a-zA-Z.\s]*$/" />
|
|
<span class="error text-small block" ng-if="Form.occupation.$dirty && Form.occupation.$error.pattern">Invalid Occupation </span>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.designation.$dirty && Form.designation.$invalid}">
|
|
<label>
|
|
Designation
|
|
</label>
|
|
|
|
<input readonly type="text" placeholder="Enter Designation" tabindex="21" class="form-control" name="designation" ng-model="existingStuPersonalDetails.Designation"
|
|
ng-pattern="/^[a-zA-Z.\s]*$/" />
|
|
<span class="error text-small block" ng-if="Form.designation.$dirty && Form.designation.$error.pattern">Invalid Designation </span>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.companyname.$dirty && Form.companyname.$invalid}">
|
|
<label>
|
|
Company Name
|
|
</label>
|
|
<input readonly type="text" placeholder="Enter Company Name" tabindex="22" class="form-control" name="companyname" ng-model="existingStuPersonalDetails.Companyname"
|
|
/>
|
|
<span class="error text-small block" ng-if="Form.companyname.$dirty && Form.companyname.$error.pattern">Invalid Company </span>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.referredby.$dirty && Form.referredby.$invalid}">
|
|
<label>
|
|
Referred By
|
|
</label>
|
|
<input readonly type="text" placeholder="Enter Refer's Name" tabindex="23" class="form-control" name="referredby" ng-model="existingStuPersonalDetails.ReferredBy"
|
|
ng-pattern="/^[a-zA-Z.\s]*$/" />
|
|
<span class="error text-small block" ng-if="Form.referredby.$dirty && Form.referredby.$error.pattern">Invalid Referred By </span>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.referredmobilenumber.$dirty && Form.referredmobilenumber.$invalid}">
|
|
<label>
|
|
Refer's Mobile Number
|
|
</label>
|
|
<input readonly type="text" name="referredmobilenumber" tabindex="24" placeholder="Enter Refer's Mobile Number" class="form-control"
|
|
ng-model="existingStuPersonalDetails.ReferersMobileNumber" ng-minlength="10"
|
|
ng-maxlength="12" ng-pattern="/^[0-9]*$/" />
|
|
<span class="error text-small block" ng-if="Form.referredmobilenumber.$dirty && Form.referredmobilenumber.$invalid" ng-hide="Form.referredmobilenumber.$error.maxlength || Form.referredmobilenumber.$error.minlength || Form.referredmobilenumber.$error.pattern">Refer's Mobile Number is required.</span>
|
|
<span class="error text-small block" ng-if="Form.referredmobilenumber.$error.maxlength || Form.referredmobilenumber.$error.minlength || Form.referredmobilenumber.$error.pattern">Enter a Valid Phone Number</span>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<label>
|
|
Comments
|
|
</label>
|
|
<textarea readonly maxlength="100" placeholder="Enter Comments" tabindex="26" class="form-control textdsc" name="Comments"
|
|
ng-model="existingStuPersonalDetails.Comments"></textarea>
|
|
<span class="text-small block">Max 100 Characters.</span>
|
|
<!--<span class="error text-small block" ng-if="Form.DeactiveComments.$dirty && Form.DeactiveComments.$invalid">De-Active Comments is required</span>-->
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<label>
|
|
Active/De-Active
|
|
</label>
|
|
<div ng-if="existingStuPersonalDetails.IsActive==true">
|
|
<label>Active</label>
|
|
<!--<switch ng-model="existingStuPersonalDetails.IsActive" ng-init="existingStuPersonalDetails.IsActive = true" class="green"></switch>-->
|
|
</div>
|
|
<div ng-if="existingStuPersonalDetails.IsActive==false">
|
|
<label>In-Active</label>
|
|
<!--<switch ng-model="existingStuPersonalDetails.IsActive" ng-init="existingStuPersonalDetails.IsActive = false" class="green"></switch>-->
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4" ng-if="existingStuPersonalDetails.IsActive == false" ng-class="{'has-error':Form.DeactiveComments.$dirty && Form.DeactiveComments.$invalid, 'has-success':Form.DeactiveComments.$valid}">
|
|
<label>
|
|
Reason for Deactivating <span class="symbol required"></span>
|
|
</label>
|
|
<textarea readonly maxlength="100" placeholder="Reason for Deactivating" tabindex="25" class="form-control textdsc" name="DeactiveComments"
|
|
ng-model="existingStuPersonalDetails.DeactiveComments" required></textarea>
|
|
<span class="text-small block">Max 100 Characters.</span>
|
|
<span class="error text-small block" ng-if="Form.DeactiveComments.$dirty && Form.DeactiveComments.$invalid">De-Active Comments is required</span>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</fieldset>
|
|
<input type="hidden" ng-init="hidden_DOB=existingStuPersonalDetails.DOB" ng-model="hidden_DOB">
|
|
<fieldset>
|
|
<legend>
|
|
Course Details
|
|
</legend>
|
|
<div class="table-responsive">
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>University
|
|
</th>
|
|
<th>Course
|
|
</th>
|
|
<!--<th>Specilization 1
|
|
</th>
|
|
<th>Specilization 2
|
|
</th>-->
|
|
<th>Session
|
|
</th>
|
|
<th>Date of Joining
|
|
</th>
|
|
<th>Status
|
|
</th>
|
|
<th>Enrolled Branch
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody ng-repeat="s in existingStuCourseDetails">
|
|
<tr>
|
|
<td>{{s.UniversityName}}</td>
|
|
<td>{{s.CourseName}}</td>
|
|
<!--<td>{{s.Specilization1}}</td>
|
|
<td>{{s.Specilization2}}</td>-->
|
|
<td>{{s.SessionName}}</td>
|
|
<td>{{s.DOJ}}</td>
|
|
<td><span ng-if="s.IsActive == 1">Active</span>
|
|
<span ng-if="s.IsActive == 0">In-Active</span></td>
|
|
<td>{{s.BranchName}}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</fieldset>
|
|
<!--<pre>{{ p | json}}</pre>-->
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<button tooltip="Personal Details" class="btn btn-danger btn-sm pull-right" ng-click="cancelExisStudentView()">
|
|
<!--<i class="ti-close" tooltip="Personal Details" ></i>-->
|
|
Cancel
|
|
</button>
|
|
</div>
|
|
<div class="container">
|
|
<fieldset>
|
|
<legend>
|
|
Add New Cource
|
|
</legend>
|
|
|
|
<form name="addCourseExistingStudentFORM" id="formAdd" novalidate ng-submit="addCourseExistingStudent.submit(addCourseExistingStudentFORM, myModelCourse, existingStuPersonalDetails)"
|
|
method="post">
|
|
<div class="row">
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':addCourseExistingStudentFORM.university.$dirty && addCourseExistingStudentFORM.university.$invalid, 'has-success':addCourseExistingStudentFORM.university.$valid}">
|
|
<label for="form-field-select-2">
|
|
University <span class="symbol required"></span>
|
|
</label>
|
|
|
|
<select class="form-control" tabindex="25" class="cs-select cs-skin-elastic" name="university" ng-model="myModelCourse.university"
|
|
ng-change="onSlecetUniv()" required>
|
|
<option value="" disabled selected>Select University</option>
|
|
<option ng-repeat="item in universityData" value="{{item.UniversityID}}">{{item.UniversityName}}</option>
|
|
</select>
|
|
<span class="error text-small block" ng-if="addCourseExistingStudentFORM.university.$dirty && addCourseExistingStudentFORM.university.$error.required">University is Required</span>
|
|
</div>
|
|
|
|
<!--<div class="col-md-4 form-group" ng-class="{'has-error':addCourseExistingStudentFORM.course.$dirty && addCourseExistingStudentFORM.course.$invalid, 'has-success':addCourseExistingStudentFORM.course.$valid}">
|
|
|
|
<label>
|
|
Course <span class="symbol required"></span>
|
|
</label>
|
|
<div ng-if="courseLoading == true">
|
|
<span style="padding: auto 0; color: #007AFF; font-weight: bold;">fetching...</span>
|
|
</div>
|
|
<div ng-if="courseLoading == false">
|
|
<select class="form-control" tabindex="26" name="course" ng-model="myModelCourse.course" class="cs-select cs-skin-elastic"
|
|
required>
|
|
<option value="" disabled selected>Select Course</option>
|
|
<option ng-repeat="item in courseData" value="{{item.CourseID}}">{{item.CourseName}}</option>
|
|
</select>
|
|
</div>
|
|
<span class="error text-small block" ng-if="addCourseExistingStudentFORM.course.$dirty && addCourseExistingStudentFORM.course.$error.required">Course is required</span>
|
|
|
|
</div>-->
|
|
<div class=" col-md-4" ng-class="{'has-error':Form.course.$dirty && Form.course.$invalid, 'has-success':Form.course.$valid}">
|
|
<!--<div class="panel panel-transparent">
|
|
<div class="panel-body">-->
|
|
<div class=" form-group">
|
|
<label>
|
|
Course<span class="symbol required"></span>
|
|
</label>
|
|
<ui-select ng-model="myModelCourseObjExitStu.selected" name="course" theme="bootstrap" ng-required="true" ng-change="existStuCourseDetailsCheck(myModelCourseObjExitStu)">
|
|
<ui-select-match placeholder="Select Course">
|
|
{{$select.selected.CourseName}}
|
|
</ui-select-match>
|
|
<ui-select-choices value repeat="item in courseData | filter: $select.search">
|
|
<div ng-bind-html="item.CourseName | highlight: $select.search"></div>
|
|
<small ng-bind-html="item.CourseCode | highlight: $select.search"></small>
|
|
</ui-select-choices>
|
|
</ui-select>
|
|
<span class="error text-small block" ng-if="Form.course.$dirty && Form.course.$error.required">Course is required</span>
|
|
</div>
|
|
<!--</div>
|
|
</div>-->
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div >
|
|
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.specilization1.$dirty && Form.specilization1.$invalid}">
|
|
<label>
|
|
Specilization 1
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Specilization 1" tabindex="27" class="form-control" name="specilization1" ng-model="myModelCourse.specilization1"
|
|
ng-pattern="/^[a-zA-Z0-9-./\s]*$/"/>
|
|
<span class="error text-small block" ng-if="Form.specilization1.$dirty && Form.specilization1.$error.pattern">Invalid Specilization 1 </span>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.specilization2.$dirty && Form.specilization2.$invalid}">
|
|
<label>
|
|
Specilization 2
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Specilization 2" tabindex="28" class="form-control" name="specilization2" ng-model="myModelCourse.specilization2"
|
|
ng-pattern="/^[a-zA-Z0-9-./\s]*$/"/>
|
|
<span class="error text-small block" ng-if="Form.specilization2.$dirty && Form.specilization2.$error.pattern">Invalid Specilization 2 </span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':addCourseExistingStudentFORM.enrollmentid.$dirty && addCourseExistingStudentFORM.enrollmentid.$invalid}">
|
|
<label>
|
|
Enrollment ID
|
|
</label>
|
|
<input type="text" name="enrollmentid" tabindex="31" placeholder="Enter Entollment ID" class="form-control" ng-model="myModelCourse.enrollmentid"
|
|
/>
|
|
<span class="error text-small block" ng-if="addCourseExistingStudentFORM.enrollmentid.$dirty && addCourseExistingStudentFORM.enrollmentid.$error.required">Enrollment ID is required</span>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':addCourseExistingStudentFORM.dateofjoining.$dirty && addCourseExistingStudentFORM.dateofjoining.$invalid, 'has-success':addCourseExistingStudentFORM.dateofjoining.$valid}">
|
|
<label>
|
|
Date of Joining <span class="symbol required"></span>
|
|
</label>
|
|
<style>
|
|
.dropdown-menu {
|
|
position: relative;
|
|
/*top: -225px !important;*/
|
|
}
|
|
</style>
|
|
<input type="text" tabindex="28" class="form-control" ng-click="startOpen = !startOpen" datepicker-popup="dd-MM-yyyy" ng-model="myModelCourse.dateofjoining"
|
|
is-open="startOpen" ng-init="startOpen = false" name="dateofjoining"
|
|
datepicker-options="dateOptions" placeholder="Select Date of Joining"
|
|
close-text="Close" required="required" datepicker-position="top" max-date="todayDate"
|
|
ng-change="getDOJchangesOnExistingStudentView()"
|
|
/>
|
|
|
|
<span class="error text-small block" ng-if="addCourseExistingStudentFORM.dateofjoining.$dirty && addCourseExistingStudentFORM.dateofjoining.$error.required">Date of Joining is required</span>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="pull-right">
|
|
<button type="submit" tabindex="32" ladda="ldloading1.zoom_in" class="btn btn-wide btn-success" data-style="zoom-in">
|
|
Add
|
|
</button>
|
|
<button type="reset" tabindex="33" class="btn btn-warning btn-wide" tabindex="9" ng-click="addCourseExistingStudent.cancel()">
|
|
Cancel
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!--{{existingStuPersonalDetails.Religion}}
|
|
|
|
{{existingStuPersonalDetails}}
|
|
{{existingStuCourseDetails}}-->
|
|
<div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</tab>
|
|
</tabset>
|
|
</div>
|
|
</div>
|
|
<!-- end: LIST GROUP --> |