<div ui-view></div>
<div class="JobResults-container">
    <at-panel ng-show="!vm.isPanelExpanded">
        <at-job-details
            resource="vm.resource">
        </at-job-details>
    </at-panel>

    <at-panel class="at-Stdout" ng-class="{'at-Stdout--fullscreen': vm.isPanelExpanded}">
        <div class="at-Stdout-wrapper">
            <div class="at-Panel-headingTitle">
                <i ng-show="vm.isPanelExpanded && vm.status"
                    class="JobResults-statusResultIcon fa icon-job-{{ vm.status }}"></i>
                {{ vm.title }}
            </div>
            <at-job-stats
                resource="vm.resource"
                expanded="vm.isPanelExpanded">
            </at-job-stats>
            <at-job-search
                reload="vm.reloadState">
            </at-job-search>
            <div class="at-Stdout-menuTop">
                <div class="pull-left" ng-click="vm.toggleCollapseAll()">
                    <i class="at-Stdout-menuIcon fa" ng-if="vm.toggleLineEnabled"
                        ng-class="{ 'fa-minus': !vm.isMenuCollapsed, 'fa-plus': vm.isMenuCollapsed }"></i>
                </div>
                <div class="pull-right" ng-click="vm.menu.last()">
                    <i class="at-Stdout-menuIcon--lg fa fa-angle-double-down"
                        ng-class="{ 'at-Stdout-menuIcon--active': vm.isFollowing }"
                        id="atStdoutMenuLast"
                        data-placement="top"
                        data-trigger="hover"
                        data-tip-watch="vm.followTooltip"
                        aw-tool-tip="{{ vm.followTooltip }}">
                    </i>
                </div>
                <div class="pull-right" ng-click="vm.menu.first()">
                    <i class="at-Stdout-menuIcon--lg fa fa-angle-double-up"
                        data-placement="top" aw-tool-tip="{{:: vm.strings.get('tooltips.MENU_FIRST') }}"></i>
                </div>
                <div class="pull-right" ng-click="vm.menu.down()">
                    <i class="at-Stdout-menuIcon--lg fa fa-angle-down"
                        data-placement="top" aw-tool-tip="{{:: vm.strings.get('tooltips.MENU_DOWN') }}"></i>
                </div>
                <div class="pull-right" ng-click="vm.menu.up()">
                    <i class="at-Stdout-menuIcon--lg fa fa-angle-up"
                        data-placement="top" aw-tool-tip="{{:: vm.strings.get('tooltips.MENU_UP') }}"></i>
                </div>
                <div class="pull-right" ng-if="vm.debug" ng-click="vm.menu.clear()">
                    <i class="at-Stdout-menuIcon--md fa fa-undo"></i>
                </div>
                <div class="at-u-clear"></div>
            </div>
            <div class="at-Stdout-container">
                <div class="at-Stdout-borderHeader"></div>
                <div id="atStdoutResultTable"></div>
                <div class="at-Stdout-borderFooter"></div>
            </div>
        </div>
    </at-panel>
</div>
