   initialize: ({@uri}) ->
     @handleUIEvents()
     @handleUpdateEvents()
+    @updateAutoUpdateElements()
 
   handleUIEvents: () ->
     @atomVersion.text(atom.getVersion())


  handleUpdateEvents: ->
    @update = new Update
    @update.onDidChange =>
      @find('.about-updates-item').removeClass('is-shown')

      state = @update.getState()
      switch state
        when Update.State.CheckingForUpdate
          @checkingForUpdates.addClass('is-shown')
        when Update.State.DownloadingUpdate
          @downloadingUpdate.addClass('is-shown')
        when Update.State.UpdateAvailableToInstall
          @updateAvailableVersion.text(@update.getAvailableVersion())
          @updateAvailableToInstall.addClass('is-shown')
        when Update.State.UpToDate
          @upToDate.addClass('is-shown')

  serialize: ->
    deserializer: 'AboutView'

              @span class: 'icon icon-clippy about-copy-version'
            @a class: 'about-header-release-notes', outlet: 'viewReleaseNotes', 'Release Notes'

        @div class: 'about-updates group-start', outlet: 'updatesContainer', =>
          @div class: 'about-updates-box', =>
            @div class: 'about-updates-status', =>

              @div class: 'about-updates-item is-shown about-default-update-message', outlet: 'defaultUpdateMessage', =>
                @span class: 'about-updates-label', ''
                @a class: 'about-updates-release-notes', 'Check Now'

              @div class: 'about-updates-item app-up-to-date', outlet: 'upToDate', =>
                @span class: 'icon icon-check'
                @span class: 'about-updates-label is-strong', 'Atom is up to date!'

