%PDF-
%PDF-
Mini Shell
Mini Shell
<div class="row">
<div class="col-sm-12">
<h3 ng-bind="isNew ? 'Create User' : 'Modify User'"></h3>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<form class="form-horizontal" role="form" name="form" ng-submit="save()" autocomplete="off">
<div class="form-group">
<div class="col-sm-3">
<label for="name">Name</label>
<input type="text" id="name" name="name" placeholder="Name" ng-model="user.name"
class="form-control"
required>
</div>
<div class="col-sm-3">
<label for="surname">Surname</label>
<input type="text" id="surname" name="surname" placeholder="Surname" ng-model="user.surname"
class="form-control" required>
</div>
<div class="col-sm-3">
<label for="email">Email</label>
<input type="email" id="email" name="email" placeholder="Email" ng-model="user.email"
class="form-control" required>
</div>
<div class="col-sm-3">
<label for="birthdate">Birthdate</label>
<div class="input-group">
<input type="text" id="birthdate" name="birthdate" class="form-control" uib-datepicker-popup
placeholder="Birthdate" ng-model="user.birthdate" is-open="birthdatePicker" required/>
<span class="input-group-btn">
<button type="button" class="btn btn-default" ng-click="toggleDatepicker()"><i
class="glyphicon glyphicon-calendar"></i></button>
</span>
</div>
</div>
</div>
<div class="form-group" ng-if="isNew">
<div class="col-sm-3">
<label for="password">Password</label>
<input type="password" id="password" name="password" placeholder="Password" ng-model="user.password"
class="form-control" required>
</div>
<div class="col-sm-3">
<label for="password_confirmation">Password Confirmation</label>
<input type="password" id="password_confirmation" name="password_confirmation"
placeholder="Password Confirmation" ng-model="user.password_confirmation"
class="form-control" required>
</div>
</div>
<div class="form-group">
<div class="col-sm-12 text-right">
<button type="submit" class="btn btn-success" ng-disabled="form.$invalid">
Save
</button>
<button type="button" class="btn btn-warning" ng-click="back()">Cancel</button>
</div>
</div>
<div class="form-group" ng-if="!isNew">
<div class="col-sm-6">
<table class="table table-responsive table-hover">
<thead>
<th>User's Roles</th>
</thead>
<tbody>
<tr ng-repeat="role in user.roles">
<td>{{role.description}}</td>
<td class="text-right">
<button type="button" class="btn btn-sm btn-default" ng-click="detachRole(role)"
uib-tooltip="Remove Role">
<span class="fa fa-arrow-right"></span>
</button>
</td>
</tr>
</tbody>
</table>
</div>
<div class="col-sm-6">
<table class="table table-responsive table-hover">
<thead>
<th>Available Roles</th>
</thead>
<tbody>
<tr ng-repeat="role in availableRoles">
<td>
<button type="button" class="btn btn-sm btn-default" ng-click="attachRole(role)"
uib-tooltip="Add Role">
<span class="fa fa-arrow-left"></span>
</button>
</td>
<td class="text-right">{{role.description}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</form>
</div>
</div>
Zerion Mini Shell 1.0