116 lines
3.5 KiB
Handlebars
116 lines
3.5 KiB
Handlebars
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Document</title>
|
|
|
|
<style>
|
|
#rbacAdmin {
|
|
font-family: Arial;
|
|
padding: 20px;
|
|
}
|
|
|
|
|
|
#rbacGroupContainer {
|
|
display: flex;
|
|
width: 100%;
|
|
height: 100%;
|
|
flex: 1;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
align-content: flex-start;
|
|
justify-content: flex-start;
|
|
}
|
|
section {
|
|
display:inline-flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 5px;
|
|
width: 120px;
|
|
border: 1px solid #ccc;
|
|
border-radius: 8px;
|
|
margin: 0 2px 2px 0;
|
|
}
|
|
section span {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
input {
|
|
margin: 5px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!-- USERS -->
|
|
<div class="container grid" style="grid-template-columns: calc(50% - 8px) calc(50% - 8px);height:100vh;">
|
|
<div class="card">
|
|
Users <input id="newUserName" placeholder="sAMAccountName" /> <button class="bluebutton" onclick="createUser()">Create User</button>
|
|
<div class="table-wrapper fit-table">
|
|
<table id="rbacUsersTable">
|
|
<thead>
|
|
<tr>
|
|
<th class="text-align:left"></th>
|
|
<th class="text-align:left">ObjectGUID</th>
|
|
<th class="text-align:left">sAMAccountName</th>
|
|
<th class="text-align:left">Name</th>
|
|
<th class="text-align:left">Vorname</th>
|
|
<th class="text-align:left">Mail</th>
|
|
<th class="text-align:center">Aktiv</th>
|
|
<th class="text-align:center">Online</th>
|
|
<th class="text-align:center">Rollen</th>
|
|
<th class="text-align:center">Gruppen</th>
|
|
<th class="text-align:right">Herkunft</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr><td colspan="100%">BENUTZER WERDEN GELADEN . . .</td></tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- GROUPS -->
|
|
<div class="card static" style="flex:1 0 100vw;">
|
|
<input id="newGroupName" placeholder="Gruppenname" /> <button class="bluebutton" onclick="createGroup()">Create Group</button>
|
|
|
|
<div id="rbacGroupContainer">
|
|
<span>GRUPPEN WERDEN GELADEN . . .</span>
|
|
</div>
|
|
|
|
<input id="newGroupName" placeholder="Group Name" />
|
|
<button class="bluebutton" onclick="createGroup()">Create Group</button>
|
|
</div>
|
|
|
|
<!-- ROLES -->
|
|
<div class="card">
|
|
<h3>Roles</h3>
|
|
<div id="roleList"></div>
|
|
|
|
<input id="newRoleName" placeholder="Role Name" />
|
|
<button class="bluebutton" onclick="createRole()">Create Role</button>
|
|
</div>
|
|
|
|
<!-- PERMISSIONS -->
|
|
<div class="card">
|
|
<h3>Permissions</h3>
|
|
|
|
<input id="permScope" placeholder="Scope" />
|
|
<input id="permResource" placeholder="Resource" />
|
|
<input id="permAction" placeholder="Action" />
|
|
|
|
<button class="bluebutton" onclick="createPermission()">Create Permission</button>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
<script type="text/javascript">
|
|
|
|
reloadPluginScript('/javascript/rbacAPI.js');
|
|
|
|
</script>
|
|
</html> |