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

0.0.15

Browse Source
This commit is contained in:
sairaj mote 2020-07-14 15:40:32 +05:30
parent 81c7cf6514
commit 22632e7748
4 changed files with 171 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
css/main.css
View File

@ -1250,6 +1250,47 @@ form {
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
} }
.complaint-placeholder {
-webkit-animation: pulse infinite 0.6s alternate;
animation: pulse infinite 0.6s alternate;
}
.complaint-placeholder h4, .complaint-placeholder h5 {
border-radius: 0.2rem;
}
.complaint-placeholder h5 {
background: rgba(var(--text), 0.1);
padding: 0.5rem 0.6rem;
}
.complaint-placeholder h4 {
background: rgba(var(--text), 0.2);
padding: 0.8rem 0.8rem;
}
.complaint-placeholder .demo-btn {
padding: 0.8rem 3rem;
}
@-webkit-keyframes pulse {
from {
opacity: 0.4;
}
to {
opacity: 1;
}
}
@keyframes pulse {
from {
opacity: 0.4;
}
to {
opacity: 1;
}
}
@media only screen and (max-width: 640px) { @media only screen and (max-width: 640px) {
sm-select { sm-select {
width: 100%; width: 100%;
@ -1409,7 +1450,7 @@ form {
.complaint .left { .complaint .left {
border-right: 1px solid rgba(var(--text), 0.2); border-right: 1px solid rgba(var(--text), 0.2);
} }
.complaint .left, .complaint .right { .complaint .left {
padding-right: 1.5rem; padding-right: 1.5rem;
} }
.complaint .right { .complaint .right {

2
css/main.css.map
View File

File diff suppressed because one or more lines are too long

27
css/main.scss
View File

@ -878,6 +878,31 @@ form{
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
} }
} }
.complaint-placeholder{
animation: pulse infinite 0.6s alternate;
h4, h5{
border-radius: 0.2rem;
}
h5{
background: rgba(var(--text), 0.1);
padding: 0.5rem 0.6rem;
}
h4{
background: rgba(var(--text), 0.2);
padding: 0.8rem 0.8rem;
}
.demo-btn{
padding: 0.8rem 3rem;
}
}
@keyframes pulse{
from{
opacity: 0.4;
}
to{
opacity: 1;
}
}
@media only screen and (max-width: 640px){ @media only screen and (max-width: 640px){
sm-select{ sm-select{
width: 100%; width: 100%;
@ -1007,7 +1032,7 @@ form{
.left{ .left{
border-right: 1px solid rgba(var(--text), 0.2); border-right: 1px solid rgba(var(--text), 0.2);
} }
.left, .right{ .left{
padding-right: 1.5rem; padding-right: 1.5rem;
} }
.right{ .right{

121
index.html
View File

@ -109,6 +109,9 @@
<button class="primary-btn expand" type="submit" disabled> <button class="primary-btn expand" type="submit" disabled>
transfer transfer
</button> </button>
<svg viewBox="0 0 73 73" class="loader">
<path d="M72.5,36.5c0,19.88-16.12,36-36,36s-36-16.12-36-36s16.12-36,36-36S72.5,16.62,72.5,36.5" />
</svg>
</div> </div>
</div> </div>
<p> <p>
@ -140,6 +143,9 @@
<button class="primary-btn expand" type="submit" disabled> <button class="primary-btn expand" type="submit" disabled>
deposit deposit
</button> </button>
<svg viewBox="0 0 73 73" class="loader">
<path d="M72.5,36.5c0,19.88-16.12,36-36,36s-36-16.12-36-36s16.12-36,36-36S72.5,16.62,72.5,36.5" />
</svg>
</div> </div>
</div> </div>
<p> <p>
@ -166,6 +172,9 @@
<button class="primary-btn expand" type="submit" disabled> <button class="primary-btn expand" type="submit" disabled>
withdraw withdraw
</button> </button>
<svg viewBox="0 0 73 73" class="loader">
<path d="M72.5,36.5c0,19.88-16.12,36-36,36s-36-16.12-36-36s16.12-36,36-36S72.5,16.62,72.5,36.5" />
</svg>
</div> </div>
</div> </div>
<p> <p>
@ -196,6 +205,9 @@
<button class="primary-btn expand" type="submit" disabled> <button class="primary-btn expand" type="submit" disabled>
request request
</button> </button>
<svg viewBox="0 0 73 73" class="loader">
<path d="M72.5,36.5c0,19.88-16.12,36-36,36s-36-16.12-36-36s16.12-36,36-36S72.5,16.62,72.5,36.5" />
</svg>
</div> </div>
</div> </div>
<p> <p>
@ -226,6 +238,9 @@
<button class="primary-btn expand" type="submit" disabled> <button class="primary-btn expand" type="submit" disabled>
pay pay
</button> </button>
<svg viewBox="0 0 73 73" class="loader">
<path d="M72.5,36.5c0,19.88-16.12,36-36,36s-36-16.12-36-36s16.12-36,36-36S72.5,16.62,72.5,36.5" />
</svg>
</div> </div>
</div> </div>
<p> <p>
@ -259,14 +274,14 @@
<line x1="64" y1="64" x2="0" y2="0" /> <line x1="64" y1="64" x2="0" y2="0" />
</svg> </svg>
<h3>Report</h3> <h3>Report</h3>
<button id="report_btn">report</button> <button id="report_btn" class="btn">report</button>
</div> </div>
<h4>Please add any message you want to send us regarding this issue</h4> <h4>Please add any message you want to send us regarding this issue</h4>
<textarea name="complaint" id="complaint_field" rows="6"></textarea> <textarea name="complaint" id="complaint_field" rows="6"></textarea>
</div> </div>
</div> </div>
<header id="main_header" class="flex"> <header id="main_header" class="flex hide-completely">
<svg viewBox="0 0 180 105.7" class="hide-completely"> <svg viewBox="0 0 180 105.7" class="hide-completely">
<path d="M22.5,35.5C27.7,32.6,33.6,31,40,31c19.9,0,36,16.1,36,36c0,16.6-11.2,30.6-26.5,34.7" /> <path d="M22.5,35.5C27.7,32.6,33.6,31,40,31c19.9,0,36,16.1,36,36c0,16.6-11.2,30.6-26.5,34.7" />
<path d="M4,4v63c0,16.2,10.7,30,25.5,34.4" /> <path d="M4,4v63c0,16.2,10.7,30,25.5,34.4" />
@ -296,7 +311,7 @@
</svg> </svg>
</div> </div>
</header> </header>
<nav id="navbar"> <nav id="navbar" class="hide-completely">
<div title="homepage" id="home_page_btn" class="user-option navbar-item active" <div title="homepage" id="home_page_btn" class="user-option navbar-item active"
onclick="showPage(this, 'home_page')"> onclick="showPage(this, 'home_page')">
<svg class="icon" viewBox="0 0 64 64"> <svg class="icon" viewBox="0 0 64 64">
@ -392,7 +407,7 @@
<h5 id="user_type">Cashier</h5> <h5 id="user_type">Cashier</h5>
</div> </div>
</nav> </nav>
<main> <main class="hide-completely">
<section class="page hide-completely" id="home_page"> <section class="page hide-completely" id="home_page">
<h1>What DO WE OFFER?</h1> <h1>What DO WE OFFER?</h1>
<p> <p>
@ -1129,6 +1144,28 @@
card.innerHTML = composition; card.innerHTML = composition;
return card; return card;
}, },
complaintPlaceholder() {
let card = document.createElement('div');
card.classList.add('request', 'complaint', 'complaint-placeholder')
card.innerHTML = `
<div class="left">
<h5></h5>
<h4></h4>
<h5></h5>
<h4></h4>
<h5></h5>
<h4></h4>
<h5></h5>
<h4></h4>
</div>
<div class="right">
<h4></h4>
</div>
<div class="complaint-actions flex">
<h4 class="demo-btn"></h4>
</div>`
return card;
}
} }
//Checks for internet connection status //Checks for internet connection status
@ -1176,6 +1213,8 @@
if (popup === 'main_loader') { if (popup === 'main_loader') {
loader.classList.add('animate-loader') loader.classList.add('animate-loader')
document.querySelector('main').classList.add('hide-completely') document.querySelector('main').classList.add('hide-completely')
document.querySelector('#main_header').classList.add('hide-completely')
document.querySelector('#navbar').classList.add('hide-completely')
} }
return thisPopup; return thisPopup;
} }
@ -1192,10 +1231,16 @@
clearAllInputs(thisPopup) clearAllInputs(thisPopup)
zIndex--; zIndex--;
thisPopup.parentNode.setAttribute('style', `z-index: ${zIndex}`) thisPopup.parentNode.setAttribute('style', `z-index: ${zIndex}`)
if (thisPopup.querySelector('.action')) {
btnLoading(thisPopup.querySelector('.action'), 'stop')
thisPopup.querySelector("button[type='submit']").disabled = true;
}
}, 400) }, 400)
if (popup === 'main_loader' || popup === 'sign_in_popup') { if (popup === 'main_loader' || popup === 'sign_in_popup') {
loader.classList.remove('animate-loader') loader.classList.remove('animate-loader')
document.querySelector('main').classList.remove('hide-completely') document.querySelector('main').classList.remove('hide-completely')
document.querySelector('#navbar').classList.remove('hide-completely')
document.querySelector('#main_header').classList.remove('hide-completely')
} }
if (popup === 'prompt') { if (popup === 'prompt') {
if (thisPopup.querySelector('input').value == '') if (thisPopup.querySelector('input').value == '')
@ -1212,6 +1257,20 @@
} }
}) })
function btnLoading(btn, option) {
if (typeof btn === 'string')
btn = document.getElementById(btn);
if (option === 'start') {
btn.children[0].classList.add('clip')
btn.children[1].classList.add('animate-loader')
}
else {
btn.children[0].classList.remove('clip')
btn.children[1].classList.remove('animate-loader')
}
}
function setAttributes(el, attrs) { function setAttributes(el, attrs) {
for (var key in attrs) { for (var key in attrs) {
el.setAttribute(key, attrs[key]); el.setAttribute(key, attrs[key]);
@ -1533,6 +1592,8 @@
async function signOut() { async function signOut() {
if (await confirmation('Do you want to sign out?')) { if (await confirmation('Do you want to sign out?')) {
document.querySelector('main').classList.add('hide-completely') document.querySelector('main').classList.add('hide-completely')
document.querySelector('#navbar').classList.add('hide-completely')
document.querySelector('#main_header').classList.add('hide-completely')
floDapps.clearCredentials() floDapps.clearCredentials()
compactIDB.deleteDB().then((message) => { compactIDB.deleteDB().then((message) => {
delete token_app.master_configurations; delete token_app.master_configurations;
@ -1783,7 +1844,10 @@
background: var(--primary-color); background: var(--primary-color);
} }
slot[name="tab"]{ slot[name="tab"]{
display: flex; display: grid;
grid-auto-flow: column;
gap: 1rem;
grid-auto-columns: max-content;
} }
:host([type="tab"]) .indicator{ :host([type="tab"]) .indicator{
height: 100%; height: 100%;
@ -1935,7 +1999,7 @@ slot[name="tab"]::slotted(.active){
e.target.nextElementSibling.classList.remove('hide-completely') e.target.nextElementSibling.classList.remove('hide-completely')
} }
e.target.scrollIntoView({ behavior: 'smooth', inline: 'center', block: 'nearest' }) e.target.scrollIntoView({ behavior: 'smooth', inline: 'center', block: 'nearest' })
this.indicator.setAttribute('style', `width: ${e.target.getBoundingClientRect().width}px; transform: translateX(${e.target.getBoundingClientRect().left - e.target.parentNode.getBoundingClientRect().left + this.tabHeader.scrollLeft}px)`) this.indicator.setAttribute('style', `width: ${e.target.getBoundingClientRect().width / 2}px; transform: translateX(${e.target.getBoundingClientRect().left - e.target.parentNode.getBoundingClientRect().left + this.tabHeader.scrollLeft + e.target.getBoundingClientRect().width / 4}px)`)
this.prevTab = e.target; this.prevTab = e.target;
}) })
let observer = new IntersectionObserver((entries) => { let observer = new IntersectionObserver((entries) => {
@ -1947,11 +2011,13 @@ slot[name="tab"]::slotted(.active){
}) })
if (activeElement.length) { if (activeElement.length) {
let tabDimensions = activeElement[0].getBoundingClientRect(); let tabDimensions = activeElement[0].getBoundingClientRect();
this.indicator.setAttribute('style', `width: ${tabDimensions.width}px; transform: translateX(${tabDimensions.left - activeElement[0].parentNode.getBoundingClientRect().left + this.tabHeader.scrollLeft}px)`) this.indicator.setAttribute('style', `width: ${tabDimensions.width / 2}px; transform: translateX(${tabDimensions.left - activeElement[0].parentNode.getBoundingClientRect().left + this.tabHeader.scrollLeft + tabDimensions.width / 4}px)`)
} }
else { else {
this.tabSlot.assignedElements()[0].classList.add('active')
let tabDimensions = this.tabSlot.assignedElements()[0].getBoundingClientRect(); let tabDimensions = this.tabSlot.assignedElements()[0].getBoundingClientRect();
this.indicator.setAttribute('style', `width: ${tabDimensions.width}px; transform: translateX(${tabDimensions.left - this.tabSlot.assignedElements()[0].parentNode.getBoundingClientRect().left + this.tabHeader.scrollLeft}px)`) this.indicator.setAttribute('style', `width: ${tabDimensions.width / 2}px; transform: translateX(${tabDimensions.left - this.tabSlot.assignedElements()[0].parentNode.getBoundingClientRect().left + this.tabHeader.scrollLeft + tabDimensions.width / 4}px)`)
this.prevTab = this.tabSlot.assignedElements()[0];
} }
setTimeout(() => { setTimeout(() => {
this.indicator.classList.add('transition') this.indicator.classList.add('transition')
@ -1985,8 +2051,8 @@ slot[name="tab"]::slotted(.active){
-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent;
white-space: nowrap; white-space: nowrap;
font-size: 0.9rem; font-size: 0.9rem;
padding: 0.4rem 0.6rem; padding: 0.4rem 0;
font-weight: 500; font-weight: 600;
letter-spacing: 0.06em; letter-spacing: 0.06em;
word-spacing: 0.1em; word-spacing: 0.1em;
text-align: center; text-align: center;
@ -11716,6 +11782,7 @@ slot[name="tab"]::slotted(.active){
try { try {
const send_tokens_btn = document.getElementById('send_tokens_btn'); const send_tokens_btn = document.getElementById('send_tokens_btn');
send_tokens_btn.onclick = async function () { send_tokens_btn.onclick = async function () {
btnLoading('send_tokens_btn', 'start')
const token_sender = myFloID; const token_sender = myFloID;
const token_receiver = document.getElementById('token_receiver').value; const token_receiver = document.getElementById('token_receiver').value;
const token_amount = Number(document.getElementById('token_amount').value); const token_amount = Number(document.getElementById('token_amount').value);
@ -11730,6 +11797,7 @@ slot[name="tab"]::slotted(.active){
|| sender_token_balance.balance < token_amount) { || sender_token_balance.balance < token_amount) {
err_msg = `Sender has insufficient ${token_name_radio} balance.`; err_msg = `Sender has insufficient ${token_name_radio} balance.`;
notify(err_msg, 'error'); notify(err_msg, 'error');
hidePopup()
return false; return false;
} }
@ -11737,6 +11805,7 @@ slot[name="tab"]::slotted(.active){
console.log(flo_txid); console.log(flo_txid);
if (typeof flo_txid !== "string") { if (typeof flo_txid !== "string") {
notify(`Transaction unsuccessful.`); notify(`Transaction unsuccessful.`);
hidePopup()
return false; return false;
} else { } else {
notify(`Transaction successful: ${flo_txid}.`, '', 'fixed', true); notify(`Transaction successful: ${flo_txid}.`, '', 'fixed', true);
@ -11744,6 +11813,7 @@ slot[name="tab"]::slotted(.active){
payment_request_status(currentPaymentRequest.requestId, 'APPROVED') payment_request_status(currentPaymentRequest.requestId, 'APPROVED')
showPayRequests() showPayRequests()
} }
hidePopup()
return true; return true;
} }
} }
@ -11882,6 +11952,7 @@ slot[name="tab"]::slotted(.active){
const request_tokens_btn = document.getElementById('request_tokens_btn'); const request_tokens_btn = document.getElementById('request_tokens_btn');
const cashier = randomNoRepeats(Object.keys(token_app.master_configurations.cashiers))(); const cashier = randomNoRepeats(Object.keys(token_app.master_configurations.cashiers))();
request_tokens_btn.onclick = async function () { request_tokens_btn.onclick = async function () {
btnLoading('request_tokens_btn', 'start')
if (typeof myFloID !== "string" || myFloID.length < 1) return; if (typeof myFloID !== "string" || myFloID.length < 1) return;
const token_amount_to_buy = Number(document.getElementById('token_amount_to_buy').value); const token_amount_to_buy = Number(document.getElementById('token_amount_to_buy').value);
const cashier_upi = token_app.master_configurations.cashiers[cashier].upi_id; const cashier_upi = token_app.master_configurations.cashiers[cashier].upi_id;
@ -11897,10 +11968,12 @@ slot[name="tab"]::slotted(.active){
{ receiverID: cashier }).then(result => { { receiverID: cashier }).then(result => {
console.log(result); console.log(result);
notify('Request sent successfully.'); notify('Request sent successfully.');
hidePopup()
}) })
return true; return true;
} }
notify('Request failed.', 'error'); notify('Request failed.', 'error');
hidePopup()
return false; return false;
} }
} catch (error) { } catch (error) {
@ -11913,7 +11986,7 @@ slot[name="tab"]::slotted(.active){
const withdraw_cash_btn = document.getElementById('withdraw_cash_btn') const withdraw_cash_btn = document.getElementById('withdraw_cash_btn')
const cashier = randomNoRepeats(Object.keys(token_app.master_configurations.cashiers))(); const cashier = randomNoRepeats(Object.keys(token_app.master_configurations.cashiers))();
withdraw_cash_btn.onclick = async function () { withdraw_cash_btn.onclick = async function () {
// TODO: Disble the button btnLoading('withdraw_cash_btn', 'start')
if (typeof myFloID !== "string" || myFloID.length < 1) { if (typeof myFloID !== "string" || myFloID.length < 1) {
notify(`Your Flo Id is invalid.`, 'error'); notify(`Your Flo Id is invalid.`, 'error');
return; return;
@ -11932,11 +12005,13 @@ slot[name="tab"]::slotted(.active){
const user_token_balance_object = await ajaxGet(token_balance_url); const user_token_balance_object = await ajaxGet(token_balance_url);
if (typeof user_token_balance_object !== "object" || typeof user_token_balance_object.balance !== "number") { if (typeof user_token_balance_object !== "object" || typeof user_token_balance_object.balance !== "number") {
notify('You do not have rupee balance yet. Please deposit rupee to get balance.', 'error'); notify('You do not have rupee balance yet. Please deposit rupee to get balance.', 'error');
hidePopup()
return; return;
} }
const current_balance = Number(user_token_balance_object.balance); const current_balance = Number(user_token_balance_object.balance);
if (current_balance < withdraw_cash_amount) { if (current_balance < withdraw_cash_amount) {
notify(`You have unsufficient balance to withdraw. You can withdraw only Rs ${user_token_balance_object.balance}`, 'error', 'fixed', true); notify(`You have unsufficient balance to withdraw. You can withdraw only Rs ${user_token_balance_object.balance}`, 'error', 'fixed', true);
hidePopup()
return; return;
} }
@ -11945,6 +12020,7 @@ slot[name="tab"]::slotted(.active){
console.log(flo_txid); console.log(flo_txid);
if (typeof flo_txid !== "string") { if (typeof flo_txid !== "string") {
notify(`Transaction unsuccessfull.`, 'error'); notify(`Transaction unsuccessfull.`, 'error');
hidePopup()
return false; return false;
} }
// TODO: Validate https://ranchimallflo.duckdns.org/api/v1.0/getTransactionDetails/${flo_txid} // TODO: Validate https://ranchimallflo.duckdns.org/api/v1.0/getTransactionDetails/${flo_txid}
@ -11961,6 +12037,7 @@ slot[name="tab"]::slotted(.active){
floCloudAPI.sendGeneralData(request_object, token_app.master_configurations.TYPE_WITHDRAWS, floCloudAPI.sendGeneralData(request_object, token_app.master_configurations.TYPE_WITHDRAWS,
{ receiverID: cashier }); { receiverID: cashier });
notify('Withdraw request sent successfully.'); notify('Withdraw request sent successfully.');
hidePopup()
return true; return true;
} }
notify('Failed to send withdraw request to cashier.', 'error'); notify('Failed to send withdraw request to cashier.', 'error');
@ -11983,6 +12060,7 @@ slot[name="tab"]::slotted(.active){
const cnf_cash_payment_btn = document.getElementById('cnf_cash_payment') const cnf_cash_payment_btn = document.getElementById('cnf_cash_payment')
cnf_cash_payment_btn.onclick = function () { cnf_cash_payment_btn.onclick = function () {
btnLoading('withdraw_cash_btn', 'start')
const paying_amount_div = document.getElementById('recvr_amount_to_pay') const paying_amount_div = document.getElementById('recvr_amount_to_pay')
const recvr_id = document.getElementById('recvr_id').value; const recvr_id = document.getElementById('recvr_id').value;
let amount_to_pay = Number(paying_amount_div.value); let amount_to_pay = Number(paying_amount_div.value);
@ -12001,8 +12079,9 @@ slot[name="tab"]::slotted(.active){
floCloudAPI.sendGeneralData(req_object, token_app.master_configurations.TYPE_PAY_THROUGH_CASHIER, floCloudAPI.sendGeneralData(req_object, token_app.master_configurations.TYPE_PAY_THROUGH_CASHIER,
{ receiverID: cashier, senderIDs: [myFloID] }); { receiverID: cashier, senderIDs: [myFloID] });
notify(`You have sent cash to ${recvr_id} through our cashier service (${cashier_upi}). notify(`You have sent cash to <span class="breakable">${recvr_id}</span> through our cashier service (${cashier_upi}).
Once the cashier receives your payment, he will transfer it to ${recvr_id}.`, '', 'fixed', true); Once the cashier receives your payment, he will transfer it to ${recvr_id}.`, '', 'fixed', true);
hidePopup()
} }
} catch (error) { } catch (error) {
@ -12084,7 +12163,7 @@ slot[name="tab"]::slotted(.active){
notify('Your complaint has been registered. Our team will take an action very soon. Thank you.', notify('Your complaint has been registered. Our team will take an action very soon. Thank you.',
'', 'fixed', true); '', 'fixed', true);
hidePopup()
return true; return true;
} catch (e) { } catch (e) {
@ -12185,7 +12264,10 @@ slot[name="tab"]::slotted(.active){
async function load_deposit_complaints(receiver = '', sendersArray = []) { async function load_deposit_complaints(receiver = '', sendersArray = []) {
try { try {
let container = document.getElementById('deposit_complaints_container');
container.innerHTML = ``;
container.append(render.complaintPlaceholder())
await clearCashierData(); await clearCashierData();
await Promise.all([ await Promise.all([
@ -12260,8 +12342,6 @@ slot[name="tab"]::slotted(.active){
} }
} }
let container = document.getElementById('deposit_complaints_container');
container.innerHTML = `` container.innerHTML = ``
if (frag.children.length) if (frag.children.length)
container.append(frag) container.append(frag)
@ -12281,6 +12361,9 @@ slot[name="tab"]::slotted(.active){
async function load_withdraw_complaints(receiver = '', sender = []) { async function load_withdraw_complaints(receiver = '', sender = []) {
try { try {
let container = document.getElementById('withdraw_complaints_container');
container.innerHTML = ``;
container.append(render.complaintPlaceholder())
await clearCashierData(); await clearCashierData();
@ -12349,8 +12432,6 @@ slot[name="tab"]::slotted(.active){
frag.append(render.withdrawComplaint(userData, cashierData, udc)) frag.append(render.withdrawComplaint(userData, cashierData, udc))
} }
let container = document.getElementById('withdraw_complaints_container');
container.innerHTML = `` container.innerHTML = ``
if (frag.children.length) if (frag.children.length)
container.append(frag) container.append(frag)
@ -12371,6 +12452,9 @@ slot[name="tab"]::slotted(.active){
async function load_pay_thru_cashier_complaints(receiver = '', sender = []) { async function load_pay_thru_cashier_complaints(receiver = '', sender = []) {
try { try {
let container = document.getElementById('pay_cashier_complaints_container');
container.innerHTML = ``;
container.append(render.complaintPlaceholder())
await clearCashierData(); await clearCashierData();
@ -12439,7 +12523,6 @@ slot[name="tab"]::slotted(.active){
if (this_user_pay_thru_cashier.length) if (this_user_pay_thru_cashier.length)
frag.append(render.payCashierComplaint(userData, cashierData, udc)) frag.append(render.payCashierComplaint(userData, cashierData, udc))
} }
let container = document.getElementById('pay_cashier_complaints_container');
container.innerHTML = `` container.innerHTML = ``
if (frag.children.length) if (frag.children.length)