304 lines
15 KiB
HTML
304 lines
15 KiB
HTML
<style>
|
|
b.fa {
|
|
display: inline-block;
|
|
border-radius: 60px;
|
|
box-shadow: 0px 0px 2px #FF6600;
|
|
padding: 0.5em 0.6em;
|
|
|
|
|
|
}
|
|
b.fa1 {
|
|
display: inline-block;
|
|
border-radius: 60px;
|
|
box-shadow: 0px 0px 2px green;
|
|
padding: 0.5em 0.6em;
|
|
|
|
|
|
}
|
|
a {
|
|
color: #007AFF;
|
|
}
|
|
|
|
</style>
|
|
<!-- start: PAGE TITLE -->
|
|
<section id="page-title">
|
|
<div class="row">
|
|
<div class="col-sm-8">
|
|
|
|
<h1 class="mainTitle" translate="Batch Schedule">{{ mainTitle }}</h1>
|
|
|
|
<span class="mainDescription">Allocate Batch schedule </span>
|
|
|
|
</div>
|
|
<!-- <div ncy-breadcrumb></div>-->
|
|
</div>
|
|
</section>
|
|
<!-- end: PAGE TITLE -->
|
|
<!-- start: LIST GROUP -->
|
|
|
|
<div class="container-fluid container-fullw bg-white" ng-controller="schCtrl" data-ng-init="init()">
|
|
|
|
<tabset class="tabbable">
|
|
<tab heading="View Schedule" id="semDetails">
|
|
<fieldset>
|
|
<div class="row" ng-if="semDetailsLoadingStatus">
|
|
<!-- <div class="col-md-12">
|
|
<center><h1>{{semDetailsLoadingTxt}}</h1></center>
|
|
</div> -->
|
|
|
|
|
|
<div class="table-responsive">
|
|
<table class="table table-hover" id="batchsch">
|
|
<thead>
|
|
<tr>
|
|
<!-- <th></th> -->
|
|
|
|
<th>University Name</th>
|
|
<th>Course Name</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
<!--<pre>{{universitycourse |json}} </pre>-->
|
|
<tbody dir-paginate="c in universitycourse | filter:search:strict | itemsPerPage:10">
|
|
<tr>
|
|
|
|
|
|
|
|
|
|
|
|
<td>{{c.UniversityName}}</td>
|
|
<td>{{c.CourseName}}</td>
|
|
<td ng-if="p.IsDefault==true" id="{{c.SubjectID}}">
|
|
<td ng-if="p.IsDefault==true" id="{{c.UniversityID}}">
|
|
<td ng-if="p.IsDefault==true" id="{{c.CourseID}}">
|
|
<td ng-if="p.IsDefault==true" id="{{c.SchId}}">
|
|
|
|
|
|
<td>
|
|
|
|
<a class="text-azure" id="editRowBtn{{c.SchId}}" ng-click="setEditId(c.UniversityID,c.CourseID,c.SchId,c.SubjectID,c);"><b class="fa fa-hover fa-pencil " aria-hidden="true"></b>
|
|
</a>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
<tr ng-show="editId === c.UniversityID && courseCode ===c.CourseID" ng-if="editId === c.UniversityID && courseCode ===c.CourseID">
|
|
<td colspan="6" ng-include src="'assets/views/hallticket/editShedule.html'"></td>
|
|
</tr>
|
|
<div class="row" ng-if="semDropDownShowLoading1">
|
|
<div class="col-md-12 form-group">
|
|
<center><h1>Loading...</h1></center>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
<dir-pagination-controls max-size="10" direction-links="true" boundary-links="true">
|
|
</dir-pagination-controls>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</fieldset>
|
|
</tab>
|
|
<tab heading="Add Schedule" id="addSem">
|
|
<div class="row">
|
|
<!-- <form name="Form" id="form" novalidate method="post"> -->
|
|
|
|
<form name="Form" id="form" novalidate ng-submit="batchschedule.submit(Form, myModelAdd,'zoom-in')" method="post">
|
|
<fieldset>
|
|
<legend>Search</legend>
|
|
<div class="row">
|
|
<div class="col-md-3 form-group">
|
|
<label>
|
|
University
|
|
</label>
|
|
<select class="form-control" name="university" tabindex="1" id="university"
|
|
ng-model="myModel.universityName"
|
|
ng-options="i.universityName for i in university" ng-change="getuniversity();">
|
|
<option value="-1"> Select University</option>
|
|
</select>
|
|
<!-- <pre>{{myModel.universityName | json}}</pre> -->
|
|
|
|
</div>
|
|
<div class="col-md-3 form-group">
|
|
<label>
|
|
Course
|
|
</label>
|
|
<!-- <select class="form-control" name="course" tabindex="4" id="course" -->
|
|
<!-- ng-model="myModel.courseName" -->
|
|
<!-- ng-options="courseDetails.CourseID as courseDetails.CourseName for courseDetails in myModel.universityName.courseDetails" ng-change="getStudentDetails(Form,myModel);getSubjectDetails(myModel.universityName,myModel.courseName);"> -->
|
|
<!-- <option value=""> Select Course</option> -->
|
|
<!-- </select> -->
|
|
|
|
<ui-select multiple ng-model="selectedCourseNameC.list" tabindex="2" >
|
|
|
|
<ui-select-match placeholder="Select Courses" >
|
|
{{$item.CourseName}}
|
|
</ui-select-match>
|
|
<ui-select-choices
|
|
repeat="x.CourseID as x in selectedUniversityCourseName | filter:$select.search">
|
|
{{x.CourseName}}
|
|
</ui-select-choices>
|
|
</ui-select>
|
|
<!-- <pre>{{selectedCourseNameC.list | json}}</pre> -->
|
|
|
|
</div>
|
|
|
|
<div class="col-md-2 form-group">
|
|
<br>
|
|
<button type="button" ladda="ldloading1.zoom_in" tabindex="3" class="btn btn-wide btn-success" data-style="zoom-in" ng-click="getSemSubDetails(myModel.universityName.universityID,selectedCourseNameC);">MANUAL SCHDULE</button>
|
|
|
|
</div>
|
|
<div class="col-md-1 form group">
|
|
<br>
|
|
<br>
|
|
<lable style="color:green ;font-size:14px"> (OR) </lable>
|
|
</div>
|
|
<div class="col-md-3 form-group">
|
|
<fieldset>
|
|
<js-xls onread="readUploadBatchDetails" onerror="error"></js-xls>
|
|
<br>
|
|
<!-- <a href="C:\xampp\htdocs\apollodec\Apollo\images\Batchschedule.xlsx">Sample Format</a>-->
|
|
<a href="images/Sampleformat/Batchschedule.xlsx">Sample Format</a>
|
|
<button type="button" class="btn btn-success btn-o" style="float: right" ng-click="UploadFileData(extractFileDetails,myModel,selectedCourseNameC)"> Submit</button>
|
|
|
|
</fieldset>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="row" ng-if="semDropDownShowLoading">
|
|
<div class="col-md-12 form-group">
|
|
<center><h1>Loading...</h1></center>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="row" ng-if="semDropDownShow">
|
|
<div class="panel panel-white" id="sub">
|
|
<div class="panel-heading border-light">
|
|
<!--<h4 class="panel-title text-pink">Schedule Details</h4>
|
|
<paneltool class="panel-tools" tool-collapse="tool-collapse" tool-refresh="load1" tool-dismiss="tool-dismiss"></paneltool>-->
|
|
<div class="col-md-3">
|
|
<h4 class="panel-title text-green">Subject</h4>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<h4 class="panel-title text-green">Date</h4>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<h4 class="panel-title text-green">Start Time</h4>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<h4 class="panel-title text-green">End Time</h4>
|
|
</div>
|
|
</div>
|
|
|
|
<div collapse="panel2" ng-init="panel2=false" class="panel-wrapper">
|
|
<div class="panel-body panel-scroll height-250" perfect-scrollbar wheel-propagation="false" suppress-scroll-x="true">
|
|
|
|
<div class="row" ng-repeat="p in subjects">
|
|
|
|
<div class="col-md-3 form-group">
|
|
<label class="text-blue"> <b><!--Subject {{$index+1}}--></b>
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Subject"
|
|
class="form-control" name="scheduleSubject{{$index}}" id="scheduleSubject{{$index}}" tabindex="4"
|
|
ng-model="p.Subject.SubjectName" ng-pattern="/^[a-zA-Z0-9-./\s]*$/" readonly/>
|
|
</div>
|
|
|
|
|
|
<div data-ng-controller="DatepickerDemoCtrl">
|
|
<div class="col-md-3 form-group">
|
|
<label class="text-blue"> <!--<b>Date</b>-->
|
|
</label>
|
|
<input type="text" tabindex="4" class="form-control " ng-click="startOpen = !startOpen" datepicker-popup="dd-MM-yyyy" ng-model="p.ScheduleDate"
|
|
is-open="startOpen" ng-init="startOpen = false" name="scheduleDate{{$index+1}}" id="scheduleDate{{$index+1}}" datepicker-options="dateOptions"
|
|
placeholder="Select Date" close-text="Close"
|
|
show-button-bar="true"/>
|
|
</div>
|
|
<div class="col-md-3" style="margin-top: 17px;">
|
|
<div class="form-group">
|
|
<!-- <label class="text-blue"> <b>Start Time</b>
|
|
</label>-->
|
|
<!-- <timepicker class="control-label" -->
|
|
<!-- ng-model="p.ScheduleStartTime" -->
|
|
<!-- hour-step="hstep" -->
|
|
<!-- minute-step="hstep" -->
|
|
<!-- show-meridian="ismeridian"></timepicker> -->
|
|
<input type="text" placeholder="09:00AM"
|
|
class="form-control" name="scheduleFromTime{{$index}}" id="scheduleFromTime{{$index}}" tabindex="4"
|
|
ng-model="p.ScheduleStartTime" ng-pattern="" size="10" ng-blur="validateTime(p.ScheduleStartTime,$event);">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3" style="margin-top: 17px;">
|
|
<div class="form-group">
|
|
<!-- <label class="text-blue"> <b>End Time</b>
|
|
</label>-->
|
|
<!--<timepicker class="control-label"
|
|
ng-model="p.ScheduleEndTime"
|
|
hour-step="hstep"
|
|
minute-step="hstep"
|
|
show-meridian="ismeridian"></timepicker>-->
|
|
|
|
<!-- <timepicker class="control-label" -->
|
|
<!-- ng-model="p.ScheduleEndTime" -->
|
|
<!-- ng-change="changed()" -->
|
|
<!-- hour-step="hstep" -->
|
|
<!-- minute-step="hstep" -->
|
|
<!-- show-meridian="ismeridian"></timepicker> -->
|
|
|
|
<input type="text" placeholder="10:00PM"
|
|
class="form-control" name="scheduleEndTime{{$index}}" id="scheduleEndTime{{$index}}" tabindex="4"
|
|
ng-model="p.ScheduleEndTime" ng-pattern="" size="10" ng-blur="validateTime(p.ScheduleEndTime,$event);">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12 form-group" ng-if="semDropDownShow">
|
|
<div class="pull-right">
|
|
<br>
|
|
<button type="button" ladda="ldloading1.zoom_in" tabindex="" class="btn btn-wide btn-success" data-style="zoom-in" ng-disabled="saveButtonDisabled" ng-click="saveAll(myModel,selectedCourseNameC,subjects);">{{saveButtonTxt}}</button>
|
|
<input type="button" class="btn btn-warning btn-wide" tabindex="3" value="Cancel"
|
|
ng-click="remove();">
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
</tab>
|
|
|
|
</tabset>
|
|
</div>
|
|
<div class="table-responsive">
|
|
|
|
|
|
|
|
<!-- end: LIST GROUP -->
|
|
|
|
|
|
|
|
|
|
|