multiple po and invoice fix

This commit is contained in:
Omair Saleh
2019-05-03 11:23:39 +08:00
parent 0f32805610
commit 1779a44f41
@@ -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){