Diplomarbeit-Absolventenverein/Uebergangsloesung
6
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects Releases Wiki Activity

überarbeitet zu einem feedbackfeld

Browse Source
This commit is contained in:
Adam Gaiswinkler
2025-09-26 11:23:01 +02:00
parent 69fde61cd8
commit b580e46f4f
5 changed files with 914 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
assets/index.html
View File

@ -12,40 +12,30 @@
</header>
<main>
<h1>Absolvententreffen</h1>
<h2>2025</h2>
<h2><strong>Datum:</strong> Donnerstag, 25.September 2025</h2>
<h2><strong>Uhrzeit:</strong> 17:00 bis 20:00 Uhr</h2>
<h2><strong>Ort:</strong> Speisesaal des SZU, Ungargasse 69,1030 Wien</h2>
<h2><strong>Geben Sie uns gerne Feedback zu unserem Diplomprojekt AlumniHub</strong></h2>
<div class="buttons">
<button class="btn green" onclick="toggleOverlay('zusage')">
Zusage
</button>
<button class="btn red" onclick="toggleOverlay('absage')">
Absage
<button class="btn green" onclick="toggleOverlay('feedback')">
Feedback
</button>
</div>
</main>
<!-- Zusage Overlay -->
<div class="overlay" id="zusage">
<div class="overlay" id="feedback">
<div class="form-box">
<h3>Zugesagt</h3>
<h3>Feedback</h3>
<p>Um es zu Finalisieren füllen Sie bitte die Felder aus</p>
<form method="post" action="/post">
<input name="firstname" type="text" placeholder="Vorname" required />
<input name="lastname" type="text" placeholder="Nachname" required />
<input name="email" type="email" placeholder="Email" required />
<input name="faculty" type="text" placeholder="Fachrichtung" />
<input name="year" type="text" placeholder="Jahrgang" />
<input
name="zusage"
id="zusage"
type="checkbox"
checked
style="display: none"
/>
<button type="submit">Absenden</button>
<input name="email" type="email" placeholder="Email" required />
<textarea name="Feedback"
id="feedbackText"
placeholder="Feedback"
rows="4"
cols="40"
required>
</textarea>
<button type="submit">Absenden</button>
</form>
<img src="logo.png" alt="HTL Logo" class="form-logo" />
</div>

73
index.js
View File

@ -39,55 +39,14 @@ app.post("/post", (req, res) => {
}
);
transporter.sendMail(
{
from: "Alumnihub <alumnihub@kocoder.xyz>",
to: `${req.body.firstname} ${req.body.lastname} <${req.body.email}>`,
envelope: {
from: "alumnihub@kocoder.xyz",
to: req.body.email,
},
subject: "Deine Anmeldung für's Absolvententreffen.",
text: `
<!DOCTYPE html>
<html lang="de">
<body style="font-family: Arial, sans-serif; line-height: 1.5;">
<p>Liebe/r ${req.body.firstname},</p>
<p>vielen Dank für deine Anmeldung zum Absolvent*innentreffen am<br>
📅 <strong>Donnerstag, 25. September 2025</strong>,<br>
⏰ <strong>von 17:00 bis 20:00 Uhr</strong><br>
📍 im Speisesaal des SZU, Ungargasse 69, 1030 Wien.</p>
<p>Wir freuen uns sehr, dich an diesem besonderen Abend begrüßen zu dürfen!</p>
<p>Dich erwarten spannende Einblicke in aktuelle Entwicklungen am SZU, interessante Führungen sowie die Möglichkeit zum Wiedersehen, Austauschen und gemeinsamen Erinnern. Für das leibliche Wohl sorgt eine engagierte Abschlussklasse – der Reinerlös unterstützt ihre Abschlussreise. <strong>Bitte bring dafür Bargeld mit.</strong></p>
<p>📸 Wenn du Erinnerungsfotos aus deiner Schulzeit beisteuern möchtest, sende sie uns gerne vorab an:<br>
📧 <a href="mailto:szu.absolventinnentreffen@outlook.com">szu.absolventinnentreffen@outlook.com</a></p>
<p>❗Falls du wider Erwarten doch nicht teilnehmen kannst, bitten wir dich um eine kurze Absage per E-Mail an dieselbe Adresse. So können wir besser planen – vielen Dank!</p>
<p>Wir freuen uns auf einen Abend mit viele schöne Begegnungen!</p>
<p>Herzliche Grüße<br>
Gerti Brindlmayer &amp; Lukas Aigner<br>
im Namen des Teams des Absolvent*innen- &amp; Fördervereins des SZU</p>
</body>
</html>
`,
},
(err, info) => {
if (err) return res.send(err);
}
);
return res.sendFile("zusage.html", {
root: path.join(__dirname, "views"),
});
});
app.post("/cancel", (req, res) => {
fs.writeFile(
@ -98,36 +57,6 @@ app.post("/cancel", (req, res) => {
}
);
transporter.sendMail(
{
from: "Alumnihub <alumnihub@kocoder.xyz>",
to: `${req.body.firstname} ${req.body.lastname} <${req.body.email}>`,
envelope: {
from: "alumnihub@kocoder.xyz",
to: req.body.email,
},
subject: "Deine Absage für's Absolvententreffen.",
text: `
<!DOCTYPE html>
<html lang="de">
<body style="font-family: Arial, sans-serif; line-height: 1.5;">
<p>Liebe/r ${req.body.firstname},</p>
<p>vielen Dank für deine Rückmeldung zum Absolventinnentreffen am <strong>25. September 2025</strong>. Auch wenn du diesmal nicht teilnehmen kannst, freut es uns sehr, dass du mit dem <strong>Absolventinnen- &amp; Förderverein des SZU</strong> in Verbindung bleiben möchtest.</p>
<p>Wir haben deine Kontaktdaten gespeichert und melden uns gerne bei zukünftigen Veranstaltungen oder Aktivitäten des Vereins wieder bei dir.</p>
<p>Wenn du Fragen hast oder dich aktiv einbringen möchtest, erreichst du uns jederzeit unter:<br>
📧 <a href="mailto:szu.absolventinnentreffen@outlook.com">szu.absolventinnentreffen@outlook.com</a></p>
<p>Herzliche Grüße<br>
Gerti Brindlmayer &amp; Lukas Aigner<br>
im Namen des Teams des Absolvent*innen- &amp; Fördervereins des SZU</p>
</body>
</html>
`,
},
(err, info) => {
if (err) return res.send(err);

895
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

1
package.json
View File

@ -16,6 +16,7 @@
"nodemailer": "^7.0.5"
},
"devDependencies": {
"eslint": "^9.36.0",
"nodemon": "^3.1.10"
}
}

25
views/zusage.html
View File

@ -12,31 +12,10 @@
</header>
<main>
<h1>Absolvententreffen</h1>
<h2>2025</h2>
<h1>Vielen Dank für deine Feedback</h1>
<h2>Vielen Dank für deine Anmeldung!</h2>
<p>
Deine Anmeldung zum Absolvent*innentreffen am Donnerstag, 25.
September 2025, von 17:00 bis 20:00 Uhr im Speisesaal des SZU wurde
erfolgreich übermittelt.
</p>
<p>
Du erhältst in Kürze ein Bestätigungsmail mit allen wichtigen
Informationen.
</p>
<p>
Solltest du das Mail nicht innerhalb weniger Minuten sehen, wirf bitte
auch einen Blick in deinen Spam-Ordner.
</p>
<p>
Wir freuen uns schon sehr darauf, dich im September wieder am SZU zu
begrüßen!
</p>
</main>
</body>
</html>