@(collaborators: List[String],
  isGroupRepository: Boolean,
  repository: service.RepositoryService.RepositoryInfo)(implicit context: app.Context)
@import context._
@import view.helpers._
@html.main("Settings", Some(repository)){
  @html.header("settings", repository)
  @menu("collaborators", repository){
    <h3>Manage Collaborators</h3>
    <ul class="collaborator">
      @collaborators.map { collaboratorName =>
        <li>
          <a href="@url(collaboratorName)">@collaboratorName</a>
          @if(!isGroupRepository){
            <a href="@url(repository)/settings/collaborators/remove?name=@collaboratorName" class="remove">(remove)</a>
          }
        </li>
      }
    </ul>
    @if(!isGroupRepository){
      <form method="POST" action="@url(repository)/settings/collaborators/add" validate="true">
        <div>
          <span class="error" id="error-userName"></span>
        </div>
        <input type="text" name="userName" id="userName" style="width: 300px; margin-bottom: 0px;"/>
        <input type="submit" class="btn" value="Add"/>
      </form>
    }
  }
}
<script>
$(function(){
  $('#userName').typeahead({
    source: function (query, process) {
      return $.get('@path/_user/proposals', { query: query },
        function (data) {
          return process(data.options);
        });
    }
  });
});
</script>