Statusmeldungen hinzugefügt; Reservierungen funktionabel; kleine Bugfixes

2016-03-28 17:04:55 +02:00
parent 87eb8ff35e
commit 62ff08624d
14 changed files with 721 additions and 105 deletions
--- a/views/contact.jade
+++ b/views/contact.jade
@@ -1,4 +1,97 @@
 extends ./wrapper
+
+mixin reservation-form(id, name, desc, email, person, time, date, message)
+	.row
+		form.col-md-10.col-md-offset-1.orange(method="post",action="/kontakt")
+			if message
+				+status-message(message.type, message.message, message.reasons)
+			.row
+				.col-md-6
+					+input-val("name","id-name","Max Mustermann","Name:","name",name)
+					+input-val("number","id-person","2","Anzahl der Personen:","person",person)
+				.col-md-6.no-padding-md
+					.row
+						.col-sm-6
+							+input-val("date","id-date","TT.MM.JJJJ","Datum:","date",date)
+						.col-sm-6
+							+input-val("datetime-local","id-time","HH:MM","Uhrzeit:","time",time)
+					.row
+						.col-md-12
+							+input-val("email","id-mail","max.mustermann@mail.de","E-Mail-Adresse:","email",email)
+			.row
+				.col-md-12
+					+textarea-val("id-desc","Weitere Kontaktdaten, Spezielle Essens-, Platzwünsche, ...","Kommentare:","desc",desc,"7")
+			.row
+				.col-md-3.col-md-offset-3.text-center
+					input(type='hidden',name='nametag',value='#{id}')
+					if id="new"
+						button(type="submit",class="btn btn-success") Reservieren
+					else
+						button(type="submit",class="btn btn-success") Reservierung ändern
+				.col-md-3.text-center
+					button(type="reset",class="btn btn-danger") Eingaben löschen
+
+mixin reservation-list(entries, message)
+	.row
+		if entries.length
+			.col-md-10.col-md-offset-1.stripe
+				if message
+					+status-message(message.type, message.message, message.reasons)
+				each entry, index in entries
+					+reservation-entry(entry.name, entry.desc, entry.person, entry.time, entry.date, entry.read, entry.email, index)
+		else
+			.col-md-10.col-md-offset-1.orange Keine Reservierungen vorhanden.
+					
+mixin reservation-entry(name, desc, person, time, date, read, email, index)
+	.row
+		.col-md-1
+			form(style="display:inline",method="post",action="")
+				input(type='hidden',name='nametag',value="#{index+'-del'}")
+				button.btn.btn-sm.btn-danger(type="submit")
+					+icon("remove")
+					span.hidden-md.hidden-lg Entfernen
+			form(style="display:inline",method="get",action="")
+				input(type='hidden',name='nametag',value="#{index+'-edit'}")
+				button.btn.btn-sm.btn-primary(type="submit")
+					+icon("edit")
+					span.hidden-md.hidden-lg Bearbeiten
+			form(style="display:inline",method="post",action="")
+				input(type='hidden',name='nametag',value="#{index+'-read'}")
+				button.btn.btn-sm.btn-info(type="submit")
+					if read
+						+icon("check")
+						span.hidden-md.hidden-lg Als ungelesen markieren
+					else 
+						+icon("unchecked")
+						span.hidden-md.hidden-lg Als gelesen markieren
+		.col-md-7
+			span.lead= name
+			br
+			span.small !{desc.substr(0, 300).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/\n/g, '<br/>')}
+		.col-md-4
+			.row
+				.col-md-12= person
+			.row
+				.col-md-12= time
+			.row
+				.col-md-12= date
+			.row
+				.col-md-12= email
+
+
+
+mixin reservation(item, list, isadmin, message)
+	if isadmin
+		if item
+			+reservation-form(item.id, item.name, item.desc, item.email, item.person, item.time, item.date, message)
+		else
+			+reservation-list(list, message)
+	else
+		if item
+			+reservation-form("new", item.name, item.desc, item.email, item.person, item.time, item.date, message)
+		else
+			+reservation-form("new", "", "", "", "", "", "", message)
+				
 block vars
 	- var pageTitle = 'Kontakt'
 block content
@@ -6,25 +99,7 @@ block content
 		a(name="reservierung")
 		h1 Reservierung
 		.container
-			.row
-				.col-md-10.col-md-offset-1.orange
-					.row
-						.col-md-6
-							+input("name","id-name","Max Mustermann","Name:")
-							+input("number","id-person","2","Anzahl der Personen:")
-						.col-md-6
-							+input("datetime-local","id-date","TT.MM.JJJJ HH:MM","Datum und Uhrzeit des Besuchs:")
-							+input("email","id-mail","max.mustermann@mail.de","E-Mail-Adresse:")
-					.row
-						.col-md-12
-							.form-group
-								label(for="id-desc") Kommentare:
-								textarea(id="id-desc",class="form-control",type="datetime-local",placeholder="Weitere Kontaktdaten, Spezielle Essens-, Platzwünsche, ...",rows="7")
-					.row
-						.col-md-2.col-md-offset-4
-							button(type="submit",class="btn btn-success") Submit
-						.col-md-2
-							button(type="reset",class="btn btn-danger") Submit
+			+reservation(editItem, listItem, isAdmin, statusMessage)
 		a(name="anfahrt")
 		h1 Anfahrt
 		.container
@@ -46,7 +121,7 @@ block content
 							p
 								| 030 110 112 1337
 								br
-								a(href='reis@korn.de') reis@korn.de
+								a(href='mailto://reis@korn.de') reis@korn.de
 		a(name="impressum")
 		h1 Impressum
 		.container