insight-previous-tcr/src/components/head-nav/head-nav.html

A blockchain explorer for Bitcore

<ion-header no-border>
  <ion-navbar color="brand" hideBackButton>
    <ion-title (click)="goHome(chainNetwork)" class="logo-header">
      <img src="https://explorer.tecracoin.io/images/logo@2x.png"/>
    </ion-title>
    <button class="search-button" ion-button clear icon-only (click)="toggleSearch()">
      <ion-icon name="search" [color]="!showSearch ? 'light' : 'dark'"></ion-icon>
    </button>
    <form class="search" (ngSubmit)="search($event)">
      <input dir="auto" placeholder="{{ 'Search for block, transaction or address' }}" [(ngModel)]="q" name="search"
        autocomplete="off" autocorrect="off" spellcheck="false">
    </form>

    <ion-buttons>
    </ion-buttons>
  </ion-navbar>

  <ion-toolbar class="mobile-searchbar" fixed [hidden]="!showSearch">
    <form (ngSubmit)="search($event)">
      <ion-searchbar #searchbar placeholder="{{ 'Search for block, transaction or address' }}" [(ngModel)]="q"
        name="search"></ion-searchbar>
    </form>
  </ion-toolbar>
</ion-header>