awx/awx/ui/client/features/output/index.view.html

<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">
            {{ 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.toggleMenuExpand()">
                <i class="at-Stdout-menuIcon fa" ng-if="vm.toggleLineEnabled"
                    ng-class="{ 'fa-minus': vm.isMenuExpanded, 'fa-plus': !vm.isMenuExpanded }"></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.menu.isLocked }"></i>
            </div>
            <div class="pull-right" ng-click="vm.menu.first()">
                <i class="at-Stdout-menuIcon--lg fa fa-angle-double-up"></i>
            </div>
            <div class="pull-right" ng-click="vm.menu.down()">
                <i class="at-Stdout-menuIcon--lg fa fa-angle-down"></i>
            </div>
            <div class="pull-right" ng-click="vm.menu.up()">
                <i class="at-Stdout-menuIcon--lg fa fa-angle-up"
                    ng-class=" { 'at-Stdout-menuIcon--active': vm.isFollowing }"></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 ng-show="vm.menu.showBackToTop" class="at-Stdout-menuBottom">
            <div class="at-Stdout-menuIconGroup" ng-click="vm.menu.home()">
                <p class="pull-left"><i class="fa fa-angle-double-up"></i></p>
                <p class="pull-right">{{:: vm.strings.get('stdout.BACK_TO_TOP') }}</p>
            </div>

            <div class="at-u-clear"></div>
        </div>
      </div>
    </at-panel>
</div>