course details changes done
This commit is contained in:
gandhimathi
parent
5f525c9966
commit
27270c7622
284
Apollo/assets/views/sessionSchedule.html
Normal file
284
Apollo/assets/views/sessionSchedule.html
Normal file
@ -0,0 +1,284 @@
|
||||
<style>
|
||||
b.fa {
|
||||
display: inline-block;
|
||||
border-radius: 60px;
|
||||
box-shadow: 0px 0px 2px #007AFF;
|
||||
padding: 0.5em 0.6em;
|
||||
|
||||
|
||||
}
|
||||
</style>
|
||||
<!-- start: PAGE TITLE -->
|
||||
<section id="page-title">
|
||||
<div class="row">
|
||||
<div class="col-sm-8">
|
||||
<h1 class="mainTitle" translate="Schedule"></h1>
|
||||
|
||||
<span class="mainDescription">Add/View Session Schedule. </span>
|
||||
|
||||
</div>
|
||||
<div ncy-breadcrumb></div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- end: PAGE TITLE -->
|
||||
<!-- start: LIST GROUP -->
|
||||
<div class="container-fluid container-fullw bg-white">
|
||||
<div class="row" ng-controller="sessionScheduleCtrl" data-ng-init="init()">
|
||||
<tabset class="tabbable">
|
||||
<tab heading="View Schedule" id="viewSchedule">
|
||||
<div class="container-fluid container-fullw">
|
||||
<div class="row">
|
||||
<div ng-if="loader == ''" class="col-md-12" align="center">
|
||||
<!--<img src="assets/images/ajax_loader_blue.gif" style="width: 5%; height: 30%">-->
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<div class="col-md-12" ng-if="emptyData == false && loader != ''" style="min-height: 281px;">
|
||||
<p style="color: red;" align="center"><strong><h3 class="text-center">oops! No
|
||||
records found... </h3></strong></p>
|
||||
</div>
|
||||
<div class="col-md-12" ng-if="emptyData == true">
|
||||
<div class="row">
|
||||
|
||||
<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>
|
||||
|
||||
<div class="table-responsive">
|
||||
<fieldset>
|
||||
|
||||
<table class="table table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th ng-click="sort('SessionName')">Session Name
|
||||
<span class="glyphicon sort-icon" ng-show="sortKey=='SessionName'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
|
||||
</th>
|
||||
<th ng-click="sort('SCDate')">Date</th>
|
||||
<th>Status</th>
|
||||
|
||||
<th> Action</th>
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody dir-paginate="p in data|orderBy:sortKey:reverse|filter:search:strict|itemsPerPage:10">
|
||||
<!-- <pre>p|json</pre> -->
|
||||
<tr>
|
||||
<td>{{p.SessionName}}</td>
|
||||
<td>{{p.SCDate | date : "dd-MM-yyyy"}}</td>
|
||||
<td><span ng-if="p.IsActive == 1"> Active </span><span ng-if="p.IsActive == 0">In-Active</span></td>
|
||||
<td>
|
||||
|
||||
<a class="text-azure" id="editRowBtn{{p.SessionID}}" ng-click="setEditId(p);"><b class="fa fa-hover fa-pencil " aria-hidden="true"></b>
|
||||
</a>
|
||||
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr ng-show="editId === p.SCID" ng-if="editId === p.SCID" >
|
||||
<td colspan="6" ng-include src="'assets/views/editSessionSchedule.html'"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
<dir-pagination-controls max-size="10" direction-links="true" boundary-links="true">
|
||||
</dir-pagination-controls>
|
||||
</fieldset>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--
|
||||
view tab end
|
||||
-->
|
||||
</tab>
|
||||
<script>
|
||||
$('#addSession').click(function () {
|
||||
$('#sessionName').focus();
|
||||
});
|
||||
$('#viewSession').click(function () {
|
||||
$('#search').focus();
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
<tab heading="Add Schedule" id="addSchedule1">
|
||||
<form name="Form" id="form1" novalidate ng-submit="sessionForm.submit(Form, myModel, 'zoom-in')" method="post">
|
||||
<div class="row">
|
||||
<div class="col-md-4 form-group"
|
||||
ng-class="{'has-error':Form.session.$dirty && Form.session.$invalid, 'has-success':Form.session.$valid}">
|
||||
<label>
|
||||
Session <span class="symbol required"></span>
|
||||
</label>
|
||||
<select class="form-control" name="session" tabindex="1" id="session"
|
||||
ng-model="myModel.session"
|
||||
ng-options="details.SessionID as details.SessionName for details in sessionMasterList"
|
||||
required>
|
||||
<option value=""> Select Session</option>
|
||||
</select>
|
||||
<span class="error text-small block"
|
||||
ng-if="Form.session.$dirty && Form.session.$invalid">Session is required</span>
|
||||
<!--<span class="success text-small" ng-if="Form.session.$valid">Thank You!</span>-->
|
||||
|
||||
</div>
|
||||
<div data-ng-controller="DatepickerDemoCtrl">
|
||||
<div class="col-md-4 form-group"
|
||||
ng-class="{'has-error':Form.date.$dirty && Form.date.$invalid, 'has-success':Form.date.$valid}">
|
||||
<label>
|
||||
Date <span
|
||||
class="symbol required"></span>
|
||||
</label>
|
||||
<input type="text"
|
||||
class="form-control "
|
||||
ng-click="startOpen = !startOpen"
|
||||
datepicker-popup="dd-MM-yyyy"
|
||||
ng-model="myModel.date"
|
||||
is-open="startOpen"
|
||||
ng-init="startOpen = false"
|
||||
name="date"
|
||||
datepicker-options="dateOptions"
|
||||
placeholder="Select Date"
|
||||
min-date="minDate"
|
||||
max-date="futureDate"
|
||||
close-text="Close" required="required"/>
|
||||
<span class="error text-small block"
|
||||
ng-if="Form.date.$dirty && Form.date.$error.required">Date is required.</span>
|
||||
<!--<span class="success text-small block"-->
|
||||
<!--ng-if="Form.date.$valid ">Thank You</span>-->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!--<div class="col-md-4">
|
||||
<div class="form-group"
|
||||
ng-class="{'has-error':Form.periods.$dirty && Form.periods.$invalid, 'has-success':Form.periods.$valid}">
|
||||
<label>
|
||||
No. of attendance Periods <span
|
||||
class="symbol required"></span>
|
||||
</label>
|
||||
<input type="number"
|
||||
placeholder="Enter the number of periods"
|
||||
class="form-control" name="periods"
|
||||
ng-model="myModel.periods" ng-change="getattendanceranges(myModel.periods)"
|
||||
ng-required="currentStep == 1"/>
|
||||
<span class="error text-small block"
|
||||
ng-if="Form.periods.$dirty && Form.periods.$invalid">Hint : Enter the number of periods</span>
|
||||
<!–<span class="success text-small"–>
|
||||
<!–ng-if="Form.periods.$valid">Thank You!</span>–>
|
||||
|
||||
</div>
|
||||
</div>-->
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<fieldset>
|
||||
<div class="pull-right">
|
||||
<input type="button" class="btn btn-sm btn-info" title="Click to add one more Schedule" value="Add More" ng-click="getattendanceranges(myModel.timingCounts+1)"/>
|
||||
|
||||
|
||||
</div>
|
||||
</br>
|
||||
</br>
|
||||
|
||||
<div class="row" ng-controller="DatepickerDemoCtrl">
|
||||
|
||||
|
||||
<div class="col-md-6" ng-repeat="n in attendanceranges">
|
||||
<div class="row">
|
||||
<h5 class="over-title margin-bottom-15"><span
|
||||
class="text-bold">Schedule {{n+1}}</span></h5>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label>
|
||||
Start Time <span
|
||||
class="symbol required"></span>
|
||||
</label>
|
||||
<input class="ng-hide" type="text" name="periodStart{{n}}"
|
||||
value="{{myModel.periodStart[n]}}"
|
||||
id="periodStart{{n}}" required>
|
||||
<timepicker class="control-label"
|
||||
ng-model="myModel.periodStart[n]"
|
||||
ng-change="changed()"
|
||||
hour-step="hstep"
|
||||
minute-step="hstep"
|
||||
show-meridian="ismeridian"></timepicker>
|
||||
<span id="periodStart{{n}}Error"
|
||||
class="error text-small ls-error"
|
||||
style="color:red; display: none;">Enter valid time</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label>
|
||||
End Time <span
|
||||
class="symbol required"></span>
|
||||
</label>
|
||||
<input class="ng-hide" type="text" name="periodEnd{{n}}"
|
||||
value="{{myModel.periodEnd[n]}}"
|
||||
id="periodEnd{{n}}" required>
|
||||
<timepicker class="control-label"
|
||||
ng-model="myModel.periodEnd[n]"
|
||||
ng-change="changed()"
|
||||
hour-step="hstep"
|
||||
minute-step="hstep"
|
||||
show-meridian="ismeridian"></timepicker>
|
||||
<span id="periodEnd{{n}}Error"
|
||||
class="error text-small ls-error"
|
||||
style="color:red; display: none;">Enter valid time</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="pull-right">
|
||||
<button tabindex="13" type="submit" ladda="ldloading1.zoom_in" class="btn btn-wide btn-success" data-style="zoom-in">
|
||||
Submit
|
||||
</button>
|
||||
<!-- <button type="submit" class="btn btn-success btn-o" tabindex="8">
|
||||
Submit
|
||||
</button>-->
|
||||
<button type="reset" class="btn btn-warning btn-wide" tabindex="14"
|
||||
ng-click="sessionForm.reset(Form);">
|
||||
Reset
|
||||
</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</fieldset>
|
||||
</form>
|
||||
</tab>
|
||||
|
||||
|
||||
</tabset>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end: LIST GROUP -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user