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; color: #000;
background-color: #fff; background-color: #fff;
} }
a{
color: #00BCD4;
}
*{ *{
scrollbar-width: thin; scrollbar-width: thin;
scrollbar-color: #42b983 #2220; scrollbar-color: #42b983 #2220;

6
src/components/avatar.vue
View File

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

8
src/lib/getMxc.js
View File

@ -19,8 +19,14 @@ export function getMxcFromRoomId(roomId){
return getMxcFromRoom(matrix.client.getRoom(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); let mxc = parseMXC.parse(mxcUrl);
return `${matrix.baseUrl}/_matrix/media/v1/thumbnail/${ return `${matrix.baseUrl}/_matrix/media/v1/thumbnail/${
mxc.homeserver}/${mxc.id}?width=${size}&height=${size}&method=${resizeMethod}`; 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}`;
} }