From 3d255b6d72725553a9c032e3b32b6fe0fafc3521 Mon Sep 17 00:00:00 2001
From: snogcel <ledniknoj@gmail.com>
Date: Sun, 18 Dec 2016 19:28:40 -0700
Subject: [PATCH] adjust payment cycle selectors

---
 index.html         |  9 +++++++--
 js/paymentCycle.js | 20 ++++++++++++++++----
 2 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 6747f18..744bd00 100755
--- a/index.html
+++ b/index.html
@@ -65,9 +65,14 @@
             paymentCycle.selectedPeriods = $('#end_epoch').find(':selected').data('index');
 
             var payment_amount = parseInt($('#payment_amount').val());
+            if (isNaN(payment_amount)) payment_amount = 0;
+            
             var periods = parseInt((paymentCycle.selectedPeriods+1)-paymentCycle.selectedStartIndex);
 
+            var label = $('#end_epoch').find(':selected').data('label');
+
             $('#total_amount').text(payment_amount * periods);
+            $('#total_amount_due').text(" with a final payment on " + label);
         };
 
         $(document).ready(function() {
@@ -299,7 +304,7 @@
                       <!--  -->
                       <!-- The following form group is a placeholder for proposal end time. Please change to the correct id. -->
                       <div class="form-group">
-                          <label for="start_epoch">Last Payment:</label>
+                          <label for="start_epoch">Payments:</label>
                           <select name="start_epoch" class="form-control" id="end_epoch"></select>
                       </div>
                       <!--  -->
@@ -336,7 +341,7 @@
                         <div class="col-xs-12">
                             <div class="form-group">
                                 <label for="total_amount">Total Amount: </label>
-                                <span id="total_amount">0</span> <span>DASH</span>
+                                <span id="total_amount">0</span> <span>DASH</span> <span id="total_amount_due"></span>
                             </div>
                         </div>
                     </div>
diff --git a/js/paymentCycle.js b/js/paymentCycle.js
index 4d6296b..8741bf4 100755
--- a/js/paymentCycle.js
+++ b/js/paymentCycle.js
@@ -100,12 +100,17 @@ PaymentCycle.prototype.updateDropdowns = function() {
         var superblock = this.getNextSuperblock(blockHeight);
         var timestamp = this.getBlockTimestamp(superblock);
 
+        var before = this.getBlockTimestamp((superblock-(this.paymentCycle/2)));
+        var after = this.getBlockTimestamp((superblock+(this.paymentCycle/2)));
+
         var label = new Date(timestamp).toLocaleDateString();
         if (this.network == 'testnet') label += " @ " + new Date(timestamp).toLocaleTimeString();
 
         var superblockDate = {
             superblock: superblock,
             timestamp: timestamp,
+            before: before,
+            after: after,
             label: label
         };
         this.startDate.push(superblockDate);
@@ -115,8 +120,8 @@ PaymentCycle.prototype.updateDropdowns = function() {
 
     }
 
-    this.endDate.shift(); // remove first element of endDate
-    this.startDate.pop(); // remove last element of startDate to keep length even
+    // this.endDate.shift(); // remove first element of endDate
+    // this.startDate.pop(); // remove last element of startDate to keep length even
 
     var now = Math.floor(Date.now());
 
@@ -132,7 +137,7 @@ PaymentCycle.prototype.updateDropdowns = function() {
 
         var eta = self.getTimeDifference(opts, now, this.timestamp);
         var time = this.timestamp - now;
-        var option = $("<option />").val((Math.floor(this.timestamp / 1000))).text(this.label).attr('data-index', index).attr('data-time', time).attr('data-eta', eta).attr('data-block', this.superblock);
+        var option = $("<option />").val((Math.floor(this.before / 1000))).text(this.label).attr('data-index', index).attr('data-time', time).attr('data-eta', eta).attr('data-block', this.superblock);
         start_epoch.append(option);
 
     });
@@ -150,6 +155,9 @@ PaymentCycle.prototype.updateEndEpoch = function() {
 
     var end_epoch = $("#end_epoch");
     end_epoch.find('option').remove();
+
+    var i = 1;
+
     $.each(this.endDate, function(index) {
 
         if(index >= self.selectedStartIndex) {
@@ -157,11 +165,15 @@ PaymentCycle.prototype.updateEndEpoch = function() {
             var eta = self.getTimeDifference(opts, self.startDate[self.selectedStartIndex].timestamp, this.timestamp);
             var time = this.timestamp - self.startDate[self.selectedStartIndex].timestamp;
 
-            var option = $("<option />").val((Math.floor(this.timestamp / 1000))).text(this.label).attr('data-index', index).attr('data-time', time).attr('data-eta', eta).attr('data-block', this.superblock);
+            var option = $("<option />").val((Math.floor(this.after / 1000))).text((i)+" Payment").attr('data-index', index).attr('data-label', this.label).attr('data-time', time).attr('data-eta', eta).attr('data-block', this.superblock);
             end_epoch.append(option);
 
+            i++;
+
         }
 
+
+
     });
 
 };