apollo_developers/assets/views/student/editStudentDetails.html
venbatechnologies@gmail.com 1809bcf9c9 fixed table for student details
2018-04-23 18:34:11 +05:30

627 lines
49 KiB
HTML
Executable File

<tabset class="tabbable" style="border: 1px solid #c5c5c5; border-radius: 3px; box-shadow: 3px 5px #c3c3c3;">
<script>
$("#personalDetailButton").click(function () {
$("#primaryPhone1").focus();
});
$("#documentDetails").click(function () {
$("#documentName").focus();
});
$("#addDocumentDetails").click(function () {
$("#documentName").focus();
});
$("#pendingDocumentDetails").click(function () {
$("#pendingDocumentTextarea").focus();
});
</script>
<tab heading="Personal Details">
<form name="Form" id="form" novalidate>
<div class="row">
<div class="col-md-12">
<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/{{p.ProfilePicPath}}" />
</div>
<div class="col-md-8">
<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-12">
<label>Update Profile Picture</label>
<div class=" margin-bottom-5">
</div>
<input tabindex="2027" type="file" accept="image/*" ng-init="resetImageEdit()" file-upload-edit onchange="angular.element(this).scope().imageUploadEdit(event)"
/>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<div class="user-image">
</div>
<!--<input type="file" file-model="idProof"
accept="image/*" onchange="angular.element(this).scope().imageUpload(event)"/>-->
<div>
<div ng-repeat="step in stepsModelEdit">
<!--<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="resetImageEdit()">Reset
</button>
</div>
</div>
</div>
</div>
<style>
.thumb {
width: 90px;
height: 115px;
margin: 18px;
float: left;
}
.uploader {
clear: both;
}
</style>
</div>
</div>
</div>
</div>
</form>
</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 type="text" name="primaryPhone" tabindex="2000" placeholder="Enter Mobile Number" class="form-control" ng-model="p.MobileNumber"
ng-minlength="10" ng-maxlength="12" ng-pattern="/^[0-9]*$/" ng-blur='updateCheckMobileExist(p)'
ng-disabled="p.Fee_paid_exist == 1 && localUserType == 'R002'" id="primaryPhone1" 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="2001" class="form-control" name="firstname" ng-model="p.Firstname"
ng-disabled="p.Fee_paid_exist == 1 && localUserType == 'R002'" 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="2002" class="form-control" name="lastname" ng-model="p.Lastname"
ng-disabled="p.Fee_paid_exist == 1 && localUserType == 'R002'" 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="2003" class="form-control" name="fathername" ng-model="p.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="2004" class="form-control" name="mothername" ng-model="p.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="2005" 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="p.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="2006" placeholder="Enter Alternate Mobile Number" class="form-control"
ng-model="p.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 type="text" tabindex="2007" class="form-control " ng-click="startOpen = !startOpen" datepicker-popup="dd-MM-yyyy"
ng-model="p.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"
/>
<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="2008" id="female" name="gender" value="female" ng-model="p.Gender" required>
<label for="female">
Female
</label>
<input type="radio" id="male" name="gender" value="male" ng-model="p.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="2009" class="form-control textdsc" name="address1" ng-model="p.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 placeholder="Enter Current Address" tabindex="2010" class="form-control textdsc" name="address2" ng-model="p.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 type="text" name="aadharNumber" tabindex="2011" placeholder="____-____-____" ui-mask="9999-9999-9999" class="form-control"
ng-model="p.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="2012" placeholder="Other Id" class="form-control" ng-model="p.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="2013" placeholder="Other Id Details" class="form-control" ng-model="p.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="2014" class="form-control" name="caste" ng-model="p.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="2015" class="form-control" name="category" ng-model="p.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="2016" class="form-control" name="religion" ng-model="p.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="2017" class="form-control" name="nationality" ng-model="p.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="2018" class="form-control" name="qualificaion" ng-model="p.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="2019" class="form-control" name="occupation" ng-model="p.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="2020" class="form-control" name="designation" ng-model="p.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="2021" class="form-control" name="companyname" ng-model="p.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="2022" class="form-control" name="referredby" ng-model="p.ReferredBy"
ng-disabled="p.Fee_paid_exist == 1 && localUserType == 'R002'" 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="2023" placeholder="Enter Refer's Mobile Number" class="form-control"
ng-disabled="p.Fee_paid_exist == 1 && localUserType == 'R002'" ng-model="p.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 maxlength="100" placeholder="Enter Comments" tabindex="2024" class="form-control textdsc" name="Comments" ng-model="p.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="localUserType != 'R002'">
<div ng-if="p.IsActive==true" tabindex="2025">
<switch ng-model="p.IsActive"
is-diabled="true" ng-disabled="p.Fee_paid_exist == 1 && localUserType == 'R002'" ng-init="p.IsActive = true" class="green"></switch>
</div>
<div ng-if="p.IsActive==false">
<switch ng-model="p.IsActive"
ng-disabled="p.Fee_paid_exist == 1 && localUserType == 'R002'"
is-diabled="true" ng-init="p.IsActive = false" class="green"></switch>
</div>
</div>
<div ng-if="localUserType == 'R002'">
<div ng-if="p.Fee_paid_exist == 1 ">
<div ng-if="p.IsActive==true" tabindex="2025">
<lable> ACTIVE</lable>
<div ng-if="p.IsActive==false">
<lable> IN-ACTIVE</lable>
</div>
</div>
</div>
<div ng-if="p.Fee_paid_exist != 1 ">
<div ng-if="p.IsActive==true" tabindex="2025">
<switch ng-model="p.IsActive"
is-diabled="true" ng-disabled="p.Fee_paid_exist == 1 && localUserType == 'R002'" ng-init="p.IsActive = true" class="green"></switch>
</div>
<div ng-if="p.IsActive==false">
<switch ng-model="p.IsActive"
ng-disabled="p.Fee_paid_exist == 1 && localUserType == 'R002'"
is-diabled="true" ng-init="p.IsActive = false" class="green"></switch>
</div>
</div>
</div>
</div>
<div class="col-md-4" ng-if="p.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 maxlength="100" placeholder="Reason for Deactivating" tabindex="2026" class="form-control textdsc" name="DeactiveComments"
ng-disabled="p.Fee_paid_exist == 1 && localUserType == 'R002'" ng-model="p.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" ng-if="localUserType == 'R004'">
<div class="col-md-4 form-group">
<label>
Login Access Status
</label>
<div ng-if="p.LoginAccess==1">
<switch ng-model="p.LoginAccess" ng-init="p.LoginAccess = true" class="green"></switch>
</div>
<div ng-if="p.LoginAccess==0">
<switch ng-model="p.LoginAccess" ng-init="p.LoginAccess = false" class="green"></switch>
</div>
<!--<span ng-if="myModel.finaceModuleAccess" class="success text-small block"></span>-->
</div>
</div>
<!--<pre>{{ p | json}}</pre>-->
<input type="hidden" ng-init="hidden_DOB=p.DOB" ng-model="hidden_DOB">
<div class="row">
<div class="col-md-12">
<div class="pull-right">
<button type="button" ng-disabled="editSaveButtonDisable" ladda="ldloading1.zoom_in" tabindex="2028" class="btn btn-wide btn-success"
data-style="zoom-in" ng-click="updateStuDetails(Form, p, hidden_DOB)">
<i class='fa fa-spinner fa-spin' ng-if="editSaveButtonDisable"> </i> Save
</button>
<button type="reset" class="btn btn-warning btn-wide" tabindex="2029" ng-click="cancel()">
Cancel
</button>
</div>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</form>
</tab>
<tab heading="Document Details" id="documentDetails">
<tabset class="tabbable" style="border: 1px solid #c5c5c5; border-radius: 3px; box-shadow: 3px 5px #c3c3c3;">
<tab heading="Add Document Details" id="addDocumentDetails">
<div ng-init="getStuEntrollDocDetails(p.StudentID)">
<fieldset style="background-color: #eaeaea;">
<legend>
Add Document Details
</legend>
<div class="container">
<form name="FormDoc" id="formDoc" novalidate ng-submit="studentEntrollDocFORM.submit(FormDoc, myModelAddDocuments, p.StudentID)"
method="post">
<div class="row">
<div class="col-md-6 form-group" ng-class="{'has-error':FormDoc.documentName.$dirty && FormDoc.documentName.$invalid, 'has-success':FormDoc.documentName.$valid}">
<label>
Document Name <span
class="symbol required"></span>
</label>
<input type="text" name="documentName" tabindex="3000" placeholder="Document Name" class="form-control" ng-model="myModelAddDocuments.documentName"
id="documentName" required/>
<span class="error text-small block" ng-if="FormDoc.documentName.$dirty && FormDoc.documentName.$invalid" ng-hide="FormDoc.documentName.$error.maxlength || FormDoc.documentName.$error.minlength || FormDoc.documentName.$error.pattern">Document Name is required.</span>
</div>
<div class="col-md-4 form-group">
<label>
Attach File <span
class="symbol required"></span>
</label>
<span>
<input type="file" tabindex="3001" accept="/*" file-upload-document />
</span>
</div>
<div class="col-md-2">
<label>
</label>
<div>
<button tooltip="Upload" tabindex="3002" type="submit" ng-disabled="disableButton" class="btn btn-xs btn-success">
<i class="ti-upload"></i>
</button>
<button tooltip="Reset" tabindex="3003" class="btn btn-warning btn-xs" ng-click="studentEntrollDocFORM.reset(FormDoc)">
<i class="ti-reload"></i>
</button>
</div>
</div>
</div>
<div class="row">
<div class="center">
<h5 ng-show="documentAddDetailsLoading" style="color:#007AFF">Loading...</h5>
</div>
</div>
</div>
</form>
</fieldset>
<div id="documentDetalils">
<div class="table-responsive">
<table class="table table-hover" ng-controller="studentModalDemoCtrl">
<thead>
<tr>
<th>Document Name</th>
<th>Details</th>
<th class="center">Download/Delete</th>
</tr>
</thead>
<tbody ng-repeat="doc in studentDocumentsList">
<tr>
<td>{{doc.DocumentName}}</td>
<td>{{doc.DocumentStorePath}}</td>
<td class="center">
<!--<td class="center"><button tooltip="Download" class="btn btn-xs btn-primary" ng-click="printPdf(doc.DocumentStorePath)"><i class="ti-download">
<a ng-href="http://localhost/apollo_New_Update_20_02_2018/apollodec/Apollo/images/{{doc.DocumentStorePath}}" target="_blank"></a> </i></button>-->
<file-download fileurl="{{doc.DocumentStorePath}}" linktext="Click here!"></file-download>
<button tooltip="Delete" class="btn btn-xs btn-danger" ng-click="deleteDocDetails(doc.ID, p.StudentID)"><i class="ti-trash">
</i></button>
</td>
</tr>
</tbody>
</table>
<div ng-if="docNotFound">
<span style="color:tomato;"> No document details found **</span>
</div>
</div>
</div>
</div>
</tab>
<tab heading="Pending Document Details" id="pendingDocumentDetails">
<fieldset style="background-color: #eaeaea;">
<legend>
Pending Document Details
</legend>
<div class="container">
<form name="FormPendDoc" id="formPendDoc" novalidate ng-submit="studentEntrollPendingDocFORM.submit(FormPendDoc, myModelAddPendingDocDetails, p.StudentID)"
method="post">
<div class="row">
<div class="col-md-6 form-group" ng-class="{'has-error':FormPendDoc.documentDetails.$dirty && FormPendDoc.documentDetails.$invalid, 'has-success':FormPendDoc.documentDetails.$valid}">
<label>
Pending Document Details <span
class="symbol required"></span>
</label>
<textarea type="text" placeholder="Document Details" tabindex="4000" class="form-control" name="pendingDocumentTextarea"
ng-model="myModelAddPendingDocDetails.documentDetails" id="pendingDocumentTextarea" maxlength="100"
required/>
<span class="text-small block" style="color: rgba(128, 128, 128, 0.64)">Max 100 Characters.</span>
<span class="error text-small block" ng-if="FormPendDoc.documentDetails.$dirty && FormPendDoc.documentDetails.$invalid" ng-hide="FormPendDoc.documentDetails.$error.maxlength || FormPendDoc.documentDetails.$error.minlength || FormPendDoc.documentDetails.$error.pattern">Pending Document Details required.</span>
</div>
<div class="col-md-3 form-group">
<label>
Track Status
</label>
<div ng-switch="myModelAddPendingDocDetails.checkTracking" tabindex="4001">
<div ng-switch-when="true">
<switch ng-model="myModelAddPendingDocDetails.checkTracking" ng-init="myModelAddPendingDocDetails.checkTracking = true" class="green"></switch>
</div>
<div ng-switch-when="false">
<switch ng-model="myModelAddPendingDocDetails.checkTracking" ng-init="myModelAddPendingDocDetails.checkTracking = false"
class="green"></switch>
</div>
<div ng-switch-default>
<switch ng-model="myModelAddPendingDocDetails.checkTracking" ng-init="myModelAddPendingDocDetails.checkTracking = false"
class="green"></switch>
</div>
</div>
</div>
<div class="col-md-3">
<label>
</label>
<div>
<button tooltip="Upload" type="submit" ng-disabled="disableButton" tabindex="4002" class="btn btn-xs btn-success">
Add
</button>
<button tooltip="Reset" class="btn btn-warning btn-xs" tabindex="4003" ng-click="studentEntrollPendingDocFORM.reset(FormPendDoc)">
Reset
</button>
</div>
</div>
</div>
<div class="row">
<div class="center">
<h5 ng-show="documentTrackAddDetailsLoading" style="color:#007AFF">Loading...</h5>
</div>
</div>
</div>
</form>
</fieldset>
<div id="documentDetalils" ng-init="getStudentPendingEntrolDocDetails(p.StudentID)">
<div class="table-responsive">
<table class="table table-hover">
<thead>
<tr>
<th>Details</th>
<th>Status</th>
<th class="center">Delete</th>
</tr>
</thead>
<tbody ng-repeat="penddoc in studentPendingDocumentsDetails">
<tr>
<td>{{penddoc.Details}}</td>
<td>
<span ng-if="penddoc.Status == 1">Open</span>
<span ng-if="penddoc.Status == 0">Close</span>
</td>
<td class="center">
<button tooltip="Delete" class="btn btn-xs btn-danger" ng-click="deletePendingDocDetails(penddoc, p.StudentID)">
<i class="ti-trash"></i></button>
</td>
</tr>
</tbody>
</table>
<div ng-if="PendingDocNotFound">
<span style="color:tomato;"> No details found **</span>
</div>
</div>
</div>
</tab>
</tabset>
</tab>
</tabset>
<!-- class="editRowTd" -->