3009675
/
SE2_Projekt
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Alles commited

master
Eldar Sabic 2024-12-10 11:30:02 +01:00
commit 38b12a1756
35 changed files with 3541 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
Projekt_SE2/.classpath 100644
View File

@ -0,0 +1,19 @@
<?xml version="1.0" encoding="UTF-8"?>
<classpath>
<classpathentry kind="con" path="org.eclipse.jdt.launching.JRE_CONTAINER">
<attributes>
<attribute name="module" value="true"/>
</attributes>
</classpathentry>
<classpathentry kind="src" path="src/main/java"/>
<classpathentry kind="con" path="org.eclipse.jst.server.core.container/org.eclipse.jst.server.tomcat.runtimeTarget/Apache Tomcat v10.1">
<attributes>
<attribute name="owner.project.facets" value="jst.web"/>
</attributes>
</classpathentry>
<classpathentry kind="con" path="org.eclipse.jst.j2ee.internal.web.container"/>
<classpathentry kind="con" path="org.eclipse.jst.j2ee.internal.module.container"/>
<classpathentry kind="lib" path="C:/Users/asus/Downloads/jakarta.servlet-api-5.0.0.jar"/>
<classpathentry kind="lib" path="C:/Users/asus/Downloads/sqlite-jdbc-3.47.0.0.jar"/>
<classpathentry kind="output" path="build/classes"/>
</classpath>

1
Projekt_SE2/.gitignore vendored 100644
View File

@ -0,0 +1 @@
/build/

31
Projekt_SE2/.project 100644
View File

@ -0,0 +1,31 @@
<?xml version="1.0" encoding="UTF-8"?>
<projectDescription>
<name>Projekt_SE2</name>
<comment></comment>
<projects>
</projects>
<buildSpec>
<buildCommand>
<name>org.eclipse.jdt.core.javabuilder</name>
<arguments>
</arguments>
</buildCommand>
<buildCommand>
<name>org.eclipse.wst.common.project.facet.core.builder</name>
<arguments>
</arguments>
</buildCommand>
<buildCommand>
<name>org.eclipse.wst.validation.validationbuilder</name>
<arguments>
</arguments>
</buildCommand>
</buildSpec>
<natures>
<nature>org.eclipse.jem.workbench.JavaEMFNature</nature>
<nature>org.eclipse.wst.common.modulecore.ModuleCoreNature</nature>
<nature>org.eclipse.wst.common.project.facet.core.nature</nature>
<nature>org.eclipse.jdt.core.javanature</nature>
<nature>org.eclipse.wst.jsdt.core.jsNature</nature>
</natures>
</projectDescription>

12
Projekt_SE2/.settings/.jsdtscope 100644
View File

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8"?>
<classpath>
<classpathentry excluding="**/node_modules/*|**/*.min.js|**/bower_components/*" kind="src" path="src/main/webapp"/>
<classpathentry kind="con" path="org.eclipse.wst.jsdt.launching.JRE_CONTAINER"/>
<classpathentry kind="con" path="org.eclipse.wst.jsdt.launching.WebProject">
<attributes>
<attribute name="hide" value="true"/>
</attributes>
</classpathentry>
<classpathentry kind="con" path="org.eclipse.wst.jsdt.launching.baseBrowserLibrary"/>
<classpathentry kind="output" path=""/>
</classpath>

2
Projekt_SE2/.settings/org.eclipse.core.resources.prefs 100644
View File

@ -0,0 +1,2 @@
eclipse.preferences.version=1
encoding/<project>=UTF-8

10
Projekt_SE2/.settings/org.eclipse.jdt.core.prefs 100644
View File

@ -0,0 +1,10 @@
eclipse.preferences.version=1
org.eclipse.jdt.core.compiler.codegen.inlineJsrBytecode=enabled
org.eclipse.jdt.core.compiler.codegen.targetPlatform=20
org.eclipse.jdt.core.compiler.compliance=20
org.eclipse.jdt.core.compiler.problem.assertIdentifier=error
org.eclipse.jdt.core.compiler.problem.enablePreviewFeatures=disabled
org.eclipse.jdt.core.compiler.problem.enumIdentifier=error
org.eclipse.jdt.core.compiler.problem.reportPreviewFeatures=warning
org.eclipse.jdt.core.compiler.release=enabled
org.eclipse.jdt.core.compiler.source=20

8
Projekt_SE2/.settings/org.eclipse.wst.common.component 100644
View File

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?><project-modules id="moduleCoreId" project-version="1.5.0">
<wb-module deploy-name="Projekt_SE2">
<wb-resource deploy-path="/" source-path="/src/main/webapp" tag="defaultRootSource"/>
<wb-resource deploy-path="/WEB-INF/classes" source-path="/src/main/java"/>
<property name="context-root" value="Projekt_SE2"/>
<property name="java-output-path" value="/Projekt_SE2/build/classes"/>
</wb-module>
</project-modules>

10
Projekt_SE2/.settings/org.eclipse.wst.common.project.facet.core.xml 100644
View File

@ -0,0 +1,10 @@
<?xml version="1.0" encoding="UTF-8"?>
<faceted-project>
<runtime name="Apache Tomcat v10.1"/>
<fixed facet="wst.jsdt.web"/>
<fixed facet="java"/>
<fixed facet="jst.web"/>
<installed facet="java" version="21"/>
<installed facet="jst.web" version="6.0"/>
<installed facet="wst.jsdt.web" version="1.0"/>
</faceted-project>

1
Projekt_SE2/.settings/org.eclipse.wst.jsdt.ui.superType.container 100644
View File

@ -0,0 +1 @@
org.eclipse.wst.jsdt.launching.baseBrowserLibrary

1
Projekt_SE2/.settings/org.eclipse.wst.jsdt.ui.superType.name 100644
View File

@ -0,0 +1 @@
Window

179
Projekt_SE2/src/main/java/com/cafe/getraenke/getraenkeServlet.java 100644
View File

@ -0,0 +1,179 @@
package com.cafe.getraenke;
import java.io.IOException;
import java.io.PrintWriter;
import java.sql.*;
import java.util.HashMap;
import java.util.Map;
import jakarta.servlet.ServletException;
import jakarta.servlet.annotation.WebServlet;
import jakarta.servlet.http.HttpServlet;
import jakarta.servlet.http.HttpServletRequest;
import jakarta.servlet.http.HttpServletResponse;
@WebServlet("/getraenkeServlet")
public class getraenkeServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
private static final String DB_URL = "jdbc:sqlite:C:/Users/asus/produkte.db";
private Map<String, String> iconClassMap = new HashMap<>();
@Override
public void init() throws ServletException {
iconClassMap.put("Warme Getränke", "fa-solid fa-mug-hot");
iconClassMap.put("Alkoholfreie Getränke","fa-solid fa-glass-water");
iconClassMap.put("Biere", "fa-solid fa-beer-mug-empty");
iconClassMap.put("Weine","fa-solid fa-wine-glass");
iconClassMap.put("Liköre & Edelbrände","fa-solid fa-bottle-droplet");
iconClassMap.put("Longdrinks","fa-solid fa-whiskey-glass");
iconClassMap.put("Alkoholische Cocktails","fa-solid fa-martini-glass-citrus");
iconClassMap.put("Alkoholfreie Cocktails","fa-solid fa-martini-glass-citrus");
}
@Override
protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html;charset=UTF-8");
response.setCharacterEncoding("UTF-8");
String categoryFilter = request.getParameter("category");
String searchFilter = request.getParameter("search");
if (categoryFilter == null) categoryFilter = "all"; // Standard: Alle Kategorien
if (searchFilter == null) searchFilter = ""; // Standard: Kein Suchtext
try (PrintWriter out = response.getWriter()) {
try {
Class.forName("org.sqlite.JDBC");
} catch (ClassNotFoundException ex) {
ex.printStackTrace();
out.println("<p>Error: SQLite JDBC Driver not found.</p>");
return;
}
String query = "SELECT * FROM getraenke_items WHERE (LOWER(kategorie) LIKE ? OR ? = 'all') AND LOWER(name) LIKE ? ORDER BY id";
try (Connection conn = DriverManager.getConnection(DB_URL);
PreparedStatement stmt = conn.prepareStatement(query)) {
stmt.setString(1, "%" + categoryFilter + "%");
stmt.setString(2, categoryFilter);
stmt.setString(3, "%" + searchFilter.toLowerCase() + "%");
ResultSet rs = stmt.executeQuery();
// HTML-Generierung starten
StringBuilder html = new StringBuilder();
String currentCategory = "";
// Hauptcontainer starten
html.append("<div class=\"menu\" id=\"menu-container\">");
while (rs.next()) {
String category = rs.getString("kategorie");
String name = rs.getString("name");
double price = rs.getDouble("preis");
String allergens = rs.getString("allergene");
String modalName = rs.getString("modal_name");
String modalDescription = rs.getString("modal_beschreibung");
String nutrition = rs.getString("naehrwerte"); // Nährwertdaten
// Neue Kategorie beginnen, wenn sie sich ändert
if (!category.equals(currentCategory)) {
if (!currentCategory.isEmpty()) {
// Schließe die vorherige Kategorie
html.append("</ol></div>");
}
// Neue Kategorie öffnen
html.append("<div class=\"category\" id=\"category-")
.append(category.toLowerCase().replace(" ", "-")).append("\">");
html.append("<h3>").append(category);
// Icon hinzufügen
String iconClass = iconClassMap.get(category);
if (iconClass != null) {
html.append(" <i class=\"").append(iconClass).append("\"></i>");
}
html.append("</h3>");
html.append("<ol class=\"category-items\" id=\"items-")
.append(category.toLowerCase().replace(" ", "-")).append("\">");
currentCategory = category;
}
// Einzelnes Item hinzufügen
html.append("<li class=\"item\" id=\"item-").append(rs.getInt("id")).append("\">")
.append("<span class=\"item-name\">").append(name).append("</span>");
// Allergene hinzufügen
if (allergens != null && !allergens.isEmpty()) {
html.append("<sup class=\"footnote-symbol\">").append(allergens).append("</sup>");
}
// Info-Modal mit Nährwertangaben
if (modalName != null && !modalName.isEmpty()) {
String displayNutrition = (nutrition != null && !nutrition.isEmpty())
? escapeHtml(nutrition)
: "Keine Nährwertangaben vorhanden";
html.append("<span class=\"info-icon\" onclick=\"openModal('")
.append(escapeHtml(modalName)).append("','")
.append(escapeHtml(modalDescription)).append("','")
.append(displayNutrition).append("')\">")
.append("<i class=\"fa-solid fa-circle-info\"></i></span>");
}
// Preis anzeigen
html.append("<span class=\"price\">")
.append(String.format("%.2f €", price)).append("</span>");
html.append("</li>");
}
// Schließe die letzte Kategorie
if (!currentCategory.isEmpty()) {
html.append("</ol></div>");
}
// Hauptcontainer schließen
html.append("</div>");
html.append("<div id=\"modal\" class=\"modal\">")
.append("<div class=\"modal-content\">")
.append("<span class=\"close-button\" onclick=\"closeModal()\">×</span>")
.append("<div class=\"tab\">")
.append("<button class=\"tablinks\" onclick=\"openTab(event, 'Description')\">Beschreibung</button>")
.append("<button class=\"tablinks\" onclick=\"openTab(event, 'Nutrition')\">Nährwerte</button>")
.append("</div>")
.append("<div id=\"Description\" class=\"tabcontent\">")
.append("<h4 id=\"modal-title\"></h4>")
.append("<p id=\"modal-description\"></p>")
.append("</div>")
.append("<div id=\"Nutrition\" class=\"tabcontent\">")
.append("<h4>Nährwertangaben</h4>")
.append("<p id=\"modal-nutrition\"></p>")
.append("</div>")
.append("</div></div>");
out.println(html.toString());
} catch (SQLException e) {
response.sendError(HttpServletResponse.SC_INTERNAL_SERVER_ERROR, "Database error: " + e.getMessage());
e.printStackTrace();
}
}
}
private String escapeHtml(String input) {
if (input == null) return "";
return input.replace("&", "&amp;")
.replace("<", "&lt;")
.replace(">", "&gt;")
.replace("\"", "&quot;")
.replace("'", "&#39;");
}
}

82
Projekt_SE2/src/main/java/com/cafe/login/LoginServlet.java 100644
View File

@ -0,0 +1,82 @@
package com.cafe.login;
import jakarta.servlet.ServletException;
import jakarta.servlet.annotation.WebServlet;
import jakarta.servlet.http.HttpServlet;
import jakarta.servlet.http.HttpServletRequest;
import jakarta.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.sql.*;
@WebServlet("/LoginServlet")
public class LoginServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
private static final String DB_URL = "jdbc:sqlite:C:/Users/asus/personal.db";
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
String username = request.getParameter("username");
String password = request.getParameter("password");
String userRole = authenticateUser(username, password);
if ("Mitarbeiter".equals(userRole)) {
// Weiterleitung zur Mitarbeiter-Seite
response.sendRedirect("mitarbeiter.jsp");
} else if ("Chef".equals(userRole)) {
// Weiterleitung zur Chef-Seite
response.sendRedirect("chef.jsp");
} else {
// Zurück zur Login-Seite mit Fehlermeldung
request.setAttribute("errorMessage", "Ungültige Anmeldedaten!");
request.getRequestDispatcher("startseite.jsp").forward(request, response);
}
}
/**
* Authentifiziert den Benutzer in der Datenbank.
*
* @param username Der Benutzername (E-Mail in der Datenbank)
* @param password Das Passwort
* @return Die Benutzerrolle ("Mitarbeiter", "Chef") oder null, wenn ungültig
*/
private String authenticateUser(String username, String password) {
String role = null;
String mitarbeiterQuery = "SELECT 'Mitarbeiter' as role FROM mitarbeiter WHERE email = ? AND password = ?";
String chefQuery = "SELECT 'Chef' as role FROM chef WHERE email = ? AND password = ?";
try (Connection conn = DriverManager.getConnection(DB_URL)) {
// Mitarbeiter-Check
try (PreparedStatement mitarbeiterStmt = conn.prepareStatement(mitarbeiterQuery)) {
mitarbeiterStmt.setString(1, username);
mitarbeiterStmt.setString(2, password);
try (ResultSet rs = mitarbeiterStmt.executeQuery()) {
if (rs.next()) {
role = rs.getString("role");
return role;
}
}
}
// Chef-Check
try (PreparedStatement chefStmt = conn.prepareStatement(chefQuery)) {
chefStmt.setString(1, username);
chefStmt.setString(2, password);
try (ResultSet rs = chefStmt.executeQuery()) {
if (rs.next()) {
role = rs.getString("role");
}
}
}
} catch (SQLException e) {
e.printStackTrace();
}
return role;
}
}

175
Projekt_SE2/src/main/java/com/cafe/snacks/snacksServlet.java 100644
View File

@ -0,0 +1,175 @@
package com.cafe.snacks;
import java.io.IOException;
import java.io.PrintWriter;
import java.sql.*;
import java.util.HashMap;
import java.util.Map;
import jakarta.servlet.ServletException;
import jakarta.servlet.annotation.WebServlet;
import jakarta.servlet.http.HttpServlet;
import jakarta.servlet.http.HttpServletRequest;
import jakarta.servlet.http.HttpServletResponse;
@WebServlet("/snacksServlet")
public class snacksServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
private static final String DB_URL = "jdbc:sqlite:C:/Users/asus/produkte.db";
private Map<String, String> iconClassMap = new HashMap<>();
@Override
public void init() throws ServletException {
iconClassMap.put("Salzige Snacks", "");
iconClassMap.put("Süße Snacks","fa-solid fa-cookie");
iconClassMap.put("Saure Snacks","fa-solid fa-jar");
iconClassMap.put("Nüsse","fa-solid fa-bowl-rice");
}
@Override
protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html;charset=UTF-8");
response.setCharacterEncoding("UTF-8");
String categoryFilter = request.getParameter("category");
String searchFilter = request.getParameter("search");
if (categoryFilter == null) categoryFilter = "all"; // Standard: Alle Kategorien
if (searchFilter == null) searchFilter = ""; // Standard: Kein Suchtext
try (PrintWriter out = response.getWriter()) {
try {
Class.forName("org.sqlite.JDBC");
} catch (ClassNotFoundException ex) {
ex.printStackTrace();
out.println("<p>Error: SQLite JDBC Driver not found.</p>");
return;
}
String query = "SELECT * FROM snacks_items WHERE (LOWER(kategorie) LIKE ? OR ? = 'all') AND LOWER(name) LIKE ? ORDER BY id";
try (Connection conn = DriverManager.getConnection(DB_URL);
PreparedStatement stmt = conn.prepareStatement(query)) {
stmt.setString(1, "%" + categoryFilter + "%");
stmt.setString(2, categoryFilter);
stmt.setString(3, "%" + searchFilter.toLowerCase() + "%");
ResultSet rs = stmt.executeQuery();
// HTML-Generierung starten
StringBuilder html = new StringBuilder();
String currentCategory = "";
// Hauptcontainer starten
html.append("<div class=\"menu\" id=\"menu-container\">");
while (rs.next()) {
String category = rs.getString("kategorie");
String name = rs.getString("name");
double price = rs.getDouble("preis");
String allergens = rs.getString("allergene");
String modalName = rs.getString("modal_name");
String modalDescription = rs.getString("modal_beschreibung");
String nutrition = rs.getString("naehrwerte"); // Nährwertdaten
// Neue Kategorie beginnen, wenn sie sich ändert
if (!category.equals(currentCategory)) {
if (!currentCategory.isEmpty()) {
// Schließe die vorherige Kategorie
html.append("</ol></div>");
}
// Neue Kategorie öffnen
html.append("<div class=\"category\" id=\"category-")
.append(category.toLowerCase().replace(" ", "-")).append("\">");
html.append("<h3>").append(category);
// Icon hinzufügen
String iconClass = iconClassMap.get(category);
if (iconClass != null) {
html.append(" <i class=\"").append(iconClass).append("\"></i>");
}
html.append("</h3>");
html.append("<ol class=\"category-items\" id=\"items-")
.append(category.toLowerCase().replace(" ", "-")).append("\">");
currentCategory = category;
}
// Einzelnes Item hinzufügen
html.append("<li class=\"item\" id=\"item-").append(rs.getInt("id")).append("\">")
.append("<span class=\"item-name\">").append(name).append("</span>");
// Allergene hinzufügen
if (allergens != null && !allergens.isEmpty()) {
html.append("<sup class=\"footnote-symbol\">").append(allergens).append("</sup>");
}
// Info-Modal mit Nährwertangaben
if (modalName != null && !modalName.isEmpty()) {
String displayNutrition = (nutrition != null && !nutrition.isEmpty())
? escapeHtml(nutrition)
: "Keine Nährwertangaben vorhanden";
html.append("<span class=\"info-icon\" onclick=\"openModal('")
.append(escapeHtml(modalName)).append("','")
.append(escapeHtml(modalDescription)).append("','")
.append(displayNutrition).append("')\">")
.append("<i class=\"fa-solid fa-circle-info\"></i></span>");
}
// Preis anzeigen
html.append("<span class=\"price\">")
.append(String.format("%.2f €", price)).append("</span>");
html.append("</li>");
}
// Schließe die letzte Kategorie
if (!currentCategory.isEmpty()) {
html.append("</ol></div>");
}
// Hauptcontainer schließen
html.append("</div>");
// Modal hinzufügen
html.append("<div id=\"modal\" class=\"modal\">")
.append("<div class=\"modal-content\">")
.append("<span class=\"close-button\" onclick=\"closeModal()\">×</span>")
.append("<div class=\"tab\">")
.append("<button class=\"tablinks\" onclick=\"openTab(event, 'Description')\">Beschreibung</button>")
.append("<button class=\"tablinks\" onclick=\"openTab(event, 'Nutrition')\">Nährwerte</button>")
.append("</div>")
.append("<div id=\"Description\" class=\"tabcontent\">")
.append("<h4 id=\"modal-title\"></h4>")
.append("<p id=\"modal-description\"></p>")
.append("</div>")
.append("<div id=\"Nutrition\" class=\"tabcontent\">")
.append("<h4>Nährwertangaben</h4>")
.append("<p id=\"modal-nutrition\"></p>")
.append("</div>")
.append("</div></div>");
out.println(html.toString());
} catch (SQLException e) {
response.sendError(HttpServletResponse.SC_INTERNAL_SERVER_ERROR, "Database error: " + e.getMessage());
e.printStackTrace();
}
}
}
private String escapeHtml(String input) {
if (input == null) return "";
return input.replace("&", "&amp;")
.replace("<", "&lt;")
.replace(">", "&gt;")
.replace("\"", "&quot;")
.replace("'", "&#39;");
}
}

178
Projekt_SE2/src/main/java/com/cafe/speisen/speisenServlet.java 100644
View File

@ -0,0 +1,178 @@
package com.cafe.speisen;
import java.io.IOException;
import java.io.PrintWriter;
import java.sql.*;
import java.util.HashMap;
import java.util.Map;
import jakarta.servlet.ServletException;
import jakarta.servlet.annotation.WebServlet;
import jakarta.servlet.http.HttpServlet;
import jakarta.servlet.http.HttpServletRequest;
import jakarta.servlet.http.HttpServletResponse;
@WebServlet("/speisenServlet")
public class speisenServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
private static final String DB_URL = "jdbc:sqlite:C:/Users/asus/produkte.db";
private Map<String, String> iconClassMap = new HashMap<>();
@Override
public void init() throws ServletException {
iconClassMap.put("Vorspeisen", "");
iconClassMap.put("Salate","fa-solid fa-seedling");
iconClassMap.put("Nudelgerichte", "fa-solid fa-bowl-food");
iconClassMap.put("Schnitzel","");
iconClassMap.put("Burger","fa-solid fa-burger");
iconClassMap.put("Fingerfood","fa-solid fa-drumstick-bite");
iconClassMap.put("Pizza","fa-solid fa-pizza-slice");
}
@Override
protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html;charset=UTF-8");
response.setCharacterEncoding("UTF-8");
String categoryFilter = request.getParameter("category");
String searchFilter = request.getParameter("search");
if (categoryFilter == null) categoryFilter = "all"; // Standard: Alle Kategorien
if (searchFilter == null) searchFilter = ""; // Standard: Kein Suchtext
try (PrintWriter out = response.getWriter()) {
try {
Class.forName("org.sqlite.JDBC");
} catch (ClassNotFoundException ex) {
ex.printStackTrace();
out.println("<p>Error: SQLite JDBC Driver not found.</p>");
return;
}
String query = "SELECT * FROM speisen_items WHERE (LOWER(kategorie) LIKE ? OR ? = 'all') AND LOWER(name) LIKE ? ORDER BY id";
try (Connection conn = DriverManager.getConnection(DB_URL);
PreparedStatement stmt = conn.prepareStatement(query)) {
stmt.setString(1, "%" + categoryFilter + "%");
stmt.setString(2, categoryFilter);
stmt.setString(3, "%" + searchFilter.toLowerCase() + "%");
ResultSet rs = stmt.executeQuery();
// HTML-Generierung starten
StringBuilder html = new StringBuilder();
String currentCategory = "";
// Hauptcontainer starten
html.append("<div class=\"menu\" id=\"menu-container\">");
while (rs.next()) {
String category = rs.getString("kategorie");
String name = rs.getString("name");
double price = rs.getDouble("preis");
String allergens = rs.getString("allergene");
String modalName = rs.getString("modal_name");
String modalDescription = rs.getString("modal_beschreibung");
String nutrition = rs.getString("naehrwerte"); // Nährwertdaten
// Neue Kategorie beginnen, wenn sie sich ändert
if (!category.equals(currentCategory)) {
if (!currentCategory.isEmpty()) {
// Schließe die vorherige Kategorie
html.append("</ol></div>");
}
// Neue Kategorie öffnen
html.append("<div class=\"category\" id=\"category-")
.append(category.toLowerCase().replace(" ", "-")).append("\">");
html.append("<h3>").append(category);
// Icon hinzufügen
String iconClass = iconClassMap.get(category);
if (iconClass != null) {
html.append(" <i class=\"").append(iconClass).append("\"></i>");
}
html.append("</h3>");
html.append("<ol class=\"category-items\" id=\"items-")
.append(category.toLowerCase().replace(" ", "-")).append("\">");
currentCategory = category;
}
// Einzelnes Item hinzufügen
html.append("<li class=\"item\" id=\"item-").append(rs.getInt("id")).append("\">")
.append("<span class=\"item-name\">").append(name).append("</span>");
// Allergene hinzufügen
if (allergens != null && !allergens.isEmpty()) {
html.append("<sup class=\"footnote-symbol\">").append(allergens).append("</sup>");
}
// Info-Modal mit Nährwertangaben
if (modalName != null && !modalName.isEmpty()) {
String displayNutrition = (nutrition != null && !nutrition.isEmpty())
? escapeHtml(nutrition)
: "Keine Nährwertangaben vorhanden";
html.append("<span class=\"info-icon\" onclick=\"openModal('")
.append(escapeHtml(modalName)).append("','")
.append(escapeHtml(modalDescription)).append("','")
.append(displayNutrition).append("')\">")
.append("<i class=\"fa-solid fa-circle-info\"></i></span>");
}
// Preis anzeigen
html.append("<span class=\"price\">")
.append(String.format("%.2f €", price)).append("</span>");
html.append("</li>");
}
// Schließe die letzte Kategorie
if (!currentCategory.isEmpty()) {
html.append("</ol></div>");
}
// Hauptcontainer schließen
html.append("</div>");
// Modal hinzufügen
html.append("<div id=\"modal\" class=\"modal\">")
.append("<div class=\"modal-content\">")
.append("<span class=\"close-button\" onclick=\"closeModal()\">×</span>")
.append("<div class=\"tab\">")
.append("<button class=\"tablinks\" onclick=\"openTab(event, 'Description')\">Beschreibung</button>")
.append("<button class=\"tablinks\" onclick=\"openTab(event, 'Nutrition')\">Nährwerte</button>")
.append("</div>")
.append("<div id=\"Description\" class=\"tabcontent\">")
.append("<h4 id=\"modal-title\"></h4>")
.append("<p id=\"modal-description\"></p>")
.append("</div>")
.append("<div id=\"Nutrition\" class=\"tabcontent\">")
.append("<h4>Nährwertangaben</h4>")
.append("<p id=\"modal-nutrition\"></p>")
.append("</div>")
.append("</div></div>");
out.println(html.toString());
} catch (SQLException e) {
response.sendError(HttpServletResponse.SC_INTERNAL_SERVER_ERROR, "Database error: " + e.getMessage());
e.printStackTrace();
}
}
}
private String escapeHtml(String input) {
if (input == null) return "";
return input.replace("&", "&amp;")
.replace("<", "&lt;")
.replace(">", "&gt;")
.replace("\"", "&quot;")
.replace("'", "&#39;");
}
}

BIN
Projekt_SE2/src/main/webapp/Bilder/EJS_Palast_logo.jpg 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 71 KiB

BIN
Projekt_SE2/src/main/webapp/Bilder/headerBild.jpg 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 186 KiB

3
Projekt_SE2/src/main/webapp/META-INF/MANIFEST.MF 100644
View File

@ -0,0 +1,3 @@
Manifest-Version: 1.0
Class-Path:

BIN
Projekt_SE2/src/main/webapp/WEB-INF/lib/sqlite-jdbc-3.47.0.0.jar 100644
View File

Binary file not shown.

49
Projekt_SE2/src/main/webapp/WEB-INF/lib/web.xml 100644
View File

@ -0,0 +1,49 @@
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns="https://jakarta.ee/xml/ns/jakartaee"
xsi:schemaLocation="https://jakarta.ee/xml/ns/jakartaee https://jakarta.ee/xml/ns/jakartaee/web-app_6_0.xsd"
id="WebApp_ID" version="6.0">
<welcome-file-list>
<welcome-file>index.html</welcome-file>
<welcome-file>index.jsp</welcome-file>
<welcome-file>index.htm</welcome-file>
<welcome-file>default.html</welcome-file>
<welcome-file>default.jsp</welcome-file>
<welcome-file>default.htm</welcome-file>
</welcome-file-list>
<display-name>EJSS_Palast</display-name>
<servlet-mapping>
<servlet-name>getraenkeServlet</servlet-name>
<url-pattern>/getraenkeServlet</url-pattern>
</servlet-mapping>
<servlet>
<servlet-name>getraenkeServlet</servlet-name>
<servlet-class>com.cafe.getraenke.getraenkeServlet</servlet-class>
</servlet>
<servlet>
<servlet-name>LoginServlet</servlet-name>
<servlet-class>com.cafe.login.LoginServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>LoginServlet</servlet-name>
<url-pattern>/LoginServlet</url-pattern>
</servlet-mapping>
<servlet>
<servlet-name>speisenServlet</servlet-name>
<servlet-class>com.cafe.speisen.speisenServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>speisenServlet</servlet-name>
<url-pattern>/speisenServlet</url-pattern>
</servlet-mapping>
<servlet>
<servlet-name>snacksServlet</servlet-name>
<servlet-class>com.cafe.snacks.snacksServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>snacksServlet</servlet-name>
<url-pattern>/snacksServlet</url-pattern>
</servlet-mapping></web-app>

84
Projekt_SE2/src/main/webapp/chef.jsp 100644
View File

@ -0,0 +1,84 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>EJSS Palast - Chefbereich</title>
<link rel="icon" href="Bilder/EJS_Palast_logo.jpg" type="image/x-icon" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css"/>
<link rel="stylesheet" href="styles.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Playwrite+GB+S:ital,wght@0,100..400;1,100..400&display=swap"
rel="stylesheet">
<link
href="https://fonts.googleapis.com/css2?family=Gowun+Dodum&family=Playwrite+GB+S:ital,wght@0,100..400;1,100..400&display=swap"
rel="stylesheet">
</head>
<body>
<header id="Anfang">
<img src="Bilder/EJS_Palast_logo.jpg" alt="EJS Logo" class="logoOben">
<h1>EJSS Palast - Chef</h1>
</header>
<nav>
<span class="menu-icon" onclick="toggleMenu()">☰ Menu</span>
<div class="navigation">
<ul>
<li><a href="/Projekt_SE2/chef.jsp" class="aktiv"><i class="fa-solid fa-house"></i> Startseite</a></li>
<li><a href="/Projekt_SE2/chefFunktionen/schichtenPlan.jsp"><i class="fa-solid fa-calendar-days"></i> Schichtenplan</a></li>
<li><a href="/Projekt_SE2/chefFunktionen/mitarbeiterVerwaltung.jsp"><i class="fa-solid fa-users-gear"></i> Mitarbeiterverwaltung</a></li>
<li><a href="/Projekt_SE2/chefFunktionen/produktVerwaltung.jsp"><i class="fa-solid fa-folder"></i> Produktverwaltung</a></li>
<li><a href="#" onclick="openLogoutPopup()"><i class="fa-solid fa-right-to-bracket"></i> Abmelden</a></li>
</ul>
</div>
</nav>
<main>
<!-- Popup-HTML -->
<div id="logoutPopup" class="popup">
<div class="popup-content">
<h3>Abmelden</h3>
<p>Möchten Sie sich wirklich abmelden?</p><br>
<div class="popup-actions">
<button onclick="confirmLogout()">Ja</button><br><hr>
<button onclick="closeLogoutPopup()">Nein</button>
</div>
</div>
</div>
<div class="willkommenstext">
<p>
<span class="einleitung">Willkommen im Chefbereich<br>vom EJSS Palast</span><br>
Hier kannst du alles verwalten, was dein Lokal so besonders macht.<br>
In der vertrauten und professionellen Umgebung<br>
hast du die Kontrolle über alle Abläufe.<br>
<strong>Organisiere Veranstaltungen,<br>pflege Speise- und Getränkekarten,<br>
und behalte den Überblick über deine Buchungen<br>
und die Performance deines Cafés.</strong><br>
Falls du Unterstützung brauchst, steht dir unser Support-Team jederzeit zur Verfügung.<br>
Wir freuen uns, dich auf dem Weg zum Erfolg begleiten zu dürfen.<br>
<em>Dein EJSS Palast Admin-Team</em>
</p>
</div>
</main>
<a href="#Anfang"><h4>Zurück zum Anfang</h4></a>
<footer>
<img src="Bilder/EJS_Palast_logo.jpg" alt="EJS Logo" class="logo">
<p>
<small>Anschrift:<br>
Musterstrasse 10<br>
68163 Mannheim</small>
</p>
<div class="socials">
<a href="https://www.facebook.com" target="_blank"><i class="fa-brands fa-facebook"></i></a>
<a href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i></a>
<a href="tel:004962012345678" class="call-icon"><i class="fa-solid fa-phone"></i></a>
</div>
</footer>
<script src="/Projekt_SE2/chefFunktionen/chefScript.js"></script>
</body>
</html>

20
Projekt_SE2/src/main/webapp/chefFunktionen/chefScript.js 100644
View File

@ -0,0 +1,20 @@
// Öffnet das Logout-Popup
function openLogoutPopup() {
const popup = document.getElementById("logoutPopup");
if (popup) {
popup.style.display = "flex";
}
}
// Schließt das Logout-Popup
function closeLogoutPopup() {
const popup = document.getElementById("logoutPopup");
if (popup) {
popup.style.display = "none";
}
}
// Bestätigt die Abmeldung und leitet zur Startseite weiter
function confirmLogout() {
window.location.href = "/Projekt_SE2/startseite.jsp"; // Weiterleitung zur Startseite
}

80
Projekt_SE2/src/main/webapp/chefFunktionen/mitarbeiterVerwaltung.jsp 100644
View File

@ -0,0 +1,80 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>EJSS Palast - Mitarbeiterverwaltung</title>
<link rel="icon" href="/Projekt_SE2/Bilder/EJS_Palast_logo.jpg" type="image/x-icon" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css"/>
<link rel="stylesheet" href="/Projekt_SE2/styles.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Playwrite+GB+S:ital,wght@0,100..400;1,100..400&display=swap"
rel="stylesheet">
<link
href="https://fonts.googleapis.com/css2?family=Gowun+Dodum&family=Playwrite+GB+S:ital,wght@0,100..400;1,100..400&display=swap"
rel="stylesheet">
</head>
<body>
<header id="Anfang">
<img src="/Projekt_SE2/Bilder/EJS_Palast_logo.jpg" alt="EJS Logo" class="logoOben">
<h1>EJSS Palast - Chef</h1>
</header>
<nav>
<span class="menu-icon" onclick="toggleMenu()">☰ Menu</span>
<div class="navigation">
<ul>
<li><a href="/Projekt_SE2/chef.jsp"><i class="fa-solid fa-house"></i> Startseite</a></li>
<li><a href="/Projekt_SE2/chefFunktionen/schichtenPlan.jsp"><i class="fa-solid fa-calendar-days"></i> Schichtenplan</a></li>
<li><a href="/Projekt_SE2/chefFunktionen/mitarbeiterVerwaltung.jsp" class="aktiv"><i class="fa-solid fa-users-gear"></i> Mitarbeiterverwaltung</a></li>
<li><a href="/Projekt_SE2/chefFunktionen/produktVerwaltung.jsp"><i class="fa-solid fa-folder"></i> Produktverwaltung</a></li>
<li><a href="#" onclick="openLogoutPopup()"><i class="fa-solid fa-right-to-bracket"></i> Abmelden</a></li>
</ul>
</div>
</nav>
<main>
<!-- Popup-HTML -->
<div id="logoutPopup" class="popup">
<div class="popup-content">
<h3>Abmelden</h3>
<p>Möchten Sie sich wirklich abmelden?</p><br>
<div class="popup-actions">
<button onclick="confirmLogout()">Ja</button><br><hr>
<button onclick="closeLogoutPopup()">Nein</button>
</div>
</div>
</div>
<div class="willkommenstext">
<p>
<span class="einleitung">Willkommen zur Mitarbeiterverwaltung<br>vom EJSS Palast</span><br>
<strong>Hier kannst du alle deine Mitarbeiter verwalten, ihre Daten einsehen und deren Passwörter aktuellisieren.</strong><br>
Falls du Unterstützung brauchst, steht dir unser Support-Team jederzeit zur Verfügung.<br>
Wir freuen uns, dich auf dem Weg zum Erfolg begleiten zu dürfen.<br>
<em>Dein EJSS Palast Admin-Team</em>
</p>
</div>
</main>
<a href="#Anfang"><h4>Zurück zum Anfang</h4></a>
<footer>
<img src="/Projekt_SE2/Bilder/EJS_Palast_logo.jpg" alt="EJS Logo" class="logo">
<p>
<small>Anschrift:<br>
Musterstrasse 10<br>
68163 Mannheim</small>
</p>
<div class="socials">
<a href="https://www.facebook.com" target="_blank"><i class="fa-brands fa-facebook"></i></a>
<a href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i></a>
<a href="tel:004962012345678" class="call-icon"><i class="fa-solid fa-phone"></i></a>
</div>
</footer>
<script src="/Projekt_SE2/chefFunktionen/chefScript.js"></script>
</body>
</html>

80
Projekt_SE2/src/main/webapp/chefFunktionen/produktVerwaltung.jsp 100644
View File

@ -0,0 +1,80 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>EJSS Palast - Produktverwaltung</title>
<link rel="icon" href="/Projekt_SE2/Bilder/EJS_Palast_logo.jpg" type="image/x-icon" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css"/>
<link rel="stylesheet" href="/Projekt_SE2/styles.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Playwrite+GB+S:ital,wght@0,100..400;1,100..400&display=swap"
rel="stylesheet">
<link
href="https://fonts.googleapis.com/css2?family=Gowun+Dodum&family=Playwrite+GB+S:ital,wght@0,100..400;1,100..400&display=swap"
rel="stylesheet">
</head>
<body>
<header id="Anfang">
<img src="/Projekt_SE2/Bilder/EJS_Palast_logo.jpg" alt="EJS Logo" class="logoOben">
<h1>EJSS Palast - Chef</h1>
</header>
<nav>
<span class="menu-icon" onclick="toggleMenu()">☰ Menu</span>
<div class="navigation">
<ul>
<li><a href="/Projekt_SE2/chef.jsp"><i class="fa-solid fa-house"></i> Startseite</a></li>
<li><a href="/Projekt_SE2/chefFunktionen/schichtenPlan.jsp"><i class="fa-solid fa-calendar-days"></i> Schichtenplan</a></li>
<li><a href="/Projekt_SE2/chefFunktionen/mitarbeiterVerwaltung.jsp"><i class="fa-solid fa-users-gear"></i> Mitarbeiterverwaltung</a></li>
<li><a href="/Projekt_SE2/chefFunktionen/produktVerwaltung.jsp" class="aktiv"><i class="fa-regular fa-folder-open"></i> Produktverwaltung</a></li>
<li><a href="#" onclick="openLogoutPopup()"><i class="fa-solid fa-right-to-bracket"></i> Abmelden</a></li>
</ul>
</div>
</nav>
<main>
<!-- Popup-HTML -->
<div id="logoutPopup" class="popup">
<div class="popup-content">
<h3>Abmelden</h3>
<p>Möchten Sie sich wirklich abmelden?</p><br>
<div class="popup-actions">
<button onclick="confirmLogout()">Ja</button><br><hr>
<button onclick="closeLogoutPopup()">Nein</button>
</div>
</div>
</div>
<div class="willkommenstext">
<p>
<span class="einleitung">Willkommen zur Produktverwaltung<br>vom EJSS Palast</span><br>
<strong>Hier kannst du alle deine Produkt-Angebote verwalten, neue einfügen, löschen und aktuellisieren</strong><br>
Falls du Unterstützung brauchst, steht dir unser Support-Team jederzeit zur Verfügung.<br>
Wir freuen uns, dich auf dem Weg zum Erfolg begleiten zu dürfen.<br>
<em>Dein EJSS Palast Admin-Team</em>
</p>
</div>
</main>
<a href="#Anfang"><h4>Zurück zum Anfang</h4></a>
<footer>
<img src="/Projekt_SE2/Bilder/EJS_Palast_logo.jpg" alt="EJS Logo" class="logo">
<p>
<small>Anschrift:<br>
Musterstrasse 10<br>
68163 Mannheim</small>
</p>
<div class="socials">
<a href="https://www.facebook.com" target="_blank"><i class="fa-brands fa-facebook"></i></a>
<a href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i></a>
<a href="tel:004962012345678" class="call-icon"><i class="fa-solid fa-phone"></i></a>
</div>
</footer>
<script src="/Projekt_SE2/chefFunktionen/chefScript.js"></script>
</body>
</html>

80
Projekt_SE2/src/main/webapp/chefFunktionen/schichtenPlan.jsp 100644
View File

@ -0,0 +1,80 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>EJSS Palast - Schichtenplan</title>
<link rel="icon" href="/Projekt_SE2/Bilder/EJS_Palast_logo.jpg" type="image/x-icon" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css"/>
<link rel="stylesheet" href="/Projekt_SE2/styles.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Playwrite+GB+S:ital,wght@0,100..400;1,100..400&display=swap"
rel="stylesheet">
<link
href="https://fonts.googleapis.com/css2?family=Gowun+Dodum&family=Playwrite+GB+S:ital,wght@0,100..400;1,100..400&display=swap"
rel="stylesheet">
</head>
<body>
<header id="Anfang">
<img src="/Projekt_SE2/Bilder/EJS_Palast_logo.jpg" alt="EJS Logo" class="logoOben">
<h1>EJSS Palast - Chef</h1>
</header>
<nav>
<span class="menu-icon" onclick="toggleMenu()">☰ Menu</span>
<div class="navigation">
<ul>
<li><a href="/Projekt_SE2/chef.jsp"><i class="fa-solid fa-house"></i> Startseite</a></li>
<li><a href="/Projekt_SE2/chefFunktionen/schichtenPlan.jsp" class="aktiv"><i class="fa-solid fa-calendar-days"></i> Schichtenplan</a></li>
<li><a href="/Projekt_SE2/chefFunktionen/mitarbeiterVerwaltung.jsp"><i class="fa-solid fa-users-gear"></i> Mitarbeiterverwaltung</a></li>
<li><a href="/Projekt_SE2/chefFunktionen/produktVerwaltung.jsp"><i class="fa-solid fa-folder"></i> Produktverwaltung</a></li>
<li><a href="#" onclick="openLogoutPopup()"><i class="fa-solid fa-right-to-bracket"></i> Abmelden</a></li>
</ul>
</div>
</nav>
<main>
<!-- Popup-HTML -->
<div id="logoutPopup" class="popup">
<div class="popup-content">
<h3>Abmelden</h3>
<p>Möchten Sie sich wirklich abmelden?</p><br>
<div class="popup-actions">
<button onclick="confirmLogout()">Ja</button><br><hr>
<button onclick="closeLogoutPopup()">Nein</button>
</div>
</div>
</div>
<div class="willkommenstext">
<p>
<span class="einleitung">Willkommen zum Schichtenplan<br>vom EJSS Palast</span><br>
<strong>Hier kannst du alle Schichten von deinen Mitarbeiter einsehen.</strong><br>
Falls du Unterstützung brauchst, steht dir unser Support-Team jederzeit zur Verfügung.<br>
Wir freuen uns, dich auf dem Weg zum Erfolg begleiten zu dürfen.<br>
<em>Dein EJSS Palast Admin-Team</em>
</p>
</div>
</main>
<a href="#Anfang"><h4>Zurück zum Anfang</h4></a>
<footer>
<img src="/Projekt_SE2/Bilder/EJS_Palast_logo.jpg" alt="EJS Logo" class="logo">
<p>
<small>Anschrift:<br>
Musterstrasse 10<br>
68163 Mannheim</small>
</p>
<div class="socials">
<a href="https://www.facebook.com" target="_blank"><i class="fa-brands fa-facebook"></i></a>
<a href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i></a>
<a href="tel:004962012345678" class="call-icon"><i class="fa-solid fa-phone"></i></a>
</div>
</footer>
<script src="/Projekt_SE2/chefFunktionen/chefScript.js"></script>
</body>
</html>

299
Projekt_SE2/src/main/webapp/getraenke.jsp 100644
View File

@ -0,0 +1,299 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>EJSS Palast - Getränke</title>
<link rel="icon" href="Bilder/EJS_Palast_logo.jpg" type="image/x-icon" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css"/>
<link rel="stylesheet" href="styles.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Playwrite+GB+S:ital,wght@0,100..400;1,100..400&display=swap"
rel="stylesheet">
<link
href="https://fonts.googleapis.com/css2?family=Gowun+Dodum&family=Playwrite+GB+S:ital,wght@0,100..400;1,100..400&display=swap"
rel="stylesheet">
</head>
<body>
<header id="Anfang">
<img src="Bilder/EJS_Palast_logo.jpg" alt="EJS Logo" class="logoOben">
<h1>EJSS Palast</h1>
</header>
<nav>
<span class="menu-icon" onclick="toggleMenu()">☰ Menu</span>
<div class="navigation">
<ul>
<li><a href="startseite.jsp"><i class="fa-solid fa-house"></i> Startseite</a></li>
<li><a href="getraenke.jsp" class="aktiv"><i class="fas fa-glass-cheers"></i> Getränke</a></li>
<li><a href="speisen.jsp"><i class="fa-solid fa-pizza-slice"></i> Speisen</a>
<li><a href="snacks.jsp"><i class="fa-solid fa-cookie-bite"></i> Snacks</a></li>
<li><a href="#" onclick="openLoginPopup()"><i class="fa-solid fa-right-to-bracket"></i> Anmelden</a></li>
</ul>
</div>
</nav>
<!-- Login Popup -->
<div id="loginPopup" class="popup">
<div class="popup-content">
<span class="close-button" onclick="closeLoginPopup()">×</span>
<h3>Login</h3>
<form action="/Projekt_SE2/LoginServlet" method="post" id="loginForm">
<label for="username">Benutzername:</label>
<input type="text" id="username" name="username" placeholder="Benutzername" required>
<label for="password">Passwort:</label>
<input type="password" id="password" name="password" placeholder="Passwort" required>
<button type="submit">Anmelden</button>
</form>
</div>
</div>
<main>
<!-- Such- und Filterfunktionen -->
<div class="search-filter">
<input
type="text"
id="searchInput"
placeholder="Suche nach Getränken..."
oninput="applyFilters('getraenke')"
/>
<select id="categoryFilter" onchange="applyFilters('getraenke')">
<option value="all" selected>Alle Kategorien</option>
<option value="Warme Getränke">Warme Getränke</option>
<option value="Alkoholfreie Getränke">Alkoholfreie Getränke</option>
<option value="biere">Biere</option>
<option value="weine">Weine</option>
<option value="Liköre & Edelbrände">Liköre & Edelbrände</option>
<option value="longdrinks">Longdrinks</option>
<option value="alkoholische cocktails">Alkoholische Cocktails</option>
<option value="alkoholfreie cocktails">Alkoholfreie Cocktails</option>
</select>
</div>
<!-- Einfügen der Getränke -->
<div id="getraenke-inhalt"></div>
<div class="menu zusatzstoffe" id="menuItems">
<h3 onclick="toggleAccordion('zusatzstoffe-content')">
Zusatzstoffe & Hinweise<span class="toggle-icon">+</span>
</h3>
<div id="zusatzstoffe-content" class="accordion-content">
<table class="zusatzstoffe-table">
<tr>
<td><strong>1</strong></td>
<td>mit Antioxidationsmittel</td>
</tr>
<tr>
<td><strong>2</strong></td>
<td>mit Konservierungsstoffen</td>
</tr>
<tr>
<td><strong>3</strong></td>
<td>mit Farbstoffen</td>
</tr>
<tr>
<td><strong>4</strong></td>
<td>mit Süßungsmittel</td>
</tr>
<tr>
<td><strong>5</strong></td>
<td>enthält eine Phenyalaninquelle</td>
</tr>
<tr>
<td><strong>6</strong></td>
<td>mit Geschmacksverstärker</td>
</tr>
<tr>
<td><strong>7</strong></td>
<td>mit Phosphat</td>
</tr>
<tr>
<td><strong>8</strong></td>
<td>geschwefelt</td>
</tr>
<tr>
<td><strong>9</strong></td>
<td>gewachst</td>
</tr>
<tr>
<td><strong>10</strong></td>
<td>geschwärzt</td>
</tr>
<tr>
<td><strong>11</strong></td>
<td>Oberfläche mit Natamycin behandelt</td>
</tr>
<tr>
<td><strong>12</strong></td>
<td>mit Chinin</td>
</tr>
<tr>
<td><strong>13</strong></td>
<td>mit Coffein</td>
</tr>
<tr>
<td><strong>14</strong></td>
<td>mit Alkohol</td>
</tr>
<tr>
<td><strong>15</strong></td>
<td>mit Taurin</td>
</tr>
<tr>
<td><strong>16</strong></td>
<td>mit Nitrit</td>
</tr>
</table>
<h4>Alle Preise sind inkl. MwSt!</h4>
</div>
</div>
<div class="menu allergene" id="menuItems">
<h3 onclick="toggleAccordion('allergen-content')">
Allergene<span class="toggle-icon">+</span>
</h3>
<div id="allergen-content" class="accordion-content">
<table class="allergen-table">
<tr>
<td><strong>A</strong></td>
<td>Glutenhaltiges Getreide</td>
</tr>
<tr>
<td><strong>A1</strong></td>
<td>Weizen</td>
</tr>
<tr>
<td><strong>A2</strong></td>
<td>Roggen</td>
</tr>
<tr>
<td><strong>A3</strong></td>
<td>Gerste</td>
</tr>
<tr>
<td><strong>A4</strong></td>
<td>Hafer</td>
</tr>
<tr>
<td><strong>A5</strong></td>
<td>Dinkel</td>
</tr>
<tr>
<td><strong>A6</strong></td>
<td>Kamut</td>
</tr>
<tr>
<td><strong>B</strong></td>
<td>Krebstiere</td>
</tr>
<tr>
<td><strong>C</strong></td>
<td>Eier</td>
</tr>
<tr>
<td><strong>D</strong></td>
<td>Fisch</td>
</tr>
<tr>
<td><strong>E</strong></td>
<td>Erdnüsse</td>
</tr>
<tr>
<td><strong>F</strong></td>
<td>Soja</td>
</tr>
<tr>
<td><strong>G</strong></td>
<td>Milch einschl. Lactose</td>
</tr>
<tr>
<td><strong>H</strong></td>
<td>Schalenfrüchte</td>
</tr>
<tr>
<td><strong>H1</strong></td>
<td>Mandeln</td>
</tr>
<tr>
<td><strong>H2</strong></td>
<td>Haselnüsse</td>
</tr>
<tr>
<td><strong>H3</strong></td>
<td>Walnüsse</td>
</tr>
<tr>
<td><strong>H4</strong></td>
<td>Cashewnüsse/Kaschunüsse</td>
</tr>
<tr>
<td><strong>H5</strong></td>
<td>Pecannüsse</td>
</tr>
<tr>
<td><strong>H6</strong></td>
<td>Paranüsse</td>
</tr>
<tr>
<td><strong>H7</strong></td>
<td>Pistazien</td>
</tr>
<tr>
<td><strong>H8</strong></td>
<td>Macadamianüsse/Queenslandnüsse</td>
</tr>
<tr>
<td><strong>I</strong></td>
<td>Sellerie</td>
</tr>
<tr>
<td><strong>J</strong></td>
<td>Senf</td>
</tr>
<tr>
<td><strong>K</strong></td>
<td>Sesamsamen</td>
</tr>
<tr>
<td><strong>L</strong></td>
<td>Schwefeldioxid und Sulfite</td>
</tr>
<tr>
<td><strong>M</strong></td>
<td>Lupinen</td>
</tr>
<tr>
<td><strong>N</strong></td>
<td>Weichtiere</td>
</tr>
</table>
</div>
</div>
</main>
<a href="#Anfang">
<h4>Zurück zum Anfang</h4>
</a>
<footer>
<img src="Bilder/EJS_Palast_logo.jpg" alt="EJS Logo" class="logo">
<p>
<small>Anschrift:<br>
Musterstrasse 10<br>
68163 Mannheim</small>
</p>
<div class="socials">
<a href="https://www.facebook.com" target="_blank"><i class="fa-brands fa-facebook"></i></a>
<a href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i></a>
<a href="tel:004962012345678" class="call-icon"><i class="fa-solid fa-phone"></i></a>
</div>
</footer>
<script src="script.js"></script>
<script src="modalScript.js"></script>
</body>
</html>

78
Projekt_SE2/src/main/webapp/mitarbeiter.jsp 100644
View File

@ -0,0 +1,78 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>EJSS Palast - Mitarbeiterbereich</title>
<link rel="icon" href="Bilder/EJS_Palast_logo.jpg" type="image/x-icon" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css"/>
<link rel="stylesheet" href="styles.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Playwrite+GB+S:ital,wght@0,100..400;1,100..400&display=swap"
rel="stylesheet">
<link
href="https://fonts.googleapis.com/css2?family=Gowun+Dodum&family=Playwrite+GB+S:ital,wght@0,100..400;1,100..400&display=swap"
rel="stylesheet">
</head>
<body>
<header id="Anfang">
<img src="Bilder/EJS_Palast_logo.jpg" alt="EJS Logo" class="logoOben">
<h1>EJSS Palast - Mitarbeiter</h1>
</header>
<nav>
<span class="menu-icon" onclick="toggleMenu()">☰ Menu</span>
<div class="navigation">
<ul>
<li><a href="/Projekt_SE2/mitarbeiter.jsp" class="aktiv"><i class="fa-solid fa-house"></i> Startseite</a></li>
<li><a href="/Projekt_SE2/mitarbeiterFunktionen/schichtenPlanMitarbeiter.jsp"><i class="fa-solid fa-calendar-days"></i> Schichtenplan</a></li>
<li><a href="/Projekt_SE2/mitarbeiterFunktionen/datenMitarbeiter.jsp"><i class="fa-solid fa-user"></i> Persönliche Daten</a></li>
<li><a href="#" onclick="openLogoutPopup()"><i class="fa-solid fa-right-to-bracket"></i> Abmelden</a></li>
</ul>
</div>
</nav>
<main>
<!-- Popup-HTML -->
<div id="logoutPopup" class="popup">
<div class="popup-content">
<h3>Abmelden</h3>
<p>Möchten Sie sich wirklich abmelden?</p><br>
<div class="popup-actions">
<button onclick="confirmLogout()">Ja</button><br><hr>
<button onclick="closeLogoutPopup()">Nein</button>
</div>
</div>
</div>
<div class="willkommenstext">
<p> <span class="einleitung">Willkommen im Mitarbeiterbereich<br>vom EJSS Palast</span><br>
Du bist eingeloggt als: ... <br>
<strong>Plane deine Schichten,<br>und behalte den Überblick über deine persönliche Daten</strong><br>
Deine Arbeit macht den Unterschied und trägt dazu bei, unseren Gästen unvergessliche Momente zu bereiten.<br>
Solltest du Unterstützung benötigen, steht dir unser Team jederzeit zur Seite.<br>
<em>Vielen Dank für deinen Einsatz!<br>
Dein EJSS Palast Team</em>
</p>
</div>
</main>
<a href="#Anfang"><h4>Zurück zum Anfang</h4></a>
<footer>
<img src="Bilder/EJS_Palast_logo.jpg" alt="EJS Logo" class="logo">
<p>
<small>Anschrift:<br>
Musterstrasse 10<br>
68163 Mannheim</small>
</p>
<div class="socials">
<a href="https://www.facebook.com" target="_blank"><i class="fa-brands fa-facebook"></i></a>
<a href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i></a>
<a href="tel:004962012345678" class="call-icon"><i class="fa-solid fa-phone"></i></a>
</div>
</footer>
<script src="/Projekt_SE2/mitarbeiterFunktionen/mitarbeiterScript.js"></script>
</body>
</html>

77
Projekt_SE2/src/main/webapp/mitarbeiterFunktionen/datenMitarbeiter.jsp 100644
View File

@ -0,0 +1,77 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>EJSS Palast - Pers. Daten</title>
<link rel="icon" href="/Projekt_SE2/Bilder/EJS_Palast_logo.jpg" type="image/x-icon" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css"/>
<link rel="stylesheet" href="/Projekt_SE2/styles.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Playwrite+GB+S:ital,wght@0,100..400;1,100..400&display=swap"
rel="stylesheet">
<link
href="https://fonts.googleapis.com/css2?family=Gowun+Dodum&family=Playwrite+GB+S:ital,wght@0,100..400;1,100..400&display=swap"
rel="stylesheet">
</head>
<body>
<header id="Anfang">
<img src="/Projekt_SE2/Bilder/EJS_Palast_logo.jpg" alt="EJS Logo" class="logoOben">
<h1>EJSS Palast - Mitarbeiter</h1>
</header>
<nav>
<span class="menu-icon" onclick="toggleMenu()">☰ Menu</span>
<div class="navigation">
<ul>
<li><a href="/Projekt_SE2/mitarbeiter.jsp"><i class="fa-solid fa-house"></i> Startseite</a></li>
<li><a href="/Projekt_SE2/mitarbeiterFunktionen/schichtenPlanMitarbeiter.jsp"><i class="fa-solid fa-calendar-days"></i> Schichtenplan</a></li>
<li><a href="/Projekt_SE2/mitarbeiterFunktionen/datenMitarbeiter.jsp" class="aktiv"><i class="fa-solid fa-user"></i> Persönliche Daten</a></li>
<li><a href="#" onclick="openLogoutPopup()"><i class="fa-solid fa-right-to-bracket"></i> Abmelden</a></li>
</ul>
</div>
</nav>
<main>
<!-- Popup-HTML -->
<div id="logoutPopup" class="popup">
<div class="popup-content">
<h3>Abmelden</h3>
<p>Möchten Sie sich wirklich abmelden?</p><br>
<div class="popup-actions">
<button onclick="confirmLogout()">Ja</button><br><hr>
<button onclick="closeLogoutPopup()">Nein</button>
</div>
</div>
</div>
<div class="willkommenstext">
<p> <span class="einleitung">Willkommen zum Persönlichem-Bereich<br>vom EJSS Palast</span><br>
Du bist eingeloggt als: ....<br>
<strong>Hier kannst du deine persönliche Daten einsehen und verwalten.</strong><br>
<em>Vielen Dank für deinen Einsatz!<br>
Dein EJSS Palast Team</em>
</p>
</div>
</main>
<a href="#Anfang"><h4>Zurück zum Anfang</h4></a>
<footer>
<img src="/Projekt_SE2/Bilder/EJS_Palast_logo.jpg" alt="EJS Logo" class="logo">
<p>
<small>Anschrift:<br>
Musterstrasse 10<br>
68163 Mannheim</small>
</p>
<div class="socials">
<a href="https://www.facebook.com" target="_blank"><i class="fa-brands fa-facebook"></i></a>
<a href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i></a>
<a href="tel:004962012345678" class="call-icon"><i class="fa-solid fa-phone"></i></a>
</div>
</footer>
<script src="/Projekt_SE2/mitarbeiterFunktionen/mitarbeiterScript.js"></script>
</body>
</html>

20
Projekt_SE2/src/main/webapp/mitarbeiterFunktionen/mitarbeiterScript.js 100644
View File

@ -0,0 +1,20 @@
// Öffnet das Logout-Popup
function openLogoutPopup() {
const popup = document.getElementById("logoutPopup");
if (popup) {
popup.style.display = "flex";
}
}
// Schließt das Logout-Popup
function closeLogoutPopup() {
const popup = document.getElementById("logoutPopup");
if (popup) {
popup.style.display = "none";
}
}
// Bestätigt die Abmeldung und leitet zur Startseite weiter
function confirmLogout() {
window.location.href = "/Projekt_SE2/startseite.jsp"; // Weiterleitung zur Startseite
}

80
Projekt_SE2/src/main/webapp/mitarbeiterFunktionen/schichtenPlanMitarbeiter.jsp 100644
View File

@ -0,0 +1,80 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>EJSS Palast - Schichtenplan</title>
<link rel="icon" href="/Projekt_SE2/Bilder/EJS_Palast_logo.jpg" type="image/x-icon" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css"/>
<link rel="stylesheet" href="/Projekt_SE2/styles.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Playwrite+GB+S:ital,wght@0,100..400;1,100..400&display=swap"
rel="stylesheet">
<link
href="https://fonts.googleapis.com/css2?family=Gowun+Dodum&family=Playwrite+GB+S:ital,wght@0,100..400;1,100..400&display=swap"
rel="stylesheet">
</head>
<body>
<header id="Anfang">
<img src="/Projekt_SE2/Bilder/EJS_Palast_logo.jpg" alt="EJS Logo" class="logoOben">
<h1>EJSS Palast - Mitarbeiter</h1>
</header>
<nav>
<span class="menu-icon" onclick="toggleMenu()">☰ Menu</span>
<div class="navigation">
<ul>
<li><a href="/Projekt_SE2/mitarbeiter.jsp"><i class="fa-solid fa-house"></i> Startseite</a></li>
<li><a href="/Projekt_SE2/mitarbeiterFunktionen/schichtenPlanMitarbeiter.jsp" class="aktiv"><i class="fa-solid fa-calendar-days"></i> Schichtenplan</a></li>
<li><a href="/Projekt_SE2/mitarbeiterFunktionen/datenMitarbeiter.jsp"><i class="fa-solid fa-user"></i> Persönliche Daten</a></li>
<li><a href="#" onclick="openLogoutPopup()"><i class="fa-solid fa-right-to-bracket"></i> Abmelden</a></li>
</ul>
</div>
</nav>
<main>
<!-- Popup-HTML -->
<div id="logoutPopup" class="popup">
<div class="popup-content">
<h3>Abmelden</h3>
<p>Möchten Sie sich wirklich abmelden?</p><br>
<div class="popup-actions">
<button onclick="confirmLogout()">Ja</button><br><hr>
<button onclick="closeLogoutPopup()">Nein</button>
</div>
</div>
</div>
<div class="willkommenstext">
<p> <span class="einleitung">Willkommen zur Schichtplanung<br>vom EJSS Palast</span><br>
Du bist eingeloggt als: ....<br>
<strong>Hier kannst du deine Schichten einsehen und auswählen,<br>
um deinen Beitrag zu unserem Team zu planen.</strong><br>
<strong>Bitte beachte, dass du dich nicht selbst aus einer Schicht austragen kannst.<br>
Falls du dich abmelden möchtest,<br>kontaktiere bitte den Chef oder die zuständige Person.</strong><br>
<em>Vielen Dank für deinen Einsatz!<br>
Dein EJSS Palast Team</em>
</p>
</div>
</main>
<a href="#Anfang"><h4>Zurück zum Anfang</h4></a>
<footer>
<img src="/Projekt_SE2/Bilder/EJS_Palast_logo.jpg" alt="EJS Logo" class="logo">
<p>
<small>Anschrift:<br>
Musterstrasse 10<br>
68163 Mannheim</small>
</p>
<div class="socials">
<a href="https://www.facebook.com" target="_blank"><i class="fa-brands fa-facebook"></i></a>
<a href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i></a>
<a href="tel:004962012345678" class="call-icon"><i class="fa-solid fa-phone"></i></a>
</div>
</footer>
<script src="/Projekt_SE2/mitarbeiterFunktionen/mitarbeiterScript.js"></script>
</body>
</html>

57
Projekt_SE2/src/main/webapp/modalScript.js 100644
View File

@ -0,0 +1,57 @@
// Modal-Logik initialisieren
function initializeModalLogic() {
const modal = document.getElementById("modal");
const modalTitle = document.getElementById("modal-title");
const modalDescription = document.getElementById("modal-description");
const modalNutrition = document.getElementById("modal-nutrition");
if (!modal || !modalTitle || !modalDescription || !modalNutrition) {
console.error("Modal-Elemente fehlen.");
return;
}
window.addEventListener("click", (event) => {
if (event.target === modal) {
closeModal();
}
});
}
// Modal öffnen
function openModal(title, description, nutrition) {
document.getElementById("modal-title").textContent = title;
document.getElementById("modal-description").textContent = description;
document.getElementById("modal-nutrition").textContent = nutrition;
openTab(null, "Description"); // Standardmäßig Beschreibung anzeigen
document.getElementById("modal").style.display = "block";
}
// Modal schließen
function closeModal() {
document.getElementById("modal").style.display = "none";
}
// Tabs in Modal öffnen
function openTab(evt, tabName) {
const tabContents = document.getElementsByClassName("tabcontent");
for (let i = 0; i < tabContents.length; i++) {
tabContents[i].style.display = "none";
}
const tabButtons = document.getElementsByClassName("tablinks");
for (let i = 0; i < tabButtons.length; i++) {
tabButtons[i].classList.remove("active");
}
const activeTab = document.getElementById(tabName);
if (activeTab) {
activeTab.style.display = "block";
} else {
console.error("Tab-Inhalt nicht gefunden:", tabName);
}
if (evt) {
evt.currentTarget.classList.add("active");
}
}

155
Projekt_SE2/src/main/webapp/script.js 100644
View File

@ -0,0 +1,155 @@
// Initialisiert Filter, Scroll-Animationen und Modal-Logik
document.addEventListener("DOMContentLoaded", () => {
initializeEventListeners();
initializeModalLogic();
initializeScrollAnimations();
});
// Funktion zum Anwenden von Filtern
function applyFilters(type) {
const searchInput = document.getElementById("searchInput").value;
const categoryFilter = document.getElementById("categoryFilter").value;
let servletUrl = "";
switch (type) {
case "speisen":
servletUrl = "/Projekt_SE2/speisenServlet";
break;
case "getraenke":
servletUrl = "/Projekt_SE2/getraenkeServlet";
break;
case "snacks":
servletUrl = "/Projekt_SE2/snacksServlet";
break;
default:
console.error("Ungültiger Typ für Filterung:", type);
return;
}
fetch(`${servletUrl}?category=${encodeURIComponent(categoryFilter)}&search=${encodeURIComponent(searchInput)}`)
.then((response) => {
if (!response.ok) {
throw new Error(`HTTP-Fehler: ${response.status}`);
}
return response.text();
})
.then((html) => {
const contentDiv = document.getElementById(`${type}-inhalt`);
if (contentDiv) {
contentDiv.innerHTML = html;
initializeScrollAnimations();
initializeModalLogic();
}
})
.catch((err) => console.error("Fehler beim Laden der Inhalte:", err));
}
// Funktion zur Initialisierung von Event-Listenern für Such- und Filtereingaben
function initializeEventListeners() {
const searchInput = document.getElementById("searchInput");
const categoryFilter = document.getElementById("categoryFilter");
// Automatisches Laden für alle Kategorien
applyFilters("getraenke");
// Filter-Events für Getränke
if (document.getElementById("getraenke-content")) {
searchInput.addEventListener("input", () => applyFilters("getraenke"));
categoryFilter.addEventListener("change", () => applyFilters("getraenke"));
}
// Filter-Events für Speisen
if (document.getElementById("speisen-inhalt")) {
searchInput.addEventListener("input", () => applyFilters("speisen"));
categoryFilter.addEventListener("change", () => applyFilters("speisen"));
applyFilters("speisen");
}
// Filter-Events für Snacks
if (document.getElementById("snacks-inhalt")) {
searchInput.addEventListener("input", () => applyFilters("snacks"));
categoryFilter.addEventListener("change", () => applyFilters("snacks"));
applyFilters("snacks");
}
}
// Dynamisches Menü für Handys
function toggleMenu() {
const nav = document.querySelector(".navigation");
const menuIcon = document.querySelector(".menu-icon");
if (nav && menuIcon) {
nav.classList.toggle("show");
menuIcon.classList.toggle("open");
menuIcon.textContent = nav.classList.contains("show") ? "✕ Menu" : "☰ Menu";
}
}
// Scroll-Animation für Kategorien und Items
function initializeScrollAnimations() {
const menuSections = document.querySelectorAll(".menu .category");
function revealItems(section) {
const items = section.querySelectorAll("li");
items.forEach((item, index) => {
setTimeout(() => {
item.classList.add("visible");
}, index * 50);
});
}
function onScroll() {
menuSections.forEach((section) => {
const sectionPosition = section.getBoundingClientRect().top;
const screenPosition = window.innerHeight / 1.3;
if (sectionPosition < screenPosition && !section.classList.contains("animated")) {
revealItems(section);
section.classList.add("animated");
}
});
}
window.addEventListener("scroll", onScroll);
onScroll(); // Erste Überprüfung
}
// Accordion-Logik für Hinweise und Allergene
function toggleAccordion(id) {
const content = document.getElementById(id);
const icon = content.previousElementSibling.querySelector(".toggle-icon");
if (content.style.display === "none" || content.style.display === "") {
content.style.display = "block";
if (icon) icon.textContent = "−";
} else {
content.style.display = "none";
if (icon) icon.textContent = "+";
}
}
// Login-Popup-Logik
function openLoginPopup() {
const popup = document.getElementById("loginPopup");
if (popup) {
popup.style.display = "block";
} else {
console.error("Login-Popup-Element nicht gefunden.");
}
}
function closeLoginPopup() {
const popup = document.getElementById("loginPopup");
if (popup) {
popup.style.display = "none";
const loginForm = document.getElementById("loginForm");
if (loginForm) loginForm.reset();
}
}
window.onclick = function (event) {
const popup = document.getElementById("loginPopup");
if (event.target === popup) {
closeLoginPopup();
}
};

295
Projekt_SE2/src/main/webapp/snacks.jsp 100644
View File

@ -0,0 +1,295 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>EJSS Palast - Snacks</title>
<link rel="icon" href="Bilder/EJS_Palast_logo.jpg" type="image/x-icon" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css"/>
<link rel="stylesheet" href="styles.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Playwrite+GB+S:ital,wght@0,100..400;1,100..400&display=swap"
rel="stylesheet">
<link
href="https://fonts.googleapis.com/css2?family=Gowun+Dodum&family=Playwrite+GB+S:ital,wght@0,100..400;1,100..400&display=swap"
rel="stylesheet">
</head>
<body>
<header id ="Anfang">
<img src="Bilder/EJS_Palast_logo.jpg" alt="EJS Logo" class="logoOben">
<h1>EJSS Palast</h1>
</header>
<nav>
<span class="menu-icon" onclick="toggleMenu()">☰ Menu</span>
<div class="navigation">
<ul>
<li><a href="startseite.jsp"><i class="fa-solid fa-house"></i> Startseite</a></li>
<li><a href="getraenke.jsp"><i class="fas fa-glass-cheers"></i> Getränke</a></li>
<li><a href="speisen.jsp"><i class="fa-solid fa-pizza-slice"></i> Speisen</a></li>
<li><a href="snacks.jsp" class="aktiv"><i class="fa-solid fa-cookie-bite"></i> Snacks</a></li>
<li><a href="#" onclick="openLoginPopup()"><i class="fa-solid fa-right-to-bracket"></i> Anmelden</a></li>
</ul>
</div>
</nav>
<!-- Login Popup -->
<div id="loginPopup" class="popup">
<div class="popup-content">
<span class="close-button" onclick="closeLoginPopup()">×</span>
<h3>Login</h3>
<form action="/Projekt_SE2/LoginServlet" method="post" id="loginForm">
<label for="username">Benutzername:</label>
<input type="text" id="username" name="username" placeholder="Benutzername" required>
<label for="password">Passwort:</label>
<input type="password" id="password" name="password" placeholder="Passwort" required>
<button type="submit">Anmelden</button>
</form>
</div>
</div>
<main>
<!-- Such- und Filterfunktionen -->
<div class="search-filter">
<input
type="text"
id="searchInput"
placeholder="Suche nach Snacks..."
oninput="applyFilters('snacks')"
/>
<select id="categoryFilter" onchange="applyFilters('snacks')">
<option value="all" selected>Alle Kategorien</option>
<option value="Salzige Snacks">Salzige Snacks</option>
<option value="Süße Snacks">Süße Snacks</option>
<option value="Saure Snacks">Saure Snacks</option>
<option value="Nüsse">Nüsse</option>
</select>
</div>
<!-- Einfügen der Snacks -->
<div id="snacks-inhalt"></div>
<div class="menu zusatzstoffe" id="menuItems">
<h3 onclick="toggleAccordion('zusatzstoffe-content')">
Zusatzstoffe & Hinweise<span class="toggle-icon">+</span>
</h3>
<div id="zusatzstoffe-content" class="accordion-content">
<table class="zusatzstoffe-table">
<tr>
<td><strong>1</strong></td>
<td>mit Antioxidationsmittel</td>
</tr>
<tr>
<td><strong>2</strong></td>
<td>mit Konservierungsstoffen</td>
</tr>
<tr>
<td><strong>3</strong></td>
<td>mit Farbstoffen</td>
</tr>
<tr>
<td><strong>4</strong></td>
<td>mit Süßungsmittel</td>
</tr>
<tr>
<td><strong>5</strong></td>
<td>enthält eine Phenyalaninquelle</td>
</tr>
<tr>
<td><strong>6</strong></td>
<td>mit Geschmacksverstärker</td>
</tr>
<tr>
<td><strong>7</strong></td>
<td>mit Phosphat</td>
</tr>
<tr>
<td><strong>8</strong></td>
<td>geschwefelt</td>
</tr>
<tr>
<td><strong>9</strong></td>
<td>gewachst</td>
</tr>
<tr>
<td><strong>10</strong></td>
<td>geschwärzt</td>
</tr>
<tr>
<td><strong>11</strong></td>
<td>Oberfläche mit Natamycin behandelt</td>
</tr>
<tr>
<td><strong>12</strong></td>
<td>mit Chinin</td>
</tr>
<tr>
<td><strong>13</strong></td>
<td>mit Coffein</td>
</tr>
<tr>
<td><strong>14</strong></td>
<td>mit Alkohol</td>
</tr>
<tr>
<td><strong>15</strong></td>
<td>mit Taurin</td>
</tr>
<tr>
<td><strong>16</strong></td>
<td>mit Nitrit</td>
</tr>
</table>
<h4>Alle Preise sind inkl. MwSt!</h4>
</div>
</div>
<div class="menu allergene" id="menuItems">
<h3 onclick="toggleAccordion('allergen-content')">
Allergene<span class="toggle-icon">+</span>
</h3>
<div id="allergen-content" class="accordion-content">
<table class="allergen-table">
<tr>
<td><strong>A</strong></td>
<td>Glutenhaltiges Getreide</td>
</tr>
<tr>
<td><strong>A1</strong></td>
<td>Weizen</td>
</tr>
<tr>
<td><strong>A2</strong></td>
<td>Roggen</td>
</tr>
<tr>
<td><strong>A3</strong></td>
<td>Gerste</td>
</tr>
<tr>
<td><strong>A4</strong></td>
<td>Hafer</td>
</tr>
<tr>
<td><strong>A5</strong></td>
<td>Dinkel</td>
</tr>
<tr>
<td><strong>A6</strong></td>
<td>Kamut</td>
</tr>
<tr>
<td><strong>B</strong></td>
<td>Krebstiere</td>
</tr>
<tr>
<td><strong>C</strong></td>
<td>Eier</td>
</tr>
<tr>
<td><strong>D</strong></td>
<td>Fisch</td>
</tr>
<tr>
<td><strong>E</strong></td>
<td>Erdnüsse</td>
</tr>
<tr>
<td><strong>F</strong></td>
<td>Soja</td>
</tr>
<tr>
<td><strong>G</strong></td>
<td>Milch einschl. Lactose</td>
</tr>
<tr>
<td><strong>H</strong></td>
<td>Schalenfrüchte</td>
</tr>
<tr>
<td><strong>H1</strong></td>
<td>Mandeln</td>
</tr>
<tr>
<td><strong>H2</strong></td>
<td>Haselnüsse</td>
</tr>
<tr>
<td><strong>H3</strong></td>
<td>Walnüsse</td>
</tr>
<tr>
<td><strong>H4</strong></td>
<td>Cashewnüsse/Kaschunüsse</td>
</tr>
<tr>
<td><strong>H5</strong></td>
<td>Pecannüsse</td>
</tr>
<tr>
<td><strong>H6</strong></td>
<td>Paranüsse</td>
</tr>
<tr>
<td><strong>H7</strong></td>
<td>Pistazien</td>
</tr>
<tr>
<td><strong>H8</strong></td>
<td>Macadamianüsse/Queenslandnüsse</td>
</tr>
<tr>
<td><strong>I</strong></td>
<td>Sellerie</td>
</tr>
<tr>
<td><strong>J</strong></td>
<td>Senf</td>
</tr>
<tr>
<td><strong>K</strong></td>
<td>Sesamsamen</td>
</tr>
<tr>
<td><strong>L</strong></td>
<td>Schwefeldioxid und Sulfite</td>
</tr>
<tr>
<td><strong>M</strong></td>
<td>Lupinen</td>
</tr>
<tr>
<td><strong>N</strong></td>
<td>Weichtiere</td>
</tr>
</table>
</div>
</div>
</main>
<a href="#Anfang">
<h4>Zurück zum Anfang</h4>
</a>
<footer>
<img src="Bilder/EJS_Palast_logo.jpg" alt="EJS Logo" class="logo">
<p>
<small>Anschrift:<br>
Musterstrasse 10<br>
68163 Mannheim</small>
</p>
<div class="socials">
<a href="https://www.facebook.com" target="_blank"><i class="fa-brands fa-facebook"></i></a>
<a href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i></a>
<a href="tel:004962012345678" class="call-icon"><i class="fa-solid fa-phone"></i></a>
</div>
</footer>
<script src="script.js"></script>
<script src="modalScript.js"></script>
</body>
</html>

297
Projekt_SE2/src/main/webapp/speisen.jsp 100644
View File

@ -0,0 +1,297 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>EJSS Palast - Speisen</title>
<link rel="icon" href="Bilder/EJS_Palast_logo.jpg" type="image/x-icon" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css"/>
<link rel="stylesheet" href="styles.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Playwrite+GB+S:ital,wght@0,100..400;1,100..400&display=swap"
rel="stylesheet">
<link
href="https://fonts.googleapis.com/css2?family=Gowun+Dodum&family=Playwrite+GB+S:ital,wght@0,100..400;1,100..400&display=swap"
rel="stylesheet">
</head>
<body>
<header id="Anfang">
<img src="Bilder/EJS_Palast_logo.jpg" alt="EJS Logo" class="logoOben">
<h1>EJSS Palast</h1>
</header>
<nav>
<span class="menu-icon" onclick="toggleMenu()">☰ Menu</span>
<div class="navigation">
<ul>
<li><a href="startseite.jsp"><i class="fa-solid fa-house"></i> Startseite</a></li>
<li><a href="getraenke.jsp"><i class="fas fa-glass-cheers"></i> Getränke</a></li>
<li><a href="speisen.jsp" class="aktiv"><i class="fa-solid fa-pizza-slice"></i> Speisen</a></li>
<li><a href="snacks.jsp"><i class="fa-solid fa-cookie-bite"></i> Snacks</a></li>
<li><a href="#" onclick="openLoginPopup()"><i class="fa-solid fa-right-to-bracket"></i> Anmelden</a></li>
</ul>
</div>
</nav>
<!-- Login Popup -->
<div id="loginPopup" class="popup">
<div class="popup-content">
<span class="close-button" onclick="closeLoginPopup()">×</span>
<h3>Login</h3>
<form action="/Projekt_SE2/LoginServlet" method="post" id="loginForm">
<label for="username">Benutzername:</label>
<input type="text" id="username" name="username" placeholder="Benutzername" required>
<label for="password">Passwort:</label>
<input type="password" id="password" name="password" placeholder="Passwort" required>
<button type="submit">Anmelden</button>
</form>
</div>
</div>
<main>
<!-- Such- und Filterfunktionen -->
<div class="search-filter">
<input
type="text"
id="searchInput"
placeholder="Suche nach Speisen..."
oninput="applyFilters('speisen')"
/>
<select id="categoryFilter" onchange="applyFilters('speisen')">
<option value="all" selected>Alle Kategorien</option>
<option value="Vorspeisen">Vorspeisen</option>
<option value="Salate">Salate</option>
<option value="Nudelgerichte">Nudelgerichte</option>
<option value="Schnitzel">Schnitzel</option>
<option value="Burger">Burger</option>
<option value="Fingerfood">Fingerfood</option>
<option value="Pizza">Pizza</option>
</select>
</div>
<!-- Einfügen der Getränke -->
<div id="speisen-inhalt"></div>
<div class="menu zusatzstoffe" id="menuItems">
<h3 onclick="toggleAccordion('zusatzstoffe-content')">
Zusatzstoffe & Hinweise<span class="toggle-icon">+</span>
</h3>
<div id="zusatzstoffe-content" class="accordion-content">
<table class="zusatzstoffe-table">
<tr>
<td><strong>1</strong></td>
<td>mit Antioxidationsmittel</td>
</tr>
<tr>
<td><strong>2</strong></td>
<td>mit Konservierungsstoffen</td>
</tr>
<tr>
<td><strong>3</strong></td>
<td>mit Farbstoffen</td>
</tr>
<tr>
<td><strong>4</strong></td>
<td>mit Süßungsmittel</td>
</tr>
<tr>
<td><strong>5</strong></td>
<td>enthält eine Phenyalaninquelle</td>
</tr>
<tr>
<td><strong>6</strong></td>
<td>mit Geschmacksverstärker</td>
</tr>
<tr>
<td><strong>7</strong></td>
<td>mit Phosphat</td>
</tr>
<tr>
<td><strong>8</strong></td>
<td>geschwefelt</td>
</tr>
<tr>
<td><strong>9</strong></td>
<td>gewachst</td>
</tr>
<tr>
<td><strong>10</strong></td>
<td>geschwärzt</td>
</tr>
<tr>
<td><strong>11</strong></td>
<td>Oberfläche mit Natamycin behandelt</td>
</tr>
<tr>
<td><strong>12</strong></td>
<td>mit Chinin</td>
</tr>
<tr>
<td><strong>13</strong></td>
<td>mit Coffein</td>
</tr>
<tr>
<td><strong>14</strong></td>
<td>mit Alkohol</td>
</tr>
<tr>
<td><strong>15</strong></td>
<td>mit Taurin</td>
</tr>
<tr>
<td><strong>16</strong></td>
<td>mit Nitrit</td>
</tr>
</table>
<h4>Alle Preise sind inkl. MwSt!</h4>
</div>
</div>
<div class="menu allergene" id="menuItems">
<h3 onclick="toggleAccordion('allergen-content')">
Allergene<span class="toggle-icon">+</span>
</h3>
<div id="allergen-content" class="accordion-content">
<table class="allergen-table">
<tr>
<td><strong>A</strong></td>
<td>Glutenhaltiges Getreide</td>
</tr>
<tr>
<td><strong>A1</strong></td>
<td>Weizen</td>
</tr>
<tr>
<td><strong>A2</strong></td>
<td>Roggen</td>
</tr>
<tr>
<td><strong>A3</strong></td>
<td>Gerste</td>
</tr>
<tr>
<td><strong>A4</strong></td>
<td>Hafer</td>
</tr>
<tr>
<td><strong>A5</strong></td>
<td>Dinkel</td>
</tr>
<tr>
<td><strong>A6</strong></td>
<td>Kamut</td>
</tr>
<tr>
<td><strong>B</strong></td>
<td>Krebstiere</td>
</tr>
<tr>
<td><strong>C</strong></td>
<td>Eier</td>
</tr>
<tr>
<td><strong>D</strong></td>
<td>Fisch</td>
</tr>
<tr>
<td><strong>E</strong></td>
<td>Erdnüsse</td>
</tr>
<tr>
<td><strong>F</strong></td>
<td>Soja</td>
</tr>
<tr>
<td><strong>G</strong></td>
<td>Milch einschl. Lactose</td>
</tr>
<tr>
<td><strong>H</strong></td>
<td>Schalenfrüchte</td>
</tr>
<tr>
<td><strong>H1</strong></td>
<td>Mandeln</td>
</tr>
<tr>
<td><strong>H2</strong></td>
<td>Haselnüsse</td>
</tr>
<tr>
<td><strong>H3</strong></td>
<td>Walnüsse</td>
</tr>
<tr>
<td><strong>H4</strong></td>
<td>Cashewnüsse/Kaschunüsse</td>
</tr>
<tr>
<td><strong>H5</strong></td>
<td>Pecannüsse</td>
</tr>
<tr>
<td><strong>H6</strong></td>
<td>Paranüsse</td>
</tr>
<tr>
<td><strong>H7</strong></td>
<td>Pistazien</td>
</tr>
<tr>
<td><strong>H8</strong></td>
<td>Macadamianüsse/Queenslandnüsse</td>
</tr>
<tr>
<td><strong>I</strong></td>
<td>Sellerie</td>
</tr>
<tr>
<td><strong>J</strong></td>
<td>Senf</td>
</tr>
<tr>
<td><strong>K</strong></td>
<td>Sesamsamen</td>
</tr>
<tr>
<td><strong>L</strong></td>
<td>Schwefeldioxid und Sulfite</td>
</tr>
<tr>
<td><strong>M</strong></td>
<td>Lupinen</td>
</tr>
<tr>
<td><strong>N</strong></td>
<td>Weichtiere</td>
</tr>
</table>
</div>
</div>
</main>
<a href="#Anfang">
<h4>Zurück zum Anfang</h4>
</a>
<footer>
<img src="Bilder/EJS_Palast_logo.jpg" alt="EJS Logo" class="logo">
<p>
<small>Anschrift:<br>
Musterstrasse 10<br>
68163 Mannheim</small>
</p>
<div class="socials">
<a href="https://www.facebook.com" target="_blank"><i class="fa-brands fa-facebook"></i></a>
<a href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i></a>
<a href="tel:004962012345678" class="call-icon"><i class="fa-solid fa-phone"></i></a>
</div>
</footer>
<script src="script.js"></script>
<script src="modalScript.js"></script>
</body>
</html>

143
Projekt_SE2/src/main/webapp/startseite.jsp 100644
View File

@ -0,0 +1,143 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>EJSS Palast - Startseite</title>
<link rel="icon" href="Bilder/EJS_Palast_logo.jpg" type="image/x-icon" />
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="stylesheet" href="styles.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Playwrite+GB+S:ital,wght@0,100..400;1,100..400&display=swap"
rel="stylesheet">
<link
href="https://fonts.googleapis.com/css2?family=Gowun+Dodum&family=Playwrite+GB+S:ital,wght@0,100..400;1,100..400&display=swap"
rel="stylesheet">
</head>
<body>
<header id="Anfang">
<img src="Bilder/EJS_Palast_logo.jpg" alt="EJS Logo" class="logoOben">
<h1>EJSS Palast</h1>
</header>
<nav>
<span class="menu-icon" onclick="toggleMenu()">☰ Menu</span>
<div class="navigation">
<ul>
<li><a href="startseite.jsp" class="aktiv"><i
class="fa-solid fa-house"></i> Startseite</a></li>
<li><a href="getraenke.jsp"><i class="fas fa-glass-cheers"></i>
Getränke</a></li>
<li><a href="speisen.jsp"><i
class="fa-solid fa-pizza-slice"></i> Speisen</a></li>
<li><a href="snacks.jsp"><i class="fa-solid fa-cookie-bite"></i>
Snacks</a></li>
<li><a href="#" onclick="openLoginPopup()"><i
class="fa-solid fa-right-to-bracket"></i> Anmelden</a></li>
</ul>
</div>
</nav>
<!-- Login Popup -->
<div id="loginPopup" class="popup">
<div class="popup-content">
<span class="close-button" onclick="closeLoginPopup()">×</span>
<h3>Login</h3>
<form action="/Projekt_SE2/LoginServlet" method="post" id="loginForm">
<label for="username">Benutzername:</label>
<input type="text" id="username" name="username" placeholder="Benutzername" required>
<label for="password">Passwort:</label>
<input type="password" id="password" name="password" placeholder="Passwort" required>
<button type="submit">Anmelden</button>
</form>
<!-- Fehlernachricht anzeigen -->
<p style="color: red;">
<%
if (request.getAttribute("errorMessage") != null) {
%>
<%=request.getAttribute("errorMessage")%>
<%
}
%>
</p>
</div>
</div>
<main>
<div class="willkommenstext">
<p>
<span class="einleitung">Den Alltag hinter dir lassen und
genießen.</span><br> Im EJSS Palast kannst du entspannte Stunden mit
Familie und Freunden verbringen.<br> In unserer stilvollen
Atmosphäre laden wir dich ein,<br> bei köstlichen Speisen und
Getränken den Tag ausklingen zu lassen.<br> <strong>Genieße
kulinarische Highlights,<br>ein gutes Glas Wein<br>oder
ein Dinner in bester Gesellschaft.
</strong><br> <em>Dein EJSS Palast Team</em>
</p>
</div>
<p>
<strong>Schön, dass Sie bei uns waren!</strong><br> Wenn es
Ihnen gefallen hat, freuen wir uns über <a
href="https://www.tripadvisor.de/Restaurants" target="_blank">
Ihr Feedback auf Tripadvisor</a>. So helfen Sie uns, unser Restaurant
noch besser zu machen.<br>Vielen Dank und bis bald!
</p>
<h2>Unsere Öffnungszeiten:</h2>
<div class="oeff">
<table border="1">
<thead>
<tr>
<th>Montag</th>
<th>Dienstag</th>
<th>Mittwoch</th>
<th>Donnerstag</th>
<th>Freitag</th>
<th>Samstag</th>
<th>Sonntag</th>
</tr>
</thead>
<tbody>
<tr>
<td>Geschlossen</td>
<td>12:00 - 22:00</td>
<td>12:00 - 22:00</td>
<td>12:00 - 22:00</td>
<td>12:00 - 23:00</td>
<td>12:00 - 23:00</td>
<td>13:00 - 22:00</td>
</tr>
</tbody>
</table>
</div>
</main>
<a href="#Anfang">
<h4>Zurück zum Anfang</h4>
</a>
<footer>
<img src="Bilder/EJS_Palast_logo.jpg" alt="EJS Logo" class="logo">
<p>
<small>Anschrift:<br> Musterstrasse 10<br> 68163
Mannheim
</small>
</p>
<div class="socials">
<a href="https://www.facebook.com" target="_blank"><i
class="fa-brands fa-facebook"></i></a> <a
href="https://www.instagram.com" target="_blank"><i
class="fa-brands fa-instagram"></i></a> <a href="tel:004962012345678"
class="call-icon"><i class="fa-solid fa-phone"></i></a>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>

935
Projekt_SE2/src/main/webapp/styles.css 100644
View File

@ -0,0 +1,935 @@
html {
scroll-behavior: smooth;
}
/* Grundstil für die Seite */
body {
font-family: "Gowun Dodum", sans-serif;
margin: 0;
padding: 0;
background: linear-gradient(180deg, #fafafa, #f0f0f5);
color: #3b3b3b;
line-height: 1.6;
}
header {
background-color: #2c2c2c;
/* Gleiche Farbe wie die Navigation */
color: #f5f5f5;
padding: 30px;
text-align: center;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
/* Reduzierter Schatten */
border-bottom: none;
/* Entfernt harte Abgrenzung */
position: relative;
background-image: url('Bilder/headerBild.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-blend-mode: overlay;
background-color: rgba(250, 249, 246, 0.95);
/* Transparenter Farbton */
transition: all 0.3s ease;
/* Sanfter Übergang */
}
header .logoOben {
max-width: 130px;
border-radius: 20px;
filter: drop-shadow(0 5px 8px rgba(0, 0, 0, 0.5));
transition: transform 0.3s ease, filter 0.3s ease;
}
header .logoOben:hover {
transform: scale(1.1);
filter: drop-shadow(0 8px 12px rgba(0, 0, 0, 0.6));
}
/* Header-Text Styling */
header h1,
header h2 {
font-family: 'Gowun Dodum', sans-serif;
/* Elegante Schrift für Überschriften */
color: #c0c0cc;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: bold;
margin: 0;
}
/* Responsive Anpassungen */
@media (max-width: 768px) {
header {
padding: 15px;
}
header h2 {
font-size: 1.5em;
}
header .logo {
width: 50px;
right: 15px;
}
}
/* Standard Navigation Styling */
nav {
background-color: #444;
color: white;
padding: 10px;
position: relative;
text-align: center;
}
.menu-icon {
font-size: 24px;
cursor: pointer;
display: none;
/* Nur auf mobilen Geräten sichtbar */
color: white;
position: relative;
}
/* Hamburger Symbol */
.menu-icon::before {
opacity: 1;
transition: opacity 0.9s ease, transform 0.9s ease;
}
/* Schließen Symbol */
.menu-icon::after {
position: absolute;
top: 0;
left: 0;
opacity: 0;
/* Standardmäßig unsichtbar */
transition: opacity 0.8s ease;
}
.menu-icon.open::before {
opacity: 0;
/* Hamburger-Symbol ausblenden */
transform: rotate(180deg);
/* Dreht das Hamburger-Symbol */
}
.menu-icon.open::after {
opacity: 1;
/* Zeigt das Schließen-Symbol an */
}
.navigation ul {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
justify-content: center;
}
/* Mobiles Menü Styling */
@media (max-width: 768px) {
.menu-icon {
display: inline-block;
/* Zeigt das Menü-Icon auf Mobilgeräten an */
position: relative;
}
.navigation ul {
flex-direction: column;
max-height: 0;
/* Startet geschlossen */
overflow: hidden;
/* Verhindert Scrollen, wenn geschlossen */
opacity: 0;
/* Unsichtbar, wenn geschlossen */
transition: max-height 0.8s ease, opacity 0.8s ease;
/* Animiert Höhe und Transparenz */
position: relative;
}
.navigation.show ul {
max-height: 300px;
/* Höhe eine ungefähre maximale Höhe */
opacity: 1;
/* Macht das Menü sichtbar */
}
/* Listenelemente im Menü */
.navigation li {
padding: 10px 15px;
text-align: center; /* Zentriert die Links */
}
.navigation ul li:last-child {
margin-left: 0; /* Entfernt das Standard-Auto-Margin */
margin-top: 15px; /* Abstand nach oben, um es abzuheben */
align-self: flex-end; /* Bewegt Login ans untere Ende */
text-align: center; /* Zentriert den Text */
width: 100%; /* Breite über die gesamte Navigation */
border-top: 1px solid #ddd; /* Optionale Trennungslinie */
}
}
/* Listenelemente im Menü */
.navigation li {
padding: 10px 15px;
}
.navigation a {
color: white;
text-decoration: none;
}
.navigation a.aktiv {
background-color: #03855A;
color: #ffffff;
border-radius: 8px;
padding: 6px 12px;
font-weight: bold;
transition: background-color 0.3s ease;
}
.navigation a:hover {
color: #ffffff;
border-radius: 8px;
}
.navigation li a.aktiv {
display: block;
/* Lässt den Link die gesamte Zeile einnehmen */
background-color: #04AA6D;
/* Hintergrundfarbe */
color: white;
/* Textfarbe */
padding: 10px 50px;
/* Optional: zusätzlicher Innenabstand */
text-decoration: none;
/* Entfernt Unterstreichung */
}
/* Verschiebe Login nach rechts */
.navigation ul li:last-child {
margin-left: auto; /* Schiebt das letzte Element (Login) nach rechts */
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%); /* Zentriert Login vertikal */
}
/* Popup-Hintergrund */
.popup {
display: none; /* Versteckt das Popup standardmäßig */
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5); /* Halbtransparenter Hintergrund */
z-index: 1000;
}
/* Popup-Inhalt */
.popup-content {
background-color: #fff;
margin: 15% auto;
padding: 20px;
border-radius: 8px;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
text-align: center;
}
.popup-content h3 {
color: #444;
margin-top: 0;
}
.popup-content form {
display: flex;
flex-direction: column;
gap: 10px;
}
.popup-content input {
padding: 10px;
border: 1px solid #ddd;
border-radius: 5px;
}
.popup-content button {
background-color: #04AA6D;
color: white;
border: none;
padding: 10px;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.popup-content button:hover {
background-color: #03855A;
}
/* Schließen-Button */
.close-button {
position: absolute;
top: 10px;
right: 15px;
font-size: 18px;
cursor: pointer;
color: #333;
}
/* Willkommenstext */
.willkommenstext {
background-color: #FAF9F6; /* Gleiche Hintergrundfarbe wie .menu */
border-radius: 12px; /* Abgerundete Ecken */
border: 1px solid #ddd; /* Gleicher Rand wie .menu */
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Gleicher Schatten wie .menu */
max-width: 1000px; /* Gleiche maximale Breite wie .menu */
width: 90%; /* Gleiche Breite wie .menu */
padding: 25px; /* Gleicher Innenabstand */
margin: 20px auto; /* Zentrierung mit gleichem Abstand */
text-align: center; /* Text zentrieren */
transition: all 0.3s ease; /* Gleiche Übergangseffekte */
}
.willkommenstext:hover {
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.25); /* Gleicher Hover-Effekt wie .menu */
}
.willkommenstext:target {
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3); /* Gleicher Ziel-Effekt wie .menu */
}
.willkommenstext p {
margin: 0;
padding: 0;
}
.willkommenstext .einleitung {
display: block;
font-size: 1.3em;
font-weight: bold;
color: #6c2f3d;
margin-bottom: 10px;
}
.willkommenstext strong {
display: block;
margin: 15px 0;
font-size: 1.2em;
color: #333;
}
.willkommenstext em {
display: block;
margin-top: 20px;
font-family: "Playwrite GB S", cursive;
font-size: 1.1em;
color: #666;
}
/* Responsive Anpassungen */
@media (max-width: 768px) {
.willkommenstext {
padding: 15px;
font-size: 1em;
}
.willkommenstext .einleitung {
font-size: 1.2em;
}
.willkommenstext strong {
font-size: 1.1em;
}
}
/* Bewertungen und Footer */
main p,
footer p {
text-align: center;
padding: 20px;
}
footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 20px;
}
/*Öffnungszeiten */
.oeff {
/* Grundstil für die Tabelle */
table {
width: 100%;
border: 1px solid #ccc;
/* Passt sich an die Bildschirmbreite an */
max-width: 700px;
margin: 20px auto;
/* Zentriert die Tabelle */
border-collapse: collapse;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
/* Weicher Schatten */
overflow: hidden;
border-radius: 8px;
background-color: #fefefe;
transition: transform 0.3s ease;
}
table:hover{
transform: scale(1.01);
}
/* Kopfzeilen-Styling */
thead th {
background-color: #623c3d;
/* Dunklerer, warmer Farbton */
color: #fff;
padding: 12px;
text-transform: none;
font-size: 0.95em;
letter-spacing: 1px;
}
/* Zellen-Styling */
tbody td {
padding: 12px;
text-align: center;
color: #333;
border-bottom: 1px solid #e0e0e0;
font-size: 0.95em;
transition: background-color 0.3s ease, color 0.3s ease;
}
tbody td:hover{
background-color: #e6e6e6;
/* Heller Hintergrund für Hover */
color: #000;
/* Kontrastreicherer Text beim Hover */
}
/* Zeilen abwechselnd einfärben */
tbody tr:nth-child(even) {
background-color: #fafafa;
/* Heller Hintergrund für abwechselnde Zeilen */
}
tbody tr:nth-child(odd) {
background-color: #ffffff;
/* Weiß für klare Abgrenzung */
}
tbody tr:hover{
background-color: #ddd;
color: #000;
}
/* Responsive Anpassungen für kleine Bildschirme */
@media (max-width: 768px) {
thead {
display: none;
/* Kopfzeile auf kleinen Bildschirmen ausblenden */
}
table,
tbody,
tr,
td {
display: block;
width: 100%;
}
tr {
margin-bottom: 0px;
border: 1px solid #ddd;
border-radius: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
/* Leichter Schatten für mobile Ansicht */
}
td {
text-align: right;
padding-left: 50%;
position: relative;
}
td::before {
content: attr(data-label);
/* Label für die Zelle anzeigen */
position: absolute;
left: 15px;
width: 45%;
font-weight: bold;
text-align: left;
color: #8B4513;
/* Passend zum Header-Farbton */
}
tbody td:nth-child(1)::before {
content: "Montag";
}
tbody td:nth-child(2)::before {
content: "Dienstag";
}
tbody td:nth-child(3)::before {
content: "Mittwoch";
}
tbody td:nth-child(4)::before {
content: "Donnerstag";
}
tbody td:nth-child(5)::before {
content: "Freitag";
}
tbody td:nth-child(6)::before {
content: "Samstag";
}
tbody td:nth-child(7)::before {
content: "Sonntag";
}
}
}
/* Stil für die Überschrift Öffnungszeiten */
h2 {
font-size: 1.8em;
/* Größe anpassen */
color: #8B4513;
/* Passend zum Braunton in der Tabelle */
text-align: center;
margin-top: 20px;
margin-bottom: 15px;
font-weight: bold;
padding-bottom: 5px;
border-bottom: 2px solid #ddd;
/* Dezente Linie unter der Überschrift */
max-width: 80%;
margin-left: auto;
margin-right: auto;
}
/* Link "Anfang der Seite" */
a h4 {
text-align: center;
font-size: 1em;
color: #04AA6D;
}
a h4:hover {
color: #333;
}
/* Zusatzstil für Links */
a {
color: #03855A;
text-decoration: none;
transition: color 0.3s ease;
}
a:hover {
color: #6F4E37;
text-decoration: underline;
}
.menu {
background-color: #FAF9F6;
border-radius: 12px;
border: 1px solid #ddd;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
max-width: 600px;
width: 90%;
padding: 25px;
margin: 20px auto;
text-align: center;
transition: all 0.3s ease;
}
.menu:hover {
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.25);
}
.menu {
transition: box-shadow 0.3s ease;
}
.menu:target {
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}
.category h3 {
font-size: 1.6em;
color: #6F4E37;
margin-top: 0px;
margin-bottom: 15px;
border-bottom: 2px solid #8B4513;
padding-bottom: 5px;
text-align: center;
font-weight: bold;
}
.menu ol {
list-style: decimal;
padding-left: 0;
counter-reset: item;
}
.menu ol li {
counter-increment: item;
position: relative;
margin: 10px 0;
font-size: 0.85em;
display: flex;
justify-content: space-between;
padding: 10px 0;
border-bottom: 1px solid #e6e6e6;
transition: background-color 0.2s ease;
}
/* Stil für das Info-Symbol */
.info-icon {
font-size: 0.85em;
color: #8B4513;
cursor: pointer;
margin-left: 10px;
transition: color 0.3s ease, transform 0.3s ease;
}
.info-icon:hover {
color: #6F4E37;
transform: scale(1.1);
}
/* Modal-Styling für das Overlay */
.modal {
display: none;
/* Standardmäßig versteckt */
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
/* Halbtransparentes Overlay */
}
/* Modales Fenster ohne Transparenz */
.modal-content {
background-color: #fefefe;
/* Vollständig deckend, keine Transparenz */
margin: 15% auto;
/* Zentriert das Modal im Fenster */
padding: 20px;
border-radius: 10px;
width: 80%;
max-width: 300px;
/* Beschränkt die Breite des Fensters */
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
text-align: center;
color: #555;
/* Textfarbe für bessere Lesbarkeit */
}
.tab {
overflow: hidden;
border-bottom: 1px solid #ccc;
}
.tab button {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 10px 20px;
transition: 0.3s;
font-size: 16.5px;
}
.tab button:hover {
background-color: #ddd;
}
.tab button.active {
background-color: #ccc;
}
.tabcontent {
display: none;
padding: 10px;
border-top: none;
}
.tabcontent h4 {
margin-top: 0;
}
.close-button {
background: none;
border: none;
font-size: 1.5em;
cursor: pointer;
position: absolute;
top: 10px;
right: 10px;
color: #555;
}
.close-button:hover {
color: #333;
}
/* Hochgestelltes Symbol Styling */
.footnote-symbol {
font-size: 0.6em;
color: #777;
display: inline;
vertical-align: top;
margin-left: 2px;
}
/* Fußnotenbereich Styling */
.footnote {
font-size: 0.8em;
color: #555;
margin-top: 10px;
}
.menu ol li:before {
content: counter(item) ". ";
font-weight: bold;
color: #8B4513;
margin-right: 5px;
}
.menu .price {
font-weight: bold;
color: #6F4E37;
font-size: 0.85em;
}
hr {
border: 0;
border-top: 1px solid #ddd;
margin: 15px 0;
}
.menu p.note {
font-size: 0.9em;
color: #777;
text-align: center;
margin-top: 20px;
}
/* Accordion-Bereich */
.accordion-content {
display: none;
/* Startet versteckt */
padding: 10px;
border-top: 1px solid #ddd;
margin-top: 10px;
}
/* Symbol-Styling für die Plus- und Minus-Anzeige */
.toggle-icon {
font-size: 1em;
color: #8B4513;
margin-left: 10px;
}
/* Stil für Zusatzstoffe-Tabelle */
.zusatzstoffe-table,
.allergen-table {
width: 100%;
border: 1px solid #ccc;
max-width: 700px;
margin: 20px auto;
border-collapse: collapse;
overflow: hidden;
border-radius: 8px;
background-color: #FAF9F6;
}
.zusatzstoffe-table td,
.allergen-table td {
padding: 12px;
text-align: left;
color: #333;
border-bottom: 1px solid #ddd;
font-size: 0.80em;
}
.zusatzstoffe-table tr:nth-child(even),
.allergen-table tr:nth-child(even) {
background-color: #FAF9F6;
}
.zusatzstoffe-table tr:nth-child(odd),
.allergen-table tr:nth-child(odd) {
background-color: #FAF9F6;
}
.zusatzstoffe-table td:first-child,
.allergen-table td:first-child {
font-weight: bold;
color: #8B4513;
width: 30%;
text-align: center;
}
/* Footer-Styling */
footer {
background-color: #2c2c2c;
color: #d1d1d1;
padding: 25px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
border-top: 3px solid #555;
gap: 10px;
}
/* Logo im Footer */
footer .logo {
width: 80px;
height: auto;
margin-bottom: 10px;
border-radius: 8px;
}
/* Anschrift im Footer */
footer p {
margin: 0;
font-size: 0.9em;
line-height: 1.5;
}
/* Social-Media-Icons */
footer .socials {
display: flex;
gap: 15px;
justify-content: center;
}
footer .socials a {
color: #04AA6D;
font-size: 1.3em;
text-decoration: none;
transition: color 0.3s;
}
footer .socials a:hover {
color: #028a5e;
}
footer .call-icon {
color: #04AA6D;
transition: color 0.5s;
}
footer .call-icon:hover {
color: #02a85e;
}
/* Responsive Anpassungen */
@media (max-width: 768px) {
footer {
padding: 15px;
}
footer p {
font-size: 0.8em;
}
footer .socials a {
font-size: 1.3em;
}
footer .logo {
width: 60px;
}
}
.search-filter {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 15px; /* Abstand zwischen den Elementen */
padding: 20px;
background-color: #f9f9f9;
border: 1px solid #ddd;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
}
.search-filter input[type="text"],
.search-filter select {
font-family: "Gowun Dodum", sans-serif;
font-size: 1em;
padding: 10px 15px;
width: 250px; /* Breite der Eingabefelder */
max-width: 100%;
border: 1px solid #ccc;
border-radius: 5px;
outline: none;
transition: all 0.3s ease;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.search-filter input[type="text"]:focus,
.search-filter select:focus {
border-color: #04aa6d;
box-shadow: 0 4px 6px rgba(0, 170, 109, 0.2);
}
.search-filter select {
background-color: #fff;
cursor: pointer;
}
.search-filter select:focus {
background-color: #f0fff4;
}
.search-filter input[type="text"]::placeholder {
color: #aaa;
font-size: 0.9em;
}
/* Responsive Anpassungen */
@media (max-width: 768px) {
.search-filter {
flex-direction: column; /* Stapelt die Elemente untereinander */
gap: 10px; /* Reduzierter Abstand */
}
.search-filter input[type="text"],
.search-filter select {
width: 90%; /* Anpassung für kleinere Bildschirme */
}
}