         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

        </div>
      </div>
    </form>
    <div id="modal-wrapper"></div>
  """)
  className : "team-administration container wide"
  itemView : TeamListItemView
  itemViewContainer : "tbody"

  ui :
    "modalWrapper" : "#modal-wrapper"

  events :
    "click #new-team" : "addNewTeam"

  initialize : ->



  showModal : (modalView) ->

    @ui.inputName.val("")
    @ui.modal.modal("show")
