training/views/mitglied.ejs

95 lines
3.9 KiB
Plaintext

<%- include('partials/header') %>
<% birthday = new Date(mitglied.geburtsdatum) %>
<h1> <%= mitglied.vorname %> <%= mitglied.nachname %> </h1>
<div id="view" class="mt-5">
<strong> Geburtsdatum: </strong> <%= birthday.getDate() %>.<%= birthday.getMonth() + 1 %>.<%= birthday.getFullYear() %> (<%= mitglied.age %>)</br>
<strong> Adresse: </strong> <%= mitglied.adresse %> </br>
<strong> Riege: </strong> <%= riege %> </br>
<strong> Anwesend: </strong> <%= anwesend %> Mal </br>
<% numbers.forEach(number => { %>
<% if (number.verbindung === 4) { %>
<strong> Telefonnummer: </strong> <%= number.nummer %> </br>
<% }}) %>
<h2>Notfallnummern</h2>
<p>
<% numbers.forEach(number => { %>
<% if (number.verbindung != 4) { %>
<strong><%= number.bezeichnung %> - <%= number.name %>: </strong> <%= number.nummer %> <% if (number.stand) { %>(stand: <%= ("00" + birthday.getDate()).slice(-2) %>.<%= ("00" + (birthday.getMonth() + 1)).slice(-2) %>.<%= number.stand.getFullYear() %>) <% } %></br>
<% }}) %>
</p>
<% if (session && session.role === 'admin') { %>
<button class="btn btn-primary" onclick="toggleDivs()">Zum Edit-Modus wechseln</button>
<% } %>
</div>
<% if (session && session.role === 'admin') { %>
<div id="edit" class="mt-5 d-none">
<form method="POST" action="/update-mitglied">
Geburtsdatum: <input type="date" id="geburt" name="geburt" value="<%= birthday.getFullYear() %>-<%= ('00' + (birthday.getMonth() + 1)).slice(-2) %>-<%= ('00' + birthday.getDate()).slice(-2) %>"></br>
<input type="hidden" name="id" value="<%= id %>">
<input type="hidden" name="type" value="adresse">
<strong> Adresse: </strong> <input name="adresse" type="text" value="<%= mitglied.adresse %>">
<button type="submit">Speichern</button>
</form>
<form method="POST" action="/set-Riege">
<input type="hidden" name="id" value="<%= id %>">
<strong>Riege: </strong><select name="riege">
<option value=1 <% if ( riege === 1) { %> selected <% } %>> Riege 1</option>
<option value=2 <% if ( riege === 2) { %> selected <% } %>> Riege 2</option>
<option value=3 <% if ( riege === 3) { %> selected <% } %>> Riege 3</option>
<option value=4 <% if ( riege === 4) { %> selected <% } %>> Riege 4</option>
<option value=5 <% if ( riege === 5) { %> selected <% } %>> Riege 5</option>
</select>
<button type="submit">Speichern</button>
</form>
<p>
<% numbers.forEach(number => { %>
<form method="POST" action="/update-mitglied">
<input type="hidden" name="telid" value="<%= number.id %>">
<input type="hidden" name="type" value="tel-delete">
<input type="hidden" name="id" value="<%= id %>">
<strong><%= number.bezeichnung %> - <%= number.name %>: </strong> <%= number.nummer %>
<button type="submit">löschen</button>
</form>
<% }) %>
</p>
<h2>Telefonnummer hinzufügen</h2>
<form method="POST" action="/update-mitglied">
<input type="hidden" name="id" value="<%= id %>">
<input type="hidden" name="type" value="tel">
<select name="verbindung">
<option value=1>Mutter</option>
<option value=2>Vater</option>
<option value=3>Eltern</option>
<option value=4>Eigene</option>
<option value=5>Oma</option>
<option value=6>Opa</option>
</select>
<input name="name" placeholder="Name" type="text" >
<input name="nummer" placeholder="+49 123 456 789" type="text">
<button type="submit">Speichern</button>
</form>
<button class="btn btn-secondary" onclick="toggleDivs()">Zum View-Modus wechseln</button>
</div>
<% } %>
<script>
function toggleDivs() {
$('#view').toggleClass('d-none d-block');
$('#edit').toggleClass('d-none d-block');
}
</script>
<%- include('partials/footer') %>