dash-website/masternodes/index.html

---
layout: default
title: pages.budget.title
description: pages.budget.description
---


{% include hero/budget.html %}
{% include base.html %}


<div class="page page--home">

	<section class="section">
		<div class="section__content">
			<div class="section__lead">{% tmd pages.marsternode.marsternode-text %}</div>
		</div>
	</section>

	<section class="section">
		<div class="section__content">
			<div class="row">
				<div class="col-sm-6">
					<h2>{% t pages.marsternode.what-heading %}</h2>
					<p>{% t pages.marsternode.what-text %}</p>
				</div>
				<div class="col-sm-6">
					<h2>{% t pages.marsternode.earn-heading %}</h2>
					<p>{% t pages.marsternode.earn-text %}</p>
					<table id="exchanges">
						<thead>
							<tr>
								<th>Exchange</th>
								<th>Volume (24h)</th>
								<th>Price</th>
								<th>Volume (%)</th>
							</tr>
						</thead>
						<tbody>

						</tbody>
					</table>
				</div>
			</div>
		</div>
	</section>

	<section class="section">
		<div class="section__content">
			<div class="row">
				<div class="col-sm-3">
					<img src="" alt="">
					<h2>InstantSend</h2>
					<p>{% t pages.marsternode.instantiend-text %}</p>
				</div>
				<div class="col-sm-3">
					<img src="" alt="">
					<h2>PrivateSend</h2>
					<p>{% t pages.marsternode.private-send-text %}</p>
				</div>
				<div class="col-sm-3">
					<img src="" alt="">
					<h2>Decentralised <br>Governance</h2>
					<p>{% t pages.marsternode.governance-text %}</p>
				</div>
				<div class="col-sm-3">
					<img src="" alt="">
					<h2>Dash Evolution</h2>
					<p>{% t pages.marsternode.evolution-text %}</p>
				</div>
			</div>
		</div>
	</section>

	<section class="section">
		<div class="section__content">
			<div class="section__lead">{% tmd pages.marsternode.host-heading %}</div>
			<div class="row">
				<div class="col-sm-6">
					{% tmd pages.marsternode.host-text-right %}
				</div>
				<div class="col-sm-6">
					{% tmd pages.marsternode.host-text-left %}
					<a href="#" class="btn-blue">{% t pages.marsternode.host-btn %}</a>
				</div>
			</div>
		</div>
	</section>

	<section class="section">
		<div class="section__content">
			<div class="section__lead">
				{% t pages.marsternode.host-table-heading %}
				<table id="blocks">
					<thead>
						<tr>
							<th>Height</th>
							<th>Block Time</th>
							<th>Transactions</th>
							<th>Value Out</th>
							<th>Difficulty</th>
						</tr>
					</thead>
					<tbody>

					</tbody>
				</table>
			</div>
		</div>
	</section>

	<section class="section">
		<div class="section__content">
			<div class="section__lead">P2P</div>
			<div class="row">
				<div class="col-sm-6">
					{% tmd pages.marsternode.p2p-text %}
					<a href="#" class="btn-blue">{% t pages.marsternode.p2p-btn %}</a>
				</div>
				<div class="col-sm-6">
					<img src="" alt="">
				</div>
			</div>

		</div>
	</section>

</div>

<script type="text/javascript">
	window.onload = function () {
		$( document ).ready(function(){

			// Get the exchange data
			$.ajax({
				url: "{{ site.api }}/exchange/",
				error: function(jqXHR, textStatus, errorThrown) {
					console.log(jqXHR);
					console.log(textStatus);
					console.log('errorThrown:');
				}
			})
			.done(function(response){
				var exchanges = response;

				exchanges.map(function(exchange){
					if(exchange){
						console.log('exchange',exchange);
						var name 	= exchange.exchange,
							url 	= exchange.url
							volume 	= "$" + formatCurrency(exchange.volume,0),
							price 	= "$" + formatCurrency(exchange.price),
							change 	= formatNumber(exchange.percent_change);

						$("#exchanges>tbody").append('<tr><td data-header="Exchange"><a target="_blank" href="' + url + '">' + name + '</a></td><td data-header="Volume (24h)">' + volume + '</td><td data-header="Price">' + price + '</td><td data-header="Volume (%)">' + change + '%</td></tr>');
					}
				});
			});

			// Get the current number of masternodes.
			$.ajax({
				url: "{{ site.api }}/masternodes/stats/"
			})
			.done(function(response){
				console.log('masternode stats', response.stats);
				var masternodes_count	= formatNumber(response.stats['count']),
					masternodes_max 	= formatNumber(response.stats['max']);

				$("#masternodes_count").text(masternodes_count);
				$("#masternodes_max").text(masternodes_max);
			});

			// Get the budget proposals
			$.ajax({
				url: "{{ site.api }}/budgets/"
			})
			.done(function(response){
				var proposals = response.proposals;

				proposals.map(function(proposal){
					var	title 			= proposal.title ? proposal.title : proposal.name,
						url				= proposal.dw_url,
						owner 			= proposal.owner_username,
						votes_yes 		= proposal.yes,
						votes_no 		= proposal.no,
						required_votes 	= proposal.remaining_yes_votes_until_funding,
						amount_monthly 	= formatCurrency(proposal.monthly_amount)
						will_be_funded	= proposal.will_be_funded ? "yes" : "no";

					$("#budgets>tbody").append('<tr><td data-header="Title"><a href="' + url + '" target="_blank">' + title + '</a></td><td data-header="Owner">' + owner + '</td><td data-header="Votes (yes/no)">' + votes_yes + '/' + votes_no + '</td><td  data-header="Votes Required">' + required_votes + '</td><td data-header="Monthly Amount">' + amount_monthly + '</td><td data-header="Will be Funded">' + will_be_funded + '</td></tr>');

				});
			});

			// Get the blockchain info
			$.ajax({
				url: "{{ site.api }}/chain/latestBlocks/"
			})
			.done(function(response){
				var blocks = response.blocks;

				blocks.map(function(block){
					var height 		= block.height,
						age 		= moment.unix(block.time).format("LLL"),
						txs 		= block.txlength,
						out 		= block.cbvalue,
						difficulty 	= block.difficulty;

					$("#blocks>tbody").append('<tr><td data-header="Height">' + height + '</td><td data-header="Block Time">' + age + '</td><td data-header="Transactions">' + txs + '</td><td data-header="Value Out">' + out + '</td><td data-header="Difficulty">' + difficulty + '</td></tr>');
				});
			});

		});
	}
</script>