pdf-reader/partials/viewer.html

<div ng-if="pdfName" ng-class="{'pdf-controls fixed': scroll > 100, 'pdf-controls': scroll <= 100}">
  <nav ng-class="getNavStyle(scroll)" class="is-pulled-right" >
    
      <div class="field">
        <div class="field-body">
          <div class="field">
             <a href="{{pdfUrl}}" class="button fa fa-download"></a>
          </div>
          <div class="field is-grouped-right">
            <p class="control">
              <button class="button is-normal fa fa-caret-left" ng-click="goPrevious()"></button>
              <button class="button is-normal fa fa-caret-right" ng-click="goNext()"></button>
            </p>
          </div>
          
          <div class="field is-horizontal has-addon pageInput">
            <p class="control">
              <input class="input" type="text" min=1 ng-model="pageNum">
            </p>
            <p class="control">
              <a class="button is-static">
                {{pageCount}}
              </a>
            </p>
          </div>
          
          <div class="field is-grouped-right">
            <p class="control">
              <button class="button is-normal fa fa-search-plus" ng-click="zoomIn()"></button>
              <button class="button is-normal fa fa-file-o" ng-click="fit()"></button>
              <button class="button is-normal fa fa-search-minus" ng-click="zoomOut()"></button>
              <button class="button is-normal fa fa-repeat" ng-click="rotate()"></button>
            </p>
          </div>
        </div>
      </div>
  </nav>
  <div class="notification is-primary is-danger {{errorStatus}}">
    {{error}}
  </div>
</div>