From 29af9f63a1792f48fa86d855423438ec46777794 Mon Sep 17 00:00:00 2001
From: Henry Doupe <hdoupe@yahoo.com>
Date: Fri, 22 Dec 2017 11:23:07 -0500
Subject: [PATCH] First attempt at adding output year param in frontend

---
 static/js/taxbrain.js              | 11 +++++++++++
 staticfiles/js/taxbrain.js         | 11 +++++++++++
 templates/taxbrain/input_form.html | 28 ++++++++++++++++++++++++++--
 3 files changed, 48 insertions(+), 2 deletions(-)

diff --git a/static/js/taxbrain.js b/static/js/taxbrain.js
index 585ddc56..a78e943c 100644
--- a/static/js/taxbrain.js
+++ b/static/js/taxbrain.js
@@ -142,3 +142,14 @@ $('#current-year-modal').on('hide.bs.modal', function (e) {
   $('#start-year-select option').removeAttr("selected");
   $('#start-year-select option[value="' + currentYear + '"]').attr("selected", "selected");
 });
+
+var outputYear = $('#output-year-select').val();
+$('#output-year-select').change(function(e) {
+  $('#output-year-link').attr('href', '/taxbrain/?output_start_year=' + $(this).val());
+  $('#output-year-modal').modal('show');
+});
+
+$('#output-year-modal').on('hide.bs.modal', function (e) {
+  $('#output-year-select option').removeAttr("selected");
+  $('#output-year-select option[value="' + outputYear + '"]').attr("selected", "selected");
+});
diff --git a/staticfiles/js/taxbrain.js b/staticfiles/js/taxbrain.js
index 585ddc56..a78e943c 100644
--- a/staticfiles/js/taxbrain.js
+++ b/staticfiles/js/taxbrain.js
@@ -142,3 +142,14 @@ $('#current-year-modal').on('hide.bs.modal', function (e) {
   $('#start-year-select option').removeAttr("selected");
   $('#start-year-select option[value="' + currentYear + '"]').attr("selected", "selected");
 });
+
+var outputYear = $('#output-year-select').val();
+$('#output-year-select').change(function(e) {
+  $('#output-year-link').attr('href', '/taxbrain/?output_start_year=' + $(this).val());
+  $('#output-year-modal').modal('show');
+});
+
+$('#output-year-modal').on('hide.bs.modal', function (e) {
+  $('#output-year-select option').removeAttr("selected");
+  $('#output-year-select option[value="' + outputYear + '"]').attr("selected", "selected");
+});
diff --git a/templates/taxbrain/input_form.html b/templates/taxbrain/input_form.html
index 85b0f56a..6ece0d9b 100644
--- a/templates/taxbrain/input_form.html
+++ b/templates/taxbrain/input_form.html
@@ -132,13 +132,20 @@ <h2>Tax-Calculator Code Build</h2>
         <div class="row">
           <div class="col-xs-3">
             <div class="inputs-sidebar" data-spy="affix" data-offset-top="435" data-offset-bottom="245">
-              <label class="">Start Year:
+              <label class="">Parameter Start Year:
                 <select id="start-year-select" class="form-control pull-right">
                   {% for year in start_years %}
                     <option value="{{year}}" {% if year == start_year %} selected {% endif %}>{{year}}</option>
                   {% endfor %}
                 </select>
-            </label>
+              </label>
+              <label class="">Output Start Year:
+                <select id="output-year-select" class="form-control pull-right">
+                  {% for year in start_years %}
+                    <option value="{{year}}" {% if year == start_year %} selected {% endif %}>{{year}}</option>
+                  {% endfor %}
+                </select>
+              </label>
               <div class="reset-button">
                 {% if is_edit_page %}
                   <a href="/taxbrain" class="btn btn-tertiary btn-block" style="background-color:#96000b">Reset Parameters</a>
@@ -255,4 +262,21 @@ <h4 class="modal-title" id="myModalLabel">Change Start Year</h4>
       </div>
     </div>
   </div>
+  <div class="modal fade" id="output-year-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
+    <div class="modal-dialog" role="document">
+      <div class="modal-content">
+        <div class="modal-header">
+          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+          <h4 class="modal-title" id="myModalLabel">Change Output Start Year</h4>
+        </div>
+        <div class="modal-body">
+          Warning: This will clear your current inputs.
+        </div>
+        <div class="modal-footer">
+          <a type="button" class="btn btn-default" data-dismiss="modal">Nevermind.</a>
+          <a type="button" class="btn btn-primary" id="output-year-link">OK, go for it.</a>
+        </div>
+      </div>
+    </div>
+  </div>
 {% endblock %}