apollodec/Apollo/assets/views/hallticket/semcoursemap.html
2018-09-08 10:28:24 +05:30

721 lines
30 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 Subject Mapping">{{ mainTitle }}</h1>
<span class="mainDescription">Allocate Courses to Corresponding Subjects </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>
<div class="col-md-12 form-group">
<div class="col-md-3 form-group" ng-if="semDropDownShow">
<a ng-click="addsubject();">Add New Subject</a>
</div>
<div class="col-md-12 form-group" ng-if="Issub==1">
<form name="Form" id="form" novalidate ng-submit="subjectFORM.submit(Form, myModel, 'zoom-in')" method="post">
<div class="row">
<div class="col-md-12">
<fieldset>
<legend>Subject</legend>
<div class="row">
<div class="col-md-4 form-group" ng-if="courseMode == 0">
<label>
Semester
<span
class="symbol required"></span>
</label>
<select class="form-control" tabindex="3" class="cs-select cs-skin-elastic" name="Sem" ng-model="myModel.Sem">
<option value="" selected>Select Semester</option>
<option value="SEM1">SEM1</option>
<option value="SEM2">SEM2</option>
<option value="SEM3">SEM3</option>
<option value="SEM4">SEM4</option>
<option value="SEM5">SEM5</option>
<option value="SEM6">SEM6</option>
<option value="SEM7">SEM7</option>
<option value="SEM8">SEM8</option>
</select>
</div>
<div class="col-md-4 form-group" ng-if="courseMode == 1">
<label>
Year
<span
class="symbol required"></span>
</label>
<select class="form-control" tabindex="3" class="cs-select cs-skin-elastic" name="Year" ng-model="myModel.Year" >
<option value="" selected>Select Year</option>
<option value="YEAR1">YEAR1</option>
<option value="YEAR2">YEAR2</option>
<option value="YEAR3">YEAR3</option>
<option value="YEAR4">YEAR4</option>
</select>
</div>
<div class="col-md-4 form-group"
ng-class="{'has-error':Form.SubjectCode.$dirty && Form.SubjectCode.$invalid,'has-success':Form.SubjectCode.$valid}">
<label>
Subject Code
<span
class="symbol required"></span>
</label>
<input type="text" placeholder="Enter Subject Code"
autofocus tabindex="1" disallow-spaces="" class="form-control" name="SubjectCode"
ng-model="myModel.SubjectCode" ng-pattern="" required />
<span class="error text-small block"
ng-if="Form.SubjectCode.$dirty && Form.SubjectCode.$error.required">Subject code is required</span>
<span class="error text-small block"
ng-if="Form.SubjectCode.$dirty && Form.SubjectCode.$error.pattern">Enter a valid subject code</span>
</div>
<div class="col-md-4 form-group"
ng-class="{'has-error':Form.SubjectName.$dirty && Form.SubjectName.$invalid,'has-success':Form.SubjectName.$valid}">
<label>
Subject Name
<span
class="symbol required"></span>
</label>
<input type="text" placeholder="Enter SubjectName"
tabindex="2" class="form-control" name="SubjectName"
ng-model="myModel.SubjectName" ng-pattern="" required />
<span class="error text-small block"
ng-if="Form.SubjectName.$dirty && Form.SubjectName.$error.required"> Subject name is required</span>
<span class="error text-small block"
ng-if="Form.SubjectName.$dirty && Form.SubjectName.$error.pattern">Invalid subject name </span>
</div>
<div class="col-md-4">
<label>
Active/De-Active
</label>
<div ng-switch="myModel.switchsetting">
<div ng-switch-when="true">
<switch ng-model="myModel.switchsetting" ng-init="myModel.switchsetting = true" class="green"></switch>
</div>
<div ng-switch-when="false">
<switch ng-model="myModel.switchsetting" ng-init="myModel.switchsetting = false" class="green"></switch>
</div>
<div ng-switch-default>
<switch ng-model="myModel.switchsetting" ng-init="myModel.switchsetting = true" class="green"></switch>
</div>
</div>
</div>
</div>
</br>
<div class="row">
<div class="col-md-11">
<div class="pull-right">
<button ng-disabled="disableButton" tabindex="3" class="btn btn-wide btn-success" ng-click="AddnewSubject(Form, myModel);"
data-style="zoom-in"> Submit </button>
<button type="reset" class="btn btn-warning btn-wide" tabindex="4" ng-click="subjectFORM.reset(Form);">
Reset
</button>
</div>
</div>
</div>
</fieldset>
</div>
</div>
</form>
</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 -->