90 lines
3.0 KiB
HTML
90 lines
3.0 KiB
HTML
<template name="UserManagement">
|
|
<div id="userManagement">
|
|
{{#if Template.subscriptionsReady}}
|
|
<div class="insert">
|
|
{{>UserInsert}}
|
|
</div>
|
|
<div class="tableContainer">
|
|
<table class="dataTable table table-striped table-hover">
|
|
<thead>
|
|
<tr class="headers">
|
|
<th class="username">Username</th>
|
|
<th class="email">Email</th>
|
|
<th class="roles">Roles</th>
|
|
<th class="actions">Actions</th>
|
|
</tr>
|
|
<tr class="footers">
|
|
<th>{{>UserSearch columnName='username'}}</th>
|
|
<th>{{>UserSearch columnName='email' collectionQueryColumnName='name' collection='Items' collectionResultColumnName='_id'}}</th>
|
|
<th></th>
|
|
<th></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{{#each users}}
|
|
{{> User}}
|
|
{{/each}}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{{else}}
|
|
{{/if}}
|
|
</div>
|
|
</template>
|
|
|
|
<template name="User">
|
|
<tr>
|
|
{{#if editing}}
|
|
<td><input name="username" class="form-control" type="text" value="{{username}}" required></td>
|
|
<td><input name="email" class="form-control" type="text" value="{{email}}" required></td>
|
|
<td class="roles center" style="font-size: 1.2em">
|
|
{{#each allRoles}}
|
|
<span class="role {{getRoleState this}} noselect">{{name}}</span>
|
|
{{/each}}
|
|
</td>
|
|
<td class="center tdLarge"><i class="editorApply fa fa-check-square-o fa-lg noselect clickable" aria-hidden="true"></i> / <i class="editorCancel fa fa-times-circle fa-lg noselect clickable" aria-hidden="true"></i></td>
|
|
{{else}}
|
|
<td class="tdLarge noselect nonclickable">{{username}}</td>
|
|
<td class="tdLarge noselect nonclickable">{{email}}</td>
|
|
<td class="tdLarge noselect nonclickable">{{roles}}</td>
|
|
<td class="center tdLarge"><i class="userRemove fa fa-times-circle fa-lg noselect clickable" aria-hidden="true"></i> / <i class="userEdit fa fa-pencil-square-o fa-lg noselect clickable" aria-hidden="true"></i></td>
|
|
{{/if}}
|
|
</tr>
|
|
</template>
|
|
|
|
<template name="UserSearch">
|
|
<div class="">
|
|
<input type="text" class="searchInput" placeholder="Filter..." value="{{searchValue}}" style="width: 90%"/>
|
|
</div>
|
|
</template>
|
|
|
|
<template name="UserInsert">
|
|
<form name="insert" autocomplete="off">
|
|
<div class="grid">
|
|
<div class="col-3-12"></div>
|
|
<div class="col-6-12">
|
|
<div class="formGroupHeading">New User</div>
|
|
<div class="form-group">
|
|
<label class='control-label'>User Name</label>
|
|
<input name="username" type="text" class="form-control" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class='control-label'>Email</label>
|
|
<input name="email" class="form-control" type="text" required/>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class='control-label'>Roles</label>
|
|
<div class="roles">
|
|
{{#each allRoles}}
|
|
<span class="role">{{name}}</span>
|
|
{{/each}}
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<input type="submit" class="btn btn-success" value="Create">
|
|
</div>
|
|
</div>
|
|
<div class="col-3-12"></div>
|
|
</div>
|
|
</form>
|
|
</template> |