From e4735b9d652ee7f799e2f2a1d19f8a0c4babccf7 Mon Sep 17 00:00:00 2001
From: Mayel de Borniol <git@mayel.space>
Date: Mon, 30 Apr 2018 01:39:38 +0300
Subject: [PATCH] auto-calculate on input, default date, display the rate

---
 index.html |  4 ++++
 index.js   | 24 +++++++++++++++++++-----
 2 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index 54e6bbc..c972dc7 100644
--- a/index.html
+++ b/index.html
@@ -36,9 +36,11 @@
             <div class="col-sm-2">
               FC
             </div>
+<!--
             <div class="col-sm-5">
               <button onclick="calculateEuros()" type="button" class="btn btn-outline-primary">Calculate euros</button>
             </div>
+ -->
           </div>
           <br>
           <div class="row">
@@ -48,9 +50,11 @@
             <div class="col-sm-2">
               €
             </div>
+<!--
             <div class="col-sm-5">
               <button onclick="calculateFaircoins()" type="button" class="btn btn-outline-primary">Calculate faircoins</button>
             </div>
+ -->
           </div>
           <br>
           <div class="row">
diff --git a/index.js b/index.js
index 0c58c26..d528df1 100644
--- a/index.js
+++ b/index.js
@@ -6,13 +6,25 @@ var priceData = "";
 
 //get the dataset
 $(document).ready(function() {
+
     $.ajax({
         type: "GET",
         url: "http://api.fairplayground.info/rawdata/faircoin_prices.csv",
         dataType: "text",
-        success: function(data) {processData(data);}
+        success: processData
      });
+
+
+     $('#inputFaircoin').on('input', calculateEuros);
+     $('#inputEuro').on('input', calculateFaircoins);
+
+     $('#inputDate').on('input', calculateEuros);
+
+     var strDate = new Date().toISOString().slice(0,10);
+     $('#inputDate').val(strDate);
+
 });
+
 function csvToArray(csv) {
   var a1 = csv.split("\n");
   var r = [];
@@ -22,6 +34,7 @@ function csvToArray(csv) {
   }
   return(r);
 }
+
 function processData(data) {
   priceData = csvToArray(data);
 };
@@ -53,9 +66,10 @@ function calculateEuros() {
 
   var euros = faircoins * selectedPriceData[3];
   document.getElementById("inputEuro").value= euros;
-  document.getElementById("result").innerHTML = faircoins + "FC, are " + euros + "€";
-  toastr.success(faircoins + "FC, are " + euros + "€");
+  document.getElementById("result").innerHTML = "The official rate was " + parseFloat(selectedPriceData[3]).toString() + " <p>" + faircoins + " FAIR were worth " + euros + " €";
+  toastr.success(faircoins + " FC, were " + euros + " €");
 }
+
 function calculateFaircoins() {
   document.getElementById("result").innerHTML="";
   var euros = document.getElementById("inputEuro").value;
@@ -83,6 +97,6 @@ function calculateFaircoins() {
 
   var faircoins = euros / selectedPriceData[3];
   document.getElementById("inputFaircoin").value= faircoins;
-  document.getElementById("result").innerHTML = euros + "€, are " + faircoins + "FC";
-  toastr.success(euros + "€, are " + faircoins + "FC");
+  document.getElementById("result").innerHTML = "The official rate was " + parseFloat(selectedPriceData[3]).toString() + " <p>" + euros + " € were worth " + faircoins + " FC";
+  toastr.success(euros +  "€, are " + faircoins + " FC");
 }