Skip to content

Commit d691781

Browse files
akvnnakvnn
committed
initial
0 parents  commit d691781

File tree

3,390 files changed

+335150
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

3,390 files changed

+335150
-0
lines changed

‎.gitignore

Whitespace-only changes.

‎accountPage.html

+228
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,228 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<html lang="en">
5+
<head>
6+
<meta charset="UTF-8" />
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
8+
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
9+
10+
<link
11+
href="https://fonts.googleapis.com/css?family=Montserrat:400,700"
12+
rel="stylesheet"
13+
/>
14+
<link
15+
rel="stylesheet"
16+
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
17+
/>
18+
19+
<!--<link rel="stylesheet" href="css/icon-font.css">-->
20+
21+
<link rel="stylesheet" href="css/style.css" />
22+
<link rel="shortcut icon" type="image/png" href="img/favicon.png" />
23+
24+
<title>FamBank | Account Page</title>
25+
</head>
26+
<body>
27+
<div class="warningBox" id="warningBoxThree"></div>
28+
<header class="accountHeader">
29+
<h1 class="accountHeader__h1" id="accountPageName"></h1>
30+
<nav class="accountHeader__nav">
31+
<ul class="accountHeader__list">
32+
<li class="accountHeader__item">
33+
<a href="#" onclick="logout()">Logout</a>
34+
</li>
35+
<li class="accountHeader__item">
36+
<a href="#" onclick="goHomeAccounts()">Accounts Page</a>
37+
</li>
38+
<li class="accountHeader__item dropdown hide" id="accountPageFam">
39+
<a href="#">Family</a>
40+
<ul>
41+
<li class="dropdown__li">
42+
<a href="#" onclick="navigateToAddFamilyMember()">
43+
Add Family Member</a
44+
>
45+
</li>
46+
<li class="dropdown__li">
47+
<a href="#"> Account Statistics</a>
48+
</li>
49+
</ul>
50+
</li>
51+
</ul>
52+
</nav>
53+
</header>
54+
55+
<main>
56+
<section id="home">
57+
<div class="home__balance">
58+
<h3>Balance:</h3>
59+
<p id="accountPageBalance"></p>
60+
</div>
61+
<div class="credit-card">
62+
<div class="credit-card__inner">
63+
<div class="credit-card__front">
64+
<h2 class="credit-card__title">FamBank Credit Card</h2>
65+
<div class="credit-card__number" id="accountPageccNumber">
66+
•••• •••• •••• ••••
67+
</div>
68+
<div class="credit-card__details">
69+
<div class="credit-card__detail">
70+
<div class="credit-card__label">CardHolder Name</div>
71+
<div
72+
class="credit-card__value"
73+
id="accountPageccName"
74+
></div>
75+
</div>
76+
<div class="credit-card__detail">
77+
<div class="credit-card__label">Expiration Date</div>
78+
<div
79+
class="credit-card__value"
80+
id="accountPageccExp"
81+
></div>
82+
</div>
83+
<div class="credit-card__label">CVV</div>
84+
<div class="credit-card__value" id="accountPagecccvv"></div>
85+
</div>
86+
</div>
87+
</div>
88+
</div>
89+
<div class="home__buttons hide" id="accountPageButtons">
90+
<button
91+
class="home__button btn btn--white btn--animated"
92+
onclick="navigateToBills()"
93+
>
94+
<i class="fas fa-dollar-sign"></i>
95+
Pay Bills
96+
</button>
97+
<button
98+
class="home__button btn btn--white btn--animated"
99+
onclick="navigateToDebits()"
100+
>
101+
<i class="fas fa-credit-card"></i>
102+
103+
Debit
104+
</button>
105+
<button
106+
class="home__button btn btn--white btn--animated"
107+
onclick="navigateToAllowance()"
108+
>
109+
<i class="fas fa-arrow-up"></i>
110+
Allowance
111+
</button>
112+
</div>
113+
<div class="home__transactions">
114+
<h3>Recent Transactions:</h3>
115+
116+
<ul id="transactionul"></ul>
117+
<a
118+
class="home__view-transactions btn"
119+
onclick="navigateToTransactions()"
120+
>
121+
View All Transactions
122+
</a>
123+
</div>
124+
</section>
125+
</main>
126+
<div id="chatBotContainer" style="display: none">
127+
<div id="chatBotContent"></div>
128+
<input
129+
type="text"
130+
id="chatBotInput"
131+
placeholder="Type your message"
132+
/>
133+
</div>
134+
<div id="chatBotButton">&#63;</div>
135+
<script src="integration.js"></script>
136+
<script>
137+
document.addEventListener('DOMContentLoaded', function () {
138+
navigateToAccount()
139+
})
140+
navigateToTransactions = () => {
141+
const name = document.getElementById('accountPageName').innerText
142+
window.location.href = `transactions.html?accId=${params.accId}&name=${name}`
143+
}
144+
navigateToBills = () => {
145+
const name = document.getElementById('accountPageName').innerText
146+
window.location.href = `paybills.html?accId=${params.accId}&name=${name}`
147+
}
148+
navigateToAllowance = () => {
149+
const name = document.getElementById('accountPageName').innerText
150+
window.location.href = `allowance.html?accId=${params.accId}&name=${name}`
151+
}
152+
navigateToDebits = () => {
153+
const name = document.getElementById('accountPageName').innerText
154+
window.location.href = `debits.html?accId=${params.accId}&name=${name}`
155+
}
156+
navigateToAddFamilyMember = () => {
157+
const name = document.getElementById('accountPageName').innerText
158+
window.location.href = `addFamilyMember.html?accId=${params.accId}&name=${name}`
159+
}
160+
//--------------------------------------------------------------------------------
161+
//chat bot logic
162+
//--------------------------------------------------------------------------------
163+
const chatBotContainer = document.getElementById('chatBotContainer')
164+
const chatBotButton = document.getElementById('chatBotButton')
165+
const chatBotContent = document.getElementById('chatBotContent')
166+
const chatBotInput = document.getElementById('chatBotInput')
167+
168+
// Function to toggle the chat bot visibility
169+
function toggleChatBot() {
170+
chatBotContainer.style.display =
171+
chatBotContainer.style.display === 'none' ? 'block' : 'none'
172+
if (chatBotContainer.style.display == 'block') {
173+
chatBotButton.innerHTML = '&times;'
174+
} else {
175+
chatBotButton.innerHTML = '&#63;'
176+
}
177+
}
178+
179+
// Function to handle user input
180+
async function handleUserInput() {
181+
const userMessage = chatBotInput.value
182+
appendMessage('You', userMessage)
183+
chatBotInput.value = '' // Clear the input field
184+
//add dots to indicate that the bot is typing
185+
appendMessage('Chat Bot', '...')
186+
// Perform any necessary logic or API calls based on the user input
187+
const response = await fetch(
188+
'https://bankapi-6c8a.onrender.com/api/chatbot/' +
189+
params.accId +
190+
'?' +
191+
'text=' +
192+
userMessage,
193+
194+
{
195+
method: 'GET',
196+
headers: {
197+
'Content-Type': 'application/json',
198+
Authorization: `Bearer ${localStorage.getItem('token')}`,
199+
},
200+
}
201+
)
202+
const data = await response.json()
203+
//remove last message (typing)
204+
chatBotContent.removeChild(chatBotContent.lastChild)
205+
appendMessage('Chat Bot', data.message)
206+
}
207+
208+
// Function to append a message to the chat bot content area
209+
function appendMessage(sender, message) {
210+
const messageElement = document.createElement('p')
211+
messageElement.style.fontSize = '1.5rem'
212+
messageElement.innerHTML = `<strong>${sender}:</strong> ${message}`
213+
chatBotContent.appendChild(messageElement)
214+
chatBotContent.scrollTop = chatBotContent.scrollHeight // Scroll to the bottom
215+
}
216+
217+
// Add event listeners
218+
chatBotButton.addEventListener('click', toggleChatBot)
219+
chatBotInput.addEventListener('keydown', (event) => {
220+
if (event.key === 'Enter') {
221+
handleUserInput()
222+
}
223+
})
224+
</script>
225+
</body>
226+
</html>
227+
</head>
228+
</html>

‎addFamilyMember.html

+104
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,104 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
7+
8+
<link
9+
href="https://fonts.googleapis.com/css?family=Montserrat:400,700"
10+
rel="stylesheet"
11+
/>
12+
<link
13+
rel="stylesheet"
14+
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
15+
/>
16+
17+
<!--<link rel="stylesheet" href="css/icon-font.css">-->
18+
19+
<link rel="stylesheet" href="css/style.css" />
20+
<link rel="shortcut icon" type="image/png" href="img/favicon.png" />
21+
22+
<title>FamBank | Add Family Member</title>
23+
</head>
24+
<body>
25+
<div class="warningBox" id="warningBoxTen"></div>
26+
<div class="successBox" id="successBoxFamMember"></div>
27+
<header class="accountHeader">
28+
<h1 class="accountHeader__h1" id="FamilyMemberName"></h1>
29+
<nav class="accountHeader__nav">
30+
<ul class="accountHeader__list">
31+
<li class="accountHeader__item">
32+
<a href="#" onclick="goHome()">Account Home</a>
33+
</li>
34+
</ul>
35+
</nav>
36+
</header>
37+
<section class="paybills">
38+
<h2
39+
class="heading-secondary"
40+
style="
41+
font-size: 3rem;
42+
margin-top: 2rem;
43+
margin-bottom: 2rem;
44+
margin-left: 0;
45+
margin-right: 0;
46+
"
47+
>
48+
Add Family Member
49+
</h2>
50+
<!-- fix text fields width & position -->
51+
<div class="paybills__form">
52+
<div class="form__group paybillsdetailsform">
53+
<input
54+
type="email"
55+
class="form__input"
56+
placeholder="New User Email"
57+
id="newUserEmail"
58+
required
59+
/>
60+
<label for="newUserEmail" class="form__label"
61+
>New User Email</label
62+
>
63+
</div>
64+
<div class="form__group paybillsdetailsform">
65+
<input
66+
type="text"
67+
class="form__input"
68+
placeholder="Initial Balance"
69+
id="newBalance"
70+
required
71+
/>
72+
<label for="newBalance" class="form__label">Initial Balance</label>
73+
</div>
74+
<!-- style this class="form__label"-->
75+
<div class="paybillsdetailsdiv" style="margin-bottom: 2rem">
76+
<input
77+
class="paybillsdetailsdivcheckbox"
78+
type="checkbox"
79+
id="mainStatus"
80+
name="main-status"
81+
/>
82+
<label for="mainStatus" class="paybillsdetailsdivlabel"
83+
>Main Status</label
84+
>
85+
</div>
86+
<!-- put this in center -->
87+
<div class="form__group">
88+
<button class="btn btn--green" id="others" onclick="addFamilyMember()">Submit &rarr;</button>
89+
<button class="btn btn--green" onclick="goHome()">Back &rarr;</button>
90+
</div>
91+
</div>
92+
</section>
93+
<script src="integration.js"></script>
94+
<script>
95+
document.addEventListener('DOMContentLoaded', function () {
96+
const name = document.getElementById('FamilyMemberName')
97+
name.innerHTML = params.name
98+
})
99+
100+
</script>
101+
</body>
102+
</html>
103+
</head>
104+
</html>

0 commit comments

Comments
 (0)