mirror of
https://github.com/seigler/govobject-proposal
synced 2025-07-27 06:46:10 +00:00
363 lines
13 KiB
HTML
363 lines
13 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Dash Governance Tools</title>
|
|
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
|
|
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/themes/smoothness/jquery-ui.css">
|
|
|
|
<script src="https://code.jquery.com/jquery-3.1.0.js" integrity="sha256-slogkvB1K3VOkzAI8QITxV3VzpOnkeNVsKvtkYLMjfk=" crossorigin="anonymous"></script>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js"></script>
|
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
|
|
<script src="bitcore-lib-dash.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
|
|
var Bitcore = require('bitcore-lib-dash');
|
|
var gov = new Bitcore.GovObject.Proposal();
|
|
|
|
$(document).ready(function() {
|
|
|
|
var opts = { dateFormat: $.datepicker.ISO_8601 };
|
|
|
|
$('#start_epoch').datepicker(opts, 'getdate');
|
|
$('#end_epoch').datepicker(opts, 'getdate');
|
|
|
|
$('#prepareProposal').click(function() {
|
|
copyToClipboard($(this).attr('id'));
|
|
});
|
|
|
|
$('#submitProposal').click(function() {
|
|
copyToClipboard($(this).attr('id'));
|
|
});
|
|
|
|
$('.createProposal input').focus(function() {
|
|
$(this).removeClass('validationError');
|
|
});
|
|
|
|
$('#btnPrepare').click(function() {
|
|
|
|
var proposal = new ProposalGenerator(gov);
|
|
|
|
var validProposal = proposal.validate();
|
|
|
|
if (validProposal) {
|
|
|
|
proposal.walletCommands();
|
|
|
|
$('#feeTxid').on('input', function() {
|
|
if ($(this).val().length > 0) {
|
|
var submitCommand = "gobject submit " + $('#parentHash').val() + " " + $('#revision').val() + " " + $('#time').val() + " " + proposal.gov.serialize() + " " + $(this).val();
|
|
|
|
$('textarea#submitProposal').val(submitCommand);
|
|
$('.walletCommands#walletCommandsSubmit').removeClass('hidden');
|
|
} else {
|
|
$('textarea#submitProposal').val('');
|
|
$('.walletCommands#walletCommandsSubmit').addClass('hidden');
|
|
}
|
|
});
|
|
|
|
$('#btnEdit').click(function() {
|
|
|
|
proposal.createProposal();
|
|
|
|
});
|
|
|
|
$('#btnNew').click(function() {
|
|
proposal.resetProposal();
|
|
});
|
|
}
|
|
});
|
|
});
|
|
|
|
var ProposalGenerator = function(gov) {
|
|
this._mode = 'proposal';
|
|
this.gov = gov;
|
|
this.gov.network = 'testnet';
|
|
|
|
// proposal basic fields
|
|
this.gov.name = $('#name').val();
|
|
this.gov.url = $('#url').val();
|
|
this.gov.payment_address = $('#payment_address').val();
|
|
this.gov.payment_amount = parseFloat($('#payment_amount').val());
|
|
|
|
// format dates for gobject serialization
|
|
this.gov.start_epoch = (new Date($('#start_epoch').val()) / 1000) || null;
|
|
this.gov.end_epoch = (new Date($('#end_epoch').val()) / 1000) || null;
|
|
|
|
// hidden elements
|
|
this.gov.type = parseInt($('#type').val());
|
|
};
|
|
|
|
ProposalGenerator.prototype.validate = function() {
|
|
try {
|
|
var gov = this.gov.serialize();
|
|
}
|
|
catch (e) {
|
|
|
|
switch(e.message) {
|
|
case 'Invalid Timespan':
|
|
console.log("Error: invalid timespan");
|
|
$('#start_epoch, #end_epoch').addClass('validationError');
|
|
break;
|
|
|
|
case 'Invalid Start Date':
|
|
console.log("Error: invalid start date");
|
|
$('#start_epoch').addClass('validationError');
|
|
break;
|
|
|
|
case 'Invalid End Date':
|
|
console.log("Error: invalid end date");
|
|
$('#end_epoch').addClass('validationError');
|
|
break;
|
|
|
|
case 'Invalid Address':
|
|
console.log("Error: invalid address");
|
|
$('#payment_address').addClass('validationError');
|
|
break;
|
|
|
|
case 'Invalid Payment Amount':
|
|
console.log("Error: invalid payment amount");
|
|
$('#payment_amount').addClass('validationError');
|
|
break;
|
|
|
|
case 'Invalid URL':
|
|
console.log("Error: invalid url");
|
|
$('#url').addClass('validationError');
|
|
break;
|
|
|
|
case 'Invalid Name':
|
|
console.log("error: invalid name");
|
|
$('#name').addClass('validationError');
|
|
break;
|
|
|
|
default:
|
|
console.log(e);
|
|
break;
|
|
}
|
|
|
|
return false;
|
|
}
|
|
|
|
return true;
|
|
};
|
|
|
|
ProposalGenerator.prototype.walletCommands = function() {
|
|
var gov = this.gov;
|
|
|
|
var propCommand = "gobject prepare "+$('#parentHash').val() + " " + $('#revision').val() +" " + $('#time').val() +" " + gov.serialize();
|
|
$("textarea#prepareProposal").val(propCommand);
|
|
|
|
if(this._mode == 'proposal') {
|
|
setFormEditable(true);
|
|
|
|
$('.walletCommands#walletCommandsHeader').removeClass('hidden');
|
|
$('.walletCommands#walletCommandsPrepare').removeClass('hidden');
|
|
$('.walletCommands#walletCommandsTx').removeClass('hidden');
|
|
$('.walletCommands#walletCommandsSubmit').removeClass('hidden');
|
|
|
|
this._mode = 'command';
|
|
}
|
|
};
|
|
|
|
ProposalGenerator.prototype.createProposal = function() {
|
|
$('#feeTxid').val("");
|
|
$('#submitProposal').val("");
|
|
|
|
if(this._mode == 'command') {
|
|
setFormEditable(false);
|
|
|
|
$('.walletCommands#walletCommandsHeader').addClass('hidden');
|
|
$('.walletCommands#walletCommandsPrepare').addClass('hidden');
|
|
$('.walletCommands#walletCommandsTx').addClass('hidden');
|
|
$('.walletCommands#walletCommandsSubmit').addClass('hidden');
|
|
|
|
this._mode = 'proposal';
|
|
}
|
|
};
|
|
|
|
ProposalGenerator.prototype.resetProposal = function() {
|
|
$('.createProposal input').each(function() {
|
|
$(this).val('');
|
|
});
|
|
setFormEditable(true);
|
|
};
|
|
|
|
function setFormEditable(edit) {
|
|
$('.createProposal input').each(function() {
|
|
$(this).attr("disabled", edit);
|
|
});
|
|
|
|
if (edit === true) {
|
|
$('#btnPrepare').addClass('hidden');
|
|
$('#btnEdit').removeClass('hidden');
|
|
$('#btnNew').removeClass('hidden');
|
|
} else {
|
|
$('#btnPrepare').removeClass('hidden');
|
|
$('#btnEdit').addClass('hidden');
|
|
$('#btnNew').addClass('hidden');
|
|
}
|
|
}
|
|
|
|
var copyToClipboard = function(id) {
|
|
document.getElementById(id).select();
|
|
document.execCommand('copy');
|
|
};
|
|
|
|
</script>
|
|
|
|
<style type="text/css">
|
|
textarea { background-color:#fafafa !important; }
|
|
#header { margin-top:2em; }
|
|
|
|
.createProposal { }
|
|
#createProposalHeader { margin-top:1em; }
|
|
#createProposalForm { margin-top:1em; }
|
|
|
|
.walletCommands { }
|
|
#walletCommandsHeader { margin-top:2em; }
|
|
#walletCommandsPrepare { margin-top:2em; }
|
|
#walletCommandsTx { margin-top:2em; }
|
|
#walletCommandsSubmit { margin-top:2em; }
|
|
|
|
.validationError { background-color:#ffe6e6; }
|
|
|
|
</style>
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<div class="col-xs-10 col-xs-offset-1">
|
|
|
|
<div class="row" id="header">
|
|
<div class="col-xs-12">
|
|
<h1>Dash Budget Proposal Generator</h1>
|
|
Generate budget proposal commands you can copy/paste into your Dash wallet to prepare a budget proposal and submit it to the network.
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row createProposal" id="createProposalHeader">
|
|
<div class="col-xs-12">
|
|
<h2>Create a Proposal</h2>
|
|
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
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row createProposal" id="createProposalForm">
|
|
<div class="col-xs-6">
|
|
|
|
<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 class="form-group">
|
|
<label for="start_epoch">Proposal Start Date:</label>
|
|
<input type="text" class="form-control" id="start_epoch" value="" placeholder="">
|
|
</div>
|
|
|
|
<div type="submit" class="btn btn-primary" 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 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>
|
|
|
|
</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 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 class="form-group">
|
|
<label for="end_epoch">Proposal End Date:</label>
|
|
<input type="text" class="form-control" id="end_epoch" value="" placeholder="">
|
|
</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="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>
|
|
|
|
</body>
|
|
</html>
|