<div class="container main-container">
    <h2>Bar</h2>

    <div>
        Unidade Manual : {{ ConfigManual.unidadeId }} - Token Manual : {{ ConfigManual.unidadeToken }}
    </div>

    <div>
        Unidade : {{ Config.unidadeId }} - Token : {{ Config.unidadeToken }}
    </div>

    <div>
        Bebidas 1: {{ barBebida1 }}
    </div>

    <div>
        Bebidas 2: {{ barBebida2 }}
    </div>

    <div>
        Dados Unidade (service) {{ dadosUnidade }}
    </div>

    <br><br><br><br>

    <h2>Progress: {{progress}}%</h2>
    <p *ngIf="progress >= 100">Done processing {{label}} of Angular zone!</p>

    <a href="javascript:void(0)" class="btn btn-success" (click)="processWithinAngularZone()">Processar dentro da Zona do Angular</a> &nbsp;
    <a href="javascript:void(0)" class="btn btn-danger" (click)="processOutsideOfAngularZone()">Processar fora da Zona do Angular</a>
</div>