<md-dialog aria-label="My Threema ID" id="my-threema-id-dialog">
    <form ng-cloak>
        <md-toolbar>
            <div class="md-toolbar-tools">
                <h2>{{ ctrl.profile.identity }}</h2>
                <span flex></span>
                <md-button class="md-icon-button" ng-click="ctrl.cancel()" translate-attr="{'aria-label': 'common.CANCEL'}">
                    <md-icon aria-label="Close dialog" class="material-icons md-24">close</md-icon>
                </md-button>
            </div>
        </md-toolbar>
        <md-dialog-content>
            <div class="md-dialog-content center">
                <div class="qrcode">
                    <qrcode version="{{ ctrl.qrCode.version }}"
                    error-correction-level="{{ ctrl.qrCode.errorCorrectionLevel }}"
                    size="{{ ctrl.qrCode.size }}" data="{{ ctrl.qrCode.data }}"></qrcode>
                </div>
            </div>
        </md-dialog-content>
        <md-dialog-actions layout="row">
            <span flex></span>
            <md-button ng-click="ctrl.cancel()">
                <span translate>common.CLOSE</span>
            </md-button>
        </md-dialog-actions>
    </form>
</md-dialog>

