         isEditable: true
     )
 
-    #fetch the user's name
+    #fetch the logged-in user's name
     @user = $.ajax(
       url: "/api/user"
     )
 
   addNewTeam : ->
 
+
     @user.then(
       (userData) =>
         team =
-          name : "test"
+          name : @ui.inputName.val()
           owner : "#{userData.firstName} #{userData.lastName}"
           roles : [{ name : "admin" }, { name : "user" }]
           isEditable : true

        </thead>
        <tbody></tbody>
      </table>

      <div class="form-actions navbar-fixed-bottom">
        <div class="btn-group">
          <a class="btn btn-primary" id="new-team">

        </div>
      </div>
    </form>
    <div class="modal hide fade">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h3>Add a New Team</h3>
      </div>
      <div class="modal-body">
        <form class="form-horizontal">
          <div class="control-group">
            <div class="control-group">
              <label class="control-label" for="inputName">Name</label>
              <div class="controls">
                <input type="text" id="inputName" placeholder="Name" required>
              </div>
            </div>
          </div>
        </form>
      </div>
      <div class="modal-footer">
        <a href="#" class="btn btn-primary" data-dismiss="modal">Add</a>
        <a href="#" class="btn" data-dismiss="modal">Close</a>
      </div>
    </div>
  """)
  className : "team-administration container wide"
  itemView : TeamListItemView
  itemViewContainer : "tbody"

  ui :
    "modal" : ".modal"
    "inputName" : "#inputName"

  events :
    "click #new-team" : "showModal"
    "click .modal .btn-primary" : "addNewTeam"

  initialize : ->

