@gohelpfund/insight-ui/public/views/includes/header.html

An open-source frontend for the Insight API. The Insight API provides you with a convenient, powerful and simple way to query and broadcast data on the Help network and build your own services with it.

<div class="container">
  <div data-ng-controller="HeaderController">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" data-ng-click="isCollapsed = !isCollapsed">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <div>
        <a class="insight navbar-brand" href="." style="margin-top: 5px;">
        <img src="./img/HELPlogo_white.png" style="width: 150px; height: auto;" alt="help_logo">
      </a>
      </div>
    </div>
    <div class="navbar-collapse" uib-collapse="isCollapsed">
      <ul class="nav navbar-nav">
        <li data-ng-repeat="item in menu" ui-route="{{item.link}}" data-ng-class="{active: $uiRoute, dropdown: item.items !== undefined}">
          <!-- link -->
          <a data-ng-if="item.items === undefined" href="{{item.link}}">{{item.title|translate}}</a>
          <!-- drop down -->
            <li uib-dropdown data-ng-include="'views/includes/more.html'"></li>
        </li>
      </ul>
      <span class="hidden-xs navbar-form navbar-left" data-ng-include src="'views/includes/search.html'"></span>
      <ul class="nav navbar-nav navbar-right">
        <li>
      <div class="status" data-ng-controller="StatusController">
        <div data-ng-init="getSync()" class="pull-left">
          <span class="t text-danger"  data-ng-show="sync.error" tooltip="{{sync.error}}" tooltip-placement="bottom">
              <span  class="glyphicon glyphicon-warning-sign"></span>
              ERROR
          </span>
          <span class="t" tooltip="{{sync.syncedBlocks}} / {{sync.blockChainHeight}} synced. {{sync.skippedBlocks || 0}} skipped" tooltip-placement="bottom" data-ng-show="sync.status==='syncing'">
            <span  class="glyphicon glyphicon-refresh icon-rotate"></span>
            {{sync.syncPercentage}}%
          </span>
          <span class="glyphicon glyphicon-ok" tooltip="Historic sync finished" tooltip-placement="bottom" data-ng-show="sync.status==='finished'"> </span>
        </div>
        &nbsp; &middot;
        <span data-ng-init="getStatus('Info')">
          <strong>{{'Conn'|translate}}</strong> {{info.connections}}
        </span> &middot;
        <strong>{{'Height'|translate}}</strong> {{totalBlocks || info.blocks}}
      </div>
      </li>
      <li>
        <a data-ng-click="openScannerModal()"><span class="glyphicon
            glyphicon-qrcode"></span> Scan</a>
      </li>
      <li uib-dropdown data-ng-controller="CurrencyController" data-ng-include="'views/includes/currency.html'"></li>
      </ul>
    </div>
  </div>
</div>