RanchiMall/flopay
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Sub-admin UI improvements

Browse Source
This commit is contained in:
sairaj mote 2023-01-09 18:03:34 +05:30
parent 0b9321b01d
commit 932e9ea77c
4 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/main.css
View File

@ -1772,7 +1772,7 @@ fieldset legend {
} }
} }
@media screen and (min-width: 68rem) { @media screen and (min-width: 68rem) {
#home { #home:not(.is-sub-admin) {
grid-template-columns: 26rem 1fr 1fr; grid-template-columns: 26rem 1fr 1fr;
} }
} }

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
css/main.scss
View File

@ -1663,7 +1663,7 @@ fieldset {
} }
} }
@media screen and (min-width: 68rem) { @media screen and (min-width: 68rem) {
#home { #home:not(.is-sub-admin) {
grid-template-columns: 26rem 1fr 1fr; grid-template-columns: 26rem 1fr 1fr;
} }
} }

17
index.html
View File

@ -289,7 +289,7 @@
<button class="button button--small" onclick="refreshBalance(this)">Refresh</button> <button class="button button--small" onclick="refreshBalance(this)">Refresh</button>
</div> </div>
</div> </div>
<div class="grid gap-0-5"> <div id="balance_wrapper" class="grid gap-0-5">
<div class="flex align-center space-between balance-card"> <div class="flex align-center space-between balance-card">
<span>Rupee</span> <span>Rupee</span>
<span id="rupee_balance"></span> <span id="rupee_balance"></span>
@ -414,7 +414,7 @@
</div> </div>
</div> </div>
<div class="grid hide-on-mobile"> <div class="grid hide-on-mobile user-element">
<div class="flex align-center space-between"> <div class="flex align-center space-between">
<h4>Recent transactions</h4> <h4>Recent transactions</h4>
<a class="button button--small" href="#/history">See all</a> <a class="button button--small" href="#/history">See all</a>
@ -425,7 +425,7 @@
<p class="empty-state__subtitle">Send or receive some assets to see them here</p> <p class="empty-state__subtitle">Send or receive some assets to see them here</p>
</div> </div>
</div> </div>
<div class="grid gap-1 hide-on-mobile"> <div class="grid gap-1 hide-on-mobile user-element">
<div class="flex align-center space-between"> <div class="flex align-center space-between">
<h4>Contacts</h4> <h4>Contacts</h4>
<a class="button button--small" href="#/contacts">See all</a> <a class="button button--small" href="#/contacts">See all</a>
@ -1594,6 +1594,7 @@
console.log(result); console.log(result);
document.querySelectorAll('.admin-element').forEach(elem => elem.classList.remove('hidden')) document.querySelectorAll('.admin-element').forEach(elem => elem.classList.remove('hidden'))
document.querySelectorAll('.user-element').forEach(elem => elem.classList.add('hidden')) document.querySelectorAll('.user-element').forEach(elem => elem.classList.add('hidden'))
getRef('home').classList.add('is-sub-admin')
routeTo(window.location.hash, { firstLoad: true }) routeTo(window.location.hash, { firstLoad: true })
}).catch(error => console.error(error)) }).catch(error => console.error(error))
} else { } else {
@ -1618,6 +1619,7 @@
// Global variables // Global variables
const { html, render: renderElem, svg } = uhtml; const { html, render: renderElem, svg } = uhtml;
const domRefs = {}; const domRefs = {};
floGlobals.connectionErrorNotifications = []
let transactionsHistoryLoader = null; let transactionsHistoryLoader = null;
let walletHistoryLoader = null; let walletHistoryLoader = null;
let contactHistoryLoader = null; let contactHistoryLoader = null;
@ -1625,12 +1627,13 @@
//Checks for internet connection status //Checks for internet connection status
if (!navigator.onLine) if (!navigator.onLine)
floGlobals.connectionErrorNotification = notify('There seems to be a problem connecting to the internet, Please check you internet connection.', 'error') floGlobals.connectionErrorNotifications.push(notify('There seems to be a problem connecting to the internet, Please check you internet connection.', 'error'))
window.addEventListener('offline', () => { window.addEventListener('offline', () => {
floGlobals.connectionErrorNotification = notify('There seems to be a problem connecting to the internet, Please check you internet connection.', 'error') floGlobals.connectionErrorNotifications.push(notify('There seems to be a problem connecting to the internet, Please check you internet connection.', 'error'))
}) })
window.addEventListener('online', () => { window.addEventListener('online', () => {
getRef('notification_drawer').remove(floGlobals.connectionErrorNotification) floGlobals.connectionErrorNotifications.forEach(notificationId => getRef('notification_drawer').remove(notificationId))
floGlobals.connectionErrorNotifications = []
notify('We are back online.', 'success') notify('We are back online.', 'success')
}) })
@ -2021,7 +2024,7 @@
getRef('generated_private_key').value = privKey getRef('generated_private_key').value = privKey
break; break;
case 'home': case 'home':
if (!floGlobals.isMobileView) { if (!floGlobals.isMobileView && floGlobals.isSubAdmin) {
renderElem(getRef('recent_transactions'), html`<sm-spinner></sm-spinner>`) renderElem(getRef('recent_transactions'), html`<sm-spinner></sm-spinner>`)
getTransactionsHistory({ limit: 5 }).then(transactions => { getTransactionsHistory({ limit: 5 }).then(transactions => {
renderElem(getRef('recent_transactions'), html`${transactions.map(transaction => render.transactionCard(transaction))}`) renderElem(getRef('recent_transactions'), html`${transactions.map(transaction => render.transactionCard(transaction))}`)