LogalDeveloper/owncast
LogalDeveloper/owncast
0
Fork 0
Code

Merge branch '0809gw-messagemodule' of https://github.com/gabek/owncast into 0809gw-messagemodule

Browse Source
This commit is contained in:
Ginger Wong 2020-08-20 12:59:14 -07:00
commit 3dc3e37751
1 changed files with 8 additions and 81 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

89
webroot/js/utils/user-colors.js
View File

@ -1,88 +1,15 @@
export function getHashFromString(string) {
let hash = 1;
for (let i = 0; i < string.length; i++) {
const codepoint = string.charCodeAt(i);
hash *= codepoint;
}
return Math.abs(hash);
}
export function digitsFromNumber(number) {
const numberString = number.toString();
let digits = [];
for (let i = 0, len = numberString.length; i < len; i += 1) {
digits.push(numberString.charAt(i));
}
return digits;
}
// function avatarFromString(string) {
// const hash = getHashFromString(string);
// const digits = digitsFromNumber(hash);
// // eslint-disable-next-line
// const sum = digits.reduce(function (total, number) {
// return total + number;
// });
// const sumDigits = digitsFromNumber(sum);
// const first = sumDigits[0];
// const second = sumDigits[1];
// let filename = '/avatars/';
// // eslint-disable-next-line
// if (first == 1 || first == 2) {
// filename += '1' + second.toString();
// // eslint-disable-next-line
// } else if (first == 3 || first == 4) {
// filename += '2' + second.toString();
// // eslint-disable-next-line
// } else if (first == 5 || first == 6) {
// filename += '3' + second.toString();
// // eslint-disable-next-line
// } else if (first == 7 || first == 8) {
// filename += '4' + second.toString();
// } else {
// filename += '5';
// }
// return filename + '.svg';
// }
export function colorForString(str) {
let hash = 0;
for (let i = 0; i < str.length; i++) {
// eslint-disable-next-line
hash = str.charCodeAt(i) + ((hash << 5) - hash);
}
let colour = '#';
for (let i = 0; i < 3; i++) {
// eslint-disable-next-line
let value = (hash >> (i * 8)) & 0xff;
colour += ('00' + value.toString(16)).substr(-2);
}
return colour;
}
export function messageBubbleColorForString(str) {
let hash = 0;
for (let i = 0; i < str.length; i++) {
// eslint-disable-next-line
hash = str.charCodeAt(i) + ((hash << 5) - hash);
}
let color = '#';
for (let i = 0; i < 3; i++) {
// eslint-disable-next-line
let value = (hash >> (i * 8)) & 0xff;
color += ('00' + value.toString(16)).substr(-2);
}
// Convert to RGBA
let result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(color);
let rgb = result ? {
r: parseInt(result[1], 16),
g: parseInt(result[2], 16),
b: parseInt(result[3], 16),
} : null;
return 'rgba(' + rgb.r + ',' + rgb.g + ',' + rgb.b + ', 0.4)';
// Tweak these to adjust the result of the color
const saturation = 70;
const lightness = 50;
const alpha = 1.0;
const hue = parseInt(Math.abs(hash), 16) % 300;
return `hsla(${hue}, ${saturation}%, ${lightness}%, ${alpha})`;
}