Add initial ghost creation UI

This commit is contained in:
Johannes Zellner
2021-09-17 15:53:11 +02:00
parent a9b257c9ca
commit 8057b2454c
3 changed files with 109 additions and 0 deletions

View File

@@ -379,6 +379,39 @@
</div>
</div>
<!-- Modal set ghost -->
<div class="modal fade" id="setGhostModal" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">{{ 'users.setGhostDialog.title' | tr }}</h4>
</div>
<div class="modal-body">
<form name="setGhostForm" role="form" novalidate ng-submit="setGhost.submit()" autocomplete="off">
<div class="form-group" ng-class="{ 'has-error': setGhost.error }">
<label class="control-label" for="setGhostPassword">{{ 'users.setGhost.password' | tr }}</label>
<div class="control-label" ng-show="setGhost.error">
<small ng-show="setGhost.error">{{ setGhost.error }}</small>
</div>
<div class="input-group">
<input type="text" id="setGhostPassword" class="form-control" name="password" ng-model="setGhost.password" required/>
<span class="input-group-btn">
<button class="btn btn-default" id="setGhostClipboardButton" type="button" data-clipboard-target="#setGhostPassword"><i class="fa fa-clipboard"></i></button>
</span>
</div>
</div>
<input class="hide" type="submit" ng-disabled="setGhostForm.$invalid || setGhost.busy"/>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">{{ 'main.dialog.cancel' | tr }}</button>
<button type="button" class="btn btn-success" ng-click="setGhost.submit()" ng-disabled="setGhostForm.$invalid || setGhost.busy"><i class="fa fa-circle-notch fa-spin" ng-show="setGhost.busy"></i> {{ 'main.dialog.save' | tr }}</button>
</div>
</div>
</div>
</div>
<!-- Modal external ldap -->
<div class="modal fade" id="externalLdapModal" tabindex="-1" role="dialog">
<div class="modal-dialog">
@@ -553,6 +586,7 @@
<button ng-show="isMe(user) && userInfo.role === 'owner' && user.role === 'owner' && !config.features.userRoles" class="btn btn-xs btn-default" ng-click="transferOwnership.show()" uib-tooltip="{{ 'users.users.transferOwnershipTooltip' | tr }}"><i class="fas fa-random"></i></button>
<button ng-disabled="!canEdit(user) || isMe(user) || user.source" class="btn btn-xs btn-default" ng-click="invitation.show(user)" uib-tooltip="{{ 'users.users.invitationTooltip' | tr }}"><i class="fas fa-paper-plane"></i></button>
<button ng-disabled="!canEdit(user) || isMe(user) || user.source" class="btn btn-xs btn-default" ng-click="passwordReset.show(user)" uib-tooltip="{{ 'users.users.resetPasswordTooltip' | tr }}"><i class="fas fa-key"></i></button>
<button ng-show="userInfo.isAtLeastAdmin" class="btn btn-xs btn-default" ng-click="setGhost.show(user)" uib-tooltip="{{ 'users.users.setGhostTooltip' | tr }}"><i class="fas fa-user-secret"></i></button>
<button ng-disabled="!canEdit(user)" class="btn btn-xs btn-default" ng-click="useredit.show(user)" uib-tooltip="{{ 'users.users.editUserTooltip' | tr }}"><i class="fa fa-pencil-alt"></i></button>
<button ng-disabled="!canEdit(user) || isMe(user)" class="btn btn-xs btn-danger" ng-click="userremove.show(user)" uib-tooltip="{{ 'users.users.removeUserTooltip' | tr }}"><i class="far fa-trash-alt"></i></button>
</td>