training/views/spiel.ejs

46 lines
1.4 KiB
Plaintext

<%- include('partials/header') %>
<h1><%= spiel.name %></h1>
<div id="view" class="mt-5">
<h2>Material</h2>
<p><%= spiel.material %></p>
<h2>Dauer</h2>
<p><%= spiel.dauer %></p>
<h2>Regeln</h2>
<p><%= spiel.regeln %></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><input type="text" name="material" value="<%= spiel.matierial %>"></br>
<strong>Dauer: </strong><input name="dauer" value="<%=spiel.dauer %>"></br>
<strong>Regeln: </strong><input type="text" name="regeln" value="<%= spiel.regeln %>"></br>
<strong>Variationen: </strong><input type="text" name="variationen" value="<%= spiel.variationen %>"></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') %>