internetee/registry

#js-statuses
  - f.object.statuses.each do |s|
    - disabled = disabled_statuses.include?(s)
    - disabled_style = disabled ? 'display: none' : ''
    - delete_style = not_deletable_statuses.include?(s) ? 'display: none' : ''

    .panel.panel-default
      .panel-heading.clearfix
        .pull-left= t(:status)
        .pull-right
          - if model == 'domain'
            .hide-when-new
              = render 'admin/domains/form/pending_update', f: f, status: s
              = render 'admin/domains/form/pending_delete', f: f, status: s
          = link_to(t(:delete), '#', class: 'btn btn-danger btn-xs js-destroy-status', style: delete_style)
      .panel-body
        .form-group
          = f.label 'status', class: 'col-md-2 control-label'
          .col-md-10
            .js-select{style: disabled_style}
              = select_tag "#{model}[statuses][]", 
                options_for_select(admin_statuses_map, s), 
                include_blank: true, class: "form-control"
            - if disabled
              .disabled-value.js-disabled-value
                = s
                = hidden_field_tag "#{model}[statuses][]", s, readonly: true
        .form-group
          = label_tag t(:notes), nil, class: 'col-md-2 control-label'
          .col-md-10
            - value = f.object.new_record? ? '' : f.object.status_notes[s]
            = text_field_tag "#{model}[status_notes_array][]", value, class: 'form-control'

:javascript
  window.addEventListener('load', function() {
    $("#js-statuses").nestedAttributes({
      bindAddTo: $(".js-add-status"),
      afterAdd: function(el) {
        if (el.find('.js-disabled-value')) {
          el.find('.js-disabled-value').remove();
          el.find('.js-select').show();
          el.find('.hide-when-new').hide();
          return el.find('.js-destroy-status').show();
        }
      }
    });

    $(document).on('click', '.js-destroy-status', function(e) {
      e.preventDefault();
      return $(this).parents('.panel').remove();
    });
  });