index.js.erb

e.HTML = "<%= j content_tag(:div, render('list', posts: @posts), class: %w(popup)) %>".toHTML()

menu.html.erb

<%= link_to "Drafts", admin_posts_path(type: :draft), class: %w(drafts), remote: true, as: 'Posts.Popup' %>

popup.coffee

class Popup
  loaded: =>
    @on 'posts:index', @show

  show: (e) =>
    document.body.appendChild(e.HTML)
    @on 'keyup', document, @escaped
    @on 'click', document, @clicked

  clicked: (e) =>
    el = e.target
    while el && !el.classList.contains('popup')
      el = el.parentElement

    unless el?
      @remove()

  escaped: (e) =>
    if e.keyCode == 27
      @remove()

  remove: (e) =>
    document.removeEventListener('keyup')
    document.removeEventListener('click')
    popup = document.body.querySelector('.popup')
    if popup?
      popup.remove()

Ethereal.Models.add Popup, 'Posts.Popup'