185 lines
6.2 KiB
Handlebars
185 lines
6.2 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: 200px;
|
|
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;
|
|
}
|
|
|
|
|
|
.tile {
|
|
display:inline-flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
align-items: stretch;
|
|
height:60px;
|
|
padding: 5px;
|
|
width: 200px;
|
|
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;
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container static" style="height:100vh;">
|
|
<div class="card static">
|
|
<div class="tabs" id="rbacTabs" style="flex: 0 0 auto;">
|
|
<div class="tab">Verwaltung</div>
|
|
<div class="tab">Benutzer & Gruppen</div>
|
|
<div class="tab">Rollen & Berechtigungen</div>
|
|
</div>
|
|
|
|
<div id="rbacTabContents" class="tab-contents" style="flex: 1 1 100%;overflow-y:auto;padding:0;">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
{{!-- <div class="container static" style="max-width:100vw;flex-direction:row;flex-wrap:wrap;flex: 1 1 100vh;">
|
|
<!-- USERS -->
|
|
<div class="card static row" style="align-items:center;height:fit-content;width:100%">
|
|
AD Synchronisation:
|
|
<button class="yellowbutton" data-tooltip="Synchronisiert die Benutzer aus dem AD" onclick="syncUsersFromAD()">Users</button>
|
|
<button class="yellowbutton" data-tooltip="Synchronisiert die Gruppen aus dem AD" onclick="syncGroupsFromAD()">Groups</button>
|
|
|
|
</div>
|
|
<div class="card" style="aflex-wrap:wrap;flex: 1 1 100%;justify-content: flex-start;">
|
|
Users <input id="newUserName" placeholder="sAMAccountName" />
|
|
<button class="bluebutton" onclick="createUser()">Create User</button>
|
|
<div class="table-wrapper " style="max-height:300px;overflow:auto">
|
|
<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: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 static" style="min-width:300px;flex:1 1 calc(300px); max-height: 400px;overflow:auto">
|
|
<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="Rollenname" />
|
|
<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;align-items:center;">
|
|
<input id="permScope" placeholder="Scope" />.<input id="permResource" placeholder="Resource" />.<input id="permAction" placeholder="Action" />
|
|
|
|
<button class="bluebutton" onclick="createPermission()">Create Permission</button>
|
|
|
|
<div class="table-wrapper fit-table">
|
|
<table id="rbacPermissionsTable" style="">
|
|
<thead>
|
|
<tr>
|
|
<th class="text-align:left"></th>
|
|
<th class="text-align:left">ID</th>
|
|
<th class="text-align:center">Gruppen</th>
|
|
<th class="text-align:center">Benutzer</th>
|
|
<th class="text-align:center">Rollen</th>
|
|
<th class="text-align:right">Scope</th>
|
|
<th class="text-align:center">Resource</th>
|
|
<th class="text-align:left">Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr><td colspan="100%">BERECHTIGUNGEN WERDEN GELADEN . . .</td></tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
</div> --}}
|
|
</body>
|
|
|
|
<script type="text/javascript">
|
|
|
|
reloadPluginScript('/javascript/rbacAPI.js');
|
|
|
|
</script>
|
|
</html> |