<div ng-controller="SpringBatch.JobListController">
    <table class="table table-striped table-hover">
        <thead>
        <tr>
            <th> <a ng-click="predicate='name';reverse=!reverse" style="cursor: pointer">Name</a> </th>
            <th> <a ng-click="predicate='resource';reverse=!reverse" style="cursor: pointer">Resource</a> </th>
            <th> <a ng-click="predicate='description';reverse=!reverse" style="cursor: pointer">Description</a> </th>
            <th> <a ng-click="predicate='executionCount';reverse=!reverse" style="cursor: pointer">ExecutionCount</a> </th>
            <th> <a ng-click="predicate='launchable';reverse=!reverse" style="cursor: pointer">Launchable</a> </th>
            <th> <a ng-click="predicate='incrementable';reverse=!reverse" style="cursor: pointer">Incrementable</a> </th>
            <th> <a ng-click="predicate='incrementable';reverse=!reverse" style="cursor: pointer">Launch</a> </th>
        </tr>
        </thead>
        <tbody ng-repeat="job in jobList | orderBy:predicate:reverse">
        <tr>
            <td>{{job.name}}</td>
            <td>{{job.resource}}</td>
            <td>{{job.description}}</td>
            <td>
                <a ng-href="#/springbatch/jobs/{{job.name}}/executions">{{job.executionCount}}</a>
            </td>
            <td>{{job.launchable}}</td>
            <td>{{job.incrementable}}</td>
            <td>
                <i style="cursor: pointer;" ng-click="job.showLaunchForm = (!job.showLaunchForm)" class="icon-play"></i>
            </td>
        </tr>
        <tr ng-show="job.showLaunchForm">
            <td colspan="6" width="100%">
                <input ng-model="job.launchParams" style="width: inherit;" type="text">
            </td>
            <td>
                <a style="cursor: pointer;" class="btn" ng-click="launchJob(job.name)" >Launch</a>
            </td>
        </tr>
        </tbody>
    </table>
</div>