apollodec/Apollo/assets/views/editUniversityDetails.html
venbatechnologies@gmail.com 76219d28a2 university logo added
2018-05-22 11:31:48 +05:30

199 lines
13 KiB
HTML
Executable File

<form name="Form" id="form" novalidate>
<div class="row">
<div class="col-md-12">
<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" disallow-spaces tabindex="1" class="form-control" name="universityId" ng-model="p.UniversityID"
ng-pattern="/^[a-zA-Z0-9.\s]*$/" ng-blur='checkEmpIdExist()' readonly 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="2" class="form-control" name="UniversityName" ng-model="p.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="3" class="form-control" name="UniversityShortName" ng-model="p.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="p.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="p.EmailID" ng-blur='updateCheckEmailExist(p)' 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="p.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-if="p.IsActive==true">
<switch ng-model="p.IsActive" ng-init="p.IsActive = true" class="green"></switch>
</div>
<div ng-if="p.IsActive==false">
<switch ng-model="p.IsActive" ng-init="p.IsActive = false" class="green"></switch>
</div>
</div>
</div>
<div class="col-md-4">
<img class="thumb prof" ng-src="images/{{p.ProfilePicPath}}" />
<style>
.thumb {
width: 130px;
height: 140px;
margin: 18px;
float: left;
}
.prof {
border: 2px solid #2C3543;
}
.uploader {
clear: both;
}
</style>
</div>
</div>
<div class="file-upload">
<div class="row">
<div class="col-md-6">
<h5>Update Profile Picture</h5>
<div class=" margin-bottom-5">
</div>
<input type="file" accept="image/*" ng-init="resetImage()" file-upload onchange="angular.element(this).scope().imageUpload(event)" />
</div>
<div class="col-md-6">
<div class="form-group">
<div class="user-image">
</div>
<!--<input type="file" file-model="idProof"
accept="image/*" onchange="angular.element(this).scope().imageUpload(event)"/>-->
<div>
<div ng-repeat="step in stepsModel">
<!--<a class="close-thin"></a>-->
<img class="thumb" ng-src="{{step}}" />
<div class="col-md-12">
<div class="pull-right">
<button class="btn btn-success btn-o btn-sm margin-right-15" type="button" ng-click="resetImage()">Reset
</button>
</div>
</div>
</div>
</div>
<style>
.thumb {
width: 130px;
height: 140px;
margin: 18px;
float: left;
}
.uploader {
clear: both;
}
</style>
</div>
</div>
</div>
</div>
<!--<pre>{{ p | json}}</pre>-->
<div class="row">
<div class="col-md-12">
<div class="pull-right">
<button type="button" ladda="ldloading1.zoom_in" tabindex="7" class="btn btn-wide btn-success" data-style="zoom-in" ng-click="updateUniversityDetails(Form, p)">
Save
</button>
<button type="reset" class="btn btn-warning btn-wide" tabindex="8" ng-click="cancel()">
Cancel
</button>
</div>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</div>
</form>
<!-- class="editRowTd" -->