insight-ui-btcnano/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 btcnano 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="$root.isCollapsed = !$root.isCollapsed">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
        <a class="insight navbar-brand" href=".">
            <!--insight-->
          <img ng-src="img/logo_header.png" class="headerLogo">
        </a>
    </div>
    <div class="navbar-collapse collapse" collapse="$root.isCollapsed">
      <ul class="nav navbar-nav">
        <li data-ng-repeat="item in menu" ui-route="{{item.link}}" data-ng-class="{active: $uiRoute}" class="marlr8">
          <a href="{{item.link}}">{{item.title|translate}}</a>
        </li>
        <li class="dropdown marlr8" data-ng-controller="CurrencyController" data-ng-include="'views/includes/currency.html'"></li>
        <li class="marlr8">
          <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>

      </ul>
      <ul class="nav navbar-nav navbar-right">
         <li>
             <a href="javascript:;" class="martop20  btn-DatePicker icon-calendar marbtt15 marlf8" datepicker-popup show-button-bar="false" data-ng-click="openCalendar($event)" data-ng-model="dt" is-open="opened" data-ng-required="true">
             </a>                  
         </li>
         <li>
            <span class="hidden-xs navbar-form navbar-left" data-ng-include src="'views/includes/search.html'"></span>
         </li>
         <!--<li>-->
           <!--<a data-ng-click="openScannerModal()"><span class="glyphicon-->
              <!--glyphicon-qrcode"></span> Scan</a>-->
         <!--</li>-->
      </ul>
    </div>
  </div>
</div>