EinsatzOnline/resources/templates/module_member_management_gr...

165 lines
13 KiB
Handlebars

{{> header }}
{{> delete-groups-modal}}
<div class="container-fluid">
<div class="row">
<div class="wrapper">
{{> sidebar }}
<div id="content">
{{> searchbar}}
<hr>
{{#if alert}}
{{> alert}}
{{/if}}
<div class="col">
<div class="row">
<div class="col-md-6">
{{#if_in_list ../../caller_permissions "modules.member_management.groups.view"}}
<div class="card bg-light mb-3">
<div class="card-header">Gruppen</div>
<div class="card-body" id="groups">
<table class="table table-hover table-striped">
<thead class="thead">
<tr>
<th><button class="iconbutton check_all_groups"><svg width="1.25em" height="1.25em" fill="currentColor">
<use xlink:href="/img/bootstrap-icons.svg#check-all"/>
</svg></button></th>
<th>Name</th>
<th>Beschreibung</th>
<th># Mitglieder</th>
</tr>
</thead>
<tbody>
{{#each groups}}
<tr data-group-id="{{group_id}}" {{#if (or permission_edit_core permission_view_members)}}style="cursor: pointer;"{{/if}} class="{{#if (or permission_edit_core permission_view_members)}}group_list_row{{/if}} {{#if (not permission_delete)}}text-muted{{/if}}">
<td>{{#if (not permission_delete)}}<input type="checkbox" disabled>{{else}}<input type="checkbox" class="group_entry_checkbox" data-group-id="{{group_id}}" data-group-name="{{name}}">{{/if}}</td>
<td>{{name}}</td>
<td>{{description}}</td>
<td>{{members_count}}</td>
</tr></span>
{{/each}}
</tbody>
</table>
<span><button class="iconbutton check_all_groups" data-check-all-selector=".check_all_groups"><svg width="1.25em" height="1.25em" fill="currentColor" style="margin-left: 12px;margin-right: 12px;"><use xlink:href="/img/bootstrap-icons.svg#check-all"/></svg></button><!-- <button style="margin-right: 12px;" type="button" class="btn btn-secondary btn-sm">Duplizieren</button>-->{{#if_in_list ../../caller_permissions "modules.member_management.groups.delete"}}<button type="button" class="btn btn-danger btn-sm groups_delete_button">Löschen</button>{{/if_in_list}}</span>
</div>
</div>{{/if_in_list}}
{{#if_in_list caller_permissions "modules.member_management.groups.create"}}<div class="card bg-light mb-3">
<div class="card-header">Neue Gruppe anlegen</div>
<div class="card-body" id="groups">
<form>
<div class="form-group row">
<label for="new_group_name" class="col-sm-2 col-form-label">Name</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="new_group_name">
</div>
</div>
<div class="form-group row">
<label for="new_group_description" class="col-sm-2 col-form-label">Beschreibung</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="new_group_description">
</div>
</div>
<div class="form-group row">
<b>Zugriff beschränken</b>
<p>Hinweis: Einer Rolle kann nur ein Recht für die neue Gruppe gegeben werden, wenn die Rolle das Recht bereits besitzt. Beispiel: Wenn die Rolle "admin" das Recht "Gruppen löschen" nicht besitzt, kann ihr nicht das Recht gegeben werden, die neue Gruppe zu löschen.</p>
<div>
<table class="table table-header-rotated">
<thead>
<tr>
<th scope="col">Rolle</th>
<th scope="col" class="rotate"><div><span>Name/Beschreibung ändern</span></div></th>
<th scope="col" class="rotate"><div><span>löschen</span></div></th>
<th scope="col" class="rotate"><div><span>Gruppenmitglieder sehen</span></div></th>
<th scope="col" class="rotate"><div><span>Gruppenmitglieder ändern</span></div></th>
<th scope="col" class="rotate"><div><span>Zugriffsbeschränkungen sehen</span></div></th>
<th scope="col" class="rotate"><div><span>Zugriffsbeschränkungen ändern</span></div></th>
</tr>
</thead>
<tbody>
{{#each roles}}
<tr data-role-id="{{id}}" class="new_group_role_row">
<td title="{{description}}">{{id}}</td>
<td><input type="checkbox" class="permission_groups_core_edit"></td>
<td><input type="checkbox" class="permission_groups_delete"></td>
<td><input type="checkbox" class="permission_groups_members_view"></td>
<td><input type="checkbox" class="permission_groups_members_edit"></td>
<td><input type="checkbox" class="permission_groups_permissions_edit"></td>
<td><input type="checkbox" class="permission_groups_permissions_view"></td>
</tr>
{{/each}}
</tbody>
</table>
</div>
</div>
<button type="button" class="btn btn-primary new_group_button" style="float: right">Gruppe Hinzufügen</button>
</form>
</div>
</div>{{/if_in_list}}
</div>
<div class="col-md-6">
<div class="card bg-light mb-3 group_detailed_view" hidden>
<div class="card-header">Gruppe <span class="group_detailed_view_name"></span></div>
<div class="card-body" id="groups">
<div class="group_detailed_view_core_data">
<div class="form-group row">
<label for="group_detailed_view_name_input" class="col-sm-2 col-form-label">Name</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="group_detailed_view_name_input">
</div>
</div>
<div class="form-group row">
<label for="group_detailed_view_description_input" class="col-sm-2 col-form-label">Beschreibung</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="group_detailed_view_description_input">
</div>
</div>
<button type="button" class="group_detailed_view_submit_core_data btn btn-primary" style="float: right; margin-bottom:15px;">Änderungen Speichern</button>
</div>
<div class="group_detailed_view_member_list">
<table class="table">
<thead>
<tr>
<th><button class="iconbutton group_detailed_view_check_all_members"><svg width="1.25em" height="1.25em" fill="currentColor">
<use xlink:href="/img/bootstrap-icons.svg#check-all"/>
</svg></button></th>
<th>Vorname</th>
<th>Nachname</th>
<th>Aktionen</th>
</tr>
</thead>
<tbody class="group_detailed_view_tbody"></tbody>
</table>
{{#if_in_list caller_permissions "modules.member_management.groups.members.edit"}}
<div>
<button class="iconbutton group_detailed_view_check_all_members"><svg width="1.25em" height="1.25em" fill="currentColor" style="margin-left: 12px;margin-right: 12px;"><use xlink:href="/img/bootstrap-icons.svg#check-all"/></svg></button><button type="button" class="btn btn-warning btn-sm group-detailed-view-remove-member-button">Entfernen</button>
</div><br>
<div class="group_detailed_view_add_member">
<div class="form-group row">
<label for="group-detailed-view-member-searchbar" class="col-sm-2 col-form-label">Mitglied hinzufügen:</label>
<div class="col-sm-10">
<div class="input-group">
<input type="text" class="form-control" id="group-detailed-view-member-searchbar">
<span class="input-group-append">
<span class="btn btn-outline-secondary" type="button">
<svg width="16" height="16" fill="currentColor">
<use xlink:href="/img/bootstrap-icons.svg#search"/>
</svg>
</span>
</span>
</div>
<div class="group-detailed-view-member-search-result-overlay" style="display: none">
<ul class="list-group group-detailed-view-member-search-result-overlay-list">
</ul>
</div>
</div>
</div>
</div>{{/if_in_list}}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{{> footer }}