AElfWebsite-Angular/src/app/modules/header/header.component.html at 10696e3c32795a7afefe81b8a8f01011e289956a · AElfProject/AElfWebsite-Angular · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<div class="fix-top fix-top-temp">
  <header class="header clearfix header-white">
    <h1 class="logo pt20">
      <a href=""><img style="width: 65px" src="assets/images/logo.png" alt=""></a>
    </h1>
    <nav class="nav fs-16 sm-hidden index-pagination clearfix">
      <ul class="clearfix">
        <li [ngClass]="pathname === '/' && 'active'">
          <a href=""
            class="anchor-hd fs-16 lh-20em">{{"home" | translate}}</a>
        </li>
        <li [ngClass]="pathname === '/homepage' && 'active'" *ngIf="!hiddenTabs.includes('mainnet')">
          <a routerLink="/homepage"
            class="anchor-hd fs-16 lh-20em">{{"mainnet-lauch" | translate}}</a>
        </li>
        <li [ngClass]="pathname === '/afterstart' && 'active'" *ngIf="!hiddenTabs.includes('community')">
          <a routerLink="/afterstart" class="anchor-hd fs-16 lh-20em">{{"Community" | translate}}</a>
        </li>
        <li [ngClass]="pathname === '/economic' && 'active'" *ngIf="!hiddenTabs.includes('economy')">
          <a routerLink="/economic" class="anchor-hd fs-16 lh-20em">{{"economy&governance" | translate}}</a>
        </li>
        <li [ngClass]="pathname === '/developer' && 'active'" *ngIf="!hiddenTabs.includes('developer')">
          <a routerLink="/developer" class="anchor-hd fs-16 lh-20em">{{"devel" | translate}}</a>
        </li>
        <li
          *ngIf="!hiddenTabs.includes('tools')"
          [ngClass]="['/browser', '/wallet', '/webwallet', '/plug'].includes(pathname) && 'active'">
          <div class="lang color-white tool-menu">
            <span class="fs-16"
              style="border: none;background: transparent;height: 40px;line-height: 40px"><em>{{"tools" | translate}}</em><i
                class="fa fa-angle-down"></i></span>
            <ul class="fs-14 clearfix">
              <li [ngClass]="pathname === '/browser' && 'active'"
              style="width: inherit" routerLink="/browser">{{"explorer" | translate}}</li>
              <li [ngClass]="pathname === '/wallet' && 'active'"
              style="width: inherit" routerLink="/wallet">{{"wallet-APP" | translate}}</li>
              <li [ngClass]="pathname === '/webwallet' && 'active'"
              style="width: inherit" routerLink="/webwallet">{{"web-Wallet" | translate}}</li>
              <li [ngClass]="pathname === '/plug' && 'active'"
              style="width: inherit" routerLink="/plug">{{"explorer-extension" | translate}}</li>
            </ul>
          </div>
        </li>
        <li [ngClass]="pathname === '/facility' && 'active'" *ngIf="!hiddenTabs.includes('test')">
          <a routerLink="facility" class="anchor-hd fs-16 lh-20em">{{"test&suppFac" | translate}}</a>
        </li>
        <li [ngClass]="pathname === '/app-about' && 'active'" *ngIf="!hiddenTabs.includes('about')">
          <a routerLink="app-about" class="anchor-hd fs-16 lh-20em">{{"about-us" | translate}}</a>
        </li>
      </ul>
    </nav>

    <div class="other sm-hidden white-book">
      <div [ngClass]="_fontFamlily.ffMy" class="btns">
        <a target="_blank" [href]="currentLandscape" class="fs-14 downbtn">
          <span>{{"aelf-landscape" | translate}}</span></a>
      </div>

      <div [ngClass]="_fontFamlily.ffMy" class="btns">
        <a target="_blank" [href]="currentEconomicPaper"
          class="fs-14 downbtn">
          <span>{{"economic&gover-w-p" | translate}}</span></a>
      </div>
      <div [ngClass]="_fontFamlily.ffMy" class="btns">
        <a target="_blank" [href]="currentWhitePaper" class="fs-14 downbtn">
          <span>{{"aelf-w-p" | translate}}</span></a>
      </div>
      <div [ngClass]="_fontFamlily.ffMy" class="lang lang-menu color-white">
        <span class="fs-14"><em>{{currentLanguage}}</em><i class="fa fa-caret-down ml5"></i></span>
        <ul class="fs-14 clearfix">
          <li *ngFor="let item of languageList" (click)="OnChange(item)">{{ item }}</li>
        </ul>
      </div>
    </div>
    <div class="lg-hidden other mobile-menu">
      <i class="fa fa-navicon color-white fs-18"></i>
    </div>
  </header>
</div>
<div [ngClass]="jumpModal ? 'popup-jump-modal' : 'popup-jump-modal-hidden'">
  <div class="modal-mask"></div>
  <div class="modal-wrapper">
    <div [class]="currentLanguage === 'English'? 'modal-content width-448': 'modal-content width-370'">
      <h1 class="main-title">{{"new-website-upgrade" | translate}}</h1>
      <em class="ass-title">{{"experiencing-the-brand-new-aelf" | translate}}</em>
      <div class="btn-wrapper">
        <button class="cancel-btn" (click)="hiddenPopupJump()">{{"remind-me-next-time" | translate}}</button>
        <a class="jump-btn" target="_blank" [href]="jumpLink" (click)="hiddenPopupJump()">{{"jumping-into-now" | translate}} ({{timer}})</a>
      </div>
    </div>
  </div>
</div>