89 lines
2.0 KiB
Plaintext
89 lines
2.0 KiB
Plaintext
<div class="page-header mb-4">
|
|
|
|
<h1>👨👩👧 <%= user.household_name %></h1>
|
|
|
|
<p class="text-secondary">Rol: <strong><%= user.role %></strong></p>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-md-8">
|
|
|
|
<div class="card">
|
|
|
|
<div class="card-header">
|
|
|
|
<h3 class="card-title">Leden</h3>
|
|
|
|
</div>
|
|
|
|
<div class="list-group">
|
|
|
|
<% members.forEach(member => { %>
|
|
<div class="list-group-item">
|
|
|
|
<div class="d-flex justify-content-between">
|
|
|
|
<div>
|
|
<strong><%= member.name %></strong>
|
|
<div class="text-secondary small"><%= member.email %></div>
|
|
</div>
|
|
|
|
<span class="badge bg-primary text-white"><%= member.role %></span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<% }) %>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
|
|
<div class="card">
|
|
|
|
<div class="card-header">
|
|
|
|
<h3 class="card-title">Instellingen</h3>
|
|
|
|
</div>
|
|
|
|
<div class="card-body">
|
|
|
|
<% if(user.role === 'OWNER') { %>
|
|
|
|
<div class="mb-3">
|
|
|
|
<label class="form-label">Lid uitnodigen</label>
|
|
|
|
<p class="text-secondary small">Deel deze code. De ander vult hem in bij het registreren:</p>
|
|
|
|
<div class="input-group">
|
|
|
|
<input type="text" class="form-control" value="HOUSEHOLD_<%= user.household_id %>" readonly>
|
|
|
|
<button class="btn btn-outline-primary" onclick="navigator.clipboard.writeText('HOUSEHOLD_<%= user.household_id %>')">
|
|
|
|
Kopiëren
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<% } %>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|