joshua/govobject-proposal
1
0
Fork 0
mirror of https://github.com/seigler/govobject-proposal synced 2025-07-27 06:46:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

various design / label improvements

Browse source
This commit is contained in:
snogcel 2017-01-25 15:44:29 -07:00
parent 643eba11c2
commit 65064494b9
2 changed files with 22 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

9
css/master.css
View file

@ -25,6 +25,7 @@ i.fa {
.header_description { .header_description {
margin: 1% 0% 5% 0%; margin: 1% 0% 5% 0%;
font-weight: 600; font-weight: 600;
line-height:1.5em;
} }
.input-spacing { .input-spacing {
@ -32,11 +33,15 @@ i.fa {
} }
.progress { .progress {
margin-top: 2%; margin-top: 10px;
}
.tab-content {
margin-top:40px;
} }
.proposalBlock { .proposalBlock {
padding: 7%; padding: 5% 5% 2% 5%;
background-color: #ffffff; background-color: #ffffff;
box-shadow: 0px 17px 24px 0px rgba(0, 0, 0, 0.16); box-shadow: 0px 17px 24px 0px rgba(0, 0, 0, 0.16);
} }

21
index.html
View file

@ -131,6 +131,7 @@
if (validProposal) { if (validProposal) {
document.getElementById('step_two').click(); document.getElementById('step_two').click();
$('#step_two').removeClass('hidden');
document.getElementsByClassName('progress-bar')[0].style.width = "50%"; document.getElementsByClassName('progress-bar')[0].style.width = "50%";
document.getElementsByClassName('progress-bar')[0].innerText = "Generated wallet commands"; document.getElementsByClassName('progress-bar')[0].innerText = "Generated wallet commands";
$('#network_toggle').addClass('hidden'); $('#network_toggle').addClass('hidden');
@ -146,6 +147,12 @@
$('#btnNew').click(function() { $('#btnNew').click(function() {
proposal.resetProposal(); proposal.resetProposal();
$('#network_toggle').removeClass('hidden'); $('#network_toggle').removeClass('hidden');
$('#step_two').addClass('hidden');
$('#step_three').addClass('hidden');
$('#step_four').addClass('hidden');
document.getElementsByClassName('progress-bar')[0].style.width = "25%";
document.getElementsByClassName('progress-bar')[0].innerText = "Create Proposal";
}); });
} }
}); });
@ -179,6 +186,7 @@
// transaction exists, proceed to step three // transaction exists, proceed to step three
document.getElementById('step_three').click(); document.getElementById('step_three').click();
$('#step_three').removeClass('hidden');
document.getElementsByClassName('progress-bar')[0].style.width = "75%"; document.getElementsByClassName('progress-bar')[0].style.width = "75%";
document.getElementsByClassName('progress-bar')[0].innerText = "Awaiting transaction confirmation"; document.getElementsByClassName('progress-bar')[0].innerText = "Awaiting transaction confirmation";
@ -191,6 +199,7 @@
txListener.initSocket(function() { txListener.initSocket(function() {
$('#walletCommandsSubmit').removeClass('hidden'); $('#walletCommandsSubmit').removeClass('hidden');
document.getElementById('step_four').click(); document.getElementById('step_four').click();
$('#step_four').removeClass('hidden');
document.getElementsByClassName('progress-bar')[0].style.width = "100%"; document.getElementsByClassName('progress-bar')[0].style.width = "100%";
document.getElementsByClassName('progress-bar')[0].innerText = "Proposal ready for submission"; document.getElementsByClassName('progress-bar')[0].innerText = "Proposal ready for submission";
console.log($('#feeTxid').val()); console.log($('#feeTxid').val());
@ -258,14 +267,14 @@
<div class="progress"> <div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="25" <div class="progress-bar" role="progressbar" aria-valuenow="25"
aria-valuemin="0" aria-valuemax="100" style="width:25%"> aria-valuemin="0" aria-valuemax="100" style="width:25%">
Create proposal Create Proposal
</div> </div>
</div> </div>
<ul class="nav nav-pills"> <ul class="nav nav-pills">
<li class="active"><a id="step_one" data-toggle="tab" href="#step1">Create a Proposal</a></li> <li class="active"><a id="step_one" data-toggle="tab" href="#step1">Create a Proposal</a></li>
<li><a id="step_two" data-toggle="tab" href="#step2">Wallet Commands</a></li> <li><a id="step_two" class="hidden" data-toggle="tab" href="#step2">Wallet Commands</a></li>
<li><a id="step_three" data-toggle="tab" href="#step3">Confirm Transaction</a></li> <li><a id="step_three" class="hidden" data-toggle="tab" href="#step3">Confirm Transaction</a></li>
<li><a id="step_four" data-toggle="tab" href="#step4">Submit Proposal</a></li> <li><a id="step_four" class="hidden" data-toggle="tab" href="#step4">Submit Proposal</a></li>
</ul> </ul>
</div> </div>
</div> </div>
@ -305,7 +314,7 @@
<div class="row" id="createProposalHeader"> <div class="row" id="createProposalHeader">
<div class="col-xs-12"> <div class="col-xs-12">
<h1 class="removeMargin">Create a Proposal</h1> <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> <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> </div>
@ -326,7 +335,7 @@
<div class="row"> <div class="row">
<div class="col-xs-3"> <div class="col-xs-3">
<div class="form-group"> <div class="form-group">
<label for="start_epoch">Voting Deadline:</label> <label for="start_epoch">Payment Date:</label>
<select name="start_epoch" class="form-control" id="start_epoch"></select> <select name="start_epoch" class="form-control" id="start_epoch"></select>
</div> </div>
</div> </div>