From 9a7bcd6f29ab7cc887e45caebb9d98a5d6d0da9a Mon Sep 17 00:00:00 2001
From: leigh-mil <leigh-ctr@friends.dds.mil>
Date: Fri, 22 Feb 2019 15:21:33 -0500
Subject: [PATCH] Add remove LOA button

---
 js/components/forms/ko_review.js             | 6 ++++++
 templates/portfolios/task_orders/review.html | 4 ++++
 2 files changed, 10 insertions(+)

diff --git a/js/components/forms/ko_review.js b/js/components/forms/ko_review.js
index 3b86390e..c48ecd8f 100644
--- a/js/components/forms/ko_review.js
+++ b/js/components/forms/ko_review.js
@@ -42,5 +42,11 @@ export default {
     addLOA: function(event) {
       this.loas.push(createLOA(''))
     },
+
+    removeLOA: function(index) {
+      if (this.loas.length > 1) {
+        this.loas.splice(index, 1)
+      }
+    },
   },
 }
diff --git a/templates/portfolios/task_orders/review.html b/templates/portfolios/task_orders/review.html
index 39fdc45d..a87d06aa 100644
--- a/templates/portfolios/task_orders/review.html
+++ b/templates/portfolios/task_orders/review.html
@@ -84,6 +84,10 @@
                     <input type="text" v-model='loa.number' :id="'loas-' + i" placeholder="1234567890"/>
                     <input type="hidden" :name="'loas-' + i" v-model='loa.number'/>
                   </div>
+                  <button v-on:click="removeLOA(i)" v-if="loas.length > 1" type="button" class='application-edit__env-list-item__remover'>
+                    {{ Icon('trash') }}
+                    <span>Remove</span>
+                  </button>
                 </li>
               </ul>
               <div class="task-order__loa-add-item">