KumiSystems/Chatwoot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

feat: support audio player on widget (#4250)

Browse source
This commit is contained in:
giquieu 2022-03-24 04:14:34 -03:00 committed by GitHub
parent b735135431
commit 8b9aea231c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
app/javascript/widget/assets/scss/views/_conversation.scss
View file

@ -51,7 +51,10 @@
.has-attachment { .has-attachment {
overflow: hidden; overflow: hidden;
:not([audio]) {
padding: 0; padding: 0;
}
&.has-text { &.has-text {
margin-top: $space-smaller; margin-top: $space-smaller;
@ -213,11 +216,14 @@
display: inline-block; display: inline-block;
font-size: $font-size-default; font-size: $font-size-default;
line-height: 1.5; line-height: 1.5;
max-width: 100%;
padding: $space-slab $space-normal; padding: $space-slab $space-normal;
text-align: left; text-align: left;
word-break: break-word; word-break: break-word;
:not([audio]) {
max-width: 100%;
}
>a { >a {
color: $color-primary; color: $color-primary;
word-break: break-all; word-break: break-all;

3
app/javascript/widget/components/AgentMessage.vue
View file

@ -34,6 +34,9 @@
:readable-time="readableTime" :readable-time="readableTime"
@error="onImageLoadError" @error="onImageLoadError"
/> />
<audio v-else-if="attachment.file_type === 'audio'" controls>
<source :src="attachment.data_url" />
</audio>
<file-bubble v-else :url="attachment.data_url" /> <file-bubble v-else :url="attachment.data_url" />
</div> </div>
</div> </div>