fix up group transactions bulk purchase orders

resources/assets/vue/components/bookings/elements/TransactionGroupComponent.vue

@@ -69,6 +69,9 @@
                         <div class="col-auto">
                             <div class="row parentContainer">
                                 <div class="col p-l-0">
+                                    <button class="btn btn-xs btn-default b-rad-none">
+                                        <i class="fa fa-angle-down text-white" @click="expanded = !expanded"></i>
+                                    </button>
                                     <button class="btn btn-xs btn-complete b-rad-none">
                                         <i class="fa fa-refresh text-white" @click="updateDo()"></i>
                                     </button>
@@ -109,7 +112,7 @@
                             </div>
                         </div>
                     </div>
-                    <div class="row">
+                    <div class="row" v-if="expanded">
                         <div class="col">
                             <div class="row" v-for="transaction in item.transactions">
                                 <div class="col">
@@ -136,6 +139,11 @@
                 required: true
             }
         },
+        data(){
+            return {
+                expanded: false;
+            }
+        },
         methods: {
             deleteGroupTransaction() {
                 this.isLoading = true;