<div class="tab-pane" id="jobs-stdout">
    <div ng-cloak id="htmlTemplate">
    <div class="StandardOut-container">
        <div class="StandardOut-leftPanel" ng-show="!stdoutFullScreen">
            <div class="Panel">
                <div class="StandardOut-panelHeader">
                    RESULTS
                </div>
                <div class="StandardOut-details">

                    <div class="StandardOut-detailsRow" ng-show="project_name">
                        <div class="StandardOut-detailsLabel">NAME</div>
                        <div class="StandardOut-detailsContent">
                            <a ui-sref="projects.edit({id: job.project})">
                                {{ project_name }}
                            </a>
                        </div>
                    </div>

                    <div class="StandardOut-detailsRow">
                        <div class="StandardOut-detailsLabel">STATUS</div>
                        <div class="StandardOut-detailsContent">
                            <i class="fa icon-job-{{ job.status }}"></i>
                            <span class="StandardOut-statusText StandardOut--capitalize">{{ job.status }}</span>
                        </div>
                    </div>

                    <div class="StandardOut-detailsRow" ng-show="job.started">
                        <div class="StandardOut-detailsLabel">STARTED</div>
                        <div class="StandardOut-detailsContent">
                            {{ job.started | date:'MM/dd/yy HH:mm:ss' }}
                        </div>
                    </div>

                    <div class="StandardOut-detailsRow" ng-show="job.finished">
                        <div class="StandardOut-detailsLabel">FINISHED</div>
                        <div class="StandardOut-detailsContent">
                            {{ job.finished | date:'MM/dd/yy HH:mm:ss' }}
                        </div>
                    </div>

                    <div class="StandardOut-detailsRow" ng-show="job.finished">
                        <div class="StandardOut-detailsLabel">ELAPSED</div>
                        <div class="StandardOut-detailsContent">
                            {{ job.elapsed }} seconds
                        </div>
                    </div>

                    <div class="StandardOut-detailsRow" ng-show="job.launch_type">
                        <div class="StandardOut-detailsLabel">LAUNCH TYPE</div>
                        <div class="StandardOut-detailsContent StandardOut--capitalize">
                            {{ job.launch_type }}
                        </div>
                    </div>

                    <div class="StandardOut-detailsRow" ng-show="project_name">
                        <div class="StandardOut-detailsLabel">PROJECT</div>
                        <div class="StandardOut-detailsContent">
                            <a ui-sref="projects.edit({id: job.project})">
                                {{ project_name }}
                            </a>
                        </div>
                    </div>

                    <div class="StandardOut-detailsRow" ng-show="credential_name">
                        <div class="StandardOut-detailsLabel">CREDENTIAL</div>
                        <div class="StandardOut-detailsContent">
                            <a ui-sref="credentials.edit({credential_id: credential})">
                                {{ credential_name }}
                            </a>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="StandardOut-rightPanel">
            <div class="Panel">
                <div class="StandardOut-panelHeader">
                    <div class="StandardOut-panelHeaderText">STANDARD OUT</div>
                    <div class="StandardOut-panelHeaderActions">
                        <button class="StandardOut-actionButton" aw-tool-tip="Toggle Output" data-placement="top" ng-class="{'StandardOut-actionButton--active': stdoutFullScreen}"ng-click="toggleStdoutFullscreen()">
                            <i class="fa fa-arrows-alt"></i>
                        </button>
                        <a href="/api/v1/project_updates/{{ job.id }}/stdout?format=txt_download&token={{ token }}">
                            <button class="StandardOut-actionButton" aw-tool-tip="Download Output" data-placement="top">
                                <i class="fa fa-download"></i>
                            </button>
                        </a>
                    </div>
                </div>
                <standard-out-log stdout-endpoint="job.related.stdout"></standard-out-log>
            </div>
        </div>
    </div>
    </div>
</div>
