mirror of
https://github.com/ND-Framework/ND_Core.git
synced 2026-08-17 05:56:01 +01:00
Delete ND_Banks directory
This commit is contained in:
Andyyy7666
GitHub
@@ -1,22 +0,0 @@
|
|||||||
-- For support join my discord: https://discord.gg/Z9Mxu72zZ6
|
|
||||||
|
|
||||||
author "Andyyy#7666, N1K0#0001"
|
|
||||||
description "ND Framework Banks"
|
|
||||||
version "2.1.0"
|
|
||||||
|
|
||||||
fx_version "cerulean"
|
|
||||||
game "gta5"
|
|
||||||
lua54 "yes"
|
|
||||||
|
|
||||||
ui_page "source/ui/index.html"
|
|
||||||
|
|
||||||
files {
|
|
||||||
"source/ui/index.html",
|
|
||||||
"source/ui/script.js",
|
|
||||||
"source/ui/style.css"
|
|
||||||
}
|
|
||||||
|
|
||||||
server_script "source/server.lua"
|
|
||||||
client_script "source/client.lua"
|
|
||||||
|
|
||||||
dependency "ND_Core"
|
|
||||||
@@ -1,187 +0,0 @@
|
|||||||
-- For support join my discord: https://discord.gg/Z9Mxu72zZ6
|
|
||||||
|
|
||||||
NDCore = exports["ND_Core"]:GetCoreObject()
|
|
||||||
local display = false
|
|
||||||
local nearModel = false
|
|
||||||
|
|
||||||
local banks = {
|
|
||||||
{
|
|
||||||
["coords"] = vector3(1175.77, 2706.89, 38.09), -- harmony fleeca bank
|
|
||||||
["name"] = "Fleeca Bank"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
["coords"] = vector3(149.23, -1040.57, 29.36), -- legion square fleeca bank
|
|
||||||
["name"] = "Fleeca Bank"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
["coords"] = vector3(-2962.53, 482.25, 15.69), -- great ocean hwy fleeca bank
|
|
||||||
["name"] = "Fleeca Bank"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
["coords"] = vector3(-112.02, 6469.13, 31.62), -- paleto bay bank
|
|
||||||
["name"] = "Blaine County Savings Bank"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
["coords"] = vector3(-351.56, -49.70, 49.02), -- burton hawick fleeca bank
|
|
||||||
["name"] = "Fleeca Bank"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
["coords"] = vector3(313.66, -278.90, 54.16), -- alta hawick fleeca bank
|
|
||||||
["name"] = "Fleeca Bank"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
["coords"] = vector3(-1213.08, -330.93, 37.77), -- rockford hills fleeca bank
|
|
||||||
["name"] = "Fleeca Bank"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
local days = {
|
|
||||||
"Sunday",
|
|
||||||
"Monday",
|
|
||||||
"Tuesday",
|
|
||||||
"Wednesday",
|
|
||||||
"Thursday",
|
|
||||||
"Friday",
|
|
||||||
"Saturday"
|
|
||||||
}
|
|
||||||
|
|
||||||
-- Get the time
|
|
||||||
function getTime()
|
|
||||||
local hours = GetClockHours()
|
|
||||||
local minutes = GetClockMinutes()
|
|
||||||
if hours <= 9 then
|
|
||||||
hours = "0" .. hours
|
|
||||||
end
|
|
||||||
if minutes <= 9 then
|
|
||||||
minutes = "0" .. minutes
|
|
||||||
end
|
|
||||||
return hours .. ":" .. minutes
|
|
||||||
end
|
|
||||||
|
|
||||||
-- Hide/Show ui
|
|
||||||
function SetDisplay(bool)
|
|
||||||
local selectedCharacter = NDCore.Functions.GetSelectedCharacter()
|
|
||||||
display = bool
|
|
||||||
SetNuiFocus(bool, bool)
|
|
||||||
SendNUIMessage({
|
|
||||||
status = bool,
|
|
||||||
playerName = selectedCharacter.firstName .. " " .. selectedCharacter.lastName,
|
|
||||||
balance = "Account Balance: $" .. selectedCharacter.bank .. ".00",
|
|
||||||
date = days[GetClockDayOfWeek() + 1],
|
|
||||||
time = getTime()
|
|
||||||
})
|
|
||||||
end
|
|
||||||
|
|
||||||
function drawText3D(coords, text)
|
|
||||||
local onScreen, _x, _y = GetScreenCoordFromWorldCoord(coords.x, coords.y, coords.z + 0.3)
|
|
||||||
local pX, pY, pZ = table.unpack(GetGameplayCamCoords())
|
|
||||||
SetTextScale(0.4, 0.4)
|
|
||||||
SetTextFont(4)
|
|
||||||
SetTextProportional(1)
|
|
||||||
SetTextEntry("STRING")
|
|
||||||
SetTextCentre(true)
|
|
||||||
SetTextColour(255, 255, 255, 255)
|
|
||||||
SetTextOutline()
|
|
||||||
AddTextComponentString(text)
|
|
||||||
DrawText(_x, _y)
|
|
||||||
end
|
|
||||||
|
|
||||||
-- check if ped is close to a bank coordinate.
|
|
||||||
function inRange(ped)
|
|
||||||
playerCoords = GetEntityCoords(ped)
|
|
||||||
for _, bank in pairs(banks) do
|
|
||||||
if (#(playerCoords - bank.coords)) < 1.5 then
|
|
||||||
return bank.coords
|
|
||||||
end
|
|
||||||
end
|
|
||||||
return false
|
|
||||||
end
|
|
||||||
|
|
||||||
Citizen.CreateThread(function()
|
|
||||||
while true do
|
|
||||||
Citizen.Wait(500)
|
|
||||||
ped = PlayerPedId()
|
|
||||||
nearModel = inRange(ped)
|
|
||||||
end
|
|
||||||
end)
|
|
||||||
|
|
||||||
Citizen.CreateThread(function()
|
|
||||||
while true do
|
|
||||||
Citizen.Wait(0)
|
|
||||||
if not display and nearModel then
|
|
||||||
drawText3D(nearModel, "~w~Press ~g~E ~w~to use the bank")
|
|
||||||
if IsControlJustPressed(0, 51) then
|
|
||||||
SetDisplay(true)
|
|
||||||
TriggerScreenblurFadeIn(1000)
|
|
||||||
end
|
|
||||||
end
|
|
||||||
end
|
|
||||||
end)
|
|
||||||
|
|
||||||
CreateThread(function()
|
|
||||||
for _, blips in ipairs(banks) do
|
|
||||||
local blip = AddBlipForCoord(blips.coords)
|
|
||||||
SetBlipSprite(blip, 431)
|
|
||||||
SetBlipColour(blip, 2)
|
|
||||||
SetBlipScale(blip, 1.0)
|
|
||||||
SetBlipAsShortRange(blip, true)
|
|
||||||
BeginTextCommandSetBlipName("STRING")
|
|
||||||
AddTextComponentString(blips.name)
|
|
||||||
EndTextCommandSetBlipName(blip)
|
|
||||||
end
|
|
||||||
end)
|
|
||||||
|
|
||||||
-- close the ui.
|
|
||||||
RegisterNUICallback("close", function(data)
|
|
||||||
PlaySoundFrontend(-1, "PIN_BUTTON", "ATM_SOUNDS", 1)
|
|
||||||
SetDisplay(false)
|
|
||||||
TriggerScreenblurFadeOut(1000)
|
|
||||||
end)
|
|
||||||
|
|
||||||
-- makes a button sount for when the ui is clicked.
|
|
||||||
RegisterNUICallback("sound", function(data)
|
|
||||||
PlaySoundFrontend(-1, "PIN_BUTTON", "ATM_SOUNDS", 1)
|
|
||||||
end)
|
|
||||||
|
|
||||||
-- deposit/withdraw
|
|
||||||
RegisterNUICallback("useATM", function(data)
|
|
||||||
local action = string.gsub(data.action, " ", "")
|
|
||||||
if action == "WITHDRAW" then
|
|
||||||
if data.amount == "" then
|
|
||||||
Citizen.Wait(1000)
|
|
||||||
SendNUIMessage({
|
|
||||||
success = false
|
|
||||||
})
|
|
||||||
return
|
|
||||||
end
|
|
||||||
TriggerServerEvent("ND_Banks:withdraw", data.amount)
|
|
||||||
elseif action == "DEPOSIT" then
|
|
||||||
if data.amount == "" then
|
|
||||||
Citizen.Wait(1000)
|
|
||||||
SendNUIMessage({
|
|
||||||
success = false
|
|
||||||
})
|
|
||||||
return
|
|
||||||
end
|
|
||||||
TriggerServerEvent("ND_Banks:deposit", data.amount)
|
|
||||||
elseif action == "TRANSFER" then
|
|
||||||
if data.transferAmount == "" or data.transferTarget == "" then
|
|
||||||
Citizen.Wait(1000)
|
|
||||||
SendNUIMessage({
|
|
||||||
success = false
|
|
||||||
})
|
|
||||||
return
|
|
||||||
end
|
|
||||||
TriggerServerEvent("ND_Banks:transfer", data.transferAmount, data.transferTarget)
|
|
||||||
end
|
|
||||||
end)
|
|
||||||
|
|
||||||
-- update the balance on the ui and confirm if the deposit/withdraw was successful.
|
|
||||||
RegisterNetEvent("ND_Banks:update", function(status)
|
|
||||||
Citizen.Wait(1000)
|
|
||||||
local selectedCharacter = NDCore.Functions.GetSelectedCharacter()
|
|
||||||
SendNUIMessage({
|
|
||||||
balance = "Account Balance: $" .. selectedCharacter.bank .. ".00",
|
|
||||||
success = status
|
|
||||||
})
|
|
||||||
end)
|
|
||||||
@@ -1,20 +0,0 @@
|
|||||||
NDCore = exports["ND_Core"]:GetCoreObject()
|
|
||||||
NDCore.Functions.VersionChecker("ND_Banks", GetCurrentResourceName(), "https://github.com/ND-Framework/ND_Framework", "https://raw.githubusercontent.com/ND-Framework/ND_Framework/main/ND_Banks/fxmanifest.lua")
|
|
||||||
|
|
||||||
RegisterNetEvent("ND_Banks:withdraw", function(amount)
|
|
||||||
local player = source
|
|
||||||
local update = NDCore.Functions.WithdrawMoney(amount, player)
|
|
||||||
TriggerClientEvent("ND_Banks:update", player, update)
|
|
||||||
end)
|
|
||||||
|
|
||||||
RegisterNetEvent("ND_Banks:deposit", function(amount)
|
|
||||||
local player = source
|
|
||||||
local update = NDCore.Functions.DepositMoney(amount, player)
|
|
||||||
TriggerClientEvent("ND_Banks:update", player, update)
|
|
||||||
end)
|
|
||||||
|
|
||||||
RegisterNetEvent("ND_Banks:transfer", function(amount, target)
|
|
||||||
local player = source
|
|
||||||
local update = NDCore.Functions.TransferBank(amount, player, target)
|
|
||||||
TriggerClientEvent("ND_Banks:update", player, update)
|
|
||||||
end)
|
|
||||||
@@ -1,46 +0,0 @@
|
|||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<link rel="stylesheet" href="style.css">
|
|
||||||
<script src="https://use.fontawesome.com/releases/v5.15.4/js/all.js" data-auto-a11y="true"></script>
|
|
||||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
|
||||||
<script src="script.js" type="text/javascript"></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<section id="overlay">
|
|
||||||
<div id="info">
|
|
||||||
<img src="https://i.imgur.com/Q4cc5jL.png" id="logo">
|
|
||||||
<p id="date"></p>
|
|
||||||
<p id="time"></p>
|
|
||||||
<hr id="greenline">
|
|
||||||
<hr id="greenbox">
|
|
||||||
<p id="welcome">Welcome back</p>
|
|
||||||
<h1 id="playername"></h1>
|
|
||||||
</div>
|
|
||||||
<form id="atm">
|
|
||||||
<p id="balance"></p>
|
|
||||||
<input id="enteredAmount" class="input" type="number" placeholder="AMOUNT" min="100" max="10000">
|
|
||||||
<input id="transferAmount" class="input" type="number" placeholder="AMOUNT" min="100" max="10000">
|
|
||||||
<input id="transferTarget" class="input" type="number" placeholder="id">
|
|
||||||
<button id="transferButton" class="input" type="submit" form="atm"><i class="fas fa-exchange-alt"></i> TRANSFER</button>
|
|
||||||
<button id="withdrawButton" class="input" type="submit" form="atm"><i class="fas fa-coins"></i> WITHDRAW</button>
|
|
||||||
<button id="depositButton" class="input" type="submit" form="atm"><i class="fas fa-credit-card"></i> DEPOSIT</button>
|
|
||||||
</form>
|
|
||||||
<div id="loader"></div>
|
|
||||||
<div id="confirmationScreen">
|
|
||||||
<p id="confirmText">Are you sure you'd like to perform this action</p>
|
|
||||||
<button id="confirmButton" class="input"><i class="fas fa-check-circle"></i> CONFIRM</button>
|
|
||||||
<button id="cancelButton" type="reset" form="atm" class="input"><i class="fas fa-times-circle"></i> CANCEL</button>
|
|
||||||
</div>
|
|
||||||
<div id="successScreen">
|
|
||||||
<p id="confirmText">Success!</p>
|
|
||||||
<button type="reset" form="atm" class="input mainMenuButton"><i class="fas fa-chevron-circle-left"></i> BACK TO MAIN MENU</button>
|
|
||||||
</div>
|
|
||||||
<div id="failedScreen">
|
|
||||||
<p id="confirmText">Failed!</p>
|
|
||||||
<button type="reset" form="atm" class="input mainMenuButton"><i class="fas fa-chevron-circle-left"></i> BACK TO MAIN MENU</button>
|
|
||||||
</div>
|
|
||||||
<button id="closeButton" type="reset" form="atm" class="input"><i class="fas fa-sign-out-alt"></i> EXIT</button>
|
|
||||||
</section>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,136 +0,0 @@
|
|||||||
$(function() {
|
|
||||||
function display(bool) {
|
|
||||||
if (bool) {
|
|
||||||
$("#overlay").show();
|
|
||||||
} else {
|
|
||||||
$("#overlay").hide();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
function atmDisplay(bool) {
|
|
||||||
if (bool) {
|
|
||||||
$("#atm").show();
|
|
||||||
$("#loader, #confirmationScreen, #successScreen, #failedScreen").hide();
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
$("#atm").hide();
|
|
||||||
}
|
|
||||||
function loader(bool) {
|
|
||||||
if (bool) {
|
|
||||||
$("#loader").show();
|
|
||||||
$("#atm, #confirmationScreen, #successScreen, #failedScreen").hide();
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
$("#loader").hide();
|
|
||||||
}
|
|
||||||
function confirmationScreen(bool) {
|
|
||||||
if (bool) {
|
|
||||||
$("#confirmationScreen").show();
|
|
||||||
$("#atm, #loader, #successScreen, #failedScreen").hide();
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
$("#confirmationScreen").hide();
|
|
||||||
}
|
|
||||||
function successScreen(bool) {
|
|
||||||
if (bool) {
|
|
||||||
$("#successScreen").show()
|
|
||||||
$("#confirmationScreen, #atm, #loader, #failedScreen").hide();
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
$("#successScreen").hide();
|
|
||||||
}
|
|
||||||
function failedScreen(bool) {
|
|
||||||
if (bool) {
|
|
||||||
$("#failedScreen").show()
|
|
||||||
$("#confirmationScreen, #atm, #loader, #successScreen").hide();
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
$("#failedScreen").hide();
|
|
||||||
}
|
|
||||||
display(false);
|
|
||||||
atmDisplay(true);
|
|
||||||
loader(false);
|
|
||||||
confirmationScreen(false);
|
|
||||||
successScreen(false);
|
|
||||||
|
|
||||||
const today = new Date();
|
|
||||||
let action;
|
|
||||||
|
|
||||||
window.addEventListener("message", function(event) {
|
|
||||||
const item = event.data;
|
|
||||||
$("#balance").text(item.balance);
|
|
||||||
if (item.status) {
|
|
||||||
display(true);
|
|
||||||
$("#playername").text(item.playerName);
|
|
||||||
$("#date").text(`${item.date}, ${today.toLocaleDateString("en-US", {year: "numeric", month: "long", day: "numeric"})}`);
|
|
||||||
$("#time").text(item.time);
|
|
||||||
} else if (item.status === false) {
|
|
||||||
display(false);
|
|
||||||
}
|
|
||||||
if (item.success) {
|
|
||||||
loader(false);
|
|
||||||
successScreen(true);
|
|
||||||
} else if (item.success === false) {
|
|
||||||
loader(false);
|
|
||||||
failedScreen(true);
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
$("button[type=submit]").click(function () {
|
|
||||||
action = $(this).text();
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#confirmButton").click(function() {
|
|
||||||
$.post(`https://${GetParentResourceName()}/sound`);
|
|
||||||
confirmationScreen(false);
|
|
||||||
loader(true);
|
|
||||||
$.post(`https://${GetParentResourceName()}/useATM`, JSON.stringify({
|
|
||||||
action: action,
|
|
||||||
amount: $("#enteredAmount").val(),
|
|
||||||
transferAmount: $("#transferAmount").val(),
|
|
||||||
transferTarget: $("#transferTarget").val()
|
|
||||||
}));
|
|
||||||
$("#enteredAmount").val("");
|
|
||||||
$("#transferAmount").val("");
|
|
||||||
$("#transferTarget").val("");
|
|
||||||
return false;
|
|
||||||
})
|
|
||||||
|
|
||||||
$("#cancelButton").click(function() {
|
|
||||||
$.post(`https://${GetParentResourceName()}/sound`);
|
|
||||||
confirmationScreen(false);
|
|
||||||
loader(true);
|
|
||||||
setTimeout(() => {
|
|
||||||
loader(false);
|
|
||||||
atmDisplay(true);
|
|
||||||
}, 300);
|
|
||||||
return false;
|
|
||||||
})
|
|
||||||
|
|
||||||
$("#atm").submit(function() {
|
|
||||||
$.post(`https://${GetParentResourceName()}/sound`);
|
|
||||||
atmDisplay(false);
|
|
||||||
loader(true);
|
|
||||||
setTimeout(() => {
|
|
||||||
loader(false);
|
|
||||||
confirmationScreen(true);
|
|
||||||
}, 300);
|
|
||||||
return false;
|
|
||||||
})
|
|
||||||
|
|
||||||
$(".mainMenuButton").click(function() {
|
|
||||||
$.post(`https://${GetParentResourceName()}/sound`);
|
|
||||||
successScreen(false);
|
|
||||||
failedScreen(false);
|
|
||||||
loader(true);
|
|
||||||
setTimeout(() => {
|
|
||||||
loader(false);
|
|
||||||
atmDisplay(true);
|
|
||||||
}, 300);
|
|
||||||
return false;
|
|
||||||
})
|
|
||||||
|
|
||||||
$("#closeButton").click(function() {
|
|
||||||
$.post(`https://${GetParentResourceName()}/close`);
|
|
||||||
return;
|
|
||||||
})
|
|
||||||
});
|
|
||||||
@@ -1,237 +0,0 @@
|
|||||||
body {
|
|
||||||
font-family: Arial, Helvetica, sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
#overlay {
|
|
||||||
display: none;
|
|
||||||
position: absolute;
|
|
||||||
height: 60vh;
|
|
||||||
width: 50vw;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
margin: auto;
|
|
||||||
border-radius: 10px;
|
|
||||||
background-image: linear-gradient(rgb(255, 255, 255), rgb(199, 199, 199));
|
|
||||||
background-color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
#logo {
|
|
||||||
position: absolute;
|
|
||||||
width: 200px;
|
|
||||||
top: 2vh;
|
|
||||||
left: 6vw;
|
|
||||||
margin: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
#date {
|
|
||||||
position: absolute;
|
|
||||||
top: 3.5vh;
|
|
||||||
right: 6vw;
|
|
||||||
color: black;
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#time {
|
|
||||||
position: absolute;
|
|
||||||
font-weight: 500;
|
|
||||||
top: -0.7vh;
|
|
||||||
right: 6vw;
|
|
||||||
color: black;
|
|
||||||
font-size: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#balance {
|
|
||||||
position: absolute;
|
|
||||||
top: 23vh;
|
|
||||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;;
|
|
||||||
font-weight: 500;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
margin: auto;
|
|
||||||
color: black;
|
|
||||||
font-size: 20px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#confirmText {
|
|
||||||
position: absolute;
|
|
||||||
top: 26vh;
|
|
||||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;;
|
|
||||||
font-weight: 500;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
margin: auto;
|
|
||||||
color: black;
|
|
||||||
font-size: 20px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#greenline {
|
|
||||||
position: absolute;
|
|
||||||
height: 1vh;
|
|
||||||
width: 80%;
|
|
||||||
top: 9vh;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
margin: auto;
|
|
||||||
background-color: green;
|
|
||||||
border-radius: 5px;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#greenbox {
|
|
||||||
position: absolute;
|
|
||||||
height: 5vh;
|
|
||||||
width: 80%;
|
|
||||||
top: 11vh;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
margin: auto;
|
|
||||||
background-color: green;
|
|
||||||
background-image: linear-gradient(rgb(2, 110, 2), green);
|
|
||||||
border-radius: 5px;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#playername {
|
|
||||||
position: absolute;
|
|
||||||
top: 13vh;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
margin: auto;
|
|
||||||
color: white;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#welcome {
|
|
||||||
position: absolute;
|
|
||||||
top: 11.5vh;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
margin: auto;
|
|
||||||
color: white;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.input {
|
|
||||||
height: 4vh;
|
|
||||||
width: 7.3vw;
|
|
||||||
background-color: green;
|
|
||||||
font-weight: 1000;
|
|
||||||
color: white;
|
|
||||||
border: none;
|
|
||||||
border-radius: 5px;
|
|
||||||
margin: auto;
|
|
||||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;;
|
|
||||||
transition: 50ms;
|
|
||||||
}
|
|
||||||
|
|
||||||
.input:hover {
|
|
||||||
transition: 50ms;
|
|
||||||
background-color: rgb(2, 110, 2);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#transferAmount {
|
|
||||||
position: absolute;
|
|
||||||
width: 12vw;
|
|
||||||
top: 28vh;
|
|
||||||
right: 22.55%;
|
|
||||||
color: black;
|
|
||||||
background-color: white;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
#transferTarget {
|
|
||||||
position: absolute;
|
|
||||||
width: 3vw;
|
|
||||||
top: 28vh;
|
|
||||||
right: 15%;
|
|
||||||
color: black;
|
|
||||||
background-color: white;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
#transferButton {
|
|
||||||
position: absolute;
|
|
||||||
width: 15.8vw;
|
|
||||||
top: 36.5vh;
|
|
||||||
right: 15%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#enteredAmount {
|
|
||||||
position: absolute;
|
|
||||||
width: 15.8vw;
|
|
||||||
top: 28vh;
|
|
||||||
left: 15%;
|
|
||||||
color: black;
|
|
||||||
background-color: white;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#withdrawButton {
|
|
||||||
position: absolute;
|
|
||||||
top: 36.5vh;
|
|
||||||
left: 15%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#depositButton {
|
|
||||||
position: absolute;
|
|
||||||
top: 36.5vh;
|
|
||||||
left: 32%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mainMenuButton {
|
|
||||||
position: absolute;
|
|
||||||
width: 10vw;
|
|
||||||
top: 34vh;
|
|
||||||
right: 0;
|
|
||||||
left: 0;
|
|
||||||
margin: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
#closeButton {
|
|
||||||
position: absolute;
|
|
||||||
height: 4.8vh;
|
|
||||||
width: 80%;
|
|
||||||
top: 50vh;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#confirmButton{
|
|
||||||
position: absolute;
|
|
||||||
top: 33vh;
|
|
||||||
left: 17vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
#cancelButton {
|
|
||||||
position: absolute;
|
|
||||||
top: 33vh;
|
|
||||||
right: 17vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
#confirmationScreen {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#loader {
|
|
||||||
display: none;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
margin: auto;
|
|
||||||
border: 16px solid #d1d1d1;
|
|
||||||
border-radius: 50%;
|
|
||||||
border-top: 16px solid green;
|
|
||||||
width: 120px;
|
|
||||||
height: 120px;
|
|
||||||
animation: spin 1s linear infinite;
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes spin {
|
|
||||||
0% { transform: rotate(0deg); }
|
|
||||||
100% { transform: rotate(360deg); }
|
|
||||||
}
|
|
||||||
Reference in New Issue
Block a user