mirror of
https://github.com/seigler/govobject-proposal
synced 2025-07-28 07:16:10 +00:00
ProposalGenerator / UI Controller
This commit is contained in:
snogcel
parent
43d66408e1
commit
d3ead9ac56
1 changed files with 150 additions and 83 deletions
167
index.html
167
index.html
|
|
@ -14,6 +14,7 @@
|
|||
<script type="text/javascript">
|
||||
|
||||
var Bitcore = require('bitcore-lib-dash');
|
||||
var gov = new Bitcore.GovObject.Proposal();
|
||||
|
||||
$(document).ready(function() {
|
||||
|
||||
|
|
@ -22,12 +23,6 @@
|
|||
$('#start_epoch').datepicker(opts, 'getdate');
|
||||
$('#end_epoch').datepicker(opts, 'getdate');
|
||||
|
||||
/*
|
||||
$('#dataHex').click(function() {
|
||||
copyToClipboard($(this).attr('id'));
|
||||
});
|
||||
*/
|
||||
|
||||
$('#prepareProposal').click(function() {
|
||||
copyToClipboard($(this).attr('id'));
|
||||
});
|
||||
|
|
@ -36,51 +31,120 @@
|
|||
copyToClipboard($(this).attr('id'));
|
||||
});
|
||||
|
||||
var gov = '';
|
||||
|
||||
$('#btnPrepare').click(function() {
|
||||
|
||||
gov = new Bitcore.GovObject.Proposal();
|
||||
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.uncheckedSerialize() + " " + $(this).val();
|
||||
|
||||
$('textarea#submitProposal').val(submitCommand);
|
||||
$('.walletCommands#walletCommandsSubmit').removeClass('hidden');
|
||||
} else {
|
||||
$('textarea#submitProposal').val('');
|
||||
$('.walletCommands#walletCommandsSubmit').addClass('hidden');
|
||||
}
|
||||
});
|
||||
|
||||
$('#btnEdit').click(function() {
|
||||
|
||||
proposal.createProposal();
|
||||
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
var ProposalGenerator = function(gov) {
|
||||
this._mode = 'proposal';
|
||||
this.gov = gov;
|
||||
|
||||
// proposal basic fields
|
||||
gov.name = $('#name').val();
|
||||
gov.url = $('#url').val();
|
||||
gov.payment_address = $('#payment_address').val();
|
||||
gov.payment_amount = parseFloat($('#payment_amount').val());
|
||||
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
|
||||
gov.start_epoch = (new Date($('#start_epoch').val()) / 1000) || null;
|
||||
gov.end_epoch = (new Date($('#end_epoch').val()) / 1000) || null;
|
||||
this.gov.start_epoch = (new Date($('#start_epoch').val()) / 1000) || null;
|
||||
this.gov.end_epoch = (new Date($('#end_epoch').val()) / 1000) || null;
|
||||
|
||||
// hidden elements
|
||||
gov.type = parseInt($('#type').val());
|
||||
this.gov.type = parseInt($('#type').val());
|
||||
};
|
||||
|
||||
//document.getElementById('dataHex').innerHTML = gov.uncheckedSerialize();
|
||||
ProposalGenerator.prototype.validate = function() {
|
||||
var gov = this.gov;
|
||||
|
||||
// TODO: perform validation within bitcore-lib-dash
|
||||
// return gov.getSerializationError();
|
||||
return true;
|
||||
};
|
||||
|
||||
ProposalGenerator.prototype.walletCommands = function() {
|
||||
var gov = this.gov;
|
||||
|
||||
var propCommand = "gobject submit "+$('#parentHash').val() + " " + $('#revision').val() +" " + $('#time').val() +" " + gov.uncheckedSerialize();
|
||||
$("textarea#prepareProposal").val(propCommand);
|
||||
|
||||
$('#feeTxid').on('input', function() {
|
||||
if ($('#feeTxid').val().length > 0) {
|
||||
var submitCommand = "gobject submit " + $('#parentHash').val() + " " + $('#revision').val() + " " + $('#time').val() + " " + gov.uncheckedSerialize() + " " + $('#feeTxid').val();
|
||||
$("textarea#submitProposal").val(submitCommand);
|
||||
} else {
|
||||
$("textarea#submitProposal").val('');
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
if(this._mode == 'proposal') {
|
||||
$('.createProposal#createProposalHeader').addClass('hidden');
|
||||
$('.createProposal#createProposalForm').addClass('hidden');
|
||||
|
||||
function copyToClipboard(id)
|
||||
{
|
||||
$('.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') {
|
||||
$('.createProposal#createProposalHeader').removeClass('hidden');
|
||||
$('.createProposal#createProposalForm').removeClass('hidden');
|
||||
|
||||
$('.walletCommands#walletCommandsHeader').addClass('hidden');
|
||||
$('.walletCommands#walletCommandsPrepare').addClass('hidden');
|
||||
$('.walletCommands#walletCommandsTx').addClass('hidden');
|
||||
$('.walletCommands#walletCommandsSubmit').addClass('hidden');
|
||||
|
||||
this._mode = 'proposal';
|
||||
}
|
||||
};
|
||||
|
||||
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; }
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
|
@ -88,17 +152,21 @@
|
|||
|
||||
<div class="col-xs-10 col-xs-offset-1">
|
||||
|
||||
<div class="row" style="margin-top:2em;">
|
||||
<div class="col-xs-12"><h1>Dash Budget Proposal Generator</h1></div>
|
||||
<div class="col-xs-12">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 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" style="margin-top:2em;">
|
||||
<div class="col-xs-12"><h2>Create a Proposal</h2></div>
|
||||
<div class="col-xs-12">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 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" style="margin-top:1em;">
|
||||
<div class="row createProposal" id="createProposalForm">
|
||||
<div class="col-xs-6">
|
||||
|
||||
<div class="form-group">
|
||||
|
|
@ -161,20 +229,19 @@
|
|||
|
||||
</div>
|
||||
|
||||
<div class="row" style="margin-top:2em;">
|
||||
<div class="col-xs-12"><h2>Wallet Commands</h2></div>
|
||||
<div class="row walletCommands hidden" id="walletCommandsHeader">
|
||||
|
||||
<div class="col-xs-12">
|
||||
<div type="submit" class="btn btn-primary" id="btnEdit">Edit Proposal</div>
|
||||
</div>
|
||||
|
||||
<div class="row" style="margin-top:2em;">
|
||||
|
||||
<!--div class="col-xs-12" style="display:none;">
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<label for="dataHex">data-hex:</label>
|
||||
<textarea class="form-control" id="dataHex" rows="6" placeholder=""></textarea>
|
||||
<div class="col-xs-12">
|
||||
<h2>Wallet Commands</h2>
|
||||
</div>
|
||||
</form>
|
||||
</div-->
|
||||
|
||||
</div>
|
||||
|
||||
<div class="row walletCommands hidden" id="walletCommandsPrepare">
|
||||
|
||||
<div class="col-xs-12">
|
||||
|
||||
|
|
@ -188,7 +255,7 @@
|
|||
|
||||
</div>
|
||||
|
||||
<div class="row" style="margin-top:2em;">
|
||||
<div class="row walletCommands hidden" id="walletCommandsTx">
|
||||
|
||||
<div class="col-xs-12">
|
||||
|
||||
|
|
@ -202,7 +269,7 @@
|
|||
|
||||
</div>
|
||||
|
||||
<div class="row" style="margin-top:2em;">
|
||||
<div class="row walletCommands hidden" id="walletCommandsSubmit">
|
||||
|
||||
<div class="col-xs-12">
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue