From 1779a44f41d8eff49a2566d92e0d04a24d3522d7 Mon Sep 17 00:00:00 2001
From: Omair Saleh <uldvstar@gmail.com>
Date: Fri, 3 May 2019 11:23:39 +0800
Subject: [PATCH] multiple po and invoice fix

---
 resources/assets/js/pages/booking/completed.vue | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/resources/assets/js/pages/booking/completed.vue b/resources/assets/js/pages/booking/completed.vue
index 6959b4f1..ad0445cd 100644
--- a/resources/assets/js/pages/booking/completed.vue
+++ b/resources/assets/js/pages/booking/completed.vue
@@ -11,8 +11,8 @@
       <div class="col">
         <div class="card">
           <div class="card-header">Purchase Order</div>
-          <div class="row">
-            <div  v-for="po in booking_details.user_po_path" :key='po'>
+          <div class="row" v-for="po in booking_details.user_po_path" :key='po'>
+            <div class="col">
               <a target="_blank" :href="getURL(po)">
                 <img v-if="isImage(po)" v-bind:src="po" class="image">
                 <p v-else>Download</p>
@@ -25,8 +25,8 @@
       <div class="col">
         <div class="card">
           <div class="card-header">China Bank Slip</div>
-          <div class="row">
-            <div  v-for="cn_bankslip in booking_details.china_bankslip_path" :key='cn_bankslip'> 
+          <div class="row" v-for="cn_bankslip in booking_details.china_bankslip_path" :key='cn_bankslip'>
+            <div class="col">
               <a target="_blank" :href="getURL(cn_bankslip)">
                 <img v-if="isImage(cn_bankslip)" v-bind:src="cn_bankslip" class="image">
                 <p v-else>Download</p>
@@ -39,8 +39,8 @@
       <div class="col">
         <div class="card">
           <div class="card-header">Invoice</div>
-          <div class="row">
-            <div  v-for="invoice in booking_details.invoice_path" :key='invoice'>
+          <div class="row"  v-for="invoice in booking_details.invoice_path" :key='invoice'>
+            <div class="col">
               <a target="_blank" :href="getURL(invoice)">
                 <img v-if="isImage(invoice)" v-bind:src="invoice" class="image">
                 <p v-else>Download</p>
@@ -204,6 +204,7 @@ export default {
     },
     isImage(path){
       var ext = this.getExtension(path);
+      console.log(ext);
       return ext === 'jpg' || ext === 'jpeg' || ext === 'bmp' || ext === 'png';
     },
     getURL(path){