projekte
This commit is contained in:
parent
cb562870da
commit
ed88167612
|
|
@ -0,0 +1,71 @@
|
||||||
|
<%- include('partials/header') %>
|
||||||
|
|
||||||
|
<div id="view" class="mt-5">
|
||||||
|
<h1><%= projekt.name %></h1>
|
||||||
|
<p><%= projekt.kurzbeschreibung %></p>
|
||||||
|
<p><%= projekt.beschreibung %></p>
|
||||||
|
<p>
|
||||||
|
<a href="<%= projekt.repository_link %>" target="_blank">Repository Link</a>
|
||||||
|
</p>
|
||||||
|
<a href="/projects">Zurück zur Projektliste</a>
|
||||||
|
|
||||||
|
<% 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 action="/projectedit" method="post">
|
||||||
|
<input type="hidden" name="id" value="<%=projekt.id%>" />
|
||||||
|
<label for="name" class="form-label">Name</label>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
class="form-control"
|
||||||
|
id="name"
|
||||||
|
name="name"
|
||||||
|
value="<%=projekt.name%>"
|
||||||
|
/>
|
||||||
|
<label for="kurzbeschreibung" class="form-label">Kurzbeschreibung</label>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
class="form-control"
|
||||||
|
id="kurzbeschreibung"
|
||||||
|
name="kurzbeschreibung"
|
||||||
|
value="<%=projekt.kurzbeschreibung%>"
|
||||||
|
/>
|
||||||
|
<label for="beschreibung" class="form-label">Beschreibung</label>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
class="form-control"
|
||||||
|
id="beschreibung"
|
||||||
|
name="beschreibung"
|
||||||
|
value="<%=projekt.beschreibung%>"
|
||||||
|
/>
|
||||||
|
<label for="repository_link" class="form-label">Repository Link</label>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
class="form-control"
|
||||||
|
id="repository_link"
|
||||||
|
name="repository_link"
|
||||||
|
value="<%=projekt.repository_link%>"
|
||||||
|
/>
|
||||||
|
<button type="submit" class="btn btn-primary">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') %>
|
||||||
|
|
@ -0,0 +1,68 @@
|
||||||
|
<%- include('partials/header') %>
|
||||||
|
|
||||||
|
<h1>Meine Projekte</h1>
|
||||||
|
<ul>
|
||||||
|
<% projekte.forEach(projekt => { %>
|
||||||
|
<li>
|
||||||
|
<h2><a href="/project/<%= projekt.id %>"><%= projekt.name %></a></h2>
|
||||||
|
<p><%= projekt.kurzbeschreibung %></p>
|
||||||
|
</li>
|
||||||
|
<% }) %>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<% if (session && session.role === 'admin') { %>
|
||||||
|
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
class="btn btn-primary"
|
||||||
|
data-bs-toggle="modal"
|
||||||
|
data-bs-target="#newProject"
|
||||||
|
>
|
||||||
|
Neues Projekt
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<!-- Modal -->
|
||||||
|
<div
|
||||||
|
class="modal fade"
|
||||||
|
id="newProject"
|
||||||
|
tabindex="-1"
|
||||||
|
aria-labelledby="newProjectModalLabel"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<div class="modal-dialog">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title" id="exampleModalLabel">
|
||||||
|
Neues Projekt anlegen
|
||||||
|
</h5>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
class="btn-close"
|
||||||
|
data-bs-dismiss="modal"
|
||||||
|
aria-label="Close"
|
||||||
|
></button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
<form action="/projects" method="post">
|
||||||
|
<label for="name" class="form-label">Name</label>
|
||||||
|
<input type="text" class="form-control" id="name" name="name" />
|
||||||
|
<label for="beschreibung" class="form-label">Beschreibung</label>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
class="form-control"
|
||||||
|
id="beschreibung"
|
||||||
|
name="beschreibung"
|
||||||
|
/>
|
||||||
|
<button type="submit" class="btn btn-primary">Create</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
|
||||||
|
Close
|
||||||
|
</button>
|
||||||
|
<button type="button" class="btn btn-primary">Save changes</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<% } %> <%- include('partials/footer') %>
|
||||||
Loading…
Reference in New Issue