<ion-modal-view class="modal-view" ng-controller="ScoreboardConfigCtrl as scoreboardconfigctrl">
  <ion-header-bar class="bar-calm">
    <button class="button icon ion-arrow-left-c button-clear" ng-click="scoreboardconfigctrl.exit()"></button>
    <h1 class="title"> {{'ScoreboardConfiguration' | translate}}</h1>
  </ion-header-bar>
  <ion-content class="padding-10 has-subheader" scroll="false" >

<div class="padding-top">
    <div class="row">
      <div class="col col-33 col-offset-33">
        <button ng-mobile-click="scoreboardconfigctrl.click('quality')" ng-class="{'ion-play':!isPausedQuality ,'ion-pause':isPausedQuality}" class="button button-positive icon-right button-large button-full">
          {{'Quality' | translate}}
        </button>
      </div>
    </div>
    <div class="row">

      <div class="col col-33 col-offset-33">

        <button ng-mobile-click="scoreboardconfigctrl.click('efficiency')" ng-class="{'ion-play':!isPausedEfficiency ,'ion-pause':isPausedEfficiency}" class="button button-positive icon-right button-large button-full">
          {{'Efficiency' | translate}}
        </button>


      </div>
    </div>
    <div class="row">
      <div class="col col-33 col-offset-33">
        <button ng-mobile-click="scoreboardconfigctrl.click('pcb')" ng-class="{'ion-play':!isPausedPcb ,'ion-pause':isPausedPcb}"  class="button button-positive icon-right ion-play button-large button-full">
          {{'PCB' | translate}}
        </button>
      </div>
    </div>

    <div class="row">
      <div class="col col-33 col-offset-33">
        <button ng-mobile-click="scoreboardconfigctrl.click('notification')" ng-class="{'ion-play':!isPausedNotification ,'ion-pause':isPausedNotification}"  class="button button-positive icon-right ion-play button-large button-full">
          {{'Notification' | translate}}
        </button>
      </div>
    </div>
  </div>
  </ion-content>
</ion-modal-view>
