497 lines
36 KiB
HTML
Executable File
497 lines
36 KiB
HTML
Executable File
<!-- start: PAGE TITLE -->
|
|
<section id="page-title">
|
|
<div class="row">
|
|
<div class="col-sm-8">
|
|
<h1 class="mainTitle" translate="sidebar.nav.student.status.STUDYMATERIAL">{{ mainTitle }}</h1>
|
|
<span class="mainDescription"></span>
|
|
</div>
|
|
<div ncy-breadcrumb></div>
|
|
</div>
|
|
</section>
|
|
<!-- end: PAGE TITLE -->
|
|
<!-- start: STUDY MATERIAL STATUS -->
|
|
<div class="container-fluid container-fullw bg-white">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<!-- /// controller: 'UserCtrl' - localtion: assets/js/controllers/userCtrl.js /// -->
|
|
<div ng-controller="studyMaterialStatusCtrl">
|
|
<!-- start: STATUS -->
|
|
<div class="container" ng-init="init()">
|
|
<div class="row">
|
|
<!--<pre>{{searchData | json }}</pre> -->
|
|
<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="myModelCourseAdd"
|
|
ng-change="getUniveId(myModelCourseAdd)">
|
|
<option value="" disabled selected>Select University</option>
|
|
<option ng-repeat="item in universityData" value="{{item}}">{{item.UniversityName}}</option>
|
|
</select>
|
|
</div>
|
|
|
|
|
|
<div class="col-md-3">
|
|
<label for="form-field-select-2">
|
|
Course
|
|
</label>
|
|
|
|
<select 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}}</option>
|
|
</select>
|
|
</div>
|
|
|
|
<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>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="container">
|
|
<div class="row">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--<pre> {{ searchResultDetails | json }}</pre>-->
|
|
|
|
<div>
|
|
<!--// student search result-->
|
|
<div ng-if="searchLoading === true">
|
|
<!--search loading start-->
|
|
<div style="padding: auto 0; color: #007AFF; font-weight: bold; text-align:center;
|
|
margin-top: 25px;">
|
|
<h4 style="color: inherit">fetching...</h4>
|
|
</div>
|
|
<!--search loading end-->
|
|
</div>
|
|
|
|
<div ng-if="searchLoading === false">
|
|
<div class="col-md-12" ng-if="searchResultStatus == false" style="min-height: 281px;">
|
|
<p style="color: red;" align="center"><strong><h4 class="text-center">No
|
|
records found... </h4></strong></p>
|
|
</div>
|
|
|
|
<div class="col-md-12" ng-if="searchResultStatus == true">
|
|
<div class="col-md-12" ng-if="searchResultLength === 0" style="min-height: 281px;">
|
|
<p style="color: red;" align="center"><strong><h4 class="text-center">No
|
|
records found... </h4></strong></p>
|
|
</div>
|
|
|
|
<div class="table-responsive" ng-if="searchResultLength > 0">
|
|
<!--// search-->
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<label for="form-field-select-2">
|
|
Mobile Number
|
|
</label>
|
|
<script>
|
|
$(function () {
|
|
$("#search").focus();
|
|
});
|
|
</script>
|
|
<style>
|
|
.sort-icon {
|
|
font-size: 9px;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
th {
|
|
cursor: pointer;
|
|
}
|
|
</style>
|
|
<input class="form-control" type="text" ng-change="mySearchChangeFunc(search.MobileNumber)" ng-model="search.MobileNumber"
|
|
id="search" autofocus tabindex="1" placeholder="Search Mobile" /><br><br>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<table class="table table-hover">
|
|
<thead>
|
|
<tr>
|
|
<th>
|
|
<!--<input type="checkbox" ng-hide="allSelectedHide" ng-model="allSelected" ng-change="openUpdateWind()" ng-model-options="{getterSetter: true}"
|
|
/>-->
|
|
</th>
|
|
<th ng-click="sort('Firstname')">First Name
|
|
<span class="glyphicon sort-icon" ng-show="sortKey=='Firstname'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
|
|
</th>
|
|
<th ng-click="sort('Lastname')">Last Name
|
|
<span class="glyphicon sort-icon" ng-show="sortKey=='Lastname'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
|
|
</th>
|
|
<th ng-click="sort('MobileNumber')">MobileNumber
|
|
<span class="glyphicon sort-icon" ng-show="sortKey=='MobileNumber'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
|
|
</th>
|
|
<th ng-click="sort('EmailID')">Email ID
|
|
<span class="glyphicon sort-icon" ng-show="sortKey=='EmailID'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
|
|
</th>
|
|
<th ng-click="sort('CourseName')">Course
|
|
<span class="glyphicon sort-icon" ng-show="sortKey=='CourseName'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
|
|
</th>
|
|
<th></th>
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody dir-paginate="p in searchResultDetails|filter:search:strict|orderBy:sortKey:reverse|itemsPerPage:10">
|
|
<tr>
|
|
<td>
|
|
<label>
|
|
<input type="checkbox" ng-model="p.Selected" ng-bind="values = p.StudentID" ng-change="setOneSelect(p)" />
|
|
|
|
</label>
|
|
</td>
|
|
<td>{{p.Firstname}}</td>
|
|
<td>{{p.Lastname}}</td>
|
|
<td>{{p.MobileNumber}}</td>
|
|
<td>{{p.EmailID}}</td>
|
|
<td>{{p.CourseName}}</td>
|
|
<td class="center">
|
|
<span> <i tooltip="STATUS DETAILS" class="glyphicon glyphicon-list-alt" ng-click="setEditId(p.StudentID)"></i> </span>
|
|
</td>
|
|
</tr>
|
|
<!--<pre>{{ editId }}</pre>-->
|
|
<tr ng-show="editId ===p.StudentID" ng-if="editId === p.StudentID">
|
|
<!--<td><pre>{{p.StudentID}}</pre></td>-->
|
|
<td colspan="7">
|
|
|
|
<div class="container" style="background-color: rgb(248, 248, 248);
|
|
border-radius: 6px;padding: 22px;" ng-init="getPrevStatus(p)">
|
|
<div ng-if="prevStatusListForStudentCourseLoading" class="text-center">
|
|
<h3>Fetching ...</h3>
|
|
</div>
|
|
<div ng-if="!prevStatusListForStudentCourseLoading">
|
|
<div ng-if="!prevNoRecordFound">
|
|
<table class="table">
|
|
<thead style="background-color: cadetblue">
|
|
<th>Sem/Year</th>
|
|
<th>Status</th>
|
|
<th>Comments</th>
|
|
<th>Date</th>
|
|
<th>Updated By</th>
|
|
</thead>
|
|
<tbody ng-repeat="s in prevStatusListForStudentCourse">
|
|
<th>{{s.Sem_Year}}</th>
|
|
<td>{{s.ListName}}</td>
|
|
<td>{{s.Comments}}</td>
|
|
<td>{{s.SDate}}</td>
|
|
<td>{{s.Firstname}}</td>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div ng-if="prevNoRecordFound">
|
|
<p style="color: red;" align="center"><strong><h4 class="text-center">No
|
|
Status Details Exist ... </h4></strong></p>
|
|
</div>
|
|
<div class="pull-right">
|
|
<button type="reset" class="btn btn-warning btn-sm" tabindex="20" ng-click="cancel()">
|
|
Cancel
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<dir-pagination-controls max-size="10" direction-links="true" boundary-links="true">
|
|
</dir-pagination-controls>
|
|
</div>
|
|
</div>
|
|
|
|
<div ng-if="OpenWindowStatus">
|
|
<style>
|
|
#cancel_button {
|
|
/*line-height: 12px;
|
|
width: 18px;
|
|
font-size: 8pt;
|
|
font-family: tahoma;*/
|
|
margin-top: 1px;
|
|
margin-right: 2px;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.target>div:target {
|
|
display: block;
|
|
}
|
|
</style>
|
|
<div ng-if="!localTypeSuperAdmin">
|
|
<form name="Form" id="form" novalidate ng-submit="statusUpdate.submit(Form, myStatusModel, localBranchDetails)" method="post">
|
|
<div id="bottom1" class="container">
|
|
<div class="row">
|
|
<div class="col-md-2">
|
|
</div>
|
|
|
|
<div class="col-md-8">
|
|
<fieldset style="background-color: #eaeaea;">
|
|
<legend>
|
|
Update Status
|
|
</legend>
|
|
<div>
|
|
<!--<input id="cancel_button" type="button" value="X">-->
|
|
<!--<span id="cancel_button" class="btn btn-success btn-lg">
|
|
<i class="glyphicon glyphicon-remove-circle"></i>
|
|
</span>-->
|
|
<a id="cancel_button" ng-click="unSelect()" tooltip="Close">
|
|
<span class="glyphicon glyphicon-remove-circle"></span>
|
|
</a>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.semYear.$dirty && Form.semYear.$invalid, 'has-success':Form.semYear.$valid}">
|
|
<label for="form-field-select-2">
|
|
Sem/Year <span class="symbol required"></span>
|
|
</label>
|
|
|
|
<select class="form-control" tabindex="4" class="cs-select cs-skin-elastic" name="semYear" ng-model="myStatusModel.semYear"
|
|
required>
|
|
<option value="" disabled selected>Select Sem/Year</option>
|
|
<option ng-repeat="itemSemY in semYearList" value="{{itemSemY.ID}}">{{itemSemY.Sem_Year}}</option>
|
|
</select>
|
|
<span class="error text-small block" ng-if="Form.semYear.$dirty && Form.semYear.$error.required">Sem/Year is Required</span>
|
|
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.status.$dirty && Form.status.$invalid, 'has-success':Form.status.$valid}">
|
|
<label for="form-field-select-2">
|
|
Status <span class="symbol required"></span>
|
|
</label>
|
|
|
|
<select class="form-control" tabindex="4" class="cs-select cs-skin-elastic" name="status" ng-model="myStatusModel.staus"
|
|
required>
|
|
<option value="" disabled selected>Select Status</option>
|
|
<option ng-repeat="itemStatus in statusDetailsList" value="{{itemStatus.ListCode}}">{{itemStatus.ListName}}</option>
|
|
</select>
|
|
<span class="error text-small block" ng-if="Form.status.$dirty && Form.status.$error.required">Status is Required</span>
|
|
|
|
</div>
|
|
<!--<div class="col-md-4 form-group" ng-class="{'has-error':Form.status.$dirty && Form.status.$invalid , 'has-success':Form.status.$valid}">
|
|
<label>
|
|
Status <span
|
|
class="symbol required"></span>
|
|
</label>
|
|
<input type="text" name="status" tabindex="5" placeholder="Enter Status" class="form-control" ng-model="myStatusModel.staus"
|
|
required/>
|
|
<span class="error text-small block" ng-if="Form.sestatusmYear.$dirty && Form.status.$error.required">Status is Required </span>
|
|
</div>-->
|
|
<div data-ng-controller="DatepickerDemoCtrl">
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.dateofstaus.$dirty && Form.dateofstaus.$invalid, 'has-success':Form.dateofstaus.$valid}">
|
|
<label>
|
|
Date <span
|
|
class="symbol required"></span>
|
|
</label>
|
|
<input type="text" tabindex="6" class="form-control " ng-click="startOpen = !startOpen" datepicker-popup="dd-MM-yyyy" ng-model="myStatusModel.dateOn"
|
|
is-open="startOpen" ng-init="startOpen = false" name="dateofstaus"
|
|
datepicker-options="dateOptions" placeholder="Select Date "
|
|
close-text="Close" required="required" ng-change="getMaxEndDate(myModel.startDate)"
|
|
/>
|
|
|
|
<!--<input type="text" tabindex="28" 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" datepicker-position="top"
|
|
/>-->
|
|
<span class="error text-small block" ng-if="Form.dateofstaus.$dirty && Form.dateofstaus.$invalid" ng-hide="Form.dateofstaus.$error.maxlength">Date is required.</span>
|
|
<span class="error text-small block" ng-if="Form.dateofstaus.$error.maxlength">Enter a Valid Date</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6 form-group" ng-class="{'has-error':Form.description.$dirty && Form.description.$invalid}">
|
|
<label>
|
|
Comments
|
|
</label>
|
|
|
|
<textarea type="text" placeholder="Enter Comments" tabindex="7" class="form-control" name="description" ng-model="myStatusModel.comment"
|
|
/>
|
|
<span class="error text-small block" ng-if="Form.description.$dirty && Form.description.$error.pattern">Invalid Comments</span>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<!--<pre>{{localBranchDetails}}</pre>
|
|
<pre>{{branchList_data}}</pre>-->
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="pull-right">
|
|
<button type="submit" ng-disabled="disableButton" tabindex="8" ladda="ldloading1.zoom_in" class="btn btn-wide btn-success"
|
|
data-style="zoom-in">
|
|
<i class="fa fa-circle-o-notch fa-spin" ng-if="disableButton" style="font-size:14px"></i>
|
|
Submit
|
|
</button>
|
|
<button type="reset" tabindex="9" class="btn btn-warning btn-wide" tabindex="9" ng-click="employeeForm.resetCourse(Form)">
|
|
Reset
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
|
|
<div class="col-md-2">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div ng-if="localTypeSuperAdmin">
|
|
<form name="Form" id="form" novalidate ng-submit="statusUpdate.submit(Form, myStatusModel, localBranchDetails)" method="post">
|
|
<div id="bottom1" class="container">
|
|
<div class="row">
|
|
<div class="col-md-2">
|
|
</div>
|
|
|
|
<div class="col-md-8">
|
|
<fieldset style="background-color: #eaeaea;">
|
|
<legend>
|
|
Update Status
|
|
</legend>
|
|
<div>
|
|
<!--<input id="cancel_button" type="button" value="X">-->
|
|
<!--<span id="cancel_button" class="btn btn-success btn-lg">
|
|
<i class="glyphicon glyphicon-remove-circle"></i>
|
|
</span>-->
|
|
<a id="cancel_button" ng-click="unSelect()" tooltip="Close">
|
|
<span class="glyphicon glyphicon-remove-circle"></span>
|
|
</a>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.semYear.$dirty && Form.semYear.$invalid, 'has-success':Form.semYear.$valid}">
|
|
<label for="form-field-select-2">
|
|
Sem/Year <span class="symbol required"></span>
|
|
</label>
|
|
|
|
<select class="form-control" tabindex="4" class="cs-select cs-skin-elastic" name="semYear" ng-model="myStatusModel.semYear"
|
|
required>
|
|
<option value="" disabled selected>Select Sem/Year</option>
|
|
<option ng-repeat="itemSemY in semYearList" value="{{itemSemY.ID}}">{{itemSemY.Sem_Year}}</option>
|
|
</select>
|
|
<span class="error text-small block" ng-if="Form.semYear.$dirty && Form.semYear.$error.required">Sem/Year is Required</span>
|
|
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.status.$dirty && Form.status.$invalid, 'has-success':Form.status.$valid}">
|
|
<label for="form-field-select-2">
|
|
Status <span class="symbol required"></span>
|
|
</label>
|
|
|
|
<select class="form-control" tabindex="4" class="cs-select cs-skin-elastic" name="status" ng-model="myStatusModel.staus"
|
|
required>
|
|
<option value="" disabled selected>Select Status</option>
|
|
<option ng-repeat="itemStatus in statusDetailsList" value="{{itemStatus.ListCode}}">{{itemStatus.ListName}}</option>
|
|
</select>
|
|
<span class="error text-small block" ng-if="Form.status.$dirty && Form.status.$error.required">Status is Required</span>
|
|
|
|
</div>
|
|
<!--<div class="col-md-4 form-group" ng-class="{'has-error':Form.status.$dirty && Form.status.$invalid , 'has-success':Form.status.$valid}">
|
|
<label>
|
|
Status <span
|
|
class="symbol required"></span>
|
|
</label>
|
|
<input type="text" name="status" tabindex="5" placeholder="Enter Status" class="form-control" ng-model="myStatusModel.staus"
|
|
required/>
|
|
<span class="error text-small block" ng-if="Form.sestatusmYear.$dirty && Form.status.$error.required">Status is Required </span>
|
|
</div>-->
|
|
<div data-ng-controller="DatepickerDemoCtrl">
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.dateofstaus.$dirty && Form.dateofstaus.$invalid, 'has-success':Form.dateofstaus.$valid}">
|
|
<label>
|
|
Date <span
|
|
class="symbol required"></span>
|
|
</label>
|
|
<input type="text" tabindex="6" class="form-control " ng-click="startOpen = !startOpen" datepicker-popup="dd-MM-yyyy" ng-model="myStatusModel.dateOn"
|
|
is-open="startOpen" ng-init="startOpen = false" name="dateofstaus"
|
|
datepicker-options="dateOptions" placeholder="Select Date "
|
|
close-text="Close" required="required" ng-change="getMaxEndDate(myModel.startDate)"
|
|
/>
|
|
|
|
<!--<input type="text" tabindex="28" 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" datepicker-position="top"
|
|
/>-->
|
|
<span class="error text-small block" ng-if="Form.dateofstaus.$dirty && Form.dateofstaus.$invalid" ng-hide="Form.dateofstaus.$error.maxlength">Date is required.</span>
|
|
<span class="error text-small block" ng-if="Form.dateofstaus.$error.maxlength">Enter a Valid Date</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6 form-group" ng-class="{'has-error':Form.description.$dirty && Form.description.$invalid}">
|
|
<label>
|
|
Comments
|
|
</label>
|
|
|
|
<textarea type="text" placeholder="Enter Comments" tabindex="7" class="form-control" name="description" ng-model="myStatusModel.comment"
|
|
/>
|
|
<span class="error text-small block" ng-if="Form.description.$dirty && Form.description.$error.pattern">Invalid Comments</span>
|
|
</div>
|
|
<div class="col-md-6 form-group" ng-class="{'has-error':Form.branch.$dirty && Form.branch.$invalid, 'has-success':Form.branch.$valid}">
|
|
<label for="form-field-select-2">
|
|
Select Branch <span
|
|
class="symbol required"></span>
|
|
</label>
|
|
|
|
<select class="form-control" tabindex="8" class="cs-select cs-skin-elastic" name="branch" ng-model="localBranchDetails" required>
|
|
<option value="" disabled selected>Select Branch</option>
|
|
<option ng-repeat="bdata in branchList_data" value="{{bdata.BranchCode}}">{{bdata.BranchName}}</option>
|
|
</select>
|
|
<span class="error text-small block" ng-if="Form.branch.$dirty && Form.branch.$invalid" ng-hide="Form.branch.$error.maxlength">Branch is required.</span>
|
|
</div>
|
|
|
|
</div>
|
|
<!--<pre>{{localBranchDetails}}</pre>
|
|
<pre>{{branchList_data}}</pre>-->
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="pull-right">
|
|
<button type="submit" ng-disabled="disableButton" tabindex="8" ladda="ldloading1.zoom_in" class="btn btn-wide btn-success"
|
|
data-style="zoom-in">
|
|
<i class="fa fa-circle-o-notch fa-spin" ng-if="disableButton" style="font-size:14px"></i>
|
|
Submit
|
|
</button>
|
|
<button type="reset" tabindex="9" class="btn btn-warning btn-wide" tabindex="9" ng-click="employeeForm.resetCourse(Form)">
|
|
Reset
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
|
|
<div class="col-md-2">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<!--studen search result end-->
|
|
</div>
|
|
|
|
<!-- end: STATUS -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end: STUDY MATERIAL STATUS -->
|
|
|
|
<section id="page-title">
|
|
<div class="row">
|
|
<div class="col-sm-8">
|
|
<!--<h1 class="mainTitle" translate="sidebar.nav.student.status.STUDYMATERIAL">{{ mainTitle }}</h1>
|
|
<span class="mainDescription"></span>-->
|
|
</div>
|
|
<!--<div ncy-breadcrumb></div>-->
|
|
</div>
|
|
</section> |