-
Notifications
You must be signed in to change notification settings - Fork 7
/
create.html
79 lines (77 loc) · 4.11 KB
/
create.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>TC | Create</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!--<link rel="stylesheet" href="css/border.css">-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://wallet.metamask.io/metamascara.js"></script>
<script src="https://cdn.jsdelivr.net/npm/web3@1.0.0-beta.26/src/index.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.js"></script>
<script src="libs/web3.min.js"></script>
<script src="script/components.js"></script>
<script src="script/utils.js"></script>
<script src="script/contractInfo.js"></script>
<script src="script/create.js"></script>
</head>
<body>
<div id="nav-placeholder"></div>
<div class="container" align='center'>
<div id="betaWarning" align='center'>
<div class="alert alert-warning" style='display:inline-block;'>
<p>You are currently visiting the old version (v1) of Toastycoin Frontier</p>
<p><strong>A NEW Beta version is available. <a href="beta/index.html">Use the beta</a><br></strong></p>
</div>
</div>
<div id="noProviderWarningDiv" hidden='true'>
<div class="alert alert-warning" style='display:inline-block; margin-top:5rem'>
<strong>Alert! You do not have a web3 provider.</strong><br>
Getting Metamask or setting up <a href="wallet.metamask.io">Metamascara</a> is the quickest way to fix this.<br>
<a href="https://metamask.io/"><img src="resources/download-metamask.png" style="width:30rem"></a><br>
You can also use Mist or Parity. Refresh this page when you have a web3 provider.
</div>
</div>
<div id="ropstenWarning" hidden='true' align='center'>
<div class="alert alert-warning" style='display:inline-block;'>
<p><strong>You are currently operating on the Ropsten testnet.</strong></p>
<p>To create Burnable Payments with real ether, change your Metamask network to the "Main" Ethereum network, and refresh.</p>
</div>
</div>
<div id="web3LockedWarning" hidden='true'>
<div class="alert alert-warning" style='display:inline-block;' align='center'>
<p><strong>No Ethereum account found.</strong></p>
<p>You are currently unable to initiate any commands. Make sure Metamask is unlocked and refresh.</p>
</div>
</div>
<div id="web3Div" hidden='true'>
<br>
<p style="font-size:1.8rem">If this is your first BP, please read <a href="creatingbops.html">Creating effective BPs</a>.</p>
<h1 class="text-center">Create Burnable Payment</h1>
<form id='NewBOPForm'>
Payer: <input id='payerInput' name='payerInput' type='text' placeholder='Double-click to fetch from Metamask/web3' size='44' ondblclick="populatePayerInputFromMetamask()"><br>
Title: <input id='titleInput' name='titleInput' size=70 oninput="updateLengthChecker()"><br>
<div id="lengthCheckerOutput"><font style='color:blue'>0/100</font></div>
Initial Statement:<br><textarea id='initialStatementInput' name='initialStatementInput' cols='80' rows='10'></textarea><br>
Payment Amount: <input id = 'paymentAmountInput' name='paymentAmountInput' type='text' size='7'>ETH<br>
Service Deposit: <input id = 'serviceDepositInput' name='serviceDepositInput' type='text' size='7'>ETH<br>
Autorelease Timer: <input type='text' id='autoreleaseTimerInput' name='autoreleaseTimerInput'> days<br>
<input type='button' class="btn btn-primary" onclick='newBOPFromForm()' value='Create BP'>
</form>
<div id='outputDiv'></div>
<div class="panel panel-info">
<div class="panel-heading">
<h3 class="panel-title">Transactions</h3>
</div>
<div id="createResultList">
<div class="well">
<div v-for="createResult in createResults">
<create-result-row :result="createResult"></create-result-row><br>
</div>
</div>
</div>
</div>
</div>
</div>
</body>