financial-assistant

1
import { EventTypes, Links } from "../../contracts/enums";
2
import EventObserver from "../../observer/observer";
3

4
class Home {
5
  public main: HTMLElement;
6
  public tag: HTMLDivElement | undefined;
7
  private observer: EventObserver;
8

9
  constructor(observer: EventObserver) {
10
    this.observer = observer;
11
    this.main = document.createElement("main");
12
    this.main.classList.add("main");
13

14
    document.body.appendChild(this.main);
15
  }
16

17
  private setButtonListener(a: HTMLAnchorElement, path: string): void {
18
    a.addEventListener("click", (e) => {
19
      e.preventDefault();
20
      this.observer.notify(EventTypes.CHANGE_PAGE, path);
21
    });
22
  }
23

24
  public renderStartPage(): void {
25
    this.tag = document.createElement("div");
26
    this.tag.classList.add("main__wrapper");
27

28
    const baseLink = document.createElement("a");
29
    this.setButtonListener(baseLink, Links.banks);
30

31
    const assistantLink = document.createElement("a");
32
    this.setButtonListener(assistantLink, Links.assistant);
33

34
    const baseButton = document.createElement("div");
35
    baseButton.textContent = "База знаний";
36
    baseButton.classList.add("button");
37

38
    const assistantButton = document.createElement("div");
39
    assistantButton.textContent = "Ассистент";
40
    assistantButton.classList.add("button");
41

42
    baseLink.appendChild(baseButton);
43
    assistantLink.appendChild(assistantButton);
44

45
    this.tag.append(baseLink, assistantLink);
46
  }
47
}
48

49
export default Home;
50

51