<div layout="column" layout-padding class="rffwhid-console-page">
    <div layout="column" flex="85">
        <div layout="column" flex>
            <textarea id="console-output" ng-model="consoleOutput" flex readonly></textarea>
        </div>
    </div>
    <div layout="row">
        <div layout="row" flex="85">
            <textarea placeholder="{{ 'rffwhid.console.CONSOLE_COMMAND_TEXTAREA_PLACEHOLDER' |translate }}" ng-model="consoleCommand" id="console-input" focus-me="!busy" ng-disabled="busy" ng-keyup="!busy && getCommand($event)" ng-keypress="commandAreaKeyPress($event)" flex>
            </textarea>
        </div>
        <div layout="row" flex="15">
            <div layout="column">
                <div layout="row">
                    <div layout="column">
                        <md-button class="md-raised md-primary" ng-click="sendConsoleCommand()" ng-disabled="busy">{{ "SEND_BUTTON" | translate }}</md-button>
                        <md-button md-no-ink class="md-primary" ng-click="clearConsole()" ng-disabled="busy">{{ "CLEAR_BUTTON" | translate }}</md-button>
                    </div>
                    <md-progress-circular md-mode="indeterminate" ng-show="busy" md-diameter="40px"></md-progress-circular>
                </div>

            </div>
        </div>
    </div>
</div>