Feature front resetpw (#99)

* added comment home.html line 83 * Updated profile route Updated the app.route for the profile.html page to read the username of the current logged in user, query the user database and return the username and email address values. Cleaned these values to remove excess symbols so text would display as plain text in the html file, passed the values to the html page. * Fix form errors and show user details Removed all references to forms as this was all data linked to the old aws db. Added in a new section to just show the username and email address of the current logged in user. * Create resetpw.html Created resetpw.html so when the reset password button is clicked on the profile.html page, there is a page to navigate to. Added basic form structure to take user input for a new password and a button to submit the change. * Delete transactions_ut.db --------- Co-authored-by: ShaneD <[email protected]>
DataBytes-Organisation · Nov 25, 2023 · f199b63 · f199b63
1 parent c0036a4
commit f199b63
Showing 1 changed file with 85 additions and 0 deletions.
diff --git a/neo_dolfin/templates/resetpw.html b/neo_dolfin/templates/resetpw.html
@@ -0,0 +1,85 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta content="width=device-width, initial-scale=1" name="viewport">
+    <title>DolFin - Reset Password</title>
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="{{url_for('static', filename='css/main.css')}}" rel="stylesheet" type="text/css">
+    <link href="{{url_for('static', filename='css/articles.css')}}" rel="stylesheet" type="text/css">
+</head>
+
+<body>
+
+{% include 'components/navbar.html' %}
+
+<div>
+    <div class="container" id="mainTitleArea">
+        <div class="row">
+            <div class="col">
+                <h1 id="articleTitle">Reset Password</h1>
+            </div>
+        </div>
+        <svg height="12" id="articleBreak" width="100%" xmlns="http://www.w3.org/2000/svg">
+            <rect fill="#343A40" height="12" width="100%"></rect>
+        </svg>
+    </div>
+</div>
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>User Account Details</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            margin: 20px;
+        }
+
+        form {
+            max-width: 400px;
+            margin: 0 auto;
+        }
+
+        label {
+            display: block;
+            margin-bottom: 8px;
+        }
+
+        input {
+            width: 100%;
+            padding: 8px;
+            margin-bottom: 16px;
+            box-sizing: border-box;
+        }
+
+        button {
+            background-color: #4caf50;
+            color: white;
+            padding: 10px 15px;
+            border: none;
+            border-radius: 4px;
+            cursor: pointer;
+        }
+
+        button:hover {
+            background-color: #45a049;
+        }
+    </style>
+</head>
+<body>
+
+    <h2>User Account Details</h2>
+
+    <form action="/update-details" method="post">
+        <label for="password">New Password:</label>
+        <input type="password" id="password" name="password" required>
+
+        <label for="confirmPassword">Confirm Password:</label>
+        <input type="password" id="confirmPassword" name="confirmPassword" required>
+
+        <button type="submit">Update Details</button>
+    </form>
+
+</body>