     @usernameInput = @el.querySelector('.js-username-input')
     @inputFeedback = @el.querySelector('.js-input-feedback')
 
+    @user =
+      username: @el.dataset.username
+      avatarUrl: @el.dataset.avatarUrl
+
     @initializeSlider()
     @initializeSliderPresets()
     @initializeUsernameInput()

  getUser: (username) =>
    $.post laroute.route('users.check-username-exists'), username: username
    .done (data) =>
      @setUserInteraction(data?)
      @updateUserDisplay(data)
      @updateCart(data)
    .fail (xhr) =>
      @setUserInteraction(false)
      @updateUserDisplay(null)
      @updateCart(null)
      if xhr.status == 401
        osu.popup osu.trans('errors.logged_out'), 'danger'
    .always =>
      @searching = false

  calculate: (position) =>

    @durationElement.textContent = obj.durationText()
    @discountElement.textContent = "save #{obj.discount()}%"

  updateUserDisplay: =>
    avatarUrl = if @user
                  @inputFeedback.textContent = ''
                  @user.avatarUrl
                else
                  @inputFeedback.textContent = "This user doesn't exist"
                  ''
