<div class="waitarea">
    <div ng-show="serverstate.activeTask == null || serverstate.activeTask.Item1 != taskid" translate>Waiting for task to begin</div>
    <div ng-show="serverstate.activeTask != null &amp;&amp; serverstate.activeTask.Item1 == taskid">
        <!-- <div ng-show="text">{{text}}</div>
        <div ng-hide="text" translate>Task is running</div> -->
        <span>{{ServerStatus.progress_state_text[serverstate.lastPgEvent.Phase] || serverstate.lastPgEvent.Phase}}</span>
        <div class="progress">

            <div class="progress-bar progress-bar-striped" ng-class="{active: serverstate.lastPgEvent.OverallProgress <= 0}" role="progressbar" aria-valuenow="{{serverstate.lastPgEvent.OverallProgress}}" aria-valuemin="0" aria-valuemax="100" style="width:{{serverstate.lastPgEvent.OverallProgress}}%">
            </div>
        </div>
    </div>

    <div ng-show="serverstate.programState == 'Paused'" >
        {{'Server is currently paused,' | translate}} <a style="cursor: pointer" ng-click="ServerStatus.resume()" translate>resume now</a>
    </div>

    <div class="actions-container" ng-show="allowCancel">
        <!-- <a href class="button" ng-click="cancelTask()" translate>Cancel</a> -->
        
        <button type="button" class="ekup-button ekup-button-secondary ekup-error-button" ng-click="cancelTask()">
            <i class="ic-slash"></i>
            <span translate>Cancel</span>
        </button>
    </div>

</div>
