dennis/codewanderer
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Show type indicator in detail screen

Browse source
This commit is contained in:
Dennis Schoepf 2021-08-03 20:11:31 +02:00
parent daf40350fa
commit 2605bfc16b
4 changed files with 23 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/store.ts
View file

@ -31,7 +31,7 @@ const store = create<State>(
devtools((set) => ({
uid: null,
showScore: false,
currentIntroStep: 0,
currentIntroStep: 1,
revealablesFinished: 0,
currentScene: Scenes.OVERVIEW,
currentSubproject: null,

14
src/ui/info.ts
View file

@ -14,6 +14,7 @@ export class InfoMessage {
type: RevealableTypes;
name: string;
infoMessage: HTMLElement;
infoMessageSubheadline: HTMLElement;
infoMessageHeadline: HTMLElement;
infoMessageContents: HTMLElement;
infoMessageClose: HTMLElement;
@ -24,6 +25,7 @@ export class InfoMessage {
constructor() {
this.infoMessage = document.getElementById('info-message');
this.infoMessageHeadline = document.getElementById('info-message-headline');
this.infoMessageSubheadline = document.getElementById('info-message-subheadline');
this.infoMessageContents = document.getElementById('info-message-contents');
this.infoMessageClose = document.getElementById('info-message-close');
this.infoMessageImgRef = document.getElementById('info-message-img') as HTMLImageElement;
@ -47,6 +49,8 @@ export class InfoMessage {
this.type = newMessage.type;
this.name = newMessage.headline;
this.infoMessageSubheadline.innerHTML = this.getTextForType();
if (newMessage.imgUrl) {
this.setImg(newMessage.imgUrl);
} else {
@ -64,6 +68,16 @@ export class InfoMessage {
});
}
private getTextForType(): string {
if (this.type === RevealableTypes.CONTRIBUTOR) {
return 'Contributor';
} else if (this.type === RevealableTypes.PACKAGE) {
return 'NPM Package';
} else {
return 'Legacy Alert';
}
}
private setContents(headline: string, innerHTML: string) {
this.infoMessageHeadline.innerText = headline;
this.infoMessageContents.innerHTML = innerHTML;