Juneland-website/soutenir.php

<?php 


require 'config.php';

$title = 'Soutenir le développement &#8211; Juneland';

include 'templates/header.php';

define('FUNDING_PUBKEY', 'ENA89PPrBHS8wxhxgGMZxUXd53nRw1BaXBDvCVmZ6Tip');

?><article>
	
<h1>Soutenir le développement de Juneland</h1>


<h2>Merci aux donateurs&#8239;!</h2>
<?php

require_once('vendor/crowdfunding2/Crowdfunding.class.php');
require_once('vendor/crowdfunding2/Chart.class.php');
require_once('vendor/crowdfunding2/Graph.class.php');


$CF = new Crowdfunding(FUNDING_PUBKEY,  
                       'relative',
                       '2020-05-01');

$donors = $CF->getDonors();

if (empty($donors)) {

	echo _('Pas encore de donateurs');

} else {
	
	echo '<ul class="donorsList">';

	foreach ($donors as $donor) {
		
		$donorProfile = $CF->getDonorCesiumPlusProfile($donor);
		
		echo '

		<li>';
			echo '
			<a href="https://demo.cesium.app/#/app/wot/'. $donor .'/">';
				
				$avatar = $donorProfile->getAvatar();
				
				if (!empty($avatar)) {
					
					echo '<img src="data:'. $avatar->getContentType(). ';base64, '. $avatar->getContent() .'" />';
				
				} else {
					
					echo '<img class="default"  src="'. DEFAULT_AVATAR .'" />';
				}
				
				
				echo '
				<span class="name">
					<span>
						'. $donorProfile->getName() .'
					</span>
				</span>
			</a>
			
		</li>';
	}

	echo '</ul>';
}
?>
		
<h2>Que soutenez-vous&#8239;?</h2>
<p>
	En donnant à Juneland, vous nous aidez à financer les <a href="<?php echo ROOT_URL;?>developper">défis développeurs</a>&nbsp;: 
	on met les développeurs aux défi de coder une fonctionnalité pour enrichir Juneland. Celui qui l'accomplit remporte le prix.
</p>

<h2>Comment donner</h2>

<div class="CTA">
	<p>
		Copiez la clef de notre compte Ğ1 dans votre presse-papier&nbsp;:
	</p>
	
	<p class="pubkey-and-copy-button">
		<input id="pubkey" type="text" value="<?php echo FUNDING_PUBKEY; ?>" readonly />
		<button id="copy">
			Copier la clef
		</button>
	</p>

	<div id="successMsg">
		<p>Et maintenant collez-la dans votre client Ğ1 (Cesium par exemple) afin de faire votre don 😉</p>
		<p class="politesse">Merci pour votre générosité ❤️</p>
	</div>
</div>


<h2>État actuel des finances</h2>

<p>Le projet est actuellement en bonne santé financière.</p>

<figure id="chart"></figure>

</article>


<?php

$CF->setTarget(1000);
$chart = new Chart($CF);

$amountCumulativeGraph = new Graph($chart->getAmountCollectedByDayCumulativePoints(), _('Montant total récolté'));
$amountCumulativeGraph->setStyle('type', 'line');
$amountCumulativeGraph->setStyle('borderColor', '#662b00');
$amountCumulativeGraph->setStyle('backgroundColor', 'green');
$amountCumulativeGraph->setStyle('lineTension', 0);
$amountCumulativeGraph->setStyle('pointRadius', 1);
$amountCumulativeGraph->setStyle('borderWidth', 2);
$amountCumulativeGraph->setStyle('steppedLine', true);
$chart->addGraph($amountCumulativeGraph);

$footerScripts = '';

$footerScripts .= $chart->getScripts('fr', '#chart', ROOT_URL . 'vendor/crowdfunding2/');

$footerScripts .= '
<script>
function copy() {
	
	var copyText = document.querySelector("input#pubkey");
	copyText.select();
	document.execCommand("copy");

	var successMsg = document.querySelector("#successMsg");
	successMsg.style.opacity = "1";
	/*successMsg.style.height = "3em";*/

	var copyButton = document.querySelector("button#copy");
	copyButton.style.animation = "none";
	
}


document.querySelector("button#copy").addEventListener("click", copy);
</script>';

include 'templates/footer.php';