mirror of
https://github.com/element-hq/element-web.git
synced 2024-12-16 18:31:31 +03:00
129 lines
4.1 KiB
JavaScript
129 lines
4.1 KiB
JavaScript
/*
|
||
Copyright 2015, 2016 OpenMarket Ltd
|
||
|
||
Licensed under the Apache License, Version 2.0 (the "License");
|
||
you may not use this file except in compliance with the License.
|
||
You may obtain a copy of the License at
|
||
|
||
http://www.apache.org/licenses/LICENSE-2.0
|
||
|
||
Unless required by applicable law or agreed to in writing, software
|
||
distributed under the License is distributed on an "AS IS" BASIS,
|
||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
See the License for the specific language governing permissions and
|
||
limitations under the License.
|
||
*/
|
||
|
||
'use strict';
|
||
import {ContentRepo} from 'matrix-js-sdk';
|
||
import MatrixClientPeg from './MatrixClientPeg';
|
||
import DMRoomMap from './utils/DMRoomMap';
|
||
|
||
module.exports = {
|
||
avatarUrlForMember: function(member, width, height, resizeMethod) {
|
||
let url = member.getAvatarUrl(
|
||
MatrixClientPeg.get().getHomeserverUrl(),
|
||
Math.floor(width * window.devicePixelRatio),
|
||
Math.floor(height * window.devicePixelRatio),
|
||
resizeMethod,
|
||
false,
|
||
false,
|
||
);
|
||
if (!url) {
|
||
// member can be null here currently since on invites, the JS SDK
|
||
// does not have enough info to build a RoomMember object for
|
||
// the inviter.
|
||
url = this.defaultAvatarUrlForString(member ? member.userId : '');
|
||
}
|
||
return url;
|
||
},
|
||
|
||
avatarUrlForUser: function(user, width, height, resizeMethod) {
|
||
const url = ContentRepo.getHttpUriForMxc(
|
||
MatrixClientPeg.get().getHomeserverUrl(), user.avatarUrl,
|
||
Math.floor(width * window.devicePixelRatio),
|
||
Math.floor(height * window.devicePixelRatio),
|
||
resizeMethod,
|
||
);
|
||
if (!url || url.length === 0) {
|
||
return null;
|
||
}
|
||
return url;
|
||
},
|
||
|
||
defaultAvatarUrlForString: function(s) {
|
||
const images = ['03b381', '368bd6', 'ac3ba8'];
|
||
let total = 0;
|
||
for (let i = 0; i < s.length; ++i) {
|
||
total += s.charCodeAt(i);
|
||
}
|
||
return require('../res/img/' + images[total % images.length] + '.png');
|
||
},
|
||
|
||
/**
|
||
* returns the first (non-sigil) character of 'name',
|
||
* converted to uppercase
|
||
* @param {string} name
|
||
* @return {string} the first letter
|
||
*/
|
||
getInitialLetter(name) {
|
||
if (name.length < 1) {
|
||
return undefined;
|
||
}
|
||
|
||
let idx = 0;
|
||
const initial = name[0];
|
||
if ((initial === '@' || initial === '#' || initial === '+') && name[1]) {
|
||
idx++;
|
||
}
|
||
|
||
// string.codePointAt(0) would do this, but that isn't supported by
|
||
// some browsers (notably PhantomJS).
|
||
let chars = 1;
|
||
const first = name.charCodeAt(idx);
|
||
|
||
// check if it’s the start of a surrogate pair
|
||
if (first >= 0xD800 && first <= 0xDBFF && name[idx+1]) {
|
||
const second = name.charCodeAt(idx+1);
|
||
if (second >= 0xDC00 && second <= 0xDFFF) {
|
||
chars++;
|
||
}
|
||
}
|
||
|
||
const firstChar = name.substring(idx, idx+chars);
|
||
return firstChar.toUpperCase();
|
||
},
|
||
|
||
avatarUrlForRoom(room, width, height, resizeMethod) {
|
||
const explicitRoomAvatar = room.getAvatarUrl(
|
||
MatrixClientPeg.get().getHomeserverUrl(),
|
||
width,
|
||
height,
|
||
resizeMethod,
|
||
false,
|
||
);
|
||
if (explicitRoomAvatar) {
|
||
return explicitRoomAvatar;
|
||
}
|
||
|
||
let otherMember = null;
|
||
const otherUserId = DMRoomMap.shared().getUserIdForRoomId(room.roomId);
|
||
if (otherUserId) {
|
||
otherMember = room.getMember(otherUserId);
|
||
} else {
|
||
// if the room is not marked as a 1:1, but only has max 2 members
|
||
// then still try to show any avatar (pref. other member)
|
||
otherMember = room.getAvatarFallbackMember();
|
||
}
|
||
if (otherMember) {
|
||
return otherMember.getAvatarUrl(
|
||
MatrixClientPeg.get().getHomeserverUrl(),
|
||
width,
|
||
height,
|
||
resizeMethod,
|
||
false,
|
||
);
|
||
}
|
||
return null;
|
||
},
|
||
};
|