mirror of
https://github.com/seigler/govobject-proposal
synced 2025-07-27 06:46:10 +00:00
282 lines
11 KiB
HTML
Executable file
282 lines
11 KiB
HTML
Executable file
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Dash Governance Tools</title>
|
|
|
|
<script src="bitcore-lib-dash.js"></script>
|
|
|
|
<script src="vendor/jquery/jquery-3.1.1.min.js"></script>
|
|
|
|
<link rel="stylesheet" href="vendor/jquery-ui/jquery-ui.min.css">
|
|
<script src="vendor/jquery-ui/jquery-ui.min.js"></script>
|
|
|
|
<link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">
|
|
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
|
|
|
|
<script src="vendor/fontawesome/f0153b9f7b.js"></script>
|
|
|
|
<link rel="stylesheet" href="css/master.css">
|
|
<script src="js/proposalGenerator.js"></script>
|
|
<script src="js/paymentCycle.js"></script>
|
|
<script src="js/transactionListener.js"></script>
|
|
<script src="js/formHandler.js"></script>
|
|
|
|
|
|
<script src="https://dev-test.dash.org/socket.io/socket.io.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
|
|
var Bitcore = require('bitcore-lib-dash');
|
|
var provider = 'https://dev-test.dash.org:3001/';
|
|
|
|
$(document).ready(function() {
|
|
var gov = new Bitcore.GovObject.Proposal();
|
|
gov.network = 'testnet';
|
|
|
|
var paymentCycle = new PaymentCycle(gov);
|
|
paymentCycle.updateDropdowns(); // update dropdown menus based on network and current time
|
|
|
|
$("#time").val(Math.floor((new Date).getTime() / 1000));
|
|
|
|
$('#prepareProposal').click(function() {
|
|
copyToClipboard($(this).attr('id'));
|
|
});
|
|
|
|
$('#submitProposal').click(function() {
|
|
copyToClipboard($(this).attr('id'));
|
|
});
|
|
|
|
$('#feeTxid').focus(function() {
|
|
if ($(this).hasClass('validationError')) {
|
|
$(this).val('');
|
|
}
|
|
$(this).removeClass('validationError');
|
|
});
|
|
|
|
$('.createProposal input').focus(function() {
|
|
if ($(this).hasClass('validationError')) {
|
|
$(this).val('');
|
|
}
|
|
$(this).removeClass('validationError');
|
|
});
|
|
|
|
$('#btnPrepare').click(function() {
|
|
|
|
var proposal = new ProposalGenerator(gov);
|
|
|
|
var validProposal = proposal.validate();
|
|
|
|
if (validProposal) {
|
|
|
|
proposal.walletCommands();
|
|
|
|
transactionListener(proposal);
|
|
|
|
$('#btnEdit').click(function() {
|
|
proposal.createProposal();
|
|
});
|
|
|
|
$('#btnNew').click(function() {
|
|
proposal.resetProposal();
|
|
});
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<div class="container-fluid">
|
|
<div class="row" id="header">
|
|
<div class="col-sm-2">
|
|
<img src="images/dash_logo.png" alt="dash governance tools">
|
|
</div>
|
|
<div class="col-sm-4">
|
|
<h2 class="header_title">Dash Budget Proposal Generator</h2>
|
|
<h5 class="header_description">Generate budget proposal commands you can copy/paste into your Dash wallet to prepare a budget proposal and submit it to the network.</h5>
|
|
</div>
|
|
<div class="col-sm-4 col-sm-offset-2 text-right">
|
|
<i class="fa fa-twitter" aria-hidden="true"></i>
|
|
<i class="fa fa-facebook" aria-hidden="true"></i>
|
|
<i class="fa fa-rss" aria-hidden="true"></i>
|
|
<img id="lang_box" src="images/lang.png" alt="english language">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-sm-5 col-sm-offset-2 col-xs-12 col-xs-offset-0">
|
|
<div class="proposalBlock createProposal">
|
|
<div class="row">
|
|
<div class="col-xs-12">
|
|
<div class="row" id="createProposalHeader">
|
|
<div class="col-xs-12">
|
|
<h1 class="removeMargin">Create a Proposal</h1>
|
|
<h5 class="header_description">Enter details for your proposal and click 'Create Proposal'. This will generate a command you can run in your local wallet to prepare the proposal at a cost of 0.33 Dash</h5>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="createProposalForm">
|
|
<div class="row">
|
|
<div class="col-xs-12">
|
|
<div class="form-group">
|
|
<label for="name">Proposal Name:</label>
|
|
<input type="text" class="form-control" id="name" value="" placeholder="proposal-name">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="url">Proposal Description URL:</label>
|
|
<input type="text" class="form-control" id="url" value="" placeholder="https://www.dashcentral.org/p/proposal-name">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-xs-3">
|
|
<div class="form-group">
|
|
<label for="start_epoch">Start Date:</label>
|
|
<select name="start_epoch" class="form-control" id="start_epoch"></select>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-3">
|
|
<!-- -->
|
|
<!-- -->
|
|
<!-- ATTENTION: COMMENT FOR JON -->
|
|
<!-- -->
|
|
<!-- -->
|
|
<!-- The following form group is a placeholder for proposal end time. Please change to the correct id. -->
|
|
<div class="form-group">
|
|
<label for="start_epoch">End Date:</label>
|
|
<select name="start_epoch" class="form-control" id="end_epoch"></select>
|
|
</div>
|
|
<!-- -->
|
|
<!-- -->
|
|
<!-- -->
|
|
</div>
|
|
<div class="col-xs-6">
|
|
<div class="form-group">
|
|
<label for="payment_address">Payment Address:</label>
|
|
<input type="text" class="form-control" id="payment_address" value="" placeholder="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-xs-7">
|
|
<div class="form-group">
|
|
<label for="payment_amount">Monthly Payment Amount in Dash:</label>
|
|
<input type="text" class="form-control" id="payment_amount" value="" placeholder="0">
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-4 col-xs-offset-1">
|
|
<div type="submit" class="btn btn-success" id="btnPrepare">Create Proposal</div>
|
|
<div type="submit" class="btn btn-primary hidden" id="btnEdit">Edit Proposal</div>
|
|
<div type="submit" class="btn btn-primary hidden" id="btnNew">New Proposal</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group" style="display:none;">
|
|
<label for="type">type:</label>
|
|
<input type="text" class="form-control" id="type" value="1" placeholder="1">
|
|
</div>
|
|
|
|
<div class="form-group" style="display:none;">
|
|
<label for="parentHash">parent-hash:</label>
|
|
<input type="text" class="form-control" id="parentHash" value="0" placeholder="0">
|
|
</div>
|
|
|
|
<div class="form-group" style="display:none;">
|
|
<label for="revision">revision:</label>
|
|
<input type="text" class="form-control" id="revision" value="1" placeholder="1">
|
|
</div>
|
|
|
|
<div class="form-group" style="display:none;">
|
|
<label for="time">Creation Time:</label>
|
|
<input type="text" class="form-control" id="time" value="" placeholder="">
|
|
</div>
|
|
|
|
<!-- -->
|
|
<!-- -->
|
|
<!-- -->
|
|
<!-- ATTENTION: COMMENT FOR JON -->
|
|
<!-- The following form group is commented out because it's not a part of the design mock. Staying here for safe keeping just in case still needed. -->
|
|
|
|
<!-- <div class="form-group">
|
|
<label for="end_epoch">Choose payment cycle:</label>
|
|
<select name="end_epoch" class="form-control" id="end_epoch"></select>
|
|
</div> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="row walletCommands hidden" id="walletCommandsHeader">
|
|
<div class="col-xs-12">
|
|
<h2>Wallet Commands</h2>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row walletCommands hidden" id="walletCommandsPrepare">
|
|
|
|
<div class="col-xs-12">
|
|
|
|
<div class="form-group">
|
|
<label for="prepareProposal">Prepare-Proposal Command:</label>
|
|
<div>Paste this proposal command into your Dash wallet console to spend a Fee transaction of 0.33 DASH.</div>
|
|
<textarea readonly class="form-control" id="prepareProposal" rows="4" placeholder=""></textarea>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row walletCommands hidden" id="walletCommandsTx">
|
|
|
|
<div class="col-xs-12">
|
|
|
|
<div class="form-group">
|
|
<label for="feeTxid">Fee Transaction ID:</label>
|
|
<div>Paste the transaction ID returned by the wallet below to generate the final submit command.</div>
|
|
<input type="text" class="form-control" id="feeTxid" value="" placeholder="<fee-txid>">
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row walletCommands hidden" id="walletCommandsProgress">
|
|
|
|
<div class="col-xs-12">
|
|
|
|
<div class="form-group">
|
|
<label for="feeTxid">Fee Transaction Progress:</label>
|
|
<div id="progresstxt">We'll wait for 6 confirmations. Waiting for new blocks to confirm...</div>
|
|
<div id="progressbar"></div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row walletCommands hidden" id="walletCommandsSubmit">
|
|
|
|
<div class="col-xs-12">
|
|
|
|
<div class="form-group">
|
|
<label for="submitProposal">Submit Proposal Command:</label>
|
|
<div>Paste the Fee TX id to generate the proposal submit command. This is the final step and can be completed after 6 confirmations on the fee tx.</div>
|
|
<textarea readonly class="form-control" id="submitProposal" rows="4" placeholder=""></textarea>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|