   ###
   # Interface.
   ###
-  class Interface
+  class Interface extends Component
     DIV_HTML_SRC        = PLUGMIXER_HTML + '?v=' + HTML_VERSION
 
     PARENT_DIV          = '#room'

      API.on API.ROOM_CHANGE, (oldRoom, newRoom) ->
        Room.changedTo newRoom

      Helper.PlaylistRefresh.initialize()

      API.on API.PLAYLIST_ACTIVATE, (playlist) ->
        API.chatLog "Next playing from #{playlist.name}"

      Room.initialize()


  ###

      li.attr 'id', "plugmixer-playlist-#{playlist.id}"
      return li

    # appendPlaylists = ->
    #   Playlists.afterInitialization ->
    #     Playlists.all().forEach (playlist) ->
    #       $('#plugmixer-playlists').append playlistLi(playlist)

    syncPlaylist = (event) ->
      id = $(event.currentTarget).data 'id'
