181 lines
9.9 KiB
HTML
181 lines
9.9 KiB
HTML
<form name="Form" id="form" novalidate>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="col-md-12">
|
|
<fieldset>
|
|
<legend>
|
|
Update Session Details
|
|
</legend>
|
|
|
|
|
|
<div class="row">
|
|
|
|
<style>
|
|
b.fa {
|
|
display: inline-block;
|
|
border-radius: 60px;
|
|
box-shadow: 0px 0px 2px #007AFF;
|
|
padding: 0.5em 0.6em;
|
|
|
|
|
|
}
|
|
</style>
|
|
|
|
<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="p.SessionID"
|
|
ng-options="details.SessionID as details.SessionName for details in sessionMasterList"
|
|
required disabled>
|
|
<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="p.SCDate"
|
|
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">
|
|
<label>
|
|
Active/De-Active
|
|
</label>
|
|
<div ng-if="p.IsActive==true">
|
|
|
|
<switch ng-model="p.IsActive" ng-init="p.IsActive = true" class="green"></switch>
|
|
|
|
</div>
|
|
<div ng-if="p.IsActive==false">
|
|
<switch ng-model="p.IsActive" ng-init="p.IsActive = false" class="green"></switch>
|
|
|
|
</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="getattendancerangesEdit(editmyModel.edittimingCounts+1)"/>
|
|
|
|
|
|
</div>
|
|
</br>
|
|
</br>
|
|
|
|
<div class="row" ng-controller="DatepickerDemoCtrl">
|
|
|
|
<div class="col-md-6" ng-repeat="n in editattendanceranges">
|
|
<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="periodStartEdit{{n}}"
|
|
value="{{editmyModel.periodStartEdit[n]}}"
|
|
id="periodStartEdit{{n}}" required>
|
|
<timepicker class="control-label"
|
|
ng-model="editmyModel.periodStartEdit[n]"
|
|
ng-change="changed()"
|
|
hour-step="hstep"
|
|
minute-step="hstep"
|
|
show-meridian="ismeridian"></timepicker>
|
|
<span id="periodStartEdit{{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="periodEndEdit{{n}}"
|
|
value="{{editmyModel.periodEndEdit[n]}}"
|
|
id="periodEndEdit{{n}}" required>
|
|
<timepicker class="control-label"
|
|
ng-model="editmyModel.periodEndEdit[n]"
|
|
ng-change="changed()"
|
|
hour-step="hstep"
|
|
minute-step="hstep"
|
|
show-meridian="ismeridian"></timepicker>
|
|
<span id="periodEndEdit{{n}}Error"
|
|
class="error text-small ls-error"
|
|
style="color:red; display: none;">Enter valid time</span>
|
|
</div>
|
|
|
|
</div>
|
|
<input class="ng-hide" type="text" name="scheduleID{{n}}"
|
|
value="{{editmyModel.scheduleID[n]}}"
|
|
id="scheduleID{{n}}" required>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</fieldset>
|
|
</form>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="pull-right">
|
|
<button type="submit" ladda="ldloading3.zoom_in" tabindex="5" class="btn btn-wide btn-success" data-style="zoom-in" ng-click="updateSession(p,editmyModel,Form,'zoom-in')">
|
|
Save
|
|
</button>
|
|
|
|
<input type="button" class="btn btn-warning btn-wide" tabindex="6" value="Cancel" ng-click="cancel();">
|
|
|
|
</input>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<!-- class="editRowTd" --> |