diff --git a/.gitignore b/.gitignore index 4287265..82db551 100644 --- a/.gitignore +++ b/.gitignore @@ -1,4 +1,7 @@ backend/user_data.txt frontend/user_data.txt frontend/user_transaction_details/ -/node_modules \ No newline at end of file +/node_modules +.env +backend/finance_tracker.exe +backend/finance_tracker.exe diff --git a/backend/finance_tracker.exe b/backend/finance_tracker.exe index e71781e..7b72b7c 100644 Binary files a/backend/finance_tracker.exe and b/backend/finance_tracker.exe differ diff --git a/frontend/public/css/style.css b/frontend/public/css/style.css index 5de6923..25541f2 100644 --- a/frontend/public/css/style.css +++ b/frontend/public/css/style.css @@ -24,7 +24,7 @@ p { .container { width: 80%; margin: auto; - padding: 20px; + padding: 10px; } h1, @@ -217,6 +217,26 @@ button { margin-right: 30%; } +#visibilityIcon { + /* visibility: hidden; */ + position: absolute; + /* right: 10px; */ + /* top: 50%; */ + transform: translateY(80%); + background-color: black; + padding: 7px; + width: 22px; + height: 22px; + border-radius: 100%; + color: white; + cursor: pointer; +} + +#visibilityIcon i { + font-size: 20px; + padding: 0px; +} + #loginForm { display: flex; flex-direction: column; @@ -310,7 +330,7 @@ li { .navbar { display: flex; - justify-content: space-between; + justify-content: center; align-items: center; margin-bottom: -2%; margin-left: 10%; @@ -327,6 +347,7 @@ li { .nav-list { display: flex; justify-content: space-between; + width: 100%; } .nav-list li { diff --git a/frontend/public/index.html b/frontend/public/index.html index 96fa6b6..74eb086 100644 --- a/frontend/public/index.html +++ b/frontend/public/index.html @@ -11,14 +11,15 @@
-

Financely

+

Financely

Login

Username

Password

- + +
diff --git a/frontend/public/js/app.js b/frontend/public/js/app.js index 2eccd9a..4aa37af 100644 --- a/frontend/public/js/app.js +++ b/frontend/public/js/app.js @@ -77,6 +77,21 @@ if (loginForm) { }); } +//function to toggle the visibility of the password +function togglePasswordVisibility() { + const passwordInput = document.getElementById('password'); + const visibilityIcon = document.getElementById('visibilityIcon').children[0]; + if (passwordInput.type === 'password') { + passwordInput.type = 'text'; + visibilityIcon.classList.add('fa-eye-slash'); + visibilityIcon.classList.remove('fa-eye'); + } else { + passwordInput.type = 'password'; + visibilityIcon.classList.add('fa-eye'); + visibilityIcon.classList.remove('fa-eye-slash'); + } +} + // Function to extract username from URL function getUsername() { const urlParams = new URLSearchParams(window.location.search); diff --git a/frontend/public/register.html b/frontend/public/register.html index 40c12a4..9ec6ad4 100644 --- a/frontend/public/register.html +++ b/frontend/public/register.html @@ -11,14 +11,15 @@
-

Financely

+

Financely

Register

Username

Password

- + +