glax/Tranga-Website
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Resolve #4

Browse Source
This commit is contained in:
glax 2023-09-20 14:30:22 +02:00
parent 8983a8d5ea
commit fed7b3af79
1 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
Website/interaction.js
View File

@ -66,6 +66,7 @@ function Setup(){
}); });
GetAvailableControllers().then((json) => { GetAvailableControllers().then((json) => {
newMangaConnector.replaceChildren();
json.forEach(connector => { json.forEach(connector => {
var option = document.createElement('option'); var option = document.createElement('option');
option.value = connector; option.value = connector;
@ -140,6 +141,7 @@ function CreateManga(manga, connector){
var connectorName = document.createElement('connector-name'); var connectorName = document.createElement('connector-name');
connectorName.innerText = connector; connectorName.innerText = connector;
connectorName.className = "pill"; connectorName.className = "pill";
connectorName.style.backgroundColor = stringToColour(connector);
info.appendChild(connectorName); info.appendChild(connectorName);
var mangaName = document.createElement('publication-name'); var mangaName = document.createElement('publication-name');
mangaName.innerText = manga.sortName; mangaName.innerText = manga.sortName;
@ -487,3 +489,16 @@ function GetValidSelector(str){
var clean = [...str.matchAll(/[a-zA-Z0-9]*-*_*/g)]; var clean = [...str.matchAll(/[a-zA-Z0-9]*-*_*/g)];
return clean.join(''); return clean.join('');
} }
const stringToColour = (str) => {
let hash = 0;
str.split('').forEach(char => {
hash = char.charCodeAt(0) + ((hash << 5) - hash)
})
let colour = '#'
for (let i = 0; i < 3; i++) {
const value = (hash >> (i * 8)) & 0xff
colour += value.toString(16).padStart(2, '0')
}
return colour
}