training/views/spiel.ejs

65 lines
2.1 KiB
Plaintext

<%- include('partials/header') %>
<h1><%= spiel.name %></h1>
<div id="view" class="mt-5">
<% if (spiel.type === 1) { %>
<p>Aufwärmen und Spiel</p>
<% } else if (spiel.type ===2) { %>
<p>Spiel</p>
<% } else if (spiel.type === 3) { %>
<p>Aufwärmen</p>
<% } else {%>
<p>Spieltyp noch nicht festgelegt</p>
<% } %>
<h2>Material</h2>
<p><%- spiel.material %></p>
<h2>Dauer</h2>
<p><%- spiel.dauer %></p>
<h2>Regeln</h2>
<p><%- spiel.regeln %></p>
<h2>Variationen</h2>
<p><%- spiel.variationen %></p>
<% if (session && (session.role === 'user' || session.role==='admin')) {%>
<button class="btn btn-primary" onclick="toggleDivs()">Zum Edit-Modus wechseln</button>
</div>
<div id="edit" class="mt-5 d-none">
<form method="POST" action="/edit-Spiel">
<input type="hidden" name="id" value="<%= spiel.id %>">
<strong>Material: </strong><br><textarea name="material"><%- spiel.material %> </textarea><br>
<strong>Dauer: </strong><input name="dauer" value="<%=spiel.dauer %>"><%= spiel.dauer %></input><br>
<strong>Typ: </strong><select name="type" >
<option value=1 <%= (spiel.type === 1) ? 'selected' : '' %>>Aufwärmen und Spiel</option>
<option value=2 <%= (spiel.type === 1) ? 'selected' : '' %>>Spiel</option>
<option value=3 <%= (spiel.type === 1) ? 'selected' : '' %>>Aufwärmen</option>
</select><%= spiel.dauer %><br>
<strong>Regeln: </strong><br><textarea name="regeln"><%- spiel.regeln %> </textarea><br>
<strong>Variationen: </strong><br><textarea name="variationen"><%- spiel.variationen %> </textarea><br>
<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>
<% } else{ %>
</div>
<% } %>
</body>
</html>
<%- include('partials/footer') %>