34 lines
1.1 KiB
HTML
34 lines
1.1 KiB
HTML
<template>
|
|
<div class={messageStyle}>
|
|
<template if:true={showImage}>
|
|
<lightning-card>
|
|
<b>{name}</b><br/>
|
|
<img
|
|
src={imageURL}
|
|
alt="User Image"
|
|
height="120px"
|
|
width="120px"/>
|
|
</lightning-card>
|
|
</template>
|
|
<template if:true={fileUpload}>
|
|
<lightning-file-upload
|
|
name="fileUploader"
|
|
label="Attach receipt"
|
|
onuploadfinished={handleUploadFinished}>
|
|
</lightning-file-upload>
|
|
</template>
|
|
<template if:true={showMap}>
|
|
<!-- Add a map component to display the location -->
|
|
<div class="slds-size_1-of-2">
|
|
<lightning-map
|
|
map-markers={mapMarkers}
|
|
markers-title="Current Location">
|
|
</lightning-map>
|
|
</div>
|
|
</template>
|
|
<template if:false={showImage}>
|
|
<lightning-formatted-rich-text value={messageContent.value}>
|
|
</lightning-formatted-rich-text>
|
|
</template>
|
|
</div>
|
|
</template> |