562 lines
25 KiB
HTML
Executable File
562 lines
25 KiB
HTML
Executable File
<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="Course Semester Mapping">{{ mainTitle }}</h1>
|
|
|
|
<span class="mainDescription">Allocate Courses to Corresponding Semesters </span>
|
|
|
|
</div>
|
|
<div ncy-breadcrumb></div>
|
|
</div>
|
|
</section>
|
|
<!-- end: PAGE TITLE -->
|
|
<!-- start: LIST GROUP -->
|
|
|
|
<div class="container-fluid container-fullw bg-white" ng-controller="semcoursemapCtrl" data-ng-init="init()">
|
|
|
|
<tabset class="tabbable">
|
|
<tab heading="View Semesters" id="semDetails">
|
|
<fieldset>
|
|
<div class="row" ng-if="semDetailsLoadingStatus">
|
|
<div class="col-md-12">
|
|
<center><h1>{{semDetailsLoadingTxt}}</h1></center>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-12" ng-if="!semDetailsLoadingStatus">
|
|
<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">
|
|
<table class="table table-hover">
|
|
<thead>
|
|
<tr>
|
|
<th ng-click="sort('UniversityID')">University ID
|
|
<span class="glyphicon sort-icon" ng-show="sortKey=='UniversityID'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
|
|
</th>
|
|
|
|
<th ng-click="sort('UniversityName')">University Name
|
|
<span class="glyphicon sort-icon" ng-show="sortKey=='UniversityName'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
|
|
</th>
|
|
<th ng-click="sort('CourseName')">Course Name
|
|
<span class="glyphicon sort-icon" ng-show="sortKey=='CourseName'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
|
|
</th>
|
|
<!-- <th>Status</th> -->
|
|
<th style="text-align: center;"> Action
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody dir-paginate="p in existSemesterSubjectMapDetails|orderBy:sortKey:reverse|filter:search:strict|itemsPerPage:10">
|
|
<tr>
|
|
<td>{{p.UniversityID}}</td>
|
|
<td>{{p.UniversityName}}</td>
|
|
<td>{{p.CourseName}}({{p.CourseCode}})</td>
|
|
<td style="text-align: center;">
|
|
<input type=button class="btn btn-info btn-xs" ladda="ldloading1.zoom_in" id="editRowBtn{{p.UniversityID}}" value="Edit"
|
|
ng-click="setEditId(p.UniversityID,p.CourseID,p.ProgramType,p.FeesType,p.Sem_Year);">
|
|
</td>
|
|
</tr>
|
|
<tr ng-show="editUniversityId === p.UniversityID && editCourseId === p.CourseID" ng-if="editUniversityId === p.UniversityID && editCourseId === p.CourseID">
|
|
|
|
<td colspan="6">
|
|
<div class="col-md-12">
|
|
<fieldset>
|
|
<legend>
|
|
Semester Details
|
|
</legend>
|
|
|
|
<div class="row" ng-if="viewPageSemDropDownShowLoading">
|
|
<div class="col-md-12 form-group">
|
|
<center><h1>{{viewPageSemDropDownShowLoadingTxt}}</h1></center>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="row" ng-if="viewPageSemDropDownShow">
|
|
|
|
<!-- <label><b>Year 1-Subjetcs</b></label> -->
|
|
<div class="col-md-12">
|
|
|
|
<div class="col-md-6 form-group">
|
|
<label>
|
|
<b>{{viewLabel1}}</b>
|
|
</label>
|
|
<ui-select multiple ng-model="selectedSubjetcsSem1ViewPage.list" tabindex="4" id="sem1" ng-change="modifySelectedSubjetcs(selectedSubjetcsSem1ViewPage.list);" on-remove="itemRemove($item);">
|
|
|
|
<ui-select-match placeholder="Select Subjetcs" >
|
|
{{$item.SubjectCode}}-{{$item.SubjectName}}
|
|
</ui-select-match>
|
|
<ui-select-choices
|
|
repeat="x in overAllSubjects | filter:$select.search">
|
|
{{x.SubjectCode}}-{{x.SubjectName}}
|
|
</ui-select-choices>
|
|
</ui-select>
|
|
|
|
|
|
</div>
|
|
|
|
<div class="col-md-6 form-group" ng-if="viewPageCourseMode == 0">
|
|
<label>
|
|
<b>Semester 2</b>
|
|
</label>
|
|
<ui-select multiple ng-model="selectedSubjetcsSem2ViewPage.list" tabindex="5" ng-change="modifySelectedSubjetcs(selectedSubjetcsSem2ViewPage.list);" on-remove="itemRemove($item);">
|
|
|
|
<ui-select-match placeholder="Select Subjetcs" >
|
|
{{$item.SubjectCode}}-{{$item.SubjectName}}
|
|
</ui-select-match>
|
|
<ui-select-choices
|
|
repeat="x in overAllSubjects | filter:$select.search">
|
|
{{x.SubjectCode}}-{{x.SubjectName}}
|
|
</ui-select-choices>
|
|
</ui-select>
|
|
<!-- <pre>{{selectedSubjetcsSem2C.list | json}}</pre> -->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
<div class="row" ng-if="viewPageSemDropDownShow">
|
|
<!-- <label><b>Year 2-Subjetcs</b></label> -->
|
|
<div class="col-md-12 ">
|
|
|
|
<div class="col-md-6 form-group">
|
|
<label>
|
|
<b>{{viewLabel2}}</b>
|
|
</label>
|
|
<ui-select multiple ng-model="selectedSubjetcsSem3ViewPage.list" tabindex="6" ng-change="modifySelectedSubjetcs(selectedSubjetcsSem3ViewPage.list);" on-remove="itemRemove($item);">
|
|
|
|
<ui-select-match placeholder="Select Subjetcs" >
|
|
{{$item.SubjectCode}}-{{$item.SubjectName}}
|
|
</ui-select-match>
|
|
<ui-select-choices
|
|
repeat="x in overAllSubjects | filter:$select.search">
|
|
{{x.SubjectCode}}-{{x.SubjectName}}
|
|
</ui-select-choices>
|
|
</ui-select>
|
|
<!-- <pre>{{selectedSubjetcsSem3C.list | json}}</pre> -->
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="col-md-6 form-group" ng-if="viewPageCourseMode == 0">
|
|
<label>
|
|
<b>Semester 4</b>
|
|
</label>
|
|
<ui-select multiple ng-model="selectedSubjetcsSem4ViewPage.list" tabindex="7" ng-change="modifySelectedSubjetcs(selectedSubjetcsSem4ViewPage.list);" on-remove="itemRemove($item);">
|
|
|
|
<ui-select-match placeholder="Select Subjetcs" >
|
|
{{$item.SubjectCode}}-{{$item.SubjectName}}
|
|
</ui-select-match>
|
|
<ui-select-choices
|
|
repeat="x in overAllSubjects | filter:$select.search">
|
|
{{x.SubjectCode}}-{{x.SubjectName}}
|
|
</ui-select-choices>
|
|
</ui-select>
|
|
<!-- <pre>{{selectedSubjetcsSem4C.list | json}}</pre> -->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
<div class="row" ng-if="viewPageSemDropDownShow">
|
|
<!-- <label><b>Year 3-Subjetcs</b></label> -->
|
|
<div class="col-md-12 ">
|
|
|
|
<div class="col-md-6 form-group">
|
|
<label>
|
|
<b>{{viewLabel3}}</b>
|
|
</label>
|
|
<ui-select multiple ng-model="selectedSubjetcsSem5ViewPage.list" tabindex="8" ng-change="modifySelectedSubjetcs(selectedSubjetcsSem5ViewPage.list);" on-remove="itemRemove($item);">
|
|
|
|
<ui-select-match placeholder="Select Subjetcs" >
|
|
{{$item.SubjectCode}}-{{$item.SubjectName}}
|
|
</ui-select-match>
|
|
<ui-select-choices
|
|
repeat="x in overAllSubjects | filter:$select.search">
|
|
{{x.SubjectCode}}-{{x.SubjectName}}
|
|
</ui-select-choices>
|
|
</ui-select>
|
|
<!-- <pre>{{selectedSubjetcsSem5C.list | json}}</pre> -->
|
|
|
|
</div>
|
|
|
|
<div class="col-md-6 form-group" ng-if="viewPageCourseMode == 0">
|
|
<label>
|
|
<b>Semester 6</b>
|
|
</label>
|
|
<ui-select multiple ng-model="selectedSubjetcsSem6ViewPage.list" tabindex="9" ng-change="modifySelectedSubjetcs(selectedSubjetcsSem6ViewPage.list);" on-remove="itemRemove($item);">
|
|
|
|
<ui-select-match placeholder="Select Subjetcs" >
|
|
{{$item.SubjectCode}}-{{$item.SubjectName}}
|
|
</ui-select-match>
|
|
<ui-select-choices
|
|
repeat="x in overAllSubjects | filter:$select.search">
|
|
{{x.SubjectCode}}-{{x.SubjectName}}
|
|
</ui-select-choices>
|
|
</ui-select>
|
|
<!-- <pre>{{selectedSubjetcsSem6C.list | json}}</pre> -->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
<div class="row" ng-if="viewPageSemDropDownShow">
|
|
<!-- <label><b>Year 4-Subjetcs</b></label> -->
|
|
<div class="col-md-12 ">
|
|
|
|
<div class="col-md-6 form-group">
|
|
<label>
|
|
<b>{{viewLabel4}}</b>
|
|
</label>
|
|
<ui-select multiple ng-model="selectedSubjetcsSem7ViewPage.list" tabindex="10" ng-change="modifySelectedSubjetcs(selectedSubjetcsSem7ViewPage.list);" on-remove="itemRemove($item);">
|
|
|
|
<ui-select-match placeholder="Select Subjetcs" >
|
|
{{$item.SubjectCode}}-{{$item.SubjectName}}
|
|
</ui-select-match>
|
|
<ui-select-choices
|
|
repeat="x in overAllSubjects | filter:$select.search">
|
|
{{x.SubjectCode}}-{{x.SubjectName}}
|
|
</ui-select-choices>
|
|
</ui-select>
|
|
<!-- <pre>{{viewPage.SubjectDetails[7] | json}}</pre> -->
|
|
|
|
</div>
|
|
|
|
<div class="col-md-6 form-group" ng-if="viewPageCourseMode == 0">
|
|
<label>
|
|
<b>Semester 8</b>
|
|
</label>
|
|
<ui-select multiple ng-model="selectedSubjetcsSem8ViewPage.list" tabindex="11" ng-change="modifySelectedSubjetcs(selectedSubjetcsSem8ViewPage.list);" on-remove="itemRemove($item);">
|
|
|
|
<ui-select-match placeholder="Select Subjetcs" >
|
|
{{$item.SubjectCode}}-{{$item.SubjectName}}
|
|
</ui-select-match>
|
|
<ui-select-choices
|
|
repeat="x in overAllSubjects | filter:$select.search">
|
|
{{x.SubjectCode}}-{{x.SubjectName}}
|
|
</ui-select-choices>
|
|
</ui-select>
|
|
<!-- <pre>{{selectedSubjetcsSem8C.list | json}}</pre> -->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12 form-group" ng-if="viewPageSemDropDownShow">
|
|
<div class="pull-right">
|
|
<br>
|
|
<button type="button" ladda="ldloading1.zoom_in" tabindex="3" class="btn btn-wide btn-primary btn-sm" data-style="zoom-in" ng-disabled="updateButtonDisabled" ng-click="updateAll(p.UniversityID,p.CourseID);">{{updateButtonTxt}}</button>
|
|
|
|
<button type="button" ladda="ldloading1.zoom_in" tabindex="3" class="btn btn-wide btn-warning btn-sm" data-style="zoom-in" ng-click="cancel();">CANCEL</button>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</fieldset><!-- internal fieldset end -->
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
|
|
</table>
|
|
<dir-pagination-controls max-size="10" direction-links="true" boundary-links="true">
|
|
</dir-pagination-controls>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</fieldset>
|
|
</tab>
|
|
<tab heading="Add Semesters" id="addSem">
|
|
<div class="row">
|
|
<form name="Form" id="form" novalidate 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="testFun();">
|
|
<option value="-1"> Select University</option>
|
|
</select>
|
|
<!-- <pre>{{myModel.universityName | json}}</pre> -->
|
|
|
|
</div>
|
|
<div class="col-md-5 form-group">
|
|
<label>
|
|
Course
|
|
</label>
|
|
|
|
|
|
<ui-select multiple ng-model="selectedCourseNameC.list" tabindex="2" on-select = "checkCourseMode($item);">
|
|
|
|
<ui-select-match placeholder="Select Courses" >
|
|
{{$item.CourseName}}
|
|
</ui-select-match>
|
|
<ui-select-choices
|
|
repeat="x as x in selectedUniversityCourseName | filter:$select.search">
|
|
{{x.CourseName}}
|
|
</ui-select-choices>
|
|
</ui-select>
|
|
<!-- <pre>{{selectedCourseNameC.list | json}}</pre> -->
|
|
|
|
</div>
|
|
<div class="col-md-3 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);">GET SUBJECTS</button>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<hr>
|
|
<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">
|
|
<!-- <label><b>Year 1-Subjetcs</b></label> -->
|
|
<div class="col-md-12">
|
|
|
|
<div class="col-md-6">
|
|
<label>
|
|
{{label1}}
|
|
</label>
|
|
<ui-select multiple ng-model="selectedSubjetcsSem1C.list" tabindex="4" id="sem1" ng-change="removeSelectedSubjetcs(selectedSubjetcsSem1C.list);">
|
|
|
|
<ui-select-match placeholder="Select Subjetcs" >
|
|
{{$item.SubjectCode}}-{{$item.SubjectName}}
|
|
</ui-select-match>
|
|
<ui-select-choices
|
|
repeat="x in subjects | filter:$select.search">
|
|
{{x.SubjectCode}}-{{x.SubjectName}}
|
|
</ui-select-choices>
|
|
</ui-select>
|
|
<!-- <pre>{{selectedSubjetcsSem1C.list | json}}</pre> -->
|
|
|
|
</div>
|
|
|
|
<div class="col-md-6 form-group" ng-if="courseMode == 0">
|
|
<label>
|
|
Semester 2
|
|
</label>
|
|
<ui-select multiple ng-model="selectedSubjetcsSem2C.list" tabindex="5" ng-change="removeSelectedSubjetcs(selectedSubjetcsSem2C.list);">
|
|
|
|
<ui-select-match placeholder="Select Subjetcs" >
|
|
{{$item.SubjectCode}}-{{$item.SubjectName}}
|
|
</ui-select-match>
|
|
<ui-select-choices
|
|
repeat="x in subjects | filter:$select.search">
|
|
{{x.SubjectCode}}-{{x.SubjectName}}
|
|
</ui-select-choices>
|
|
</ui-select>
|
|
<!-- <pre>{{selectedSubjetcsSem2C.list | json}}</pre> -->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" ng-if="semDropDownShow">
|
|
<hr>
|
|
<!-- <label><b>Year 2-Subjetcs</b></label> -->
|
|
<div class="col-md-12">
|
|
|
|
<div class="col-md-6 form-group">
|
|
<label>
|
|
{{label2}}
|
|
</label>
|
|
<ui-select multiple ng-model="selectedSubjetcsSem3C.list" tabindex="6" ng-change="removeSelectedSubjetcs(selectedSubjetcsSem3C.list);">
|
|
|
|
<ui-select-match placeholder="Select Subjetcs" >
|
|
{{$item.SubjectCode}}-{{$item.SubjectName}}
|
|
</ui-select-match>
|
|
<ui-select-choices
|
|
repeat="x in subjects | filter:$select.search">
|
|
{{x.SubjectCode}}-{{x.SubjectName}}
|
|
</ui-select-choices>
|
|
</ui-select>
|
|
<!-- <pre>{{selectedSubjetcsSem3C.list | json}}</pre> -->
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="col-md-6 form-group" ng-if="courseMode == 0">
|
|
<label>
|
|
Semester 4
|
|
</label>
|
|
<ui-select multiple ng-model="selectedSubjetcsSem4C.list" tabindex="7" ng-change="removeSelectedSubjetcs(selectedSubjetcsSem4C.list);">
|
|
|
|
<ui-select-match placeholder="Select Subjetcs" >
|
|
{{$item.SubjectCode}}-{{$item.SubjectName}}
|
|
</ui-select-match>
|
|
<ui-select-choices
|
|
repeat="x in subjects | filter:$select.search">
|
|
{{x.SubjectCode}}-{{x.SubjectName}}
|
|
</ui-select-choices>
|
|
</ui-select>
|
|
<!-- <pre>{{selectedSubjetcsSem4C.list | json}}</pre> -->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" ng-if="semDropDownShow">
|
|
<hr>
|
|
<!-- <label><b>Year 3-Subjetcs</b></label> -->
|
|
<div class="col-md-12">
|
|
|
|
<div class="col-md-6 form-group">
|
|
<label>
|
|
{{label3}}
|
|
</label>
|
|
<ui-select multiple ng-model="selectedSubjetcsSem5C.list" tabindex="8" ng-change="removeSelectedSubjetcs(selectedSubjetcsSem5C.list);">
|
|
|
|
<ui-select-match placeholder="Select Subjetcs" >
|
|
{{$item.SubjectCode}}-{{$item.SubjectName}}
|
|
</ui-select-match>
|
|
<ui-select-choices
|
|
repeat="x in subjects | filter:$select.search">
|
|
{{x.SubjectCode}}-{{x.SubjectName}}
|
|
</ui-select-choices>
|
|
</ui-select>
|
|
<!-- <pre>{{selectedSubjetcsSem5C.list | json}}</pre> -->
|
|
|
|
</div>
|
|
|
|
<div class="col-md-6 form-group" ng-if="courseMode == 0">
|
|
<label>
|
|
Semester 6
|
|
</label>
|
|
<ui-select multiple ng-model="selectedSubjetcsSem6C.list" tabindex="9" ng-change="removeSelectedSubjetcs(selectedSubjetcsSem6C.list);">
|
|
|
|
<ui-select-match placeholder="Select Subjetcs" >
|
|
{{$item.SubjectCode}}-{{$item.SubjectName}}
|
|
</ui-select-match>
|
|
<ui-select-choices
|
|
repeat="x in subjects | filter:$select.search">
|
|
{{x.SubjectCode}}-{{x.SubjectName}}
|
|
</ui-select-choices>
|
|
</ui-select>
|
|
<!-- <pre>{{selectedSubjetcsSem6C.list | json}}</pre> -->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" ng-if="semDropDownShow">
|
|
<hr>
|
|
<!-- <label><b>Year 4-Subjetcs</b></label> -->
|
|
<div class="col-md-12">
|
|
|
|
<div class="col-md-6 form-group">
|
|
<label>
|
|
{{label4}}
|
|
</label>
|
|
<ui-select multiple ng-model="selectedSubjetcsSem7C.list" tabindex="10" ng-change="removeSelectedSubjetcs(selectedSubjetcsSem7C.list);">
|
|
|
|
<ui-select-match placeholder="Select Subjetcs" >
|
|
{{$item.SubjectCode}}-{{$item.SubjectName}}
|
|
</ui-select-match>
|
|
<ui-select-choices
|
|
repeat="x in subjects | filter:$select.search">
|
|
{{x.SubjectCode}}-{{x.SubjectName}}
|
|
</ui-select-choices>
|
|
</ui-select>
|
|
<!-- <pre>{{selectedSubjetcsSem7C.list | json}}</pre> -->
|
|
|
|
</div>
|
|
|
|
<div class="col-md-6 form-group" ng-if="courseMode == 0">
|
|
<label>
|
|
Semester 8
|
|
</label>
|
|
<ui-select multiple ng-model="selectedSubjetcsSem8C.list" tabindex="11" ng-change="removeSelectedSubjetcs(selectedSubjetcsSem8C.list);">
|
|
|
|
<ui-select-match placeholder="Select Subjetcs" >
|
|
{{$item.SubjectCode}}-{{$item.SubjectName}}
|
|
</ui-select-match>
|
|
<ui-select-choices
|
|
repeat="x in subjects | filter:$select.search">
|
|
{{x.SubjectCode}}-{{x.SubjectName}}
|
|
</ui-select-choices>
|
|
</ui-select>
|
|
<!-- <pre>{{selectedSubjetcsSem8C.list | json}}</pre> -->
|
|
|
|
</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="3" class="btn btn-wide btn-primary" data-style="zoom-in" ng-disabled="saveButtonDisabled" ng-click="saveAll();">{{saveButtonTxt}}</button>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
</tab>
|
|
|
|
</tabset>
|
|
</div>
|
|
|
|
<!-- end: LIST GROUP -->
|
|
|
|
|
|
|
|
|
|
|