
	<!--
	Description: User Administration html
	Copyright (c) 2016 by Cisco Systems, Inc.
	All rights reserved.
	-->
	<div class="pageTitle">
		{{'menu_useradministration' | translate}}
	</div>
	<div>
		<div>
			<div class="pageContent">
				<div kendo-grid="userGrid" id="userGrid" name="userGrid"
					k-options="userGridOptions"
					k-data-source="userDataSource"></div>
				</div>
				<div class="gridActionButtons">
						<button kendo-button="addBtn" class="btn btn-primary " ng-click="addUser()">
							<span class="fa pl-add"></span> {{'com_add' | translate}}
						</button>
						<button kendo-button="deleteBtn" class="btn btn-primary "
						ng-click="deleteConfirmation()"
						ng-disabled="disableDelete">
							<span class="fa pl-delete"></span> {{'com_delete' | translate}}
				</button>
                <button kendo-button="applyUserAdminBtn" class="btn-primary btn pull-right" ng-click="applyUser()" ng-disabled="disableApplyButton">
                    <span class="fa pl-apply"></span> {{'com_apply' | translate}}
						</button>
					</div>
				</div>
				<div  id="userAdminDiv" name="userAdminDiv" class="editSection" ng-show="userShowEditSection">
						<div class="title">
							<label>{{'user_administration_editsection' | translate}}</label>
						</div>
				<form name="userForm" id="userForm" kendo-validator="userValidator"	k-options="userValidations">
						<div class="row form-group ">
							<div class="col-sm-4 webui-centerpanel-label">
								<span class="label pl-mandatory">{{'user_administration_user_name' | translate}}</span>
							</div>
							<div class="col-sm-3 fieldinput">
								<input class="k-textbox form-control"
								name="userName"
								ng-model="userAdministration.userName"
								ng-disabled="disableUserName"
								required data-required-msg="{{'user_administration_username_required' | translate}}"
								data-maximum="65" data-maximum-msg="{{'user_administration_username_length' | translate}}"
								data-check="" data-check-msg="{{'user_administration_username_special' | translate}}"								
								data-existing data-existing-msg="{{'user_administration_username_exist' | translate}}">
								<tooltip helptext="{{'help_admin_username' | translate}}" position="top"></tooltip>
							</div>
						</div>
						<div class="row form-group">
							<div class="col-sm-4 webui-centerpanel-label">
								<span class="label">{{'user_administration_priv' | translate}}</span>
							</div>
							<div class="col-sm-3 fieldinput ">
								<select kendo-drop-down-list
                                  name="privilege" id="privilege"
                                  ng-model="userAdministration.privilege"
                                  k-data-source="privilegeOptions" k-data-text-field="'privilegeText'"
                                  k-data-value-field="'privilegeValue'" k-ng-delay="userAdministration.privilege">
                                </select>
								<tooltip helptext="{{'help_admin_privilege' | translate}}" position="top"></tooltip>
							</div>
						</div>
						<div class="row form-group ">
							<div class="col-sm-4 webui-centerpanel-label">
								<span class="label pl-mandatory">{{'user_administration_password' | translate}}</span>
							</div>
							<div class="col-sm-3 ">
								<input class="k-textbox form-control" type="password" name="password"
								ng-model="userAdministration.password" 
								required data-required-msg="{{'user_administration_password_required' | translate}}"
								data-maximum="25" data-maximum-msg="{{'user_administration_password_max' | translate}}"
								data-minimum="5"  data-minimum-msg="{{'user_administration_password_min' | translate}}">
								<tooltip helptext="{{'help_admin_password' | translate}}" position="top"></tooltip>
							</div>
						</div>

						<div class="row form-group ">
							<div class="col-sm-4 webui-centerpanel-label">
								<span class="label pl-mandatory">{{'user_administration_confirm_password' | translate}}</span>
							</div>
							<div class="col-sm-3">
								<input class="k-textbox form-control" type="password" name="confirmPassword"
								ng-model="userAdministration.confirmPassword"
								data-matches="password" data-matches-msg="{{'user_administration_password_confirm' | translate}}">
								<tooltip helptext="{{'help_admin_confirm_password' | translate}}" position="top"></tooltip>
							</div>
						</div>
						<div class="row form-group">
							<div class="col-sm-3 col-sm-offset-9">
								<button kendo-button="saveBtn" class="btn btn-primary pl-save" ng-click="saveUserData()">
								    {{'com_save' | translate}}
							    </button>
								<button kendo-button="cancelBtn" class="btn btn-primary"
								ng-click="reset()">
									<span class="fa pl-cancel"></span> {{'com_cancel' | translate}}
								</button>
							</div>
						</div>
					</form>
				</div>
			</div>
