javascript seperated out from html into static java folder

This commit is contained in:
0ceanSlim 2023-12-20 16:51:54 -05:00
parent cb30fd1e0d
commit 899689bb81
5 changed files with 51 additions and 60 deletions

View File

@ -1,11 +1,9 @@
from flask import Flask, request, jsonify, render_template
from bitcoinrpc.authproxy import AuthServiceProxy, JSONRPCException
#from ..src.util.rpcHandler import read_rpc_config
from mnemonic import Mnemonic
#from ..src import create_wallet, generate_seed
import json
app = Flask(__name__)
app = Flask(__name__, static_folder='static')
def read_rpc_config(filename="../rpc_config.json"):
with open(filename, "r") as config_file:

View File

@ -1 +0,0 @@
//javascript placeholder

View File

@ -0,0 +1,29 @@
fetch('/get_rpc_config')
.then(response => response.json())
.then(data => {
document.getElementById('rpcHost').value = data.rpcHost;
document.getElementById('rpcPort').value = data.rpcPort;
document.getElementById('rpcUser').value = data.rpcUser;
document.getElementById('rpcPassword').value = data.rpcPassword;
})
.catch(error => {
console.error('Error:', error);
});
document.getElementById('rpcConfigForm').addEventListener('submit', function(event) {
event.preventDefault();
const form = event.target;
const formData = new FormData(form);
fetch('/update_rpc_config', {
method: 'POST',
body: formData
})
.then(response => response.json())
.then(data => {
document.getElementById('rpcResult').innerHTML = data.message;
})
.catch(error => {
console.error('Error:', error);
});
});

View File

@ -0,0 +1,17 @@
document.getElementById('walletForm').addEventListener('submit', function(event) {
event.preventDefault();
const form = event.target;
const formData = new FormData(form);
fetch('/create_wallet', {
method: 'POST',
body: formData
})
.then(response => response.json())
.then(data => {
document.getElementById('result').innerHTML = data.message;
})
.catch(error => {
console.error('Error:', error);
});
});

View File

@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="../static/style/output.css" />
<title>Create Wallet</title>
<title>Liquid Wallet</title>
</head>
<body class="font-mono text-white bg-neutral-800">
<h1 class="mb-4 ml-4 text-xl font-bold">Create a New Wallet</h1>
@ -21,28 +21,8 @@
</form>
<div id="result" class="p-2 ml-4"></div>
<!-- Add your JavaScript code here -->
<script>
document.getElementById('walletForm').addEventListener('submit', function(event) {
event.preventDefault();
const form = event.target;
const formData = new FormData(form);
fetch('/create_wallet', {
method: 'POST',
body: formData
})
.then(response => response.json())
.then(data => {
document.getElementById('result').innerHTML = data.message;
})
.catch(error => {
console.error('Error:', error);
});
});
</script>
<script src="{{ url_for('static', filename='java/walletFormResponse.js') }}"></script>
<h1 class="mt-6 mb-4 ml-2 text-xl font-bold">RPC Configuration</h1>
<form id="rpcConfigForm">
<label for="rpcHost" class="ml-2">RPC Host:</label>
@ -62,38 +42,6 @@
<div id="rpcResult"></div>
<!-- Add your JavaScript code here -->
<script>
// Fetch the current RPC configuration on page load
fetch('/get_rpc_config')
.then(response => response.json())
.then(data => {
document.getElementById('rpcHost').value = data.rpcHost;
document.getElementById('rpcPort').value = data.rpcPort;
document.getElementById('rpcUser').value = data.rpcUser;
document.getElementById('rpcPassword').value = data.rpcPassword;
})
.catch(error => {
console.error('Error:', error);
});
document.getElementById('rpcConfigForm').addEventListener('submit', function(event) {
event.preventDefault();
const form = event.target;
const formData = new FormData(form);
fetch('/update_rpc_config', {
method: 'POST',
body: formData
})
.then(response => response.json())
.then(data => {
document.getElementById('rpcResult').innerHTML = data.message;
})
.catch(error => {
console.error('Error:', error);
});
});
</script>
<script src="{{ url_for('static', filename='java/rpcResult.js') }}"></script>
</body>
</html>