adb/matrix-chat
adb/matrix-chat
2
3
Fork 1
Code Issues Pull Requests Releases Wiki Activity

fix getMXC add getMediaUrl / fix link color

Browse Source
This commit is contained in:
adb 2021-04-11 00:22:13 +02:00
parent 8a9b5a478b
commit dfaa87f5e7
3 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/App.vue
View File

@ -39,6 +39,9 @@ input:focus{
color: #000;
background-color: #fff;
}
a{
color: #00BCD4;
}
*{
scrollbar-width: thin;
scrollbar-color: #42b983 #2220;

6
src/components/avatar.vue
View File

@ -1,11 +1,11 @@
<template>
<img v-if="mxcURL" :src="getAvatarUrl(mxcURL)" class="userThumbnail image"/>
<img v-if="mxcURL" :src="getPreviewUrl(mxcURL)" class="userThumbnail image"/>
<div v-else v-html="getJdenticon()" class="userThumbnail identicon"/>
</template>
<script>
import {toSvg} from 'jdenticon';
import {getAvatarUrl} from '@/lib/getMxc';
import {getPreviewUrl} from '@/lib/getMxc';
export default {
name: 'userThumbnail.vue',
@ -24,7 +24,7 @@ export default {
getJdenticon(){
return toSvg(this.fallback, this.getFontSize()*this.size);
},
getAvatarUrl
getPreviewUrl
},
data(){
return {

8
src/lib/getMxc.js
View File

@ -19,8 +19,14 @@ export function getMxcFromRoomId(roomId){
return getMxcFromRoom(matrix.client.getRoom(roomId));
}
export function getAvatarUrl(mxcUrl, size = 64, resizeMethod = 'crop'){
export function getPreviewUrl(mxcUrl, size = 64, resizeMethod = 'crop'){
let mxc = parseMXC.parse(mxcUrl);
return `${matrix.baseUrl}/_matrix/media/v1/thumbnail/${
mxc.homeserver}/${mxc.id}?width=${size}&height=${size}&method=${resizeMethod}`;
}
export function getMediaUrl(mxcUrl){
let mxc = parseMXC.parse(mxcUrl);
return `${matrix.baseUrl}/_matrix/media/r0/download/${
mxc.homeserver}/${mxc.id}`;
}