<md-toolbar>
    <div class="md-toolbar-tools">Update configurator</div>
</md-toolbar>
<div layout="column" layout-align="center center" layout-padding flex ng-hide="confirmUpdate">
    <div layout="row">
        <h1 class="md-headline">{{ checkingVersionStatus }}</h1>
    </div>
    <div layout="row" ng-hide="newVersionSpinnerDisabled">
        <md-progress-circular ng-disabled="newVersionAvailable || newVersionSpinnerDisabled" class="md-hue-2" md-diameter="40px" ng-hide="newVersionSpinnerDisabled"></md-progress-circular>
    </div>
    <div layout="row" ng-show="newVersionAvailable">
        <md-button class="md-raised md-primary" ng-click="updateConfigurator()" ng-disabled="busy">Update</md-button>
    </div>
</div>

<div layout="row" layout-padding flex ng-show="confirmUpdate">
    <div layout="column" flex>
        <div layout="row" layout-align="center center">
            <h1 class="md-headline">{{ status }}</h1>
        </div>
        <div layout="row" flex>
            <md-progress-linear class="md-warn" md-mode="buffer" value="{{ downloadProgress }}" md-buffer-value="{{ downloadProgressBuffer }}" flex></md-progress-linear>
        </div>
    </div>
</div>


<!--<div layout="row" layout-padding>-->
<!--</div>-->
<!--<div layout="row" layout-align="center center">-->
    <!--<md-button class="md-raised md-primary" ng-click="checkForUpdates()" ng-disabled="busy">test</md-button>-->
<!--</div>-->