Создайте пользовательский тонкий тег с содержимым внутри - PullRequest
Новая
       38

Создайте пользовательский тонкий тег с содержимым внутри

0 голосов
/ 30 марта 2020

Я пишу помощника, используя Slim Dynami c Теги для сборки Bootstrap Модальные . Я хочу, чтобы окончательная разметка выглядела следующим образом: 

<div class="modal" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="spinner-border"></div>
    </div>
  </div>
</div>

Это мой "модальный режим загрузки", потому что мы динамически загружаем контент в .modal-content. Я не хочу переписывать эту разметку снова и снова.

В моих тонких файлах я хочу назвать этот тег следующим образом: 

*bs_loading_modal('my-modal')

Но я не смог вставить вложенные div в мой помощник. Я думаю, что это близко к тому, что я хочу, но content не работает (он добавляет его в качестве атрибута тега): 

def bs_loading_modal(id, opts = {})
  { 
    id: id,
    tag: :div,
    class: 'modal fade'
    role: 'dialog',
    tabindex: '-1',
    content: {
      tag: :div,
      class: "modal-dialog",
      role: 'document',
      content: {
        tag: :div,
        class: 'modal-content',
        content: {
          tag: :div,
          class: 'spinner-border'
        }
      }
    }
  }
end

Любые идеи, как я могу передать контент через slim?

...