128 lines
3.9 KiB
Handlebars
128 lines
3.9 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;
|
|
transition: background var(--times-transition-colors) ease, border-color var(--times-transition-colors) ease, color var(--times-transition-colors) ease;
|
|
}
|
|
|
|
|
|
section:hover {
|
|
background: var(--theme-accent-hover-backcolor);
|
|
color: var(--theme-accent-hover-color);
|
|
border-color:var(--theme-accent-hover-boder-color);
|
|
}
|
|
|
|
section:active {
|
|
background: var(--theme-accent-active-backcolor);
|
|
color: var(--theme-accent-active-color);
|
|
border-color:var(--theme-accent-active-boder-color);
|
|
}
|
|
|
|
|
|
section span {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
input {
|
|
margin: 5px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!-- USERS -->
|
|
<div class="container static" style="height:100vh;max-width:100vw;flex-direction:row;flex-wrap:wrap">
|
|
<div class="card" style="flex:1 1 auto;min-width:300px">
|
|
Users <input id="newUserName" placeholder="sAMAccountName" /> <button class="bluebutton" onclick="createUser()">Create User</button>
|
|
<div class="table-wrapper fit-table">
|
|
<table id="rbacUsersTable" style="height:100%">
|
|
<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:center">Rollen</th>
|
|
<th class="text-align:center">Gruppen</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>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr><td colspan="100%">BENUTZER WERDEN GELADEN . . .</td></tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- GROUPS -->
|
|
<div class="card" style="min-width:300px;flex:1 1 calc(300px)">
|
|
<input id="newGroupName" placeholder="Gruppenname" /> <button class="bluebutton" onclick="createGroup()">Create Group</button>
|
|
|
|
<div id="rbacGroupContainer">
|
|
<span>GRUPPEN WERDEN GELADEN . . .</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ROLES -->
|
|
<div class="card" style="min-width:300px;flex:1 1 calc(300px)">
|
|
<input id="newRoleName" placeholder="Role Name" />
|
|
<button class="bluebutton" onclick="createRole()">Create Role</button>
|
|
|
|
<div id="rbacRoleContainer">
|
|
<span>ROLLEN WERDEN GELADEN . . .</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- PERMISSIONS -->
|
|
<div class="card" style="min-width:300px;flex:1 1 auto">
|
|
<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> |