diff --git a/userman_all/client/index.html b/userman_all/client/index.html
index 0f3a684956df24981c1071d51d7ab16f050190fd..43138b6bbf540ffa7fab653ec3bf2558e3d49db6 100644
--- a/userman_all/client/index.html
+++ b/userman_all/client/index.html
@@ -237,7 +237,7 @@
<li><a onclick="showPage('profil')">Mein Profil</a></li>
<li><a href="#">Merkliste</a></li>
<li><a href="#">Meine Supportanfragen</a></li>
- <li><a href="#">Reisebericht schreiben</a></li>
+ <li><a onclick="showPage ('meineReiseberichte')">Meine Reiseberichte </a></li>
<div id="logout-form">
<li><a id="logout-button" onclick="showPage('startseite')">Abmelden</a></li>
</div>
@@ -262,7 +262,7 @@
<div class="trip-info">
<h3>Projekt Bausteine der Gesundheit (Peru)</h3>
<button class="details-button">Details</button>
- <button class="report-button">Reisebericht schreiben</button>
+ <button class="report-button" onclick="showPage('reiseberichtSchreiben')">Reisebericht schreiben</button>
</div>
</div>
</section>
@@ -283,7 +283,7 @@
<li><a>Mein Profil</a></li>
<li><a>Merkliste</a></li>
<li><a>Meine Supportanfragen</a></li>
- <li><a>Reisebericht schreiben</a></li>
+ <li><a onclick="showPage ('meineReiseberichte')">Meine Reiseberichte </a></li>
<div id="logout-form1">
<li><a id="logout-button1" onclick="showPage('startseite')">Abmelden</a></li>
</div>
@@ -589,6 +589,141 @@
</div>
+<!--Impressum-->
+<div id="Impressum" class="page">
+ <div class="container-Impressum">
+ <i class="fa-solid fa-circle-arrow-left backButton"></i>
+ <h1>Impressum</h1>
+ <section class="impressum">
+ <h2>Impressum</h2>
+ <br>
+ <h3>Horizon Changers</h3>
+ <p>Musterstraße 123<br>12345 Musterstadt<br>Deutschland</p>
+
+ <h3>Vertreten durch:</h3>
+ <p>Max Mustermann (Geschäftsführer)</p>
+
+ <h3>Kontakt:</h3>
+ <p>
+ Telefon: +49 (0)123 4567890<br>
+ E-Mail: <a href="mailto:info@horizonchangers.de">info@horizonchangers.de</a><br>
+ Web: <a href="http://www.horizonchangers.de" target="_blank">www.horizonchangers.de</a>
+ </p>
+
+ <h3>Registereintrag:</h3>
+ <p>
+ Eingetragen im Handelsregister.<br>
+ Registergericht: Amtsgericht Musterstadt<br>
+ Registernummer: HRB 123456
+ </p>
+
+ <h3>Umsatzsteuer-ID:</h3>
+ <p>DE123456789</p>
+
+ <h3>Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV:</h3>
+ <p>
+ Max Mustermann<br>
+ Musterstraße 123<br>
+ 12345 Musterstadt
+ </p>
+
+ <h3>Hinweis auf EU-Streitschlichtung:</h3>
+ <p>
+ Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung bereit.
+ <br>
+ <br>
+ Unsere E-Mail-Adresse finden Sie oben im Impressum.
+ </p>
+ </section>
+
+ <section class="datenschutz">
+ <h3>Datenschutz</h3>
+ <p>
+ Sämtliche innerhalb des Internetauftritts verwendeten Texte, Bilder und Grafiken sind geistiges Eigentum und damit urheberrechtlich geschützt. Es besteht weder ein Recht auf Kopie, Download oder Abschrift. Insbesondere besteht kein Recht auf weitere Verwendung, es sei denn, ein Nutzungsrecht hierfür sei ausdrücklich eingeräumt worden.
+ <br>
+ Haftungsausschluss
+ <br>
+ Wir haben den Inhalt unserer Seiten nach bestem Wissen und Gewissen zusammengestellt. Eine Gewähr für die Funktion, Aktualität, Richtigkeit, Vollständigkeit oder Qualität der Informationen unserer Internet-Seiten, der Link-Verweise und insbesondere der Informationen der verwiesenen („verlinkten“) Internetseiten der Drittanbieter (inklusive Rechtmäßigkeit des Inhaltes) kann angesichts der Unentgeltlichkeit aber nicht übernommen werden. Die Rechte an diesen Seiten sowie die Verantwortlichkeit für deren Inhalt liegen ausschließlich beim Drittanbieter.
+ </p>
+ </section>
+ </div>
+</div>
+
+<!--Reisebericht schreiben-->
+<div id="reiseberichtSchreiben" class="page">
+ <aside class="sidebar">
+ <i class="fa-solid fa-circle-arrow-left backButton" onclick="showPage('startseite')"></i>
+ <p class="greeting">Hallo,</p>
+ <nav class="menu">
+ <ul>
+ <li><a onclick="showPage('meineReisen')">Meine Reisen</a></li>
+ <li><a>Mein Profil</a></li>
+ <li><a>Merkliste</a></li>
+ <li><a>Meine Supportanfragen</a></li>
+ <li><a onclick="showPage ('meineReiseberichte')">Meine Reiseberichte </a></li>
+ <div id="logout-form3">
+ <li><a id="logout-button3" onclick="showPage('startseite')">Abmelden</a></li>
+ </div>
+ </ul>
+ </nav>
+ </aside>
+ <div class="reiseberichtFormular">
+ <h1>Wie war Deine Reise mit Uns?</h1>
+ <form>
+ <label for="country">Land auswählen</label>
+ <select id="country" name="country">
+ <option value="">-- Bitte wählen --</option>
+ <option value="de">Spanien</option>
+ <option value="fr" >Peru</option>
+ <option value="it">Indien</option>
+ <option value="it">Kenia</option>
+ </select>
+
+ <label for="firstname">Vorname</label>
+ <input type="text" id="firstname" name="firstname" placeholder="Vorname">
+
+ <label for="lastname">Nachname</label>
+ <input type="text" id="lastname" name="lastname" placeholder="Nachname">
+
+ <div class="rating">
+ <span>★</span>
+ <span>★</span>
+ <span>★</span>
+ <span>★</span>
+ <span>★</span>
+ </div>
+
+ <label for="feedback">Feedback</label>
+ <textarea id="feedback" name="feedback" placeholder="Schreibe hier dein Feedback..."></textarea>
+
+ <button type="submit" class="reiseberichtAbsenden" onclick="showPage('meineReiseberichte')">Absenden</button>
+
+ </form>
+ </div>
+</div>
+
+
+<!--Meine Reiseberichte-->
+
+<div id="meineReiseberichte" class="page">
+ <aside class="sidebar">
+ <i class="fa-solid fa-circle-arrow-left backButton" onclick="showPage('startseite')"></i>
+ <p class="greeting">Hallo,</p>
+ <nav class="menu">
+ <ul>
+ <li><a onclick="showPage('meineReisen')">Meine Reisen</a></li>
+ <li><a>Mein Profil</a></li>
+ <li><a>Merkliste</a></li>
+ <li><a>Meine Supportanfragen</a></li>
+ <li><a onclick="showPage ('meineReiseberichte')">Meine Reiseberichte </a></li>
+ <div id="logout-form4">
+ <li><a id="logout-button4" onclick="showPage('startseite')">Abmelden</a></li>
+ </div>
+ </ul>
+ </nav>
+ </aside>
+</div>
+
<!--Footer-->
<footer class="footer">
@@ -601,7 +736,7 @@
<h4>Nützliche Informationen</h4>
<ul>
<li> <a href="#">FAQ</a>
- <a href="#">Impressum</a>
+ <a onclick="showPage('Impressum')">Impressum</a>
</li>
</ul>
</div>
@@ -628,6 +763,5 @@
</div>
</footer>
-
</body>
</html>
diff --git a/userman_all/client/src/client.ts b/userman_all/client/src/client.ts
index fb9406a44188a080849ff836d19ea7740495e20b..5b8cd427c3cda9a2d629f0a372f397e06ba6847a 100644
--- a/userman_all/client/src/client.ts
+++ b/userman_all/client/src/client.ts
@@ -172,7 +172,7 @@ document.addEventListener("DOMContentLoaded", (): void => {
}
// Update the html
- readUsers();
+ readUsers(); //sorgt dafür das alle User ausgelesen werden
});
// edit admin
diff --git a/userman_all/client/stylesheet.css b/userman_all/client/stylesheet.css
index bb646af641154e09d6d845d614898ddb9d36c9cb..dd162c9577b7fd6e9a98a602ef2a5903ba10b6e9 100644
--- a/userman_all/client/stylesheet.css
+++ b/userman_all/client/stylesheet.css
@@ -1253,3 +1253,131 @@ h2 {
.fa-pen:hover {
opacity: 0.5;
}
+
+/*Impressum*/
+
+.container-Impressum {
+ max-width: 800px;
+ margin: 20px auto;
+ padding: 20px;
+ background: #fff;
+ border-radius: 8px;
+}
+
+
+h1 {
+ font-family: "Cy Grotesk Wide";
+ font-size: 43px;
+ color: #03355C;
+ margin-bottom: 20px;
+}
+
+h2{
+ font-family: DM Sans, sans-serif, bold;
+ font-size: 26px;
+ color: #03355C;
+ margin-top: 30px;
+ margin-bottom: 10px;
+}
+
+h3 {
+ font-family: DM Sans, sans-serif, bold;
+ font-size: 20px;
+ margin-bottom: 5px;
+ color: #03355C;
+}
+
+p {
+ font-family: DM Sans, sans-serif;
+ font-size: 20px;
+ margin-bottom: 15px;
+}
+
+a {
+ color: #03355C;
+ text-decoration: none;
+}
+
+a:hover {
+ text-decoration: underline;
+}
+
+.datenschutz {
+
+ margin-top: 40px;
+}
+/*Reisebericht schreiben*/
+h1 {
+ font-size: 24px;
+ color: #03355C;
+ margin-bottom: 20px;
+}
+
+form {
+ max-width: 600px;
+ margin: 0 auto;
+ background: #fff;
+ padding: 20px;
+ border-radius: 8px;
+
+}
+
+label {
+ display: block;
+ margin-bottom: 8px;
+ font-weight: bold;
+ color: #03355C;
+}
+
+select,
+input[type="text"],
+textarea,
+input[type="file"] {
+ width: 100%;
+ padding: 10px;
+ margin-bottom: 20px;
+ border: 1px solid #03355C;
+ border-radius: 24px;
+ font-size: 16px;
+}
+
+select {
+ appearance: none;
+ background: #fff;
+ background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23002855" width="24" height="24"%3E%3Cpath d="M7 10l5 5 5-5z"/%3E%3C/svg%3E');
+ background-repeat: no-repeat;
+ background-position: right 10px center;
+ background-size: 16px;
+}
+
+textarea {
+ height: 150px;
+ background-color: #FCF3E4;
+}
+
+.rating {
+ display: flex;
+ gap: 5px;
+ margin-bottom: 20px;
+}
+
+.rating span {
+ font-size: 24px;
+ color: #FB7300;
+ cursor: pointer;
+}
+
+.reiseberichtAbsenden {
+ background-color: #FB7300;
+ color: white;
+ border: none;
+ border-radius: 24px;
+ padding: 10px 20px;
+ font-size: 16px;
+ cursor: pointer;
+ transition: background-color 0.3s;
+}
+
+.reiseberichtAbsenden:hover {
+ background-color: #e36c20;
+}
\ No newline at end of file
diff --git a/userman_all/server/doc/index.html b/userman_all/server/doc/index.html
index 52f0d40e6bc759499219c658ca6539b27e1dc804..e8a7a9c8168d7cb2b7f49379491600a70a08f6a6 100644
--- a/userman_all/server/doc/index.html
+++ b/userman_all/server/doc/index.html
@@ -5,15 +5,15 @@
<meta name="description" content="horizon changers website">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <link href="assets/bootstrap.min.css?v=1737716477426" rel="stylesheet" media="screen">
- <link href="assets/prism.css?v=1737716477426" rel="stylesheet" />
- <link href="assets/prism-toolbar.css?v=1737716477426" rel="stylesheet" />
- <link href="assets/prism-diff-highlight.css?v=1737716477426" rel="stylesheet" />
- <link href="assets/main.css?v=1737716477426" rel="stylesheet" media="screen, print">
- <link href="assets/favicon.ico?v=1737716477426" rel="icon" type="image/x-icon">
- <link href="assets/apple-touch-icon.png?v=1737716477426" rel="apple-touch-icon" sizes="180x180">
- <link href="assets/favicon-32x32.png?v=1737716477426" rel="icon" type="image/png" sizes="32x32">
- <link href="assets/favicon-16x16.png?v=1737716477426" rel="icon" type="image/png" sizes="16x16">
+ <link href="assets/bootstrap.min.css?v=1737968153982" rel="stylesheet" media="screen">
+ <link href="assets/prism.css?v=1737968153982" rel="stylesheet" />
+ <link href="assets/prism-toolbar.css?v=1737968153982" rel="stylesheet" />
+ <link href="assets/prism-diff-highlight.css?v=1737968153982" rel="stylesheet" />
+ <link href="assets/main.css?v=1737968153982" rel="stylesheet" media="screen, print">
+ <link href="assets/favicon.ico?v=1737968153982" rel="icon" type="image/x-icon">
+ <link href="assets/apple-touch-icon.png?v=1737968153982" rel="apple-touch-icon" sizes="180x180">
+ <link href="assets/favicon-32x32.png?v=1737968153982" rel="icon" type="image/png" sizes="32x32">
+ <link href="assets/favicon-16x16.png?v=1737968153982" rel="icon" type="image/png" sizes="16x16">
</head>
<body class="container-fluid">
@@ -1042,6 +1042,6 @@
</div>
</div>
-<script src="assets/main.bundle.js?v=1737709870186"></script>
+<script src="assets/main.bundle.js?v=1737968153982"></script>
</body>
</html>
diff --git a/userman_all/server/src/server.ts b/userman_all/server/src/server.ts
index e9f0f67b29a2493702eda3c61ca68574c811ab9d..72d8153383e4efb99019df86b2e4902ae2b1037a 100644
--- a/userman_all/server/src/server.ts
+++ b/userman_all/server/src/server.ts
@@ -38,11 +38,11 @@ connectDatabase();
* Define and start web-app server, define json-Parser *
*****************************************************************************/
//Start des Servers
-const app: Express = express();
+const app: Express = express(); //Instanz des Express-Frameworks wird erstellt
app.listen(8080, () => {
- console.log('Server started: http://localhost:8080');
+ console.log('Server started: http://localhost:8080'); //Anwendung anweisen, auf Port 8080 neue TCP-Verbindung anzunehmen
});
-app.use(express.json());
+app.use(express.json()); //body Parser - interpretiert den Request-Body als JSON-String - ohne diese Zeile kann nicht auf req.body zugegriffen werden
/*****************************************************************************
* session management configuration *
@@ -93,7 +93,7 @@ function isLoggedIn(req: Request, res: Response, next: NextFunction) {
}
}
-////HTTP-Routen
+//HTTP-Routen
/*****************************************************************************
* HTTP ROUTES: LOGIN *
*****************************************************************************/
@@ -375,6 +375,7 @@ app.post('/user', async (req: Request, res: Response): Promise<void> => {
return;
}
+
// Speichere den Benutzer in der Session
req.session.user = user;
diff --git a/userman_all/server/test/horizon_changers.http b/userman_all/server/test/horizon_changers.http
index 8d73cf0b14e043ba09823046e3212c6d236e9c8e..86e670fc15f2af74295d79681269f485947a00ce 100644
--- a/userman_all/server/test/horizon_changers.http
+++ b/userman_all/server/test/horizon_changers.http
@@ -3,8 +3,8 @@ POST http://localhost:8080/login HTTP/1.1
Content-Type: application/json
{
- "eMail": "sabine.faust@gmx.de",
- "password": "kindi123"
+ "eMail": "jens@badeke.de",
+ "password": "123"
}
### Update user
@@ -18,10 +18,10 @@ Content-Type: application/json
"password": "otto"
}
-### Read User
-GET http://localhost:8080/user/21 HTTP/1.1
+### Read User - User
+GET http://localhost:8080/user/31 HTTP/1.1
-### Read User
+### Read User - Fehlerfall User gibt es nicht
GET http://localhost:8080/user/500 HTTP/1.1
@@ -30,23 +30,23 @@ POST http://localhost:8080/login HTTP/1.1
Content-Type: application/json
{
- "eMail": "lilith@fa.gmx.de",
+ "eMail": "jens@badeke.de",
"password": "passwort"
}
-### Create a new user
+### Create a new user - Registrieren
POST http://localhost:8080/user HTTP/1.1
Content-Type: application/json
{
- "firstName": "Bruce",
- "lastName": "Wayne",
- "eMail": "bat@mail.de",
+ "firstName": "Felix",
+ "lastName": "Blau",
+ "eMail": "felix@blau.de",
"password": "1234",
"repeatPassword": "1234"
}
-### Create a new user
+### Create a new user Fehlermeldung Passwort unterschiedlich
POST http://localhost:8080/user HTTP/1.1
Content-Type: application/json
@@ -58,7 +58,7 @@ Content-Type: application/json
"repeatPassword": "123456"
}
-### Create a new user
+### Create a new user Fehlermeldung Email fehlt
POST http://localhost:8080/user HTTP/1.1
Content-Type: application/json
@@ -72,31 +72,28 @@ Content-Type: application/json
### Logout
POST http://localhost:8080/logout HTTP/1.1
-### Logout
-POST http://localhost:8080/logout HTTP/1.1
-
-### Delete user
+### Delete user Nutzer
DELETE http://localhost:8080/user HTTP/1.1
-####Read Users
+####Read Users Admin
GET http://localhost:8080/users HTTP/1.1
-### Update specific user
-PUT http://localhost:8080/user/10 HTTP/1.1
+### Update specific user Admin
+PUT http://localhost:8080/user/31 HTTP/1.1
Content-Type: application/json
{
- "firstName": "Bruce",
- "lastName": "Kayne",
- "eMail": "bato",
+ "firstName": "Felix",
+ "lastName": "Blau",
+ "eMail": "felix@blau.de",
"adress": "Fetzwiesen 4",
"role": "user"
}
-### Update specific user
+### Update specific user - fehlerfall
PUT http://localhost:8080/user/1 HTTP/1.1
Content-Type: application/json
@@ -105,11 +102,11 @@ Content-Type: application/json
"familyName": "Kyle"
}
-### Delete specific user
-DELETE http://localhost:8080/user/7 HTTP/1.1
+### Delete specific user Admin
+DELETE http://localhost:8080/user/31 HTTP/1.1
-### Delete specific user
+### Delete specific user admin fehlerfall
DELETE http://localhost:8080/user/1 HTTP/1.1