<commit_before><div ng-controller="SpringBatch.JobOverviewExecListController">

    <div class="control-group">
        <div class="alert {{alert.type}}" ng-show="alert.enable">
            <button type="button" class="close" ng-click="alert.hide()">×</button>
            {{alert.content}}
        </div>
    </div>
    <div class="row-fluid">
        <div class="span9">
            <div class="row-fluid">
                <div class="span2"><strong>Job Instance ID:</strong></div>
                <div class="span1"><span class="text-info">{{jobInstance.id}}</span></div>
                <div class="span3">
                    <span style="cursor: pointer" ng-click="fetchPrevJobInstance(jobInstance)"> <i class="icon-backward icon-2x"></i> </span>  &nbsp;
                    <span style="cursor: pointer" ng-click="refreshJobInstance(jobInstance)"> <i class="icon-refresh icon-2x"></i> </span>  &nbsp;
                    <span style="cursor: pointer" ng-click="fetchNextJobInstance(jobInstance)"> <i class="icon-forward icon-2x"></i> </span>  &nbsp;
                </div>
                <div class="span3">
                    <span id="jobExecutionStatus">
                        <span   class="btn-large {{(jobInstance.lastJobExecutionStatus == 'COMPLETED')?'btn-success':'btn-danger'}}">
                            {{jobInstance.lastJobExecutionStatus}}
                        </span>
                    </span>
                </div>
                <div class="span3">
                    <div class="dropdown">
                        <a class="dropdown-toggle btn btn-primary" data-toggle="dropdown" href="#">Actions <b class="caret"></b></a>
                        <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
                            <li>
                                <a href="#/springbatch/jobs/{{jobName}}/{{jobInstance.id}}/history/executions" style="cursor: pointer">View History</a>
                            </li>
                            <li> <a ng-click="runJob(jobName,jobParams)" style="cursor: pointer">Run Job</a> </li>

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

            <div class="row-fluid">
                <div>
                    <h3>Job Execution</h3>
                    <table class="table table-striped table-hover">
                        <thead>
                        <tr>
                            <th></th>
                            <th> <a ng-click="executionPredicate='id';executionReverse=!executionReverse" style="cursor: pointer">ID</a> </th>
                            <th> <a ng-click="executionPredicate='startTime';executionReverse=!executionReverse" style="cursor: pointer">Date</a> </th>
                            <th> <a ng-click="executionPredicate='startTime';executionReverse=!executionReverse" style="cursor: pointer">Start</a> </th>
                            <th> <a ng-click="executionPredicate='duration';executionReverse=!executionReverse" style="cursor: pointer">Duration</a> </th>
                            <th> <a ng-click="executionPredicate='status';executionReverse=!executionReverse" style="cursor: pointer">Status</a> </th>
                            <th> <a ng-click="executionPredicate='status';executionReverse=!executionReverse" style="cursor: pointer">Exit Code</a> </th>
                            <th>Context</th>

                        </tr>
                        </thead>
                        <tr ng-repeat="execution in jobExecutionList | orderBy:executionPredicate:executionReverse">
                            <td><input type="radio" name="fetchStepsForExecutionRadio" ng-click="fetchStepsForExecution(execution.id)"></td>
                            <td>{{execution.id}}</td>
                            <td>{{execution.startTime}}</td>
                            <td>{{execution.startTime}}</td>
                            <td>{{execution.duration}}</td>
                            <td>{{execution.status}}</td>
                            <td>{{execution.status}}</td>
                            <td data-title="Context">
                                <a ng-href="#/springbatch/jobs/{{jobInstance.id}}/executions/{{jobName}}/{{execution.id}}">fmt</a>
                            </td>
                        </tr>
                    </table>
                </div>
                <div>
                    <h3>Step Executions</h3>
                    <table class="table table-striped table-hover">
                        <thead>
                        <tr>
                            <th> <a ng-click="stepPredicate='name';stepReverse=!stepReverse" style="cursor: pointer">Name</a> </th>
                            <th> <a ng-click="stepPredicate='status';stepReverse=!stepReverse" style="cursor: pointer">Status</a> </th>
                            <th> <a ng-click="stepPredicate='readCount';stepReverse=!stepReverse" style="cursor: pointer">Reads</a> </th>
                            <th> <a ng-click="stepPredicate='writeCount';stepReverse=!stepReverse" style="cursor: pointer">Writes</a> </th>
                            <th> <a ng-click="stepPredicate='commitCount';stepReverse=!stepReverse" style="cursor: pointer">Commit</a> </th>
                            <th> <a ng-click="stepPredicate='rollbackCount';stepReverse=!stepReverse" style="cursor: pointer">Skip</a> </th>
                            <th> <a ng-click="stepPredicate='duration';stepReverse=!stepReverse" style="cursor: pointer">Duration</a> </th>
                            <th>Context</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr ng-repeat="stepExecution in stepExecutionList | orderBy:stepPredicate:stepReverse" >

                            <td data-title="'Id'">
                                {{stepExecution.name}}
                            </td>
                            <td data-title="Status">{{stepExecution.status}}</td>
                            <td data-title="Read Count">{{stepExecution.readCount}}</td>
                            <td data-title="Write Count">{{stepExecution.writeCount}}</td>
                            <td data-title="Commit Count">{{stepExecution.commitCount}}</td>
                            <td data-title="Skip Count">{{stepExecution.rollbackCount}}</td>
                            <td data-title="Duration">{{stepExecution.duration}}</td>
                            <td data-title="Context">
                                <a ng-href="#/springbatch/jobs/{{jobInstance.id}}/executions/{{jobName}}/{{executionId}}/steps/{{stepExecution.id}}">view</a>
                            </td>

                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div><commit_msg> Commit for job Context view - look the same as mconsole(code refactor) .Ref#HAWT-21<commit_after><div ng-controller="SpringBatch.JobOverviewExecListController">

    <div class="control-group">
        <div class="alert {{alert.type}}" ng-show="alert.enable">
            <button type="button" class="close" ng-click="alert.hide()">×</button>
            {{alert.content}}
        </div>
    </div>
    <div class="row-fluid">
        <div class="span9">
            <div class="row-fluid">
                <div class="span2"><strong>Job Instance ID:</strong></div>
                <div class="span1"><span class="text-info">{{jobInstance.id}}</span></div>
                <div class="span3">
                    <span style="cursor: pointer" ng-click="fetchPrevJobInstance(jobInstance)"> <i class="icon-backward icon-2x"></i> </span>  &nbsp;
                    <span style="cursor: pointer" ng-click="refreshJobInstance(jobInstance)"> <i class="icon-refresh icon-2x"></i> </span>  &nbsp;
                    <span style="cursor: pointer" ng-click="fetchNextJobInstance(jobInstance)"> <i class="icon-forward icon-2x"></i> </span>  &nbsp;
                </div>
                <div class="span3">
                    <span id="jobExecutionStatus">
                        <span   class="btn-large {{(jobInstance.lastJobExecutionStatus == 'COMPLETED')?'btn-success':'btn-danger'}}">
                            {{jobInstance.lastJobExecutionStatus}}
                        </span>
                    </span>
                </div>
                <div class="span3">
                    <div class="dropdown">
                        <a class="dropdown-toggle btn btn-primary" data-toggle="dropdown" href="#">Actions <b class="caret"></b></a>
                        <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
                            <li>
                                <a href="#/springbatch/jobs/{{jobName}}/{{jobInstance.id}}/history/executions" style="cursor: pointer">View History</a>
                            </li>
                            <li> <a ng-click="runJob(jobName,jobParams)" style="cursor: pointer">Run Job</a> </li>

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

            <div class="row-fluid">
                <div>
                    <h3>Job Execution</h3>
                    <table class="table table-striped table-hover">
                        <thead>
                        <tr>
                            <th></th>
                            <th> <a ng-click="executionPredicate='id';executionReverse=!executionReverse" style="cursor: pointer">ID</a> </th>
                            <th> <a ng-click="executionPredicate='startTime';executionReverse=!executionReverse" style="cursor: pointer">Date</a> </th>
                            <th> <a ng-click="executionPredicate='startTime';executionReverse=!executionReverse" style="cursor: pointer">Start</a> </th>
                            <th> <a ng-click="executionPredicate='duration';executionReverse=!executionReverse" style="cursor: pointer">Duration</a> </th>
                            <th> <a ng-click="executionPredicate='status';executionReverse=!executionReverse" style="cursor: pointer">Status</a> </th>
                            <th> <a ng-click="executionPredicate='status';executionReverse=!executionReverse" style="cursor: pointer">Exit Code</a> </th>
                            <th>Context</th>

                        </tr>
                        </thead>
                        <tr ng-repeat="execution in jobExecutionList | orderBy:executionPredicate:executionReverse">
                            <td><input type="radio" name="fetchStepsForExecutionRadio" ng-click="fetchStepsForExecution(execution.id)"></td>
                            <td>{{execution.id}}</td>
                            <td>{{execution.startTime}}</td>
                            <td>{{execution.startTime}}</td>
                            <td>{{execution.duration}}</td>
                            <td>{{execution.status}}</td>
                            <td>{{execution.status}}</td>
                            <td data-title="Context">
                                <a ng-href="#/springbatch/jobs/{{jobInstance.id}}/executions/{{jobName}}/{{execution.id}}">fmt</a>
                            </td>
                        </tr>
                    </table>
                </div>
                <div>
                    <h3>Step Executions</h3>
                    <table class="table table-striped table-hover">
                        <thead>
                        <tr>
                            <th> <a ng-click="stepPredicate='name';stepReverse=!stepReverse" style="cursor: pointer">Name</a> </th>
                            <th> <a ng-click="stepPredicate='status';stepReverse=!stepReverse" style="cursor: pointer">Status</a> </th>
                            <th> <a ng-click="stepPredicate='readCount';stepReverse=!stepReverse" style="cursor: pointer">Reads</a> </th>
                            <th> <a ng-click="stepPredicate='writeCount';stepReverse=!stepReverse" style="cursor: pointer">Writes</a> </th>
                            <th> <a ng-click="stepPredicate='commitCount';stepReverse=!stepReverse" style="cursor: pointer">Commit</a> </th>
                            <th> <a ng-click="stepPredicate='rollbackCount';stepReverse=!stepReverse" style="cursor: pointer">Skip</a> </th>
                            <th> <a ng-click="stepPredicate='duration';stepReverse=!stepReverse" style="cursor: pointer">Duration</a> </th>
                            <th>Context</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr ng-repeat="stepExecution in stepExecutionList | orderBy:stepPredicate:stepReverse" >

                            <td data-title="'Id'">
                                {{stepExecution.name}}
                            </td>
                            <td data-title="Status">{{stepExecution.status}}</td>
                            <td data-title="Read Count">{{stepExecution.readCount}}</td>
                            <td data-title="Write Count">{{stepExecution.writeCount}}</td>
                            <td data-title="Commit Count">{{stepExecution.commitCount}}</td>
                            <td data-title="Skip Count">{{stepExecution.rollbackCount}}</td>
                            <td data-title="Duration">{{stepExecution.duration}}</td>
                            <td data-title="Context">
                                <a ng-href="#/springbatch/jobs/{{jobInstance.id}}/executions/{{jobName}}/{{executionId}}/steps/{{stepExecution.id}}">fmt</a>
                            </td>

                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
{'fraction_non_alphanumeric': 0.15355696934644303, 'fraction_numerical': 0.0020242914979757085, 'mean_word_length': 1.5339805825242718, 'pattern_counts': {'":': 0, '<': 365, '<?xml version=': 0, '>': 365, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 6, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5010671', 'n_tokens_mistral': 3792, 'n_tokens_neox': 3480, 'n_words': 551}