387 lines
19 KiB
HTML
387 lines
19 KiB
HTML
<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="Add/View Subject Details"></h1>
|
|
<!--
|
|
<span class="mainDescription">Over a dozen reusable components built to provide popovers, media objects, navigation, tooltips and much more. </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="subjectCtrl" data-ng-init="init()">
|
|
<tabset class="tabbable">
|
|
<tab heading="View Subject">
|
|
<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('UniversityName')">UniversityName
|
|
<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(Course)">Course Name
|
|
<span class="glyphicon sort-icon" ng-show="sortKey=='Course'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
|
|
</th>
|
|
<th ng-click="sort('Batch')">Batch
|
|
<span class="glyphicon sort-icon" ng-show="sortKey=='Batch'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
|
|
</th>
|
|
<th>Status</th>
|
|
<th></th>
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody dir-paginate="p in data|orderBy:sortKey:reverse|filter:search:strict|itemsPerPage:10">
|
|
<tr>
|
|
<!-- <pre>{{data| json}}</pre> -->
|
|
<td>{{p.UniversityName}}</td>
|
|
<td>{{p.CourseName}}</td>
|
|
<td>{{p.BatchName}}</td>
|
|
<!-- <td>{{p.SubjectName}}</td> -->
|
|
<td><span ng-if="p.IsActive == 1"> Active </span><span ng-if="p.IsActive == 0">De-Active</span></td>
|
|
<td>
|
|
<a class="text-azure" id="editRowBtn{{p.ID}}" ng-click="setEditId(p.ID,p);"><b class="fa fa-hover fa-pencil " aria-hidden="true"></b>
|
|
</a>
|
|
|
|
</td>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</tr>
|
|
<tr ng-show="editId === p.ID" ng-if="editId === p.ID">
|
|
<td colspan="12" ng-include
|
|
src="'assets/views/editSubjectDetails.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>
|
|
$('#addbatch').click(function () {
|
|
$('#batch').focus();
|
|
});
|
|
</script>
|
|
|
|
<tab heading="Add Subject" id="addbatch">
|
|
<form name="Form" id="form" novalidate ng-submit="subjectFORM.submit(Form, myModel,myModelSemYear, 'zoom-in',addMoreItems)" 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-class="{'has-error':Form.university.$dirty && Form.university.$invalid, 'has-success':Form.university.$valid}">
|
|
<label for="form-field-select-2">
|
|
University <span class="symbol required"></span>
|
|
</label>
|
|
|
|
<select class="form-control" tabindex="25" class="cs-select cs-skin-elastic" name="university" ng-model="myModel.university"
|
|
ng-change="onSlecetUnivAdd()" required>
|
|
<option value="" disabled selected>Select University</option>
|
|
<option ng-repeat="item in universityData" value="{{item.UniversityID}}">{{item.UniversityName}}</option>
|
|
</select>
|
|
<span class="error text-small block" ng-if="Form.university.$dirty && Form.university.$error.required">University is Required</span>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.course.$dirty && Form.course.$invalid, 'has-success':Form.course.$valid}">
|
|
|
|
<label>
|
|
Course <span class="symbol required"></span>
|
|
</label>
|
|
<div ng-if="courseLoading == true">
|
|
<span style="padding: auto 0; color: #007AFF; font-weight: bold;">fetching...</span>
|
|
</div>
|
|
<div ng-if="courseLoading == false">
|
|
<select class="form-control" tabindex="26" name="course" ng-model="myModel.course" class="cs-select cs-skin-elastic"
|
|
required>
|
|
<option value="" disabled selected>Select Course</option>
|
|
<option ng-repeat="item in courseDataAdd" value="{{item.CourseID}}">{{item.CourseName}}</option>
|
|
</select>
|
|
</div>
|
|
<span class="error text-small block" ng-if="Form.course.$dirty && Form.course.$error.required">Course is required</span>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.batch.$dirty && Form.batch.$invalid, 'has-success':Form.batch.$valid}">
|
|
|
|
<label>
|
|
Batch <span class="symbol required"></span>
|
|
</label>
|
|
<div ng-if="courseLoading == true">
|
|
<span style="padding: auto 0; color: #007AFF; font-weight: bold;">fetching...</span>
|
|
</div>
|
|
<div ng-if="courseLoading == false">
|
|
<select class="form-control" tabindex="26" name="batch" ng-model="myModel.batch" class="cs-select cs-skin-elastic"
|
|
required>
|
|
<option value="" disabled selected>Select Batch</option>
|
|
<option ng-repeat="item in batchDataAdd" value="{{item.BatchCode}}">{{item.BatchName}}</option>
|
|
</select>
|
|
</div>
|
|
<span class="error text-small block" ng-if="Form.batch.$dirty && Form.batch.$error.required">Batch is required</span>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.Comments.$dirty && Form.Comments.$invalid}">
|
|
<label>
|
|
Comments
|
|
</label>
|
|
<textarea placeholder="Enter Comment" tabindex="15" class="form-control textdsc" name="Comment" ng-model="myModel.Comment"></textarea>
|
|
<span class="error text-small block" ng-if="Form.Comments.$dirty && Form.Comments.$invalid">Comments is required</span>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-md-12">
|
|
<fieldset>
|
|
<legend>Subject Add</legend>
|
|
|
|
<div class="panel-body" >
|
|
|
|
|
|
|
|
<div class="panel-scroll height-180" perfect-scrollbar wheel-propagation="false" suppress-scroll-x="true">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="col-md-3 form-group"
|
|
ng-class="{'has-error':Form.Semester.$dirty && Form.Semester.$invalid,'has-success':Form.Semester.$valid}">
|
|
<label>
|
|
Sem/Year
|
|
<span
|
|
class="symbol required"></span>
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Sem/year"
|
|
tabindex="4" class="form-control" name="Semester"
|
|
ng-model="myModelSemYear.Semester" ng-pattern="/^[a-zA-Z0-9-./\s]*$/" required>
|
|
<span class="error text-small block"
|
|
ng-if="Form.Semester.$dirty && Form.Semester.$error.required">Semester is required</span>
|
|
<span class="error text-small block"
|
|
ng-if="Form.Semester.$dirty && Form.Semester.$error.pattern">Invalid Semester name </span>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="col-md-3 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="7" class="form-control" name="SubjectCode"
|
|
ng-model="myModelSemYear.SubjectCode" ng-pattern="/^[a-zA-Z0-9-./\s]*$/" required />
|
|
<span class="error text-small block"
|
|
|
|
ng-if="Form.SubjectCode.$dirty && Form.SubjectCode.$error.required">SubjectCode is required</span>
|
|
<span class="error text-small block"
|
|
ng-if="Form.SubjectCode.$dirty && Form.SubjectCode.$error.pattern">Enter a valid SubjectCode</span>
|
|
|
|
</div>
|
|
<div class="col-md-3 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="6" class="form-control" name="SubjectName"
|
|
ng-model="myModelSemYear.SubjectName" ng-pattern="/^[a-zA-Z0-9-./\s]*$/" required />
|
|
<span class="error text-small block"
|
|
ng-if="Form.SubjectName.$dirty && Form.SubjectName.$error.required">Sem/Year is required</span>
|
|
<span class="error text-small block"
|
|
ng-if="Form.SubjectName.$dirty && Form.SubjectName.$error.pattern">Invalid SubjectName name </span>
|
|
</div>
|
|
<!-- <div class="col-md-3">
|
|
<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 class="col-md-12">
|
|
<div class="pull-right">
|
|
<input type="button" class="btn btn-sm btn-info" title="Click to add one more subject items" value="Add More" ng-click="addMoreFeesItems(myModelSemYear,Form)"/>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="row" ng-repeat="n in addMoreItems">
|
|
|
|
|
|
|
|
<div class="col-md-3 form-group" ng-class="{'has-error':n.Semester==undefined, 'has-success':n.Semester!=undefined}">
|
|
<label>
|
|
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Sem/year"
|
|
class="form-control" name="Semester{{$index}}"
|
|
ng-model="n.Semester" required/>
|
|
<span class="error text-small block" ng-if="n.Semester==undefined">Enter a valid name</span>
|
|
</div>
|
|
<div class="col-md-3 form-group" ng-class="{'has-error':n.SubjectCode==undefined, 'has-success':n.SubjectCode!=undefined}">
|
|
<label>
|
|
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Subject Name"
|
|
autofocus class="form-control" name="SubjectCode{{$index}}"
|
|
ng-model="n.SubjectCode" required/>
|
|
<span class="error text-small block" ng-if="n.SubjectCode==undefined">Enter a valid amount</span>
|
|
|
|
</div>
|
|
<div class="col-md-3 form-group" ng-class="{'has-error':n.SubjectName==undefined, 'has-success':n.SubjectName!=undefined}">
|
|
<label>
|
|
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter SubjectName"
|
|
class="form-control" name="subjectName{{$index}}"
|
|
ng-model="n.SubjectName" required/>
|
|
<span class="error text-small block" ng-if="n.SubjectName==undefined">Enter a subject valid name</span>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="pull-right">
|
|
<button type="submit" ng-disabled="disableButton" tabindex="30" class="btn btn-wide btn-success"
|
|
data-style="zoom-in">
|
|
Submit
|
|
</button>
|
|
|
|
<button type="reset" class="btn btn-warning btn-wide" tabindex="14" ng-click="subjectFORM.reset(Form);">
|
|
|
|
Reset
|
|
</button>
|
|
<!-- <button type="reset" tabindex="31" class="btn btn-warning btn-wide" tabindex="9" ng-click="studentFORM.resetCourse(Form)">
|
|
Reset
|
|
</button> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
<!--<pre> {{ myModel | json }}</pre>
|
|
<pre> {{ myModelCourse | json }}</pre>-->
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</tab>
|
|
</tabset>
|
|
</div>
|
|
</div>
|
|
<!-- end: LIST GROUP -->
|
|
|
|
|
|
|
|
|
|
|
|
|