ttlApp: Templates

team.html

<div ng-app="mcApp">
  <div ng-controller="TeamCtrl">
  
    <h1>{{team.name}}</h1>
    <hr>

    <div class='row'>
      <div class='col-sm-4'>
        <mc-user ng-repeat="user in users.slice(0, users.length / 3) | filter:{team_ids: team.id}"></mc-user>
      </div>
      <div class='col-sm-4'>
        <mc-user ng-repeat="user in users.slice(users.length / 3, users.length * 2/3) | filter:{team_ids: team.id}"></mc-user>
      </div>
      <div class='col-sm-4'>
        <mc-user ng-repeat="user in users.slice(users.length * 2/3, users.length) | filter:{team_ids: team.id}"></mc-user>
      </div>
    </div>

  </div>
</div>

todoModal.html

<div class="modal-header">
  <h3 class="modal-title">{{todo.title}}</h3>
</div>

<div class="modal-body">
  <ul class="list-inline">
    <li ng-repeat="user in users">
      <a class="label label-primary" ng-if="subscribed(user)" ng-click="unsubscribe(user, todo)">
        {{user.full_name}}
      </a>

      <a class="label label-default" ng-if="!subscribed(user)" ng-click="subscribe(user, todo)">
        {{user.full_name}}
      </a>
    </li>
  </ul>

  <hr>

  <form role="form" ng-init="comment = {todo_id: todo.id}" ng-submit="create(comment)">
    <div class="form-group">
      <textarea class="form-control" rows="3" placeholder="Comment" ng-model="comment.body"></textarea>
    </div>

    <div class="form-group text-left">
      <input type="submit" class="btn btn-primary btn-block" value="Submit" />
    </div>

  </form>

  <hr>

  <div class="panel panel-default text-left" ng-repeat="comment in comments">
    <div class="panel-heading"><strong>{{comment.user_name}}</strong> {{comment.created_at | date}}</div>
    <div class="panel-body">{{comment.body}}</div>
  </div>

</div>

<div class="modal-footer">
  <button class="btn btn-default" ng-click="close()">Close</button>
</div>

user.html

<div class="panel panel-default">
  <div class="panel-heading">
    <h3 class="panel-title">{{user.full_name}}</h3>
  </div>

  Debug: {{todos.length}}

  <ul class="list-group list-todos" mc-draggable data-userId="{{user.id}}">
    <p class="list-group-item text-center text-muted" ng-show="isEmpty(user.id)">Drop tasks here</p>

    <li mc-todo class="list-group-item" ng-class="getColour(todo.created_at)" ng-repeat="todo in todos" data-index="{{$index}}" data-todoId="{{todo.id}}">
      <i class="fa pull-right fa-refresh fa-spin" ng-show="todo.throbber"></i>
      <i class="fa pull-right fa-comment-o" ng-hide="todo.throbber" ng-click="todoOpen(todo)"></i>

      <input type="checkbox" ng-model="todo.complete" ng-click="todoComplete(todo)">
      <a ng-click="todoOpen(todo)">{{todo.title}}</a>
    </li>
  </ul>

  <form novalidate ng-submit="addTodo(team.id, user.id, todoTitle)" >
    <div class="input-group">
      <input type="text" class="form-control" placeholder="New task" ng-model="todoTitle">
      <span class="input-group-btn">
        <input class="btn btn-default" value="Add" type="submit">
      </span>
    </div>
  </form>
</div>