AngularJS task view

TLPTaskView

<div ng-controller="DashboardCtrl">
...
  <h2>Tasks</h2>
  <p>Search: <input type="text" id="query" ng-change="filterChange()" ng-model="query" /></p>
  <div class="contentband" id="registrationBand">
      <label class="overflow gridCol-04 posLeft" title="{{selectedTask}}">{{selectedTask}}</label>: 
      <input type="text" ng-model="registrationHours" id="registrationHours" class="gridCol-01" /> hours - 
      <input type="text" ng-model="registrationText" id="registrationText" class="gridCol-02" /></div>
  <table id="tasks">
      <tr>
          <th class="gridCol-01a">Favorite</th>
          <th class="gridCol-02">Project</th>
          <th class="gridCol-04">Task</th>
          <th></th>
      </tr>
      <tr ng-repeat="item in filteredTasks = (tasks | filter:query | limitTo: 20)">
          <td></td>
          <td><span class="gridCol-02" title="{{item.ProjectName}}">{{item.ProjectName}}</span></td>
          <td><span class="gridCol-04" title="{{item.Name}}">{{item.Name}}</span></td>
          <td></td>
      </tr>
  </table>
...
</div>