<md-dialog aria-label="RC data dialog">
    <form ng-cloak>
        <md-toolbar>
            <div class="md-toolbar-tools">
                <h2>RC data</h2>
            </div>
        </md-toolbar>

        <md-dialog-content>
            <div class="md-dialog-content">
                <div layout="column" layout-align="space-around" ng-show="rcdata">
                    <p>Yaw:   {{ rcdata['1']['val']/10 || 0 }}%</p>
                    <p>Roll:   {{ rcdata['2']['val']/10 || 0 }}%</p>
                    <p>Pitch:   {{ rcdata['3']['val']/10 || 0 }}%</p>
                    <p>Throttle:   {{ rcdata['4']['val']/10 }}%</p>
                    <p>Aux1:   {{ rcdata['5']['val']/10 || 0 }}%</p>
                    <p>Aux2:   {{ rcdata['6']['val']/10 || 0 }}%</p>
                    <p>Aux3:   {{ rcdata['7']['val']/10 || 0 }}%</p>
                    <p>Aux4:   {{ rcdata['8']['val']/10 || 0 }}%</p>
                </div>
                <div layout="row" layout-align="center center" ng-hide="rcdata">
                    <p class="md-headline">{{ "LOADING" | translate }}</p>
                </div>
            </div>
        </md-dialog-content>
        <md-dialog-actions layout="row">
            <md-button ng-click="closeDialog()">
                {{ "CLOSE" | translate }}
            </md-button>
        </md-dialog-actions>
    </form>
</md-dialog>