ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-11-30 00:25:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

removed duplicated carbon calulator. finessing the calculations

Browse Source
This commit is contained in:
Calvin Jhunjhnuwala
2020-08-26 14:18:27 -07:00
parent 73f5fc5f89
commit 120b8c1663
6 changed files with 19 additions and 344 deletions
Download Patch File Download Diff File Expand all files Collapse all files

178
tool/template-calculator.html
View File

@@ -161,32 +161,32 @@
<li class="d-output d-crypto active" data-comp="tons" data-type="btc">
<p class="h6 mt-3 mb-1">Bitcoin</p>
<h5 class="h4 normal mb-0" id="tons-btc"></h5>
<p class="text-small black-90">tons of CO2</p>
<p class="text-small black-90">metric tons of CO2</p>
</li>
<li class="d-output d-crypto active" data-comp="tons" data-type="eth">
<p class="h6 mt-3 mb-1">Ethereum</p>
<h5 class="h4 normal mb-0" id="tons-eth"></h5>
<p class="text-small black-90">tons of CO2</p>
<p class="text-small black-90">metric tons of CO2</p>
</li>
<li class="d-output d-cash" data-comp="tons" data-type="pap">
<p class="h6 mt-3 mb-1">Cash</p>
<h5 class="h4 normal mb-0" id="tons-pap"></h5>
<p class="text-small black-90">tons of CO2</p>
<p class="text-small black-90">metric tons of CO2</p>
</li>
<li class="d-output d-crypto d-credit d-cash active" data-comp="tons" data-type="xrp">
<p class="h6 mt-3 mb-1">XRP</p>
<h5 class="h4 normal mb-0" id="tons-xrp"></h5>
<p class="text-small black-90">tons of CO2</p>
<p class="text-small black-90">metric tons of CO2</p>
</li>
<li class="d-output d-credit" data-comp="tons" data-type="vsa">
<p class="h6 mt-3 mb-1">Visa</p>
<h5 class="h4 normal mb-0" id="tons-vsa"></h5>
<p class="text-small black-90">tons of CO2</p>
<p class="text-small black-90">metric tons of CO2</p>
</li>
<li class="d-output d-credit" data-comp="tons" data-type="mst">
<p class="h6 mt-3 mb-1">Mastercard</p>
<h5 class="h4 normal mb-0" id="tons-mst"></h5>
<p class="text-small black-90">tons of CO2</p>
<p class="text-small black-90">metric tons of CO2</p>
</li>
</ul>
@@ -249,7 +249,7 @@
<thead>
<tr>
<td></td>
<td class="bold ta-right">{% trans %}Kilowatt Hour{% endtrans %}</td>
<td class="bold ta-right">{% trans %}dddKilowatt Hour{% endtrans %}</td>
<td class="bold ta-right">{% trans %}Gallons of Gas{% endtrans %}</td>
<td class="bold ta-right">{% trans %}CO2 Emissions{% endtrans %}</td>
</tr>
@@ -371,169 +371,7 @@
});
};
// let arr = {
// 'btc': {
// 'kWh': 487.368757765725,
// 'tons': 16.97290,
// 'gas': 38.7744
// },
// 'eth': {
// 'kWh': 42.8633,
// 'tons': 1.13107,
// 'gas': 2.38677
// },
// 'pap': {
// 'kWh': 0.044,
// 'tons': 0.00096,
// 'gas': 0.00350
// },
// 'xrp': {
// 'kWh': 0.0079,
// 'tons': 0.00015,
// 'gas': 0.00063
// },
// 'vsa': {
// 'kWh': 0.0008,
// 'tons': 0.00002,
// 'gas': 0.00006
// },
// 'mst': {
// 'kWh': 0.0006,
// 'tons': 0.00002,
// 'gas': 0.00005
// },
// }
// function commarize() {
// // Alter numbers larger than 1k
// if (this >= 1e6) {
// var units = ["Thousand", "Million", "Billion", "Trillion"];
// // Divide to get SI Unit engineering style numbers (1e3,1e6,1e9, etc)
// let unit = Math.floor(((this).toFixed(0).length - 1) / 3) * 3
// // Calculate the remainder
// var num = (this / ('1e'+unit)).toFixed(2)
// var unitname = units[Math.floor(unit / 3) - 1]
// // output number remainder + unitname
// return num + ' ' + unitname
// }
// // return formatted original number
// return this.toLocaleString()
// }
// // Add method to prototype. this allows you to use this function on numbers and strings directly
// Number.prototype.commarize = commarize
// String.prototype.commarize = commarize
// let slider = document.getElementById( 'myRange' ),
// txns = document.querySelectorAll( '.slider-amt' ),
// dataTypes = document.querySelectorAll( '.d-output' ),
// dataViz = document.querySelectorAll( '.viz-output' );
// // Update the current slider value (each time you drag the slider handle)
// function doCalculations( val ){
// [].slice.call( dataTypes ).forEach( function( dataType ){
// if ( dataType.classList.contains( 'active' ) ){
// let data_type = dataType.getAttribute( 'data-type' ),
// data_comp = dataType.getAttribute( 'data-comp' ),
// total = val * 1000000 * arr[ data_type ][ data_comp ],
// num = document.getElementById( data_comp + '-' + data_type ),
// // comp = the number of kWh Portugal used in 2019
// kwhComp = ( total / 50340000000 ).toFixed( 2 );
// if ( data_comp === 'tons' ) {
// total = total / 2000;
// }
// num.innerHTML = total.commarize();
// num.style.transition = "all .2s ease-in-out";
// if ( data_comp === 'kWh' && kwhComp > .02 ){
// let dot = document.getElementById( data_comp + '-' + data_type + '-dot' );
// dot.style.transition = "all .2s ease-in-out";
// dot.style.transform = "scale(" + kwhComp * 100 + ")";
// dot.style.webkitTransform = "scale(" + kwhComp * 100 + ")";
// dot.style.msTransform = "scale(" + kwhComp * 100 + ")";
// }
// }
// })
// }
// function cryptoSelected(){
// gasCryptoAnimation( );
// co2CryptoAnimation();
// }
// function cashSelected(){
// gasCashAnimation();
// co2CashAnimation();
// }
// function creditSelected(){
// gasCreditAnimation();
// co2CreditAnimation();
// }
// function changeDataType( type ){
// [].slice.call( dataTypes ).forEach( function( dataType ){
// if ( dataType.classList.contains( type ) ){
// let dType = type.substring(2);
// dataType.classList.add( 'active' );
// document.getElementById('gasAnimation').innerHTML = '';
// document.getElementById('co2Animation').innerHTML = '';
// if ( dType === 'cash' ){
// cashSelected();
// } else if ( dType === 'credit' ){
// creditSelected()
// } else {
// cryptoSelected();
// }
// } else {
// dataType.classList.remove( 'active' );
// }
// });
// doCalculations( slider.value );
// }
// $('.tab-link').on('click', function(e){
// $( '#data-selector li' ).removeClass( 'active' );
// $( this ).parent( 'li' ).addClass( 'active' );
// let type = $( this ).attr( 'href' ).slice(1);
// changeDataType( type );
// })
// $( document ).ready( function(){
// [].slice.call( txns ).forEach( function( txn ){
// txn.innerHTML = slider.value;
// })
// slider.oninput = function() {
// var val = this.value;
// [].slice.call( txns ).forEach( function( txn ){
// txn.innerHTML = val;
// })
// doCalculations( val );
// }
// doCalculations( slider.value );
// cryptoSelected();
// });
</script>