221 lines
16 KiB
HTML
Executable File
221 lines
16 KiB
HTML
Executable File
<!-- start: UNIVERSITY TITLE -->
|
|
<section id="page-title">
|
|
<div class="row">
|
|
<div class="col-sm-8">
|
|
<h1 class="mainTitle" translate="University">{{ mainTitle }}</h1>
|
|
|
|
<span class="mainDescription">View/Add University Details. </span>
|
|
|
|
</div>
|
|
<div ncy-breadcrumb></div>
|
|
</div>
|
|
</section>
|
|
<!-- end: UNIVERSITY TITLE -->
|
|
<!-- start: LIST GROUP -->
|
|
<div class="container-fluid container-fullw bg-white">
|
|
<div class="row" ng-controller="universityCtrl" data-ng-init="init()">
|
|
<tabset class="tabbable">
|
|
<tab heading="View University" id="universityDetails">
|
|
<div class="container-fluid container-fullw">
|
|
<div class="row">
|
|
<!---->
|
|
<div class="col-md-12" ng-if="loader == true" align="center">
|
|
<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="emptyUniversity == false" style="min-height: 281px;">
|
|
<p style="color: red;" align="center"><strong><h3 class="text-center">No
|
|
records found... </h3></strong></p>
|
|
</div>
|
|
|
|
<div class="col-md-12" ng-if="emptyUniversity == 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">
|
|
<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('UniversityShortName')">University Short Name
|
|
<span class="glyphicon sort-icon" ng-show="sortKey=='UniversityShortName'" 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('EmailID')">Email ID
|
|
<span class="glyphicon sort-icon" ng-show="sortKey=='EmailID'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
|
|
</th>
|
|
<th>Status</th>
|
|
<th style="text-align: center;"> Details
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody dir-paginate="p in data|orderBy:sortKey:reverse|filter:search:strict|itemsPerPage:10">
|
|
<tr>
|
|
<td>{{p.UniversityID}}</td>
|
|
<td>{{p.UniversityShortName}}</td>
|
|
<td>{{p.UniversityName}}</td>
|
|
<td>{{p.EmailID}}</td>
|
|
<td><span ng-if="p.IsActive == 1"> Active </span><span ng-if="p.IsActive == 0">In-Active</span></td>
|
|
<td style="text-align: center;">
|
|
<input type=button class="btn btn-info btn-xs" ladda="ldloading1.zoom_in" id="editRowBtn{{p.UniversityID}}" value="Modify"
|
|
ng-click="setEditId(p.UniversityID);">
|
|
</td>
|
|
</tr>
|
|
<tr ng-show="editId === p.UniversityID" ng-if="editId === p.UniversityID">
|
|
<td colspan="6" ng-include src="'assets/views/editUniversityDetails.html'"></td>
|
|
</tr>
|
|
</tbody>
|
|
|
|
</table>
|
|
<dir-pagination-controls max-size="10" direction-links="true" boundary-links="true">
|
|
</dir-pagination-controls>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</tab>
|
|
<script>
|
|
$('#addbranch').click(function () {
|
|
$('#branchcode').focus();
|
|
});
|
|
</script>
|
|
<style>
|
|
.sort-icon {
|
|
font-size: 9px;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
th {
|
|
cursor: pointer;
|
|
}
|
|
</style>
|
|
|
|
|
|
<tab heading="Add University" id="adduniversity">
|
|
<div>
|
|
<form name="Form" id="form" novalidate ng-submit="universityForm.submit(Form, myModel)" method="post">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<fieldset>
|
|
<legend>
|
|
University Details
|
|
</legend>
|
|
|
|
<div class="row">
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.universityId.$dirty && Form.universityId.$invalid, 'has-success':Form.universityId.$valid}">
|
|
<label>
|
|
University ID <span class="symbol required"></span>
|
|
</label>
|
|
|
|
<input type="text" placeholder="University Id" tabindex="1" class="form-control" name="universityId" ng-model="myModel.UniversityID"
|
|
ng-pattern="/^[a-zA-Z0-9.\s]*$/" ng-blur='checkUnivIdExist()' required/>
|
|
<span class="error text-small block" ng-if="Form.universityId.$dirty && Form.universityId.$error.required">University Id is required</span>
|
|
<span class="error text-small block" ng-if="Form.universityId.$dirty && Form.universityId.$error.pattern">Invalid university Id </span>
|
|
</div>
|
|
|
|
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.UniversityName.$dirty && Form.UniversityName.$invalid, 'has-success':Form.UniversityName.$valid}">
|
|
<label>
|
|
University Name <span class="symbol required"></span>
|
|
</label>
|
|
|
|
<input type="text" placeholder="University Name" tabindex="3" class="form-control" name="UniversityName" ng-model="myModel.UniversityName"
|
|
required/>
|
|
<span class="error text-small block" ng-if="Form.UniversityName.$dirty && Form.UniversityName.$invalid">University Name is required </span>
|
|
</div>
|
|
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.UniversityShortName.$dirty && Form.UniversityShortName.$invalid, 'has-success':Form.UniversityShortName.$valid}">
|
|
<label>
|
|
University Short Name <span class="symbol required"></span>
|
|
</label>
|
|
|
|
<input type="text" placeholder="University Short Name" tabindex="2" class="form-control" name="UniversityShortName" ng-model="myModel.UniversityShortName"
|
|
required/>
|
|
<span class="error text-small block" ng-if="Form.UniversityShortName.$dirty && Form.UniversityShortName.$error.required">University Short Name is required</span>
|
|
<!--<span class="error text-small block" ng-if="Form.UniversityShortName.$dirty && Form.UniversityShortName.$error.pattern">Invalid University Short Name </span>-->
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.MobileNumber.$dirty && Form.MobileNumber.$invalid, 'has-success':Form.MobileNumber.$valid}">
|
|
<label>
|
|
Mobile Number <span
|
|
class="symbol required"></span>
|
|
</label>
|
|
<input type="text" name="MobileNumber" tabindex="4" placeholder="Enter Mobile Number" class="form-control" ng-model="myModel.MobileNumber"
|
|
ng-minlength="10" ng-maxlength="12" ng-pattern="/^[0-9]*$/" required/>
|
|
<span class="error text-small block" ng-if="Form.MobileNumber.$dirty && Form.MobileNumber.$invalid" ng-hide="Form.MobileNumber.$error.maxlength || Form.MobileNumber.$error.minlength || Form.MobileNumber.$error.pattern">Mobile Number is required.</span>
|
|
<span class="error text-small block" ng-if="Form.MobileNumber.$error.maxlength || Form.MobileNumber.$error.minlength || Form.MobileNumber.$error.pattern">Enter a Valid Phone Number</span>
|
|
</div>
|
|
<div class=" col-md-4 form-group" ng-class="{'has-error':Form.emailId.$dirty && Form.emailId.$invalid, 'has-success':Form.emailId.$valid}">
|
|
<label>
|
|
Email ID <span class="symbol required"></span>
|
|
</label>
|
|
<input type="email" tabindex="5" placeholder="Enter Email ID" class="form-control" name="emailId" ng-pattern="/^[-a-z0-9~!$%^&*_=+}{\'?]+(\.[-a-z0-9~!$%^&*_=+}{\'?]+)*@([a-z0-9_][-a-z0-9_]*(\.[-a-z0-9_]+)*\.(aero|arpa|biz|com|coop|edu|gov|info|int|mil|museum|name|net|org|pro|travel|mobi|[a-z][a-z])|([0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}))(:[0-9]{1,5})?$/i"
|
|
ng-model="myModel.EmailID" required>
|
|
<span class="error text-small block" ng-if="Form.emailId.$dirty && Form.emailId.$invalid" ng-hide="Form.emailId.$error.email">Email is required.</span>
|
|
<span class="error text-small block" ng-if="Form.emailId.$error.email">Please, enter a valid email address.</span>
|
|
</div>
|
|
<div class="col-md-4 form-group" ng-class="{'has-error':Form.Address.$dirty && Form.Address.$invalid, 'has-success':Form.Address.$valid}">
|
|
<label>
|
|
Address <span class="symbol required"></span>
|
|
</label>
|
|
<textarea placeholder="Enter Address" tabindex="6" class="form-control textdsc" name="Address" ng-model="myModel.Address" required></textarea>
|
|
<span class="error text-small block" ng-if="Form.Address.$dirty && Form.Address.$invalid">Address is required</span>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<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>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="pull-right">
|
|
<button type="submit" tabindex="21" ladda="ldloading1.zoom_in" class="btn btn-wide btn-success" data-style="zoom-in">
|
|
Add
|
|
</button>
|
|
<button type="reset" tabindex="22" class="btn btn-warning btn-wide" tabindex="9" ng-click="universityForm.reset(Form)">
|
|
Reset
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</tab>
|
|
</tabset>
|
|
</div>
|
|
</div>
|
|
<!-- end: LIST GROUP --> |