This commit is contained in:
2026-07-07 21:08:52 +02:00
commit 4c20cfc716
2613 changed files with 318021 additions and 0 deletions

View File

@@ -0,0 +1,885 @@
{
"lang": "EN",
"__comment": "On DYNAMIC_FORM_DATA do not change 'componentName', 'elementID'!",
"EN": {
"DYNAMIC_FORM_DATA": [
{
"componentName": "moreGraph",
"elementID": "#wrapper",
"title": "",
"closeButtonText": "Close",
"bankTitle": "Fleeca Bank",
"mainExitButtonText": "Log out"
},
{
"elementID": "#cpincode",
"name": "cpincode",
"buttonText": "Approve",
"inputPlaceholder": "Enter 4 digit...",
"title": "PIN CODE SETUP",
"description": "Here you can set or change the PIN code.",
"type": "password"
},
{
"elementID": "#withdraw",
"name": "withdraw",
"buttonText": "Approve",
"inputPlaceholder": "Amount",
"title": "WITHDRAW",
"description": "Here you can withdraw your money from the bank.",
"type": "number"
},
{
"elementID": "#deposit",
"name": "deposit",
"buttonText": "Approval",
"inputPlaceholder": "Amount",
"title": "DEPOSIT",
"description": "Here, you can deposit your money to the bank.",
"type": "number"
},
{
"elementID": "#transfer",
"name": "transfer",
"buttonText": "Transfer",
"inputPlaceholder": "Amount",
"inputPlaceholder2": "Player ID",
"title": "TRANSFER",
"description": "Here you can transfer your money to someone else."
},
{
"componentName": "trans",
"elementID": "#third-column",
"title": "TRANSACTION HISTORY",
"description": "Here you can see your transaction history.",
"moreHistoryText": "Show more history",
"moreGraphText": "Show more graph"
},
{
"componentName": "pincodePanel",
"elementID": "#wrapper",
"title": "Enter PIN",
"deleteButtonText": "<i class='fa-solid fa-ban'></i>",
"loginButtonText": "<i class='fa-solid fa-right-to-bracket'></i>",
"closeButtonText": "Close"
},
{
"componentName": "atmComponent",
"elementID": "#wrapper",
"title": "Fleeca Bank",
"closeButtonText": "Log out"
}
],
"LAUNGAGE": {
"your_money_title": "Balance",
"your_money_desc": "Here you can see your current balance and cash.",
"your_money_cash_label": "Your cash",
"your_money_bank_label": "Your bank balance",
"withdraw": "WITHDRAW",
"deposit": "DEPOSIT",
"transfer": "TRANSFER",
"transferReceive": "RECEIVED TRANSFER",
"moneyFormat": "$__replaceData__",
"graphTitle": "Your balance",
"moreGraphTitle": "Big Graph",
"moreHistoryTitle": "Show more history",
"inputErrorTitle": "Data is incorrect",
"inputErrorMessage": "It cannot be empty or a value less than 1!",
"showPincodeErrorTitle": "PIN incorrect",
"showPincodeErrorMessage": "The pin must have at least 4 characters!",
"tableLang": {
"typeLabel": "Transaction type",
"transactionLabel": "Transaction Label",
"balanceLabel": "Balance",
"amountLabel": "Amount",
"timeLabel": "Time",
"searchInputPlaceholder": "Search ...",
"_comment": "tableFullLanguage options: English, Hungarian, Italian, Spanish, French, you can find here all lang: https://cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/",
"tableFullLanguage": "English"
}
}
},
"DE": {
"DYNAMIC_FORM_DATA": [
{
"componentName": "moreGraph",
"elementID": "#wrapper",
"title": "",
"closeButtonText": "Schließen",
"bankTitle": "Fleeca Bank",
"mainExitButtonText": "Abmelden"
},
{
"elementID": "#cpincode",
"name": "cpincode",
"buttonText": "Zustimmen",
"inputPlaceholder": "4 Ziffern eingeben...",
"title": "PIN-CODE EINRICHTEN",
"description": "Hier kannst du deinen Pin einstellen oder ändern.",
"type": "password"
},
{
"elementID": "#withdraw",
"name": "withdraw",
"buttonText": "Zustimmen",
"inputPlaceholder": "Betrag",
"title": "ABHEBEN",
"description": "Hier kannst du dein Geld bei der Bank abheben.",
"type": "number"
},
{
"elementID": "#deposit",
"name": "deposit",
"buttonText": "Zustimmen",
"inputPlaceholder": "Betrag",
"title": "EINZAHLEN",
"description": "Hier kannst du dein Geld bei der Bank einzahlen.",
"type": "number"
},
{
"elementID": "#transfer",
"name": "transfer",
"buttonText": "Überweisung",
"inputPlaceholder": "Betrag",
"inputPlaceholder2": "Spieler ID",
"title": "ÜBERWEISUNG",
"description": "Hier kannst du dein Geld an eine anderen Person überweisen."
},
{
"componentName": "trans",
"elementID": "#third-column",
"title": "TRANSAKTIONSVERLAUF",
"description": "Hier kannst du deinen Transaktionsverlauf einsehen.",
"moreHistoryText": "Mehr Informationen anzeigen",
"moreGraphText": "Mehr Grafiken anzeigen"
},
{
"componentName": "pincodePanel",
"elementID": "#wrapper",
"title": "PIN Eingeben",
"deleteButtonText": "<i class='fa-solid fa-ban'></i>",
"loginButtonText": "<i class='fa-solid fa-right-to-bracket'></i>",
"closeButtonText": "Schließen"
},
{
"componentName": "atmComponent",
"elementID": "#wrapper",
"title": "Fleeca Bank",
"closeButtonText": "Abmelden"
}
],
"LAUNGAGE": {
"your_money_title": "Kontostand",
"your_money_desc": "Hier kannst du deinen aktuellen Kontostand und dein Bargeld einsehen.",
"your_money_cash_label": "Dein Bargeld",
"your_money_bank_label": "Dein Kontostand",
"withdraw": "ABHEBEN",
"deposit": "EINZAHLEN",
"transfer": "ÜBERWEISUNG",
"transferReceive": "EMPFANGENE ÜBERWEISUNGEN",
"moneyFormat": "$__replaceData__",
"graphTitle": "Dein Guthaben",
"moreGraphTitle": "Detailliertere Grafik",
"moreHistoryTitle": "Mehr Informationen anzeigen",
"inputErrorTitle": "Die angegebenen Daten sind falsch",
"inputErrorMessage": "Der Wert darf nicht leer oder kleiner als 1 sein!",
"showPincodeErrorTitle": "Pin falsch",
"showPincodeErrorMessage": "Der Pin muss mindestens 4 Zahlen haben!",
"tableLang": {
"typeLabel": "Transaktionsart",
"transactionLabel": "Transaktion",
"balanceLabel": "Kontostand",
"amountLabel": "Betrag",
"timeLabel": "Zeit",
"searchInputPlaceholder": "Suche ...",
"_comment": "tableFullLanguage options: English, German, Hungarian, Italian, Spanish, French, you can find here all lang: https://cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/",
"tableFullLanguage": "German"
}
}
},
"HU": {
"DYNAMIC_FORM_DATA": [
{
"componentName": "moreGraph",
"elementID": "#wrapper",
"title": "",
"closeButtonText": "Bezárás",
"bankTitle": "OTP BANK FELÜLET",
"mainExitButtonText": "Kijelentkezés"
},
{
"elementID": "#cpincode",
"name": "cpincode",
"buttonText": "Jóváhagyás",
"inputPlaceholder": "Írj be 4 számot...",
"title": "PIN KÓD BEÁLLÍTÁS",
"description": "Itt tudod beállítani vagy cserélni pinkódodat.",
"type": "password"
},
{
"elementID": "#withdraw",
"name": "withdraw",
"buttonText": "Jóváhagyás",
"inputPlaceholder": "Összeg",
"title": "PÉNZ KIVÉTEL",
"description": "Itt tudsz pénzt kivenni a számládról.",
"type": "number"
},
{
"elementID": "#deposit",
"name": "deposit",
"buttonText": "Jóváhagyás",
"inputPlaceholder": "Összeg",
"title": "PÉNZ BETÉTEL",
"description": "Itt tudsz pénzt be tenni a számládra.",
"type": "number"
},
{
"elementID": "#transfer",
"name": "transfer",
"buttonText": "Utalás",
"inputPlaceholder": "Összeg",
"inputPlaceholder2": "Játékos azonosító",
"title": "UTALÁS",
"description": "Itt tudsz pénzt utalni egy adott játékosnak."
},
{
"componentName": "trans",
"elementID": "#third-column",
"title": "SZÁMLA TÖRTÉNET",
"description": "Itt látod a számla történeted.",
"moreHistoryText": "Több számla történet mutatása",
"moreGraphText": "Nagyított diagram mutatása"
},
{
"componentName": "pincodePanel",
"elementID": "#wrapper",
"title": "Írd be a PIN kódod",
"deleteButtonText": "<i class='fa-solid fa-ban'></i>",
"loginButtonText": "<i class='fa-solid fa-right-to-bracket'></i>",
"closeButtonText": "Bezárás"
},
{
"componentName": "atmComponent",
"elementID": "#wrapper",
"title": "OTP BANK",
"closeButtonText": "Kijelentkezés"
}
],
"LAUNGAGE": {
"your_money_title": "Egyenleged",
"your_money_desc": "Itt láthatod a jelenlegi egyenleged és készpénzed.",
"your_money_cash_label": "Készpénz",
"your_money_bank_label": "Banki egyenleged",
"withdraw": "KIVÉTEL",
"deposit": "BETÉTEL",
"transfer": "UTALÁS",
"transferReceive": "KAPOTT UTALÁS",
"moneyFormat": "__replaceData__ Ft",
"graphTitle": "Egyenleged",
"moreGraphTitle": "Nagyított grafikon",
"moreHistoryTitle": "Teljes számla történet",
"inputErrorTitle": "Adat hibás",
"inputErrorMessage": "Nem lehet üres vagy érték kisebb mint 1!",
"showPincodeErrorTitle": "PIN hibás",
"showPincodeErrorMessage": "Legalább 4 karakternek kell lennie a pinnek!",
"tableLang": {
"typeLabel": "Tranzakció típus",
"transactionLabel": "Tranzakció leírása",
"balanceLabel": "Egyenleged",
"amountLabel": "Összeg",
"timeLabel": "Idő",
"searchInputPlaceholder": "Kereső ...",
"_comment": "tableFullLanguage options: English, Hungarian, Italian, Spanish, French, you can find here all lang: https://cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/",
"tableFullLanguage": "Hungarian"
}
}
},
"IT": {
"DYNAMIC_FORM_DATA": [
{
"componentName": "moreGraph",
"elementID": "#wrapper",
"title": "",
"closeButtonText": "Close",
"bankTitle": "Fleeca Bank",
"mainExitButtonText": "Disconnettersi"
},
{
"elementID": "#cpincode",
"name": "cpincode",
"buttonText": "conferma",
"inputPlaceholder": "4 cifre...",
"title": "IMPOSTAZIONE CODICE PIN",
"description": "Qui puoi impostare o modificare il codice PIN.",
"type": "password"
},
{
"elementID": "#withdraw",
"name": "withdraw",
"buttonText": "conferma",
"inputPlaceholder": "Quantità",
"title": "RITIRARE",
"description": "Qui puoi prelevare i tuoi soldi dalla banca.",
"type": "number"
},
{
"elementID": "#deposit",
"name": "deposit",
"buttonText": "conferma",
"inputPlaceholder": "Quantità",
"title": "DEPOSITARE",
"description": "Qui puoi depositare i tuoi soldi in banca.",
"type": "number"
},
{
"elementID": "#transfer",
"name": "transfer",
"buttonText": "trasferisci",
"inputPlaceholder": "Quantità",
"inputPlaceholder2": "Giocatore ID",
"title": "TRASFERIMENTO",
"description": "Qui puoi trasferire i tuoi soldi a qualcun altro."
},
{
"componentName": "trans",
"elementID": "#third-column",
"title": "CRONOLOGIA DELLE TRANSAZIONI",
"description": "Qui puoi vedere la cronologia delle tue operazioni.",
"moreHistoryText": "Mostra più cronologia",
"moreGraphText": "Mostra tutto il grafico"
},
{
"componentName": "pincodePanel",
"elementID": "#wrapper",
"title": "Enter PIN",
"deleteButtonText": "<i class='fa-solid fa-ban'></i>",
"loginButtonText": "<i class='fa-solid fa-right-to-bracket'></i>",
"closeButtonText": "Close"
},
{
"componentName": "atmComponent",
"elementID": "#wrapper",
"title": "Fleeca Bank",
"closeButtonText": "Disconnettersi"
}
],
"LAUNGAGE": {
"your_money_title": "saldo",
"your_money_desc": "qui puoi vedere il saldo attuale e contanti.",
"your_money_cash_label": "i tuoi soldi",
"your_money_bank_label": "il tuo saldo bancario",
"withdraw": "RITIRARE",
"deposit": "DEPOSITARE",
"transfer": "TRASFERIMENTO",
"transferReceive": "TRASFERIMENTO RICEVUTO",
"moneyFormat": "$__replaceData__",
"graphTitle": "Il tuo bilancio",
"moreGraphTitle": "grafico",
"moreHistoryTitle": "Mostra la cronologia",
"inputErrorTitle": "I dati non sono corretti",
"inputErrorMessage": "Non può essere vuoto o un valore inferiore a 1!",
"showPincodeErrorTitle": "PIN errato",
"showPincodeErrorMessage": "Il pin deve contenere almeno 4 caratteri!",
"tableLang": {
"typeLabel": "Tipo di transazione",
"transactionLabel": "Transaction Label",
"balanceLabel": "bilancio",
"amountLabel": "quantità",
"timeLabel": "tempo",
"searchInputPlaceholder": "Cerca ...",
"_comment": "tabella Opzioni complete della lingua: inglese, ungherese, italiana, spagnolo, francese, puoi trovare qui tutte le lingue: https://cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/",
"tableFullLanguage": "Italian"
}
}
},
"ES": {
"DYNAMIC_FORM_DATA": [
{
"componentName": "moreGraph",
"elementID": "#wrapper",
"title": "",
"closeButtonText": "Cerrar",
"bankTitle": "Banco Fleeca",
"mainExitButtonText": "Cerrar sesión"
},
{
"elementID": "#cpincode",
"name": "cpincode",
"buttonText": "Aprobar",
"inputPlaceholder": "Introduzca 4 dígitos...",
"title": "CONFIGURACIÓN DEL PIN",
"description": "Aquí puede establecer o cambiar el código PIN.",
"type": "password"
},
{
"elementID": "#withdraw",
"name": "withdraw",
"buttonText": "Aprobar",
"inputPlaceholder": "Importe",
"title": "RETIRAR",
"description": "Aquí puede retirar su dinero del banco.",
"type": "number"
},
{
"elementID": "#deposit",
"name": "deposit",
"buttonText": "Aprobación",
"inputPlaceholder": "Importe",
"title": "DEPOSITO",
"description": "Aquí puede ingresar su dinero en el banco.",
"type": "number"
},
{
"elementID": "#transfer",
"name": "transfer",
"buttonText": "Transfererir",
"inputPlaceholder": "Importe",
"inputPlaceholder2": "ID del jugador",
"title": "TRANSFERENCIA",
"description": "Aquí puedes transferir tu dinero a otra persona."
},
{
"componentName": "trans",
"elementID": "#third-column",
"title": "HISTORIAL DE TRANSACCIONES",
"description": "Aquí puede ver su historial de transacciones.",
"moreHistoryText": "Mostrar más historial",
"moreGraphText": "Mostrar el gráfico"
},
{
"componentName": "pincodePanel",
"elementID": "#wrapper",
"title": "Introducir PIN",
"deleteButtonText": "<i class='fa-solid fa-ban'></i>",
"loginButtonText": "<i class='fa-solid fa-right-to-bracket'></i>",
"closeButtonText": "Close"
},
{
"componentName": "atmComponent",
"elementID": "#wrapper",
"title": "Banco Fleeca",
"closeButtonText": "Cerrar sesión"
}
],
"LAUNGAGE": {
"your_money_title": "Saldo",
"your_money_desc": "Aquí puedes ver tu saldo actual y tu efectivo.",
"your_money_cash_label": "Su dinero en mano",
"your_money_bank_label": "Su saldo bancario",
"withdraw": "RETIRAR",
"deposit": "DEPÓSITO",
"transfer": "TRANSFERENCIA",
"transferReceive": "TRANSFERENCIA RECIBIDA",
"moneyFormat": "$__replaceData__",
"graphTitle": "Su saldo",
"moreGraphTitle": "Gráfico grande",
"moreHistoryTitle": "Mostrar más historial",
"inputErrorTitle": "Data is incorrect",
"inputErrorMessage": "No puede estar vacío ni tener un valor inferior a 1.",
"showPincodeErrorTitle": "PIN incorrecto",
"showPincodeErrorMessage": "El pin debe tener al menos 4 caracteres.",
"tableLang": {
"typeLabel": "Tipo de transacción",
"transactionLabel": "Transaction Label",
"balanceLabel": "Saldo",
"amountLabel": "Importe",
"timeLabel": "Tiempo",
"searchInputPlaceholder": "Buscar...",
"_comment": "tableFullLanguage options: English, Hungarian, Italiano, Spanish, French, you can find here all lang: https://cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/",
"tableFullLanguage": "Spanish"
}
}
},
"FR": {
"DYNAMIC_FORM_DATA": [
{
"componentName": "moreGraph",
"elementID": "#wrapper",
"title": "",
"closeButtonText": "Fermer",
"bankTitle": "Banque Fleeca",
"mainExitButtonText": "Déconnexion"
},
{
"elementID": "#cpincode",
"name": "cpincode",
"buttonText": "Valider",
"inputPlaceholder": "Entrez 4 chiffres...",
"title": "CONFIGURATION DU PIN",
"description": "Ici vous pouvez définir ou changer votre code PIN.",
"type": "password"
},
{
"elementID": "#withdraw",
"name": "withdraw",
"buttonText": "Valider",
"inputPlaceholder": "Montant",
"title": "RETIRER",
"description": "Ici vous pouvez retirer votre argent de la banque.",
"type": "number"
},
{
"elementID": "#deposit",
"name": "deposit",
"buttonText": "Valider",
"inputPlaceholder": "Montant",
"title": "DÉPOSER",
"description": "Ici, vous pouvez déposer votre argent à la banque.",
"type": "number"
},
{
"elementID": "#transfer",
"name": "transfer",
"buttonText": "Transférer",
"inputPlaceholder": "Montant",
"inputPlaceholder2": "ID du joueur",
"title": "TRANSFERT",
"description": "Ici, vous pouvez transférer votre argent à quelqu'un d'autre."
},
{
"componentName": "trans",
"elementID": "#third-column",
"title": "HISTORIQUE DES TRANSACTIONS",
"description": "Ici, vous pouvez voir votre historique de transactions.",
"moreHistoryText": "Afficher plus d'historique",
"moreGraphText": "Afficher plus de graphique"
},
{
"componentName": "pincodePanel",
"elementID": "#wrapper",
"title": "Entrer le code PIN",
"deleteButtonText": "<i class='fa-solid fa-ban'></i>",
"loginButtonText": "<i class='fa-solid fa-right-to-bracket'></i>",
"closeButtonText": "Fermer"
},
{
"componentName": "atmComponent",
"elementID": "#wrapper",
"title": "Banque Fleeca",
"closeButtonText": "Se déconnecter"
}
],
"LAUNGAGE": {
"your_money_title": "Solde",
"your_money_desc": "Ici, vous pouvez voir votre solde actuel et votre argent en espèces.",
"your_money_cash_label": "Votre argent en espèces",
"your_money_bank_label": "Votre solde bancaire",
"withdraw": "RETIRER",
"deposit": "DÉPOSER",
"transfer": "TRANSFERT",
"transferReceive": "TRANSFERT REÇU",
"moneyFormat": "$__replaceData__",
"graphTitle": "Votre solde",
"moreGraphTitle": "Grand graphique",
"moreHistoryTitle": "Afficher plus",
"inputErrorTitle": "Les données sont incorrectes",
"inputErrorMessage": "Il ne peut pas être vide ou avoir une valeur inférieure à 1",
"showPincodeErrorTitle": "Code PIN incorrect",
"showPincodeErrorMessage": "Le code PIN doit avoir au moins 4 caractères!",
"tableLang": {
"typeLabel": "Type de transaction",
"transactionLabel": "Transaction Label",
"balanceLabel": "Solde",
"amountLabel": "Montant",
"timeLabel": "Temps",
"searchInputPlaceholder": "Rechercher ...",
"_comment": "Langue complète: Anglais, Hongrois, Italien, Espagnole, Français, vous pouvez trouver ici toutes les langues: https://cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/",
"tableFullLanguage": "French"
}
}
},
"NL": {
"DYNAMIC_FORM_DATA": [
{
"componentName": "moreGraph",
"elementID": "#wrapper",
"title": "",
"closeButtonText": "Sluit",
"bankTitle": "Fleeca Bank",
"mainExitButtonText": "Log uit"
},
{
"elementID": "#cpincode",
"name": "cpincode",
"buttonText": "Goedkeuren",
"inputPlaceholder": "Voer 4 cijfers in...",
"title": "PINCODE INSTELLEN",
"description": "Hier kun je je pincode instellen of wijzigen.",
"type": "password"
},
{
"elementID": "#withdraw",
"name": "withdraw",
"buttonText": "Opnemen",
"inputPlaceholder": "Bedrag",
"title": "OPNEMEN",
"description": "Hier kun je geld opnemen van je bank account.",
"type": "number"
},
{
"elementID": "#deposit",
"name": "deposit",
"buttonText": "Storten",
"inputPlaceholder": "Bedrag",
"title": "STORTEN",
"description": "Hier kun je geld storten op je bank account.",
"type": "number"
},
{
"elementID": "#transfer",
"name": "transfer",
"buttonText": "Overschrijven",
"inputPlaceholder": "Bedrag",
"inputPlaceholder2": "Speler ID",
"title": "OVERSCHRIJVEN",
"description": "Hier kun je geld overschrijven naar iemand anders zijn bank account."
},
{
"componentName": "trans",
"elementID": "#third-column",
"title": "TRANSACTIE GESCHIEDENIS",
"description": "Hier kun je alle transacties zien die op je bank account zijn vericht.",
"moreHistoryText": "Laat meer geschiedenis zien",
"moreGraphText": "Laat meer van de grafiek zien"
},
{
"componentName": "pincodePanel",
"elementID": "#wrapper",
"title": "Voer pincode in",
"deleteButtonText": "<i class='fa-solid fa-ban'></i>",
"loginButtonText": "<i class='fa-solid fa-right-to-bracket'></i>",
"closeButtonText": "Sluit"
},
{
"componentName": "atmComponent",
"elementID": "#wrapper",
"title": "Fleeca Bank",
"closeButtonText": "Log uit"
}
],
"LAUNGAGE": {
"your_money_title": "Saldo",
"your_money_desc": "Hier kun je je saldo en je cash zien.",
"your_money_cash_label": "Jouw cash",
"your_money_bank_label": "Jouw bank saldo",
"withdraw": "OPNEMEN",
"deposit": "STORTEN",
"transfer": "OVERSCHRIJVEN",
"transferReceive": "ONTVANGEN ONVERSCHRIJVING",
"moneyFormat": "€__replaceData__",
"graphTitle": "Jouw saldo",
"moreGraphTitle": "Grote grafiek",
"moreHistoryTitle": "Laat meer geschiedenis zien",
"inputErrorTitle": "Data is niet correct",
"inputErrorMessage": "Deze input kan niet leeg zijn of een waarde minder dan 1 !",
"showPincodeErrorTitle": "PIN onjuist",
"showPincodeErrorMessage": "Je pincode moet tenminste 4 karakters hebben!",
"tableLang": {
"typeLabel": "Transactie type",
"transactionLabel": "Transaction Label",
"balanceLabel": "Saldo",
"amountLabel": "Bedrag",
"timeLabel": "Tijd",
"searchInputPlaceholder": "Zoeken ...",
"_comment": "tableFullLanguage options: English, Hungarian, Italian, Spanish, French, you can find here all lang: https://cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/",
"tableFullLanguage": "Nederlands"
}
}
},
"zh-CN": {
"DYNAMIC_FORM_DATA": [
{
"componentName": "moreGraph",
"elementID": "#wrapper",
"title": "",
"closeButtonText": "关闭 ❌",
"bankTitle": "花园银行",
"mainExitButtonText": "注销"
},
{
"elementID": "#cpincode",
"name": "cpincode",
"buttonText": "验证密码",
"inputPlaceholder": "请输入4位数字的密码...",
"title": "修改PIN密码",
"description": "在这里您可以编辑/更改您的密码.",
"type": "password"
},
{
"elementID": "#withdraw",
"name": "withdraw",
"buttonText": "确认",
"inputPlaceholder": "金额数量",
"title": "提现",
"description": "在这里您可以从银行取款.",
"type": "number"
},
{
"elementID": "#deposit",
"name": "deposit",
"buttonText": "确认",
"inputPlaceholder": "金额数量",
"title": "存款",
"description": "在这里您可以将钱存入银行.",
"type": "number"
},
{
"elementID": "#transfer",
"name": "transfer",
"buttonText": "转账",
"inputPlaceholder": "金额数量",
"inputPlaceholder2": "玩家服务器ID",
"title": "转账",
"description": "在这里您可以将钱转账给他人."
},
{
"componentName": "trans",
"elementID": "#third-column",
"title": "交易记录",
"description": "在这里您可以查看您的交易记录.",
"moreHistoryText": "显示更多记录",
"moreGraphText": "显示更多图表"
},
{
"componentName": "pincodePanel",
"elementID": "#wrapper",
"title": "输入 PIN 密码",
"deleteButtonText": "<i class='fa-solid fa-ban'></i>",
"loginButtonText": "<i class='fa-solid fa-right-to-bracket'></i>",
"closeButtonText": "关闭 ❌"
},
{
"componentName": "atmComponent",
"elementID": "#wrapper",
"title": "花园银行-ATM",
"closeButtonText": "注销"
}
],
"LAUNGAGE": {
"your_money_title": "我的信息",
"your_money_desc": "在这里您可以看到您当前的余额和现金.",
"your_money_cash_label": "您的现金",
"your_money_bank_label": "您的银行余额",
"withdraw": "提现",
"deposit": "存款",
"transfer": "转账",
"transferReceive": "已收到转账",
"moneyFormat": "$__replaceData__",
"graphTitle": "您的余额",
"moreGraphTitle": "详情页",
"moreHistoryTitle": "详情页",
"inputErrorTitle": "数据不正确",
"inputErrorMessage": "无法为空空或值小于 1",
"showPincodeErrorTitle": "输入的 PIN 密码不正确",
"showPincodeErrorMessage": "PIN 码必须至少有 4 个字符!",
"tableLang": {
"typeLabel": "交易类型",
"transactionLabel": "Transaction Label",
"balanceLabel": "我的信息",
"amountLabel": "数量",
"timeLabel": "时间",
"searchInputPlaceholder": "研究 ...",
"_comment": "Langue complète: Anglais, Hongrois, Italien, Espagnole Français, vous pouvez trouver ici toutes les langues: https://cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/",
"tableFullLanguage": "Chinese"
}
}
},
"SR": {
"DYNAMIC_FORM_DATA": [
{
"componentName": "moreGraph",
"elementID": "#wrapper",
"title": "",
"closeButtonText": "Zatvori",
"bankTitle": "Fleeca Banka",
"mainExitButtonText": "Log out"
},
{
"elementID": "#cpincode",
"name": "cpincode",
"buttonText": "Potvrdi",
"inputPlaceholder": "Unesi 4 cifre...",
"title": "PIN KOD",
"description": "Ovde možete postaviti ili izmeniti PIN kod.",
"type": "password"
},
{
"elementID": "#withdraw",
"name": "withdraw",
"buttonText": "Potvrdi",
"inputPlaceholder": "Iznos",
"title": "PODIGNI",
"description": "Ovde možete podići novac sa vašeg računa.",
"type": "number"
},
{
"elementID": "#deposit",
"name": "deposit",
"buttonText": "Potvrdi",
"inputPlaceholder": "Iznos",
"title": "UPLATA",
"description": "Ovde možete uplatiti novac na vaš račun",
"type": "number"
},
{
"elementID": "#transfer",
"name": "transfer",
"buttonText": "Transfer",
"inputPlaceholder": "Iznos",
"inputPlaceholder2": "ID Osobe",
"title": "TRANSFER",
"description": "Ovde možete poslati novac nekome."
},
{
"componentName": "trans",
"elementID": "#third-column",
"title": "ISTORIJA TRANSAKCIJA",
"description": "Ovde možete videti istoriju transakcija.",
"moreHistoryText": "Prikaži više",
"moreGraphText": "Prikaži više grafikona"
},
{
"componentName": "pincodePanel",
"elementID": "#wrapper",
"title": "Unesite PIN",
"deleteButtonText": "<i class='fa-solid fa-ban'></i>",
"loginButtonText": "<i class='fa-solid fa-right-to-bracket'></i>",
"closeButtonText": "Zatvori"
},
{
"componentName": "atmComponent",
"elementID": "#wrapper",
"title": "Fleeca Banka",
"closeButtonText": "Log out"
}
],
"LAUNGAGE": {
"your_money_title": "Balans",
"your_money_desc": "Ovde možete videti iznos novca na vašem računu i kod vas",
"your_money_cash_label": "Vaš novac",
"your_money_bank_label": "Vaš novac na računu",
"withdraw": "PODIGNI",
"deposit": "UPLATI",
"transfer": "TRANSFER",
"transferReceive": "PRIMLJEN TRANSFER",
"moneyFormat": "$__replaceData__",
"graphTitle": "Vaš balansa",
"moreGraphTitle": "Veliki Grafikon",
"moreHistoryTitle": "Prikaži više",
"inputErrorTitle": "Podaci su nevažeći",
"inputErrorMessage": "Ne može biti prazno ili iznos manji od 1!",
"showPincodeErrorTitle": "PIN netačan",
"showPincodeErrorMessage": "PIN mora imati 4 karaktera!",
"tableLang": {
"typeLabel": "Tip transakcije",
"balanceLabel": "Balans",
"amountLabel": "Iznos",
"timeLabel": "Vreme",
"searchInputPlaceholder": "Pretraži ...",
"_comment": "tableFullLanguage options: English, Hungarian, Italian, Spanish, French, Serbian, you can find here all lang: https://cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/",
"tableFullLanguage": "Serbian"
}
}
}
}

View File

@@ -0,0 +1,806 @@
:root {
--primary-color: #2e69d5;
--secondary-color: #378cbf;
--text-color: #ffff;
--background-light: #232934;
--background-light-2: #202020;
--background-dark: #0a0e19;
--accent-red: #378cbf;
--accent-green: #45b157;
--accent-gray: #474e57;
--accent-gray-2: #545457;
--columnsBackground: var(--background-dark);
--allTitleColor: var(--text-color);
--yourMoneyPriceTextColor: var(--accent-green);
--bankCardBackgroundColor: linear-gradient(
110deg,
var(--primary-color) 0%,
var(--secondary-color) 100%
);
--buttonBackgroundColor: var(--background-light);
--inputBackgroundColor: var(--background-light);
--inputTextColor: var(--text-color);
--inputPlaceholderColor: var(--accent-gray-2);
--checkmarkColor: var(--text-color);
--acceptExitButtonColorText: var(--text-color);
--exitButtonHoverBackgroundColor: var(--primary-color);
--acceptButtonHoverBackgroundColor: var(--secondary-color);
--bankCardTextColor: var(--text-color);
--bankCardNumberColor: var(--text-color);
--moneyContainerBackgroundColor: var(--background-light);
--moneyAndTransactionContainer: var(--background-light);
--transactionContainerBackgroundColor: var(--background-light);
--moneyAndTransactionallTitleColorText: var(--text-color);
--transactionDataTextColor: var(--text-color);
--cardSubtitleTextColor: var(--accent-gray);
--depositColorText: var(--accent-green);
--withDrawColorText: var(--primary-color);
--moreHistoryButtonHoverColor: var(--secondary-color);
--moreGraphButtonHoverColor: var(--secondary-color);
--hrRowColor: var(--accent-gray);
--loadingCircle: var(--secondary-color);
--tableAllTextColor: var(--text-color);
--tableBackgroundColorPaginationButton: var(--secondary-color);
--tableBackgroundColorPaginationButtonHover: var(--secondary-color);
--tableRowHoverBackgroundColor: var(--secondary-color);
--tableScrollBarBackgroundColor: var(--background-light);
--tableScrollBarBackgroundColorHover: var(--secondary-color);
--tableSelectBoxBackgroundColor: var(--background-light);
--tableSearchInputBackgroundColor: var(--background-light);
--tableScrollBarBackgroundColor2: var(--background-light);
--disableButtonBackgroundColor: var(--background-light-2);
--graphLineColor: var(--secondary-color);
--graphLineBackgroundColor: var(--secondary-color);
}
@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@100;400;500;800&display=swap");
* {
margin: 0;
padding: 0;
}
#wrapper {
width: 100%;
height: 93.24vmin;
display: flex;
justify-content: center;
align-items: center;
font-family: "Raleway", sans-serif;
user-select: none;
min-width: 42vmin;
font-size: 2vmin;
display: none;
}
#container {
height: 73vmin;
width: 139.41vmin;
cursor: default;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 150vmin;
flex-wrap: wrap;
margin: 2vmin;
position: relative;
display: none;
}
#menu {
display: flex;
flex-direction: row;
gap: 3vmin;
flex-wrap: wrap;
height: 68.15vmin;
}
/* FIRST COLUMN START */
#menu #first-column {
width: 36vmin;
background: var(--columnsBackground);
padding: 1.85vmin;
display: flex;
flex-direction: column;
gap: 1.79vmin;
border-radius: 1.38vmin;
flex: 1 1 27.7vmin;
height: 72.56vmin;
}
#menu #first-column hr {
border: 1px solid var(--hrRowColor);
width: 80%;
margin: 0 auto;
}
#bankcard {
height: 16.6vmin;
width: 25vmin;
margin: 0 auto;
background: var(--bankCardBackgroundColor);
border-radius: 1.38vmin;
padding: 1.85vmin 1.6vmin 0px 1.85vmin;
position: relative;
}
#bankcard .content p {
margin: 0;
color: var(--bankCardTextColor);
font-size: 0.92vmin;
}
#bankcard .title {
display: flex;
justify-content: space-between;
}
#bankcard .title span {
color: var(--bankCardTextColor);
}
#bankcard .title svg {
width: 4.16vmin;
height: 4.16vmin;
}
#bankcard .content {
position: absolute;
bottom: 1.66vmin;
}
#bankcard .content .card-data {
display: flex;
justify-content: space-between;
}
#bankcard .content .cardnumber {
color: var(--bankCardNumberColor);
font-size: 1.85vmin;
letter-spacing: 0.37vmin;
margin-bottom: 0.46vmin;
}
#bankcard .content .card-data:nth-child(2) {
margin-right: 0.27vmin;
}
#bankcard .content .card-data p {
font-size: 1.48vmin;
}
#your-money-panel #money-containers {
display: flex;
flex-direction: column;
gap: 0.92vmin;
}
.exit-button,
.accept-button,
#pincode-container .button-groups button {
background-color: var(--buttonBackgroundColor);
padding: 1.85vmin 1.85vmin;
/*width: 35vmin;*/
width: 100%;
outline: none;
border: none;
color: var(--acceptExitButtonColorText);
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
font-weight: bold;
border-radius: 0.27vmin;
font-family: "Raleway", sans-serif;
font-size: 1.5vmin;
}
.exit-button:hover,
#modal-container #title-container button:hover {
background-color: var(--exitButtonHoverBackgroundColor);
box-shadow: -1vmin 1vmin 1vmin -1vmin var(--exitButtonHoverBackgroundColor);
}
.accept-button:hover {
background-color: var(--acceptButtonHoverBackgroundColor);
box-shadow: -1vmin 1vmin 1vmin -1vmin var(--acceptButtonHoverBackgroundColor);
}
/* FIRST COLUMN END */
/* SECOND COLUMN START*/
#menu #second-column {
width: 35.18vmin;
border-radius: 1.38vmin;
display: flex;
align-items: center;
flex-direction: column;
gap: 0.92vmin;
flex: 1 1 27.77vmin;
padding-right: 1.85vmin;
padding-left: 1.85vmin;
}
#withdraw,
#deposit,
#transfer {
background: var(--columnsBackground);
padding: 1.85vmin;
border-radius: 1.38vmin;
width: 35.18vmin;
}
#menu #second-column #withdraw {
height: 18.48vmin;
}
#menu #second-column #deposit {
height: 18.48vmin;
}
#menu #second-column #transfer {
height: 26.63vmin;
}
/* SECOND COLUMN END*/
/* THIRD COLUMN START*/
#menu #third-column {
width: 32.77vmin;
background: var(--columnsBackground);
border-radius: 1.38vmin;
padding: 1.85vmin;
flex: 1 1 37.03vmin;
}
#menu #third-column #graph-container {
width: calc(100% - 0.46vmin);
height: 38vmin;
}
#menu #third-column #buttons-container {
display: flex;
justify-content: center;
align-items: center;
margin: 0px 1.9vmin;
margin-top: 1.48vmin;
gap: 0.92vmin;
}
#menu #third-column #buttons-container button {
padding: 0.92vmin;
width: 20.92vmin;
}
#menu #third-column #buttons-container #more_history:hover {
background-color: var(--moreHistoryButtonHoverColor);
box-shadow: 0px 3.42vmin 9.25vmin -1.2vmin var(--moreHistoryButtonHoverColor);
}
#menu #third-column #buttons-container #more_graph:hover {
background-color: var(--moreGraphButtonHoverColor);
box-shadow: 0px 3.42vmin 9.25vmin -1.2vmin var(--moreGraphButtonHoverColor);
}
#menu #third-column #transactions-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.92vmin;
padding: 1.85vmin;
}
#menu #third-column #transactions-container .transaction-container {
/* width: 40.37vmin; */
width: 100%;
background-color: var(--transactionContainerBackgroundColor);
padding: 0.92vmin 0.92vmin 0.92vmin 1.85vmin;
font-size: 1.8vmin;
}
#menu
#third-column
#transactions-container
.transaction-container
.transaction {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 1.5vmin;
margin-bottom: 0.8vmin;
}
#menu
#third-column
#transactions-container
.transaction-container
.transaction
span {
color: var(--transactionDataTextColor);
background: var(--columnsBackground);
border-radius: 0.27vmin;
padding: 0.46vmin;
font-size: 1.2vmin;
}
/* THIRD COLUMN END*/
/* GENERAL START*/
.money-container,
.transaction-container {
background-color: var(--moneyAndTransactionContainer);
padding: 0.92vmin 0.92vmin 0.92vmin 1.85vmin;
border-radius: 0.27vmin;
}
.money-container {
background-color: var(--moneyContainerBackgroundColor);
}
.money-container h4 {
margin-bottom: 0.5vmin;
}
.money-container h4,
.transaction h4 {
color: var(--moneyAndTransactionallTitleColorText);
text-shadow: 0.09vmin 0.09vmin 0.18vmin black;
font-size: 1.5vmin;
width: 25vmin;
}
.money-container span,
.transaction-container span {
color: var(--yourMoneyPriceTextColor);
text-shadow: 0.09vmin 0.09vmin 0.18vmin black;
font-size: 1.5vmin;
}
.accept-button svg {
height: 1.38vmin;
fill: var(--checkmarkColor);
}
.green-text {
color: var(--depositColorText) !important;
}
.red-text {
color: var(--withDrawColorText) !important;
}
.disable-button {
background-color: var(--disableButtonBackgroundColor) !important;
pointer-events: none;
}
h3 {
color: #ecedef;
color: var(--allTitleColor);
font-size: 2.31vmin;
text-shadow: 0.09vmin 0.09vmin 0.92vmin rgb(255 255 255 / 47%);
text-transform: uppercase;
}
p {
color: var(--cardSubtitleTextColor);
margin-bottom: 0.92vmin;
font-size: 1.5vmin;
}
input {
width: 100%;
font-family: "Raleway", sans-serif;
font-size: 1.38vmin;
background-color: var(--inputBackgroundColor);
padding: 1.85vmin 1.85vmin;
outline: none;
border: none;
color: var(--inputTextColor);
margin-bottom: 1.85vmin;
border-radius: 0.46vmin;
}
input::placeholder {
color: var(--inputPlaceholderColor);
opacity: 1;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* GENERAL END*/
#modal-container {
background-color: var(--columnsBackground);
position: absolute;
top: 50%;
height: 100%;
width: 100%;
z-index: 2;
transform: translateY(-50%);
display: none;
border-radius: 1.38vmin;
}
#more-modal-container {
height: 93%;
padding: 0 6vmin;
}
#modal-container h3 {
text-align: center;
width: 100%;
margin-top: 1vmin;
}
#modal-container #title-container button {
background-color: var(--buttonBackgroundColor);
padding: 1.85vmin 1.85vmin;
transition: all 0.3s ease;
font-weight: bold;
border-radius: 0.27vmin 0.27vmin 0.27vmin 1.27vmin;
font-family: "Raleway", sans-serif;
font-size: 1.5vmin;
border: none;
color: var(--inputTextColor);
margin-left: auto;
position: absolute;
right: 0vmin;
top: 0vmin;
width: 14vmin;
}
/*DATA TABLES DESIGN */
.dataTables_wrapper .dataTables_info {
clear: both;
float: left;
padding-top: 0.755em;
color: var(--tableAllTextColor) !important;
}
#example_wrapper {
margin-top: 4vmin;
color: var(--tableAllTextColor) !important;
padding: 1vmin;
font-family: "Raleway", sans-serif !important;
}
#example_filter input {
display: flex;
gap: 1vmin;
border: none;
padding: 2vmin;
background-color: var(--tableSearchInputBackgroundColor);
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
color: var(--tableAllTextColor) !important;
}
table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc,
table.dataTable thead > tr > th.sorting_asc_disabled,
table.dataTable thead > tr > th.sorting_desc_disabled,
table.dataTable thead > tr > td.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting_asc_disabled,
table.dataTable thead > tr > td.sorting_desc_disabled,
table.dataTable thead > tr > td.sorting_disabled {
cursor: pointer;
position: relative;
padding-right: 26px;
color: var(--tableAllTextColor) !important;
}
table.dataTable tbody tr td {
color: var(--tableAllTextColor);
font-weight: 500;
}
.greenTableText {
color: var(--depositColorText) !important;
}
.redTableText {
color: var(--withDrawColorText) !important;
}
table.dataTable.no-footer {
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
cursor: default;
color: var(--tableAllTextColor) !important;
border: 1px solid #828282;
background: transparent;
box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
background: none;
color: var(--tableAllTextColor) !important;
border-radius: 4px;
border: 1px solid #828282;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
color: white !important;
background: var(--tableBackgroundColorPaginationButtonHover) !important;
background: var(--tableBackgroundColorPaginationButtonHover) !important;
background: var(--tableBackgroundColorPaginationButtonHover) !important;
background: var(--tableBackgroundColorPaginationButtonHover) !important;
box-shadow: 0px 3.42vmin 9.25vmin -1.2vmin var(--tableBackgroundColorPaginationButtonHover) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
background: var(--tableBackgroundColorPaginationButton) !important;
background: var(--tableBackgroundColorPaginationButton) !important;
background: var(--tableBackgroundColorPaginationButton) !important;
background: var(--tableBackgroundColorPaginationButton) !important;
box-shadow: 0px 3.42vmin 9.25vmin -1.2vmin var(--tableBackgroundColorPaginationButton) !important;
color: var(--tableAllTextColor) !important;
}
.dataTables_wrapper .dataTables_length select {
border-radius: 3px;
padding: 5px;
background-color: var(--tableSelectBoxBackgroundColor) !important;
padding: 4px;
color: var(--tableAllTextColor) !important;
padding: 1vmin;
border: none;
outline: none;
}
table.dataTable tbody tr {
height: 50px !important;
}
table.dataTable tbody tr:hover {
background-color: var(--tableRowHoverBackgroundColor) !important;
}
#example_wrapper
> div.dataTables_scroll
> div.dataTables_scrollHead
> div
> table
> thead
> tr
> th.sorting_disabled {
color: var(--tableAllTextColor) !important;
}
/*DATA TABLE DESIGN END*/
/*SCROLLBAR DESIGN*/
::-webkit-scrollbar {
width: 5px;
}
::-webkit-scrollbar-track {
background: var(--tableScrollBarBackgroundColor2);
}
::-webkit-scrollbar-thumb {
background: var(--tableScrollBarBackgroundColor);
}
::-webkit-scrollbar-thumb:hover {
background: var(--tableScrollBarBackgroundColorHover);
}
/* LOADING CIRCLE*/
:root {
--rotation-animation-speed: 2s;
--rotation-animation-easing: linear;
--stroke-animation-speed: 1.5s;
--stroke-animation-easing: ease-in-out;
--stroke-width: 3px;
--stroke-start-dasharray: 1, 200;
--stroke-end-dasharray: 89, 200;
}
.loader {
margin: 0px auto;
width: 23.14vmin;
height: 23.14vmin;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
display: none;
}
.circular-loader {
animation: rotate var(--rotation-animation-speed)
var(--rotation-animation-easing) infinite;
}
.loader-path {
fill: none;
stroke-width: var(--stroke-width);
animation: animate-stroke var(--stroke-animation-speed)
var(--stroke-animation-easing) infinite;
stroke-linecap: round;
}
@keyframes rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes animate-stroke {
0% {
stroke-dasharray: var(--stroke-start-dasharray);
stroke-dashoffset: 0;
stroke: var(--columnsBackground);
}
50% {
stroke-dasharray: var(--stroke-end-dasharray);
stroke-dashoffset: -35;
stroke: var(--loadingCircle);
}
100% {
stroke-dasharray: var(--stroke-end-dasharray);
stroke-dashoffset: -124;
stroke: var(--loadingCircle);
}
}
#pincode-container {
background-color: var(--columnsBackground);
height: 80%;
width: 40vmin;
color: white;
display: flex;
border-radius: 3vmin;
flex-direction: column;
justify-content: center;
gap: 5vmin;
}
#pincode-container h4 {
text-align: center;
margin-top: 2vmin;
}
#pincode-container .pincode-input {
display: flex;
justify-content: center;
align-items: center;
height: 15vmin;
width: 100%;
gap: 10px;
}
#pincode-container .pincode-input span {
display: block;
width: 3vmin;
height: 3vmin;
border-radius: 50%;
border: 2px solid var(--secondary-color);
transition: all 0.2s ease;
}
#pincode-container .pincode-numbers {
display: grid;
grid-template-columns: 10vmin 10vmin 10vmin;
grid-template-rows: 10vmin 10vmin 10vmin;
place-items: center;
justify-content: center;
}
#pincode-container .pincode-numbers div {
background-color: var(--background-light);
padding: 2vmin 2vmin;
border-radius: 50%;
width: 3vmin;
height: 3vmin;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.3s ease;
}
#pincode-container .pincode-numbers div:hover {
background-color: var(--secondary-color);
box-shadow: 0px 3.42vmin 9.25vmin -1.2vmin var(--secondary-color);
}
#pincode-container .pincode-numbers div:nth-child(11):hover {
background-color: var(--exitButtonHoverBackgroundColor);
box-shadow: 0px 3.42vmin 9.25vmin -1.2vmin var(--exitButtonHoverBackgroundColor);
}
#pincode-container .pincode-numbers div:nth-child(12):hover {
background-color: var(--acceptButtonHoverBackgroundColor);
box-shadow: 0px 3.42vmin 9.25vmin -1.2vmin var(--acceptButtonHoverBackgroundColor);
}
#pincode-container .button-groups {
display: flex;
flex-direction: column;
align-items: center;
gap: 2vmin;
margin-top: 2vmin;
}
#pincode-container .button-groups button {
width: 80%;
}
#pincode-container .button-groups button:hover {
background-color: var(--exitButtonHoverBackgroundColor);
box-shadow: 0px 3.42vmin 9.25vmin -1.2vmin var(--exitButtonHoverBackgroundColor);
}
#pincode-container .button-groups .login:hover {
background-color: var(--acceptButtonHoverBackgroundColor);
box-shadow: 0px 3.42vmin 9.25vmin -1.2vmin var(--acceptButtonHoverBackgroundColor);
}
.circleBackground {
background-color: var(--secondary-color);
}
/* ATM DESIGNS*/
#atm-container {
display: grid;
grid-template-columns: 60% 60%;
gap: 3vmin;
height: 58vh;
}
.firstGridColumn,
.secondGridColumn {
display: flex;
flex-direction: column;
padding: 1.85vmin;
}
.firstGridColumn {
gap: 1.79vmin;
border-radius: 1.38vmin;
background: var(--columnsBackground);
}
.secondGridColumn {
gap: 3vmin;
justify-content: center;
}
.secondGridColumn div {
background: var(--columnsBackground);
padding: 3vmin;
border-radius: 1.38vmin;
}
/*MEDIA QUERY*/
@media only screen and (max-width: 1280px) {
.dataTables_scrollBody {
max-height: 310px !important;
}
}

File diff suppressed because one or more lines are too long

Binary file not shown.

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,39 @@
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link
rel="stylesheet"
type="text/css"
href="https://cdn.datatables.net/v/dt/dt-1.12.1/datatables.min.css"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css"
integrity="sha512-1sCRPdkRXhBV2PBLUdRb4tMg1w2YPf37qatUFeS7zlBy7jJI8Lf4VHwWfZZfpXtYSLy85pkm9GaYVYMfw5BC1A=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<link rel="stylesheet" href="css/app.css" type="text/css" />
</head>
<body>
<div class="loader"></div>
<div id="wrapper"></div>
<script src="./jquery-3.6.4.min.js"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.9.1/chart.min.js"
integrity="sha512-ElRFoEQdI5Ht6kZvyzXhYG9NqjtkmlkfYk0wr6wHxU9JEHakS7UJZNeml5ALk+8IKlU6jDgMabC3vkumRokgJA=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<script
type="text/javascript"
src="https://cdn.datatables.net/v/dt/dt-1.12.1/datatables.min.js"
></script>
<script
src="https://kit.fontawesome.com/bc14c07181.js"
crossorigin="anonymous"
></script>
<script src="scripts/app.js"></script>
</body>
</html>