142 lines
8.6 KiB
HTML
142 lines
8.6 KiB
HTML
<form name="Form" id="form" novalidate>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div ng-if="courseEditLoading == true" class="text-center">
|
|
<!--<img src="assets/images/ajax_loader_blue.gif" style="width: 5%; height: 30%">-->
|
|
<h3>Fetching ...</h3>
|
|
</div>
|
|
<div class="col-md-12">
|
|
|
|
<fieldset ng-if="courseEditLoading == false">
|
|
<legend>
|
|
Course Details
|
|
</legend>
|
|
<!--list of course details : start-->
|
|
<div ng-if='list === true'>
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>University
|
|
</th>
|
|
<th>Course
|
|
</th>
|
|
<th>Batch
|
|
</th>
|
|
<th>Date of Join
|
|
</th>
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody ng-repeat="s in studentCourseList">
|
|
<tr>
|
|
<td>{{s.UniversityName}}</td>
|
|
<td>{{s.CourseName}}</td>
|
|
<td>{{s.BatchName}}</td>
|
|
<td>{{s.DOJ}}</td>
|
|
<td ng-click="getStudentCourseDetails(s.StudentID)">Edit</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<!--list of course details : end-->
|
|
|
|
<pre> {{studentCourse | json }} </pre>
|
|
<!--Edit course details : Start-->
|
|
<div ng-if='courseEdit === true'>
|
|
<div class="row">
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.univ.$dirty && Form.univ.$invalid, 'has-success':Form.univ.$valid}">
|
|
<label>
|
|
University <span class="symbol required"></span>
|
|
</label>
|
|
<select ng-init="onSlecetUnivEdit(stucour.UniversityID)" class="form-control" name="univ" ng-model="stucour.UniversityID"
|
|
class="cs-select cs-skin-elastic" ng-change="onSlecetUnivEdit(stucour.UniversityID)" required>
|
|
|
|
<option value="" disabled selected>Select University</option>
|
|
<option ng-repeat="items in universityData" value="{{items.UniversityID}}" ng-selected="stucour.UniversityID == items.UniversityID">{{items.UniversityName}}</option>
|
|
</select>
|
|
<span class="error text-small block" ng-if="Form.univ.$dirty && Form.univ.$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" ng-model="stucour.CourseID" name="course" class="cs-select cs-skin-elastic" required>
|
|
|
|
<option value="" disabled selected>Select Course</option>
|
|
<option ng-repeat="items in courseData" value="{{items.CourseID}}" ng-selected="stucour.CourseID == items.CourseID">{{items.CourseName}}</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 form-group" ng-class="{'has-error':Form.batch.$dirty && Form.batch.$invalid, 'has-success':Form.batch.$valid}">
|
|
<label>
|
|
Batch <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" name="batch" ng-model="stucour.BatchCode" class="cs-select cs-skin-elastic" required>
|
|
|
|
<option value="" disabled selected>Select Batch</option>
|
|
<option ng-repeat="items in batchData" value="{{items.BatchCode}}" ng-selected="stucour.BatchCode == items.BatchCode">{{items.BatchName}}</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 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>
|
|
<input type="text" tabindex="8" class="form-control " ng-click="startOpen = !startOpen" datepicker-popup="dd-MM-yyyy" ng-model="stucour.DOJ"
|
|
is-open="startOpen" ng-init="startOpen = false" name="dateofjoining" datepicker-options="dateOptions"
|
|
placeholder="Select Date of Joining" close-text="Close" required="required" max-date="currentDate"
|
|
/>
|
|
|
|
<span class="error text-small block" ng-if="Form.dateofjoining.$dirty && Form.dateofjoining.$error.required">Date of Joining is required</span>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<label>
|
|
Active/De-Active
|
|
</label>
|
|
<div ng-if="stucour.IsActive==true">
|
|
<switch ng-model="stucour.IsActive" ng-init="stucour.IsActive = true" class="green"></switch>
|
|
</div>
|
|
<div ng-if="stucour.IsActive==false">
|
|
<switch ng-model="stucour.IsActive" ng-init="stucour.IsActive = false" class="green"></switch>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="pull-right">
|
|
<button type="button" ladda="ldloading1.zoom_in" class="btn btn-wide btn-success" data-style="zoom-in" ng-click="updateStudentCourseDetails(Form, stucour)">
|
|
Update
|
|
</button>
|
|
<button type="reset" class="btn btn-warning btn-wide" tabindex="9" ng-click="cancel()">
|
|
Cancel
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--Edit course details : Start-->
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<!-- class="editRowTd" --> |