Laravel Vapor - Fix path to static images

This commit is contained in:
Dillon Ngo
2023-12-29 00:14:49 +08:00
parent 0f61a84fc5
commit 490fbfb646
20 changed files with 39 additions and 39 deletions
@@ -35,7 +35,7 @@
<div class="row align-items-center justify-content-center bg-white p-t-50 p-b-50 p-l-15 p-r-15 margin-15" v-if="returnData">
<div class="col-10">
<div class="row align-items-center justify-content-center hint-text">
<div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text" /></div>
<div class="col-4 hint-text"><img :src="asset('images/not-found-illustration.png')" class="w-100 hint-text" /></div>
</div>
<div class="row text-center">
<div class="col">
@@ -5,7 +5,7 @@
<div class="row align-items-center justify-content-center bg-white p-t-50 p-b-50" v-show="!isLoading && vouchers.length === 0">
<div class="col-10">
<div class="row align-items-center justify-content-center hint-text">
<div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text"/></div>
<div class="col-4 hint-text"><img :src="asset('images/not-found-illustration.png')" class="w-100 hint-text"/></div>
</div>
<div class="row text-center">
<div class="col">
@@ -7,7 +7,7 @@
<div class="col">
<div class="row">
<div class="col">
<img src="/images/3568950.png" class="w-100">
<img :src="asset('images/3568950.png')" class="w-100">
</div>
</div>
<div class="row">
@@ -21,7 +21,7 @@
<div class="row no-margin">
<div class="col bg-white p-t-15 p-b-10 p-l-25 p-r-25">
<div class="absolute w-100 h-100 bg-white hint-text" style="top: 0; left: 0; z-index: 1;" v-if="!data.services.length"></div>
<img src="/images/order_form.png" class="w-100" v-if="!data.services.length">
<img :src="asset('images/order_form.png')" class="w-100" v-if="!data.services.length">
<div class="row" v-if="data.services.length">
<div class="col">
<div class="row p-t-5 p-b-20">
@@ -45,7 +45,7 @@
<div class="btn btn-xs b-rad-none padding-25 btn-block" :class="[{'btn-success': serviceType.id === service.id}, {'bg-master-lighter': serviceType.id !== service.id}]" @click="updateServiceType(service)">
{{service.name}}
<span class="absolute" style="right: -10px;top: -15px;width: 30px;" v-if="index !==0">
<img src="/images/new-icon.png" class="w-100">
<img :src="asset('images/new-icon.png')" class="w-100">
</span>
</div>
</div>
File diff suppressed because one or more lines are too long
@@ -27,7 +27,7 @@
<!-- <button type="button" class="btn btn-lg btn-secondary fs-11" @click="resetSarch">Reset</button> -->
</div>
</div>
<loading-component style="height: 200px; top: 0;" key="1" color="success" v-show="isLoading"></loading-component>
<loading-component style="height: 200px; top: 0;" key="1" color="success" v-show="isLoading"></loading-component>
<div class="row" v-if="!isLoading && !hasError">
<div class="col-12 mx-auto p-0 ">
<canvas style="width: 800px; height:350px" id="currency-history-chart"></canvas>
@@ -36,7 +36,7 @@
<div class="row" v-if="hasError">
<div class="col">
<div class="row align-items-center justify-content-center hint-text">
<div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text"/></div>
<div class="col-4 hint-text"><img :src="asset('images/not-found-illustration.png')" class="w-100 hint-text"/></div>
</div>
<div class="row text-center">
<div class="col">
@@ -30,7 +30,7 @@
<div class="row align-items-center justify-content-center bg-white p-t-50 p-b-50 p-l-15 p-r-15 margin-15" v-if="!isLoading && returnData">
<div class="col-10">
<div class="row align-items-center justify-content-center hint-text">
<div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text" /></div>
<div class="col-4 hint-text"><img :src="asset('images/not-found-illustration.png')" class="w-100 hint-text" /></div>
</div>
<div class="row text-center">
<div class="col">
@@ -10,7 +10,7 @@
</div>
<div class="col"></div>
<div class="col-4">
<img class="m-b-10 w-100" src="/images/best-rate-300x127.png" />
<img class="m-b-10 w-100" :src="asset('images/best-rate-300x127.png')" />
</div>
</div>
<div class="row">
@@ -74,11 +74,11 @@
<div class="col bg-white padding-15">
<!-- <div class="row">
<div class="col-4">
<img class="m-b-10 w-100" src="/images/1688_approved.png" />
<img class="m-b-10 w-100" :src="asset('images/1688_approved.png" />
</div>
<div class="col"></div>
<div class="col-4">
<img class="m-b-10 w-100" src="/images/best-rate-300x127.png" />
<img class="m-b-10 w-100" :src="asset('images/best-rate-300x127.png" />
</div>
</div> -->
<div class="row">
@@ -88,7 +88,7 @@
}
},
errorHandler(error, statusCode){
this.src = statusCode === 404 ? '/images/3231370.jpg' : '/images/2942005.jpg'
this.src = statusCode === 404 ? asset('images/3231370.jpg') : asset('images/2942005.jpg')
this.isLoading = false;
}
},
@@ -98,4 +98,4 @@
<style scoped>
</style>
</style>
@@ -8,7 +8,7 @@
<div class="row align-items-center justify-content-center p-t-50 p-b-50" v-show="!$store.getters.getListData(section).length && !$store.getters.isLoading(section) && emptyListSection">
<div class="col-10">
<div class="row align-items-center justify-content-center hint-text">
<div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text"/></div>
<div class="col-4 hint-text"><img :src="asset('images/not-found-illustration.png')" class="w-100 hint-text"/></div>
</div>
<div class="row text-center">
<div class="col">
@@ -8,7 +8,7 @@
<div class="row align-items-center justify-content-center p-t-50 p-b-50" v-show="!$store.getters.getListData(section).length && !isLoading && emptyListSection">
<div class="col-10">
<div class="row align-items-center justify-content-center hint-text">
<div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text"/></div>
<div class="col-4 hint-text"><img :src="asset('images/not-found-illustration.png')" class="w-100 hint-text"/></div>
</div>
<div class="row text-center">
<div class="col">
@@ -42,7 +42,7 @@
<div class="row text-center m-t-50 m-b-50" v-if="notificationsLength === 0" v-show="!isLoading">
<div class="col">
<div class="row align-items-center justify-content-center hint-text">
<div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text"/></div>
<div class="col-4 hint-text"><img :src="asset('images/not-found-illustration.png')" class="w-100 hint-text"/></div>
</div>
<div class="row text-center">
<div class="col">
@@ -102,4 +102,4 @@
},
mixins: [ModalFormHandler]
}
</script>
</script>
@@ -5,7 +5,7 @@
<div class="col">
<div class="row">
<div class="col">
<img class="w-100" src="/images/search-illustration.png" />
<img class="w-100" :src="asset('images/search-illustration.png')" />
</div>
</div>
</div>
@@ -78,4 +78,4 @@
}
}
}
</script>
</script>
@@ -1,7 +1,7 @@
<template>
<div class="row bear parentContainer">
<div class="col">
<div class="absolute" style="width: 50px;top: 73px;right: 15px;"><img src="/images/easter-egg.png" class="w-100 pointer requestModal" data-type="openBear" ></div>
<div class="absolute" style="width: 50px;top: 73px;right: 15px;"><img :src="asset('images/easter-egg.png')" class="w-100 pointer requestModal" data-type="openBear" ></div>
<modal-component class="animate__animated animate__fast animate__fadeIn" size="small" styleType="fill-in" type="openBear">
<div class="row">
<div class="col p-t-50 p-b-50">
@@ -21,4 +21,4 @@
}
}
</script>
</script>
@@ -98,10 +98,10 @@
vm.isLoading = true;
if(file.name.split('.').pop() === 'pdf'){
$(file.previewElement).closest("img[data-dz-thumbnail]").attr("src", "/images/icons/pdf.png");
$(file.previewElement).closest("img[data-dz-thumbnail]").attr("src", asset("images/icons/pdf.png"));
}
if(file.name.split('.').pop().indexOf("xls") !== -1){
$(file.previewElement).closest("img[data-dz-thumbnail]").attr("src", "/images/icons/xlsx.png");
$(file.previewElement).closest("img[data-dz-thumbnail]").attr("src", asset("images/icons/xlsx.png"));
}
Promise.all(dropzone.files.map(function(file){
@@ -147,4 +147,4 @@
}
}
</script>
</script>
@@ -15,7 +15,7 @@
:labelColumn="['name']"
v-model="parameters.id"
@input="onSelect"
></selectable-component>
</validation-wrapper-component>
<list-component
@@ -49,7 +49,7 @@
>
<div class="col-4 hint-text">
<img
src="/images/2829248.png"
:src="asset('images/2829248.png')"
class="w-100 hint-text"
/>
</div>
@@ -107,7 +107,7 @@ export default {
onSelect(val) {
this.parameters.id = val
},
},
},
created(){
const id = new URL(location.href).searchParams.get('id')
if(id){
@@ -48,7 +48,7 @@
<div class="row align-items-center justify-content-center p-t-50 p-b-50" v-if="!company.wallet || !company.wallet.top_up_records.length">
<div class="col-10">
<div class="row align-items-center justify-content-center hint-text">
<div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text"></div>
<div class="col-4 hint-text"><img :src="asset('images/not-found-illustration.png')" class="w-100 hint-text"></div>
</div>
<div class="row text-center">
<div class="col">
@@ -3,7 +3,7 @@
<div class="col">
<div class="row m-b-20 parentContainer" v-if="data.id === 9">
<div class="col-auto">
<img src="/images/first_topup_badge.png" class="pointer requestModal" data-type="badgeModal" style="width: 50px;">
<img :src="asset('images/first_topup_badge.png')" class="pointer requestModal" data-type="badgeModal" style="width: 50px;">
</div>
<modal-component class="animate__animated animate__fast animate__fadeIn" styleType="fill-in" type="badgeModal" size="extra-large">
<div class="row">
@@ -15,7 +15,7 @@
</div>
<div class="row justify-content-center">
<div class="col-8">
<img src="/images/first_topup_badge.png" class="animate__animated animate__infinite animate__tada w-100">
<img :src="asset('images/first_topup_badge.png')" class="animate__animated animate__infinite animate__tada w-100">
</div>
</div>
</div>
@@ -100,4 +100,4 @@
},
mixins: [componentHandler],
}
</script>
</script>
+2 -2
View File
@@ -16,7 +16,7 @@
.background {
background-blend-mode: multiply; -webkit-background-size: cover;
background-size: cover;
background: #202020 url({{asset('/images/iStock-976354264_Malaysia.jpg')}}) no-repeat center center;
background: #202020 url({{asset('images/iStock-976354264_Malaysia.jpg')}}) no-repeat center center;
}
.container {
width: 600px;
@@ -132,4 +132,4 @@
</div>
</div>
</body>
</html>
</html>
@@ -84,7 +84,7 @@
</div>
<div class="row">
<div class="col">
<img src="{{asset('/images/2853457.png')}}" class="w-100"/>
<img src="{{asset('images/2853457.png')}}" class="w-100"/>
</div>
</div>
</div>
@@ -19,7 +19,7 @@
</div>
<div class="row">
<div class="col">
<img src="{{asset('/images/2853457.png')}}" class="w-100"/>
<img src="{{asset('images/2853457.png')}}" class="w-100"/>
</div>
</div>
</div>
@@ -40,4 +40,4 @@
</div>
</div>
</transition-component>
@endsection
@endsection