 
   constructor:(options = {}, data)->
 
-    options.cssClass = 'clearfix'
+    options.cssClass = 'clearfix login-form'
 
     super options, data
 


    # make this a reusable component - SY
    oldPass   = null
    @password = new KDInputView
      type          : 'password'
      name          : 'password'
      placeholder   : 'set a password'
      validate      :
        event       : 'blur'
        container   : this
        rules       :
          required  : yes
          minLength : 8
        messages    :
          required  : 'Please enter a password.'
          minLength : 'Passwords should be at least 8 characters.'
      keyup         : (event) ->
        pass     = @getValue()
        strength = ['bad', 'weak', 'moderate', 'good', 'excellent']

        return  if pass is oldPass
        if pass is ''
          ps.unsetClass strength.join ' '
          oldPass = null
          return

        KD.utils.checkPasswordStrength pass, (err, report) ->
          oldPass = pass

          return if pass isnt report.password  # to avoid late responded ajax calls

          ps.unsetClass strength.join ' '
          ps.setClass strength[report.score]

    @backLink = new KDCustomHTMLView
      tagName  : 'span'
      cssClass : 'TeamsModal-button-link back'
      partial  : '<i></i> <a href="/Team/Domain">Back</a>'


    @button = new KDButtonView
      title      : 'Done!'

JView           = require './../../core/jview'
LoginInputView  = require './../../login/logininputview'


module.exports = class TeamUsernameTabForm extends KDFormView

