-
-
+
+
No deposit requests.
-
-
+
No withdraw requests.
-
+
+
+
+
+
+
+
No pay requests.
Profile
FLO ID
- FPFeL5PXzW9bGosUjQYCxTHSMHidnygvvd
+
@@ -409,31 +499,25 @@
notificationSound = document.getElementById('notification_sound');
const render = {
// returns an order element;
- depositRequest: function (txid, upiId, floId, currency, amount) {
- let card = document.createElement('div'), currencySymbol;
+ depositRequest: function (txid, floId) {
+ let card = document.createElement('div');
card.classList.add('request')
- currency === 'INR' ? currencySymbol = '₹' : currencySymbol = '$';
card.innerHTML = `
FLO ID
${floId}
-
UPI ID
-
${upiId}
-
Amount
-
${currencySymbol}${amount}
+
UPI TXID
+
${txid}
`;
return card;
},
- withdrawRequest: function (txid, upiId, floId, currency, amount) {
- let card = document.createElement('div'), currencySymbol;
+ withdrawRequest: function (txid, upiId, floId) {
+ let card = document.createElement('div');
card.classList.add('request')
- currency === 'INR' ? currencySymbol = '₹' : currencySymbol = '$';
card.innerHTML = `
FLO ID
${floId}
UPI ID
${upiId}
-
Amount
-
${currencySymbol}${amount}
Transaction ID
${txid}
`;
return card;
},
+ payRequest: function (sender, txid, floId, amount) {
+ let card = document.createElement('div');
+ card.classList.add('request')
+ card.innerHTML = `
Transaction ID
+
${txid}
+
Receiver's FLO ID
+
${floId}
+
Amount
+
₹${amount}
+
`;
+ return card;
+ },
}
//Checks for internet connection status
@@ -452,34 +550,68 @@
window.addEventListener('online', () => {
notify('', 'We are back online.', '', true)
})
+ function clearAllInputs(parent) {
+ parent.querySelectorAll("input, textarea").forEach((field) => {
+ field.value = '';
+ })
+ }
// function required for popups or modals to appear
+ class Stack {
+ constructor() {
+ this.items = [];
+ }
+ push(element) {
+ this.items.push(element);
+ }
+ pop() {
+ if (this.items.length == 0)
+ return "Underflow";
+ return this.items.pop();
+ }
+ peek() {
+ return this.items[this.items.length - 1];
+ }
+ }
+ let popupStack = new Stack(),
+ zIndex = 10;
function showPopup(popup, permission) {
let thisPopup = document.getElementById(popup);
thisPopup.parentNode.classList.remove('hide');
thisPopup.classList.add('no-transformations');
- window.onmousedown = function (event) {
- if (event.target == thisPopup.parentNode && permission !== 'no')
- hidePopup(popup, permission);
+ popupStack.push({ popup, permission })
+ zIndex++;
+ thisPopup.parentNode.setAttribute('style', `z-index: ${zIndex}`)
+ if (popup === 'main_loader') {
+ loader.classList.add('animate-loader')
+ document.querySelector('main').classList.add('hide-completely')
}
}
// hides the popup or modal
- function hidePopup(pop, permission) {
- let popup;
- typeof pop === 'string' ? popup = document.getElementById(pop) : popup = pop.closest('.popup');
- if (permission === 'no') return;
- popup.closest('.popup-container').classList.add('hide');
- popup.closest('.popup').classList.remove('no-transformations');
+ function hidePopup() {
+ if (popupStack.peek() === undefined)
+ return
+ let { popup, permission } = popupStack.pop();
+ thisPopup = document.getElementById(popup);
+ thisPopup.closest('.popup-container').classList.add('hide');
+ thisPopup.closest('.popup').classList.remove('no-transformations');
setTimeout(() => {
- clearAllInputs(popup)
- if (popup.querySelector('.btn')) {
- popup.querySelector('.btn').classList.remove('clip')
- popup.querySelector('.loader').classList.remove('animate-loader')
- popup.querySelector(".action button").disabled = true;
- }
+ clearAllInputs(thisPopup)
+ zIndex--;
+ thisPopup.parentNode.setAttribute('style', `z-index: ${zIndex}`)
}, 400)
+ if (popup === 'main_loader') {
+ loader.classList.remove('animate-loader')
+ document.querySelector('main').classList.remove('hide-completely')
+ }
}
+ addEventListener('mousedown', e => {
+ if (e.target.classList.contains('popup-container') && popupStack.peek() !== undefined && popupStack.peek().permission !== 'no') {
+ hidePopup()
+ }
+ })
+
function setAttributes(el, attrs) {
for (var key in attrs) {
el.setAttribute(key, attrs[key]);
@@ -500,7 +632,7 @@
}
//Function for displaying toast notifications. pass in error for mode param if you want to show an error.
- function notify(mode, message, behavior, sound) {
+ function notify(message, mode, behavior, sound) {
let banner = document.getElementById('show_message'),
back;
if (mode === 'error') {
@@ -539,11 +671,11 @@
showPopup('confirmation')
popup.children[0].textContent = message;
popup.children[1].firstElementChild.onclick = function () {
- hidePopup('confirmation')
- resolve(false)
+ hidePopup()
+ reject(false)
}
popup.children[1].children[1].onclick = function () {
- hidePopup('confirmation')
+ hidePopup()
resolve(true);
}
})
@@ -587,27 +719,15 @@
}
function areInputsEmpty(parent) {
- let allInputs = parent.querySelectorAll(".input input"),
- allRadios = parent.querySelectorAll("input[type='radio']"),
- radioStatus, inputStatus, counter = 0;
- inputStatus = [...allInputs].every(input => input.checkValidity())
-
- allRadios.forEach(radio => {
- if (radio.checked)
- counter++;
- })
- if (counter == allRadios.length / 2)
- radioStatus = true;
- if (inputStatus && radioStatus)
- return true
- else false
+ let allInputs = parent.querySelectorAll(".input input");
+ return [...allInputs].every(input => input.checkValidity())
}
function formValidation(formElement, e) {
if (formElement.getAttribute('type') === 'number')
preventNonNumericalInput(e);
- let parent = formElement.closest('form'),
- submitBtn = parent.querySelector(".action button");
+ let parent = formElement.closest('.popup'),
+ submitBtn = parent.querySelector("button[type='submit']");
if (areInputsEmpty(parent))
submitBtn.disabled = false;
else
@@ -642,8 +762,8 @@
})
// Function for confirming deposit requests
- document.getElementById('deposit_request_container').addEventListener('click', (e) => {
- let container = document.getElementById('deposit_request_container');
+ document.getElementById('pending_deposits_container').addEventListener('click', (e) => {
+ let container = document.getElementById('pending_deposits_container');
if (e.target.closest('.confirm-deposit-btn'))
askConfirmation('Confirm this deposit request?').then((result) => {
if (result) {
@@ -663,8 +783,8 @@
})
// Function for confirming withdraw requests
- document.getElementById('withdraw_request_container').addEventListener('click', (e) => {
- let container = document.getElementById('withdraw_request_container');
+ document.getElementById('pending_withdrawals_container').addEventListener('click', (e) => {
+ let container = document.getElementById('pending_withdrawals_container');
if (e.target.closest('.confirm-withdraw-btn'))
askConfirmation('Confirm this withdraw request?').then((result) => {
if (result) {
@@ -681,37 +801,6 @@
}
})
})
-
- //renders deposit requests
- document.getElementById('deposit_request_container').innerHTML = '';
- for (let i = 0; i < 6; i++) {
- frag.append(render.depositRequest('s6f5h4s65f4h6s5465s4', '7744023898@paytm', 'FPFeL5PXzW9bGosUjQYCxTHSMHidnygvvd', 'INR', '50000'))
- }
- if (frag.children.length === 0) {
- document.getElementById('deposit_illustration').classList.remove('hide-completely')
- document.getElementById('search_deposit').classList.add('hide-completely')
- }
- else {
- document.getElementById('search_withdraw').classList.remove('hide-completely')
- document.getElementById('deposit_illustration').classList.add('hide-completely')
- }
- document.getElementById('deposit_request_container').append(frag);
-
- //renders deposit requests
- document.getElementById('withdraw_request_container').innerHTML = '';
- for (let i = 0; i < 4; i++) {
- frag.append(render.withdrawRequest('s6f5h4s65f4h6s5465s4kdvbskjbvjasbdvbadbvjabdjvajdbksvjbskjb', '7744023898@paytm', 'FPFeL5PXzW9bGosUjQYCxTHSMHidnygvvd', 'INR', '50000'))
- }
- if (frag.children.length === 0) {
- document.getElementById('withdraw_request_container').innerHTML = ``;
- document.getElementById('search_withdraw').classList.add('hide-completely')
- }
- else {
- document.getElementById('search_withdraw').classList.remove('hide-completely')
- document.getElementById('withdraw_illustration').classList.add('hide-completely')
- }
-
- document.getElementById('withdraw_request_container').append(frag);
})
let allPages = document.querySelectorAll('.page'),
@@ -732,10 +821,9 @@
}
}
- let balDisplay = document.getElementById('token_balance'),
- userFloId = 'FCja6sLv58e3RMy41T5AmWyvXEWesqBCkX';
+ let balDisplay = document.getElementById('token_balance');
function checkBalance() {
- fetch(`https://ranchimallflo.duckdns.org/api/v1.0/getFloAddressBalance?floAddress=${userFloId}&token=rupee`)
+ fetch(`https://ranchimallflo.duckdns.org/api/v1.0/getFloAddressBalance?floAddress=${myFloID}&token=rupee`)
.then((response) => {
if (response.status !== 200) {
console.log('Looks like there was a problem. Status Code: ' +
@@ -753,28 +841,6 @@
});
}
- // exchange execute option functions
-
- function buyCrypto(btn) {
- let parentPopup = btn.closest('.popup'),
- selectedCrypto = parentPopup.querySelector("input[name='crypto']:checked").value,
- selectedCurrency = parentPopup.querySelector("input[name='currency']:checked").value,
- buyWorth = parentPopup.querySelector('.input input').value;
- console.log(selectedCrypto, selectedCurrency, buyWorth)
- btnLoading(btn, 'start')
-
- //if operation completes{
- setTimeout(() => {
- btnLoading(btn, 'stop')
- hidePopup(parentPopup)
- notify('', 'Bought Crypto')
- }, 1000)
- //}
- /*else{
- notify('error', 'Error message')
- }*/
- }
-
function signIn(btn) {
let parentPopup = btn.closest('form');
@@ -783,7 +849,7 @@
//if operation completes{
setTimeout(() => {
btnLoading(btn, 'stop')
- hidePopup(parentPopup)
+ hidePopup()
notify('', 'Signed In')
document.querySelector('main').classList.remove('hide-completely')
document.getElementById('deposit_page_btn').click()
@@ -797,10 +863,9470 @@
notify('', 'Signed out')
document.querySelector('main').classList.add('hide-completely')
showPopup('sign_in_popup')
+ floDapps.clearCredentials()
+ compactIDB.deleteDB().then((message) => {
+ delete token_app.master_configurations;
+ onLoadStartUp()
+ notify('You have logged out successfully.')
+ }).catch((error) => {
+ console.log(error)
+ })
}
})
}
- checkBalance()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+