dashboard.html

<!--
  Copyright (C) 2018-present evan GmbH.

  This program is free software: you can redistribute it and/or modify it
  under the terms of the GNU Affero General Public License, version 3,
  as published by the Free Software Foundation.

  This program is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
  See the GNU Affero General Public License for more details.

  You should have received a copy of the GNU Affero General Public License
  along with this program. If not, see http://www.gnu.org/licenses/ or
  write to the Free Software Foundation, Inc., 51 Franklin Street,
  Fifth Floor, Boston, MA, 02110-1301 USA, or download the license from
  the following URL: https://evan.network/license/
-->

<evan-loading *ngIf="loading" delayLoading="500"></evan-loading>
<evan-split-pane #splitPane [customHeader]="true" *ngIf="!loading">
  <ion-header (click)="toggleSmallToolbar();" evan-header>
    <ng-container>
      <div class="dapp-logo" item-start *ngIf="smallToolbar && utils.isMD">
        <img class="img-small" *oneTime
          [src]="_DomSanitizer.bypassSecurityTrustUrl(dashboardDbcp.imgSquare)"/>
      </div>
      <div class="dapp-name" *ngIf="!(smallToolbar && utils.isMD)">
        <ng-container item-start>
          <img class="img-large" *oneTime [src]="_DomSanitizer.bypassSecurityTrustUrl(dashboardDbcp.imgWide)" />
          <img class="img-large img-light" *oneTime [src]="_DomSanitizer.bypassSecurityTrustUrl('data:image/png;base64,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')" />
        </ng-container>
      </div>
    </ng-container>
  </ion-header>
  <div evan-menu-content>
    <ion-list>
      <button ion-item menuClose 
        color="light" 
        *ngFor="let dapp of dapps"
        [routerLink]="(dapp.dapp.standalone ? '/' : './') + dapp.ensAddress"
        routerLinkActive="active">
        <ion-avatar item-start *ngIf="dapp.imgSquare">
          <img item-start large *oneTime [src]="_DomSanitizer.bypassSecurityTrustUrl(dapp.imgSquare)" />
        </ion-avatar>
        <h2 *ngIf="!splitPane.isSmallToolbar()">{{ dapp.translated.name }}</h2>
        <h3 *ngIf="!splitPane.isSmallToolbar()">{{ dapp.translated.description }}</h3>

        <div class="left-panel-notification"
          *ngIf="dapp.name === 'mailbox' && mailboxService.newMailCount > 0">
          {{ mailboxService.newMailCount > 9 ? 9 + '+' : mailboxService.newMailCount }}
        </div>
      </button>
    </ion-list>
  </div>
  <div evan-content
    [@routerTransition]="o?.activatedRouteData?.state">
    <router-outlet #o="outlet"></router-outlet>
  </div>
</evan-split-pane>