mirror of
https://github.com/fluencelabs/lazy-snark
synced 2025-04-26 15:32:15 +00:00
Added initial frontend
This commit is contained in:
Игорь Соболев
parent
c4cc87650d
commit
2aa7ea91a4
6
frontend/README.md
Normal file
6
frontend/README.md
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
# Usage
|
||||||
|
1. run ```npm i```
|
||||||
|
|
||||||
|
2. run ```npm run build```
|
||||||
|
|
||||||
|
3. run ```npm run start```
|
||||||
90
frontend/index.html
Normal file
90
frontend/index.html
Normal file
@ -0,0 +1,90 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<!-- Required meta tags -->
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Lazy snark dashboard</title>
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||||
|
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
||||||
|
<!-- <script src="https://cdn.jsdelivr.net/npm/web3@1.0.0-beta.55/dist/web3.umd.min.js"></script>-->
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="container">
|
||||||
|
<div class="col-md-12">
|
||||||
|
<p> </p>
|
||||||
|
<h3>
|
||||||
|
Lazy snark dashboard
|
||||||
|
</h3>
|
||||||
|
<p> </p>
|
||||||
|
</div>
|
||||||
|
<div class="row 0">
|
||||||
|
<div class="col-sm-7">
|
||||||
|
<label id="state-id">State ID's</label>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-2">
|
||||||
|
<label id="state-status-fluence">Fluence status</label>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-3">
|
||||||
|
<label id="challenge">Challenge?</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row 1">
|
||||||
|
<div class="col-sm-7">
|
||||||
|
<label id="state-id-0">00</label>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-2">
|
||||||
|
<label id="state-status-fluence-0">None</label>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-3">
|
||||||
|
<button type="button" class="btn btn-primary" id="challenge-0">Challenge on Fluence!</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row 2">
|
||||||
|
<div class="col-sm-7">
|
||||||
|
<label id="state-id-1">000</label>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-2">
|
||||||
|
<label id="state-status-fluence-1">None</label>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-3">
|
||||||
|
<button type="button" class="btn btn-primary" id="challenge-1">Challenge on Fluence!</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row 3">
|
||||||
|
<div class="col-sm-7">
|
||||||
|
<label id="state-id-2">0000</label>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-2">
|
||||||
|
<label id="state-status-fluence-2">None</label>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-3">
|
||||||
|
<button type="button" class="btn btn-primary" id="challenge-2">Challenge on Fluence!</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row 4">
|
||||||
|
<div class="col-sm-7">
|
||||||
|
<label id="state-id-3">00000</label>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-2">
|
||||||
|
<label id="state-status-fluence-3">None</label>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-3">
|
||||||
|
<button type="button" class="btn btn-primary" id="challenge-3">Challenge on Fluence!</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row 5">
|
||||||
|
<div class="col-sm-7">
|
||||||
|
<label id="state-id-4">000000</label>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-2">
|
||||||
|
<label id="state-status-fluence-4">None</label>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-3">
|
||||||
|
<button type="button" class="btn btn-primary" id="challenge-4">Challenge on Fluence!</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
<script src="bundle.js"></script>
|
||||||
|
</html>
|
||||||
387
frontend/index.js
Normal file
387
frontend/index.js
Normal file
@ -0,0 +1,387 @@
|
|||||||
|
//CONNECT FLUENCE
|
||||||
|
$(document).ready(function() {
|
||||||
|
|
||||||
|
// CONNECT WEB3
|
||||||
|
if (typeof web3 !== 'undefined') {
|
||||||
|
// Use Mist/MetaMask's provider
|
||||||
|
let web3js = new Web3(web3.currentProvider);
|
||||||
|
} else {
|
||||||
|
console.log('No web3? You should consider trying MetaMask!');
|
||||||
|
// fallback - use your fallback strategy (local node / hosted node + in-dapp id mgmt / fail)
|
||||||
|
let web3js = new Web3(new Web3.providers.HttpProvider("http://localhost:8545"));
|
||||||
|
}
|
||||||
|
|
||||||
|
//console.log(web3js);
|
||||||
|
|
||||||
|
var controllerAddress = '0x2c13c996bad85b707ee7cf40b4e45d00abdf7d7b';
|
||||||
|
let ControllerAbi = '[\n' +
|
||||||
|
'\t{\n' +
|
||||||
|
'\t\t"constant": false,\n' +
|
||||||
|
'\t\t"inputs": [\n' +
|
||||||
|
'\t\t\t{\n' +
|
||||||
|
'\t\t\t\t"name": "id",\n' +
|
||||||
|
'\t\t\t\t"type": "uint256"\n' +
|
||||||
|
'\t\t\t}\n' +
|
||||||
|
'\t\t],\n' +
|
||||||
|
'\t\t"name": "challenge",\n' +
|
||||||
|
'\t\t"outputs": [],\n' +
|
||||||
|
'\t\t"payable": false,\n' +
|
||||||
|
'\t\t"stateMutability": "nonpayable",\n' +
|
||||||
|
'\t\t"type": "function"\n' +
|
||||||
|
'\t},\n' +
|
||||||
|
'\t{\n' +
|
||||||
|
'\t\t"constant": false,\n' +
|
||||||
|
'\t\t"inputs": [\n' +
|
||||||
|
'\t\t\t{\n' +
|
||||||
|
'\t\t\t\t"name": "id",\n' +
|
||||||
|
'\t\t\t\t"type": "uint256"\n' +
|
||||||
|
'\t\t\t}\n' +
|
||||||
|
'\t\t],\n' +
|
||||||
|
'\t\t"name": "finzalize",\n' +
|
||||||
|
'\t\t"outputs": [],\n' +
|
||||||
|
'\t\t"payable": false,\n' +
|
||||||
|
'\t\t"stateMutability": "nonpayable",\n' +
|
||||||
|
'\t\t"type": "function"\n' +
|
||||||
|
'\t},\n' +
|
||||||
|
'\t{\n' +
|
||||||
|
'\t\t"constant": false,\n' +
|
||||||
|
'\t\t"inputs": [\n' +
|
||||||
|
'\t\t\t{\n' +
|
||||||
|
'\t\t\t\t"components": [\n' +
|
||||||
|
'\t\t\t\t\t{\n' +
|
||||||
|
'\t\t\t\t\t\t"name": "x",\n' +
|
||||||
|
'\t\t\t\t\t\t"type": "uint256"\n' +
|
||||||
|
'\t\t\t\t\t}\n' +
|
||||||
|
'\t\t\t\t],\n' +
|
||||||
|
'\t\t\t\t"name": "data",\n' +
|
||||||
|
'\t\t\t\t"type": "tuple"\n' +
|
||||||
|
'\t\t\t},\n' +
|
||||||
|
'\t\t\t{\n' +
|
||||||
|
'\t\t\t\t"components": [\n' +
|
||||||
|
'\t\t\t\t\t{\n' +
|
||||||
|
'\t\t\t\t\t\t"name": "x",\n' +
|
||||||
|
'\t\t\t\t\t\t"type": "uint256"\n' +
|
||||||
|
'\t\t\t\t\t}\n' +
|
||||||
|
'\t\t\t\t],\n' +
|
||||||
|
'\t\t\t\t"name": "proof",\n' +
|
||||||
|
'\t\t\t\t"type": "tuple"\n' +
|
||||||
|
'\t\t\t}\n' +
|
||||||
|
'\t\t],\n' +
|
||||||
|
'\t\t"name": "submit",\n' +
|
||||||
|
'\t\t"outputs": [],\n' +
|
||||||
|
'\t\t"payable": true,\n' +
|
||||||
|
'\t\t"stateMutability": "payable",\n' +
|
||||||
|
'\t\t"type": "function"\n' +
|
||||||
|
'\t},\n' +
|
||||||
|
'\t{\n' +
|
||||||
|
'\t\t"anonymous": false,\n' +
|
||||||
|
'\t\t"inputs": [\n' +
|
||||||
|
'\t\t\t{\n' +
|
||||||
|
'\t\t\t\t"indexed": true,\n' +
|
||||||
|
'\t\t\t\t"name": "sender",\n' +
|
||||||
|
'\t\t\t\t"type": "address"\n' +
|
||||||
|
'\t\t\t},\n' +
|
||||||
|
'\t\t\t{\n' +
|
||||||
|
'\t\t\t\t"indexed": false,\n' +
|
||||||
|
'\t\t\t\t"name": "index",\n' +
|
||||||
|
'\t\t\t\t"type": "uint256"\n' +
|
||||||
|
'\t\t\t},\n' +
|
||||||
|
'\t\t\t{\n' +
|
||||||
|
'\t\t\t\t"components": [\n' +
|
||||||
|
'\t\t\t\t\t{\n' +
|
||||||
|
'\t\t\t\t\t\t"components": [\n' +
|
||||||
|
'\t\t\t\t\t\t\t{\n' +
|
||||||
|
'\t\t\t\t\t\t\t\t"name": "x",\n' +
|
||||||
|
'\t\t\t\t\t\t\t\t"type": "uint256"\n' +
|
||||||
|
'\t\t\t\t\t\t\t}\n' +
|
||||||
|
'\t\t\t\t\t\t],\n' +
|
||||||
|
'\t\t\t\t\t\t"name": "data",\n' +
|
||||||
|
'\t\t\t\t\t\t"type": "tuple"\n' +
|
||||||
|
'\t\t\t\t\t},\n' +
|
||||||
|
'\t\t\t\t\t{\n' +
|
||||||
|
'\t\t\t\t\t\t"components": [\n' +
|
||||||
|
'\t\t\t\t\t\t\t{\n' +
|
||||||
|
'\t\t\t\t\t\t\t\t"name": "x",\n' +
|
||||||
|
'\t\t\t\t\t\t\t\t"type": "uint256"\n' +
|
||||||
|
'\t\t\t\t\t\t\t}\n' +
|
||||||
|
'\t\t\t\t\t\t],\n' +
|
||||||
|
'\t\t\t\t\t\t"name": "proof",\n' +
|
||||||
|
'\t\t\t\t\t\t"type": "tuple"\n' +
|
||||||
|
'\t\t\t\t\t},\n' +
|
||||||
|
'\t\t\t\t\t{\n' +
|
||||||
|
'\t\t\t\t\t\t"name": "submitter",\n' +
|
||||||
|
'\t\t\t\t\t\t"type": "address"\n' +
|
||||||
|
'\t\t\t\t\t},\n' +
|
||||||
|
'\t\t\t\t\t{\n' +
|
||||||
|
'\t\t\t\t\t\t"name": "timestamp",\n' +
|
||||||
|
'\t\t\t\t\t\t"type": "uint96"\n' +
|
||||||
|
'\t\t\t\t\t},\n' +
|
||||||
|
'\t\t\t\t\t{\n' +
|
||||||
|
'\t\t\t\t\t\t"name": "status",\n' +
|
||||||
|
'\t\t\t\t\t\t"type": "uint8"\n' +
|
||||||
|
'\t\t\t\t\t}\n' +
|
||||||
|
'\t\t\t\t],\n' +
|
||||||
|
'\t\t\t\t"indexed": false,\n' +
|
||||||
|
'\t\t\t\t"name": "task",\n' +
|
||||||
|
'\t\t\t\t"type": "tuple"\n' +
|
||||||
|
'\t\t\t}\n' +
|
||||||
|
'\t\t],\n' +
|
||||||
|
'\t\t"name": "Submitted",\n' +
|
||||||
|
'\t\t"type": "event"\n' +
|
||||||
|
'\t},\n' +
|
||||||
|
'\t{\n' +
|
||||||
|
'\t\t"anonymous": false,\n' +
|
||||||
|
'\t\t"inputs": [\n' +
|
||||||
|
'\t\t\t{\n' +
|
||||||
|
'\t\t\t\t"indexed": true,\n' +
|
||||||
|
'\t\t\t\t"name": "challenger",\n' +
|
||||||
|
'\t\t\t\t"type": "address"\n' +
|
||||||
|
'\t\t\t},\n' +
|
||||||
|
'\t\t\t{\n' +
|
||||||
|
'\t\t\t\t"indexed": false,\n' +
|
||||||
|
'\t\t\t\t"name": "index",\n' +
|
||||||
|
'\t\t\t\t"type": "uint256"\n' +
|
||||||
|
'\t\t\t}\n' +
|
||||||
|
'\t\t],\n' +
|
||||||
|
'\t\t"name": "Challenged",\n' +
|
||||||
|
'\t\t"type": "event"\n' +
|
||||||
|
'\t},\n' +
|
||||||
|
'\t{\n' +
|
||||||
|
'\t\t"constant": true,\n' +
|
||||||
|
'\t\t"inputs": [\n' +
|
||||||
|
'\t\t\t{\n' +
|
||||||
|
'\t\t\t\t"name": "id",\n' +
|
||||||
|
'\t\t\t\t"type": "uint256"\n' +
|
||||||
|
'\t\t\t}\n' +
|
||||||
|
'\t\t],\n' +
|
||||||
|
'\t\t"name": "getDataById",\n' +
|
||||||
|
'\t\t"outputs": [\n' +
|
||||||
|
'\t\t\t{\n' +
|
||||||
|
'\t\t\t\t"components": [\n' +
|
||||||
|
'\t\t\t\t\t{\n' +
|
||||||
|
'\t\t\t\t\t\t"components": [\n' +
|
||||||
|
'\t\t\t\t\t\t\t{\n' +
|
||||||
|
'\t\t\t\t\t\t\t\t"name": "x",\n' +
|
||||||
|
'\t\t\t\t\t\t\t\t"type": "uint256"\n' +
|
||||||
|
'\t\t\t\t\t\t\t}\n' +
|
||||||
|
'\t\t\t\t\t\t],\n' +
|
||||||
|
'\t\t\t\t\t\t"name": "data",\n' +
|
||||||
|
'\t\t\t\t\t\t"type": "tuple"\n' +
|
||||||
|
'\t\t\t\t\t},\n' +
|
||||||
|
'\t\t\t\t\t{\n' +
|
||||||
|
'\t\t\t\t\t\t"components": [\n' +
|
||||||
|
'\t\t\t\t\t\t\t{\n' +
|
||||||
|
'\t\t\t\t\t\t\t\t"name": "x",\n' +
|
||||||
|
'\t\t\t\t\t\t\t\t"type": "uint256"\n' +
|
||||||
|
'\t\t\t\t\t\t\t}\n' +
|
||||||
|
'\t\t\t\t\t\t],\n' +
|
||||||
|
'\t\t\t\t\t\t"name": "proof",\n' +
|
||||||
|
'\t\t\t\t\t\t"type": "tuple"\n' +
|
||||||
|
'\t\t\t\t\t},\n' +
|
||||||
|
'\t\t\t\t\t{\n' +
|
||||||
|
'\t\t\t\t\t\t"name": "submitter",\n' +
|
||||||
|
'\t\t\t\t\t\t"type": "address"\n' +
|
||||||
|
'\t\t\t\t\t},\n' +
|
||||||
|
'\t\t\t\t\t{\n' +
|
||||||
|
'\t\t\t\t\t\t"name": "timestamp",\n' +
|
||||||
|
'\t\t\t\t\t\t"type": "uint96"\n' +
|
||||||
|
'\t\t\t\t\t},\n' +
|
||||||
|
'\t\t\t\t\t{\n' +
|
||||||
|
'\t\t\t\t\t\t"name": "status",\n' +
|
||||||
|
'\t\t\t\t\t\t"type": "uint8"\n' +
|
||||||
|
'\t\t\t\t\t}\n' +
|
||||||
|
'\t\t\t\t],\n' +
|
||||||
|
'\t\t\t\t"name": "task",\n' +
|
||||||
|
'\t\t\t\t"type": "tuple"\n' +
|
||||||
|
'\t\t\t}\n' +
|
||||||
|
'\t\t],\n' +
|
||||||
|
'\t\t"payable": false,\n' +
|
||||||
|
'\t\t"stateMutability": "view",\n' +
|
||||||
|
'\t\t"type": "function"\n' +
|
||||||
|
'\t},\n' +
|
||||||
|
'\t{\n' +
|
||||||
|
'\t\t"constant": true,\n' +
|
||||||
|
'\t\t"inputs": [],\n' +
|
||||||
|
'\t\t"name": "last5Timestamps",\n' +
|
||||||
|
'\t\t"outputs": [\n' +
|
||||||
|
'\t\t\t{\n' +
|
||||||
|
'\t\t\t\t"name": "result",\n' +
|
||||||
|
'\t\t\t\t"type": "uint256[5]"\n' +
|
||||||
|
'\t\t\t}\n' +
|
||||||
|
'\t\t],\n' +
|
||||||
|
'\t\t"payable": false,\n' +
|
||||||
|
'\t\t"stateMutability": "view",\n' +
|
||||||
|
'\t\t"type": "function"\n' +
|
||||||
|
'\t},\n' +
|
||||||
|
'\t{\n' +
|
||||||
|
'\t\t"constant": true,\n' +
|
||||||
|
'\t\t"inputs": [],\n' +
|
||||||
|
'\t\t"name": "stake",\n' +
|
||||||
|
'\t\t"outputs": [\n' +
|
||||||
|
'\t\t\t{\n' +
|
||||||
|
'\t\t\t\t"name": "",\n' +
|
||||||
|
'\t\t\t\t"type": "uint256"\n' +
|
||||||
|
'\t\t\t}\n' +
|
||||||
|
'\t\t],\n' +
|
||||||
|
'\t\t"payable": false,\n' +
|
||||||
|
'\t\t"stateMutability": "view",\n' +
|
||||||
|
'\t\t"type": "function"\n' +
|
||||||
|
'\t},\n' +
|
||||||
|
'\t{\n' +
|
||||||
|
'\t\t"constant": true,\n' +
|
||||||
|
'\t\t"inputs": [\n' +
|
||||||
|
'\t\t\t{\n' +
|
||||||
|
'\t\t\t\t"name": "",\n' +
|
||||||
|
'\t\t\t\t"type": "uint256"\n' +
|
||||||
|
'\t\t\t}\n' +
|
||||||
|
'\t\t],\n' +
|
||||||
|
'\t\t"name": "tasks",\n' +
|
||||||
|
'\t\t"outputs": [\n' +
|
||||||
|
'\t\t\t{\n' +
|
||||||
|
'\t\t\t\t"components": [\n' +
|
||||||
|
'\t\t\t\t\t{\n' +
|
||||||
|
'\t\t\t\t\t\t"name": "x",\n' +
|
||||||
|
'\t\t\t\t\t\t"type": "uint256"\n' +
|
||||||
|
'\t\t\t\t\t}\n' +
|
||||||
|
'\t\t\t\t],\n' +
|
||||||
|
'\t\t\t\t"name": "data",\n' +
|
||||||
|
'\t\t\t\t"type": "tuple"\n' +
|
||||||
|
'\t\t\t},\n' +
|
||||||
|
'\t\t\t{\n' +
|
||||||
|
'\t\t\t\t"components": [\n' +
|
||||||
|
'\t\t\t\t\t{\n' +
|
||||||
|
'\t\t\t\t\t\t"name": "x",\n' +
|
||||||
|
'\t\t\t\t\t\t"type": "uint256"\n' +
|
||||||
|
'\t\t\t\t\t}\n' +
|
||||||
|
'\t\t\t\t],\n' +
|
||||||
|
'\t\t\t\t"name": "proof",\n' +
|
||||||
|
'\t\t\t\t"type": "tuple"\n' +
|
||||||
|
'\t\t\t},\n' +
|
||||||
|
'\t\t\t{\n' +
|
||||||
|
'\t\t\t\t"name": "submitter",\n' +
|
||||||
|
'\t\t\t\t"type": "address"\n' +
|
||||||
|
'\t\t\t},\n' +
|
||||||
|
'\t\t\t{\n' +
|
||||||
|
'\t\t\t\t"name": "timestamp",\n' +
|
||||||
|
'\t\t\t\t"type": "uint96"\n' +
|
||||||
|
'\t\t\t},\n' +
|
||||||
|
'\t\t\t{\n' +
|
||||||
|
'\t\t\t\t"name": "status",\n' +
|
||||||
|
'\t\t\t\t"type": "uint8"\n' +
|
||||||
|
'\t\t\t}\n' +
|
||||||
|
'\t\t],\n' +
|
||||||
|
'\t\t"payable": false,\n' +
|
||||||
|
'\t\t"stateMutability": "view",\n' +
|
||||||
|
'\t\t"type": "function"\n' +
|
||||||
|
'\t},\n' +
|
||||||
|
'\t{\n' +
|
||||||
|
'\t\t"constant": true,\n' +
|
||||||
|
'\t\t"inputs": [],\n' +
|
||||||
|
'\t\t"name": "verifier",\n' +
|
||||||
|
'\t\t"outputs": [\n' +
|
||||||
|
'\t\t\t{\n' +
|
||||||
|
'\t\t\t\t"name": "",\n' +
|
||||||
|
'\t\t\t\t"type": "address"\n' +
|
||||||
|
'\t\t\t}\n' +
|
||||||
|
'\t\t],\n' +
|
||||||
|
'\t\t"payable": false,\n' +
|
||||||
|
'\t\t"stateMutability": "view",\n' +
|
||||||
|
'\t\t"type": "function"\n' +
|
||||||
|
'\t}\n' +
|
||||||
|
']';
|
||||||
|
ControllerAbi = JSON.parse(ControllerAbi);
|
||||||
|
//console.log(ControllerAbi);
|
||||||
|
let ControllerContract = web3.eth.contract(ControllerAbi);
|
||||||
|
//console.log(ControllerContract);
|
||||||
|
let contractInstance = ControllerContract.at(controllerAddress);
|
||||||
|
//console.log(contractInstance);
|
||||||
|
/*
|
||||||
|
// save fluence to global variable, so it can be accessed from Developer Console
|
||||||
|
window.fluence = fluence;
|
||||||
|
|
||||||
|
// convert result to a string
|
||||||
|
window.getResultAsString = function (result) {
|
||||||
|
return result.result().then((r) => r.asString())
|
||||||
|
};
|
||||||
|
|
||||||
|
window.logResultAsString = function (result) {
|
||||||
|
return getResultAsString(result).then((r) => console.log(r))
|
||||||
|
};
|
||||||
|
*/
|
||||||
|
console.log(contractInstance);
|
||||||
|
contractInstance.last5Timestamps(function (err, result) {
|
||||||
|
console.log(result);
|
||||||
|
for (let i = 0; i < 5; i++) {
|
||||||
|
$('#state-id-' + i).text(result[i]);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
/*window.onload = function () {
|
||||||
|
|
||||||
|
// address to Fluence contract in Ethereum blockchain. Interaction with blockchain created by MetaMask or with local Ethereum node
|
||||||
|
let contractAddress = "0xeFF91455de6D4CF57C141bD8bF819E5f873c1A01";
|
||||||
|
|
||||||
|
// set ethUrl to `undefined` to use MetaMask instead of Ethereum node
|
||||||
|
let ethUrl = "http://geth.fluence.one:8545/";
|
||||||
|
|
||||||
|
// application to interact with that stored in Fluence contract
|
||||||
|
let appId = "218";
|
||||||
|
|
||||||
|
// create a session between client and backend application, and then join the game
|
||||||
|
fluence.connect(contractAddress, appId, ethUrl).then((s) => {
|
||||||
|
console.log("Session created");
|
||||||
|
window.session = s;
|
||||||
|
}).then(() => join());
|
||||||
|
|
||||||
|
|
||||||
|
// send request to list last txses
|
||||||
|
|
||||||
|
for (let i = 0; i < 5; i++) {
|
||||||
|
let id = document.getElementById('state-id-' + i).textContent;
|
||||||
|
contractInstance.giveDataFromId(id, function (err, result) {
|
||||||
|
|
||||||
|
let fluenceResponse = session.request(`{ "player_id": ${id}, "action": "GetBalance"}`);
|
||||||
|
$('#state-status-fluence-' + i).text(fluenceResponse);
|
||||||
|
if (fluenceResponse == true) {
|
||||||
|
$('challenge-' + i).prop('disabled', true);
|
||||||
|
} else {
|
||||||
|
$('challenge-' + i).text('Challenge on Ethereum!')
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
};*/
|
||||||
|
|
||||||
|
|
||||||
|
$('button').click(function () {
|
||||||
|
//console.log($(this)[0].id.slice(-1));
|
||||||
|
if ($(this)[0].textContent === 'Challenge on Fluence!') {
|
||||||
|
let id = $(this)[0].id.slice(-1);
|
||||||
|
//console.log(id);
|
||||||
|
//console.log(contractInstance);
|
||||||
|
contractInstance.getDataById(id, function (err, result) {
|
||||||
|
//console.log(err);
|
||||||
|
console.log(result);
|
||||||
|
// let fluenceResponse = session.request(JSON.stringify(request));
|
||||||
|
// $('#state-status-fluence-' + i).text(result);
|
||||||
|
// if (fluenceResponse === true) {
|
||||||
|
// $('challenge-' + i).prop('disabled', true);
|
||||||
|
// } else {
|
||||||
|
// $('#challenge-' + i).text('Challenge on Ethereum!')
|
||||||
|
// }
|
||||||
|
});
|
||||||
|
// } else {
|
||||||
|
// challengeEthereum(id);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
function challengeEthereum(jobId) {
|
||||||
|
contractInstance.challenge.sendTransaction(jobId, function (err, txHash) {
|
||||||
|
$('challenge-' + jobId).text('See tx on Etherscan!').attr("href", "https://ropsten.etherscan.io/tx/" + txHash);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
import * as fluence from "fluence";
|
||||||
31
frontend/package.json
Normal file
31
frontend/package.json
Normal file
@ -0,0 +1,31 @@
|
|||||||
|
{
|
||||||
|
"name": "frontend-challenger",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"description": "",
|
||||||
|
"private": true,
|
||||||
|
"scripts": {
|
||||||
|
"test": "echo \"Error: no test specified\" && exit 1",
|
||||||
|
"start": "webpack-dev-server",
|
||||||
|
"build": "webpack"
|
||||||
|
},
|
||||||
|
"files": [
|
||||||
|
"index.html"
|
||||||
|
],
|
||||||
|
"keywords": [],
|
||||||
|
"author": "",
|
||||||
|
"devDependencies": {
|
||||||
|
"copy-webpack-plugin": "^5.0.2",
|
||||||
|
"css-loader": "^2.1.1",
|
||||||
|
"html-webpack-plugin": "^3.2.0",
|
||||||
|
"style-loader": "0.23.1",
|
||||||
|
"webpack": "^4.29.6",
|
||||||
|
"webpack-cli": "^3.3.0",
|
||||||
|
"webpack-dev-server": "^3.2.1",
|
||||||
|
"web3": "1.0.0-beta.55"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"Package": "0.0.1",
|
||||||
|
"fluence": "0.1.26"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
35
frontend/webpack.config.js
Normal file
35
frontend/webpack.config.js
Normal file
@ -0,0 +1,35 @@
|
|||||||
|
const path = require('path');
|
||||||
|
const webpack = require('webpack');
|
||||||
|
const CopyWebpackPlugin = require('copy-webpack-plugin');
|
||||||
|
|
||||||
|
module.exports = {
|
||||||
|
// use index.js as entrypoint
|
||||||
|
entry: {
|
||||||
|
app: ['./index.js']
|
||||||
|
},
|
||||||
|
devServer: {
|
||||||
|
contentBase: './bundle',
|
||||||
|
hot: true
|
||||||
|
},
|
||||||
|
mode: "development",
|
||||||
|
module: {
|
||||||
|
rules: [
|
||||||
|
{
|
||||||
|
test: /\.css$/,
|
||||||
|
use: ['style-loader', 'css-loader']
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
// build all code in `bundle.js` in `bundle` directory
|
||||||
|
output: {
|
||||||
|
filename: 'bundle.js',
|
||||||
|
path: path.resolve(__dirname, 'bundle')
|
||||||
|
},
|
||||||
|
plugins: [
|
||||||
|
// create `index.html` with imported `bundle.js`
|
||||||
|
new CopyWebpackPlugin([{
|
||||||
|
from: './*.html'
|
||||||
|
}]),
|
||||||
|
new webpack.HotModuleReplacementPlugin()
|
||||||
|
]
|
||||||
|
};
|
||||||
Loading…
x
Reference in New Issue
Block a user