<button class='btn btn-default' id='snaatch-btn' title="{buttonText}" data-dom="{objectPrefix}" data-uid="{uid}" type='button'>
  <f:format.raw>{buttonIcon}</f:format.raw> {buttonText}
</button>

<div id='snaatch-iframe-container'>
  <button id='snaatch-close-btn' type='button'>
    <f:format.raw>{closeIcon}</f:format.raw>
  </button>

  <iframe data-src="{iframeUrl}" id='snaatch-iframe'></iframe>
</div>

<div id='snaatch-folder-modal-bg'>
  <button id='snaatch-folder-modal-close-btn' type='button'>
    <f:format.raw>{closeIcon}</f:format.raw>
  </button>

  <div id='snaatch-folder-container'>
  <h1>Zielordner auswählen</h1>

  <div id='snaatch-folder-selector-wrapper'>
    <div id='snaatch-folder-selector'>
      <!-- This gets automatically filled by javascript -->
    </div>
    <div id='snaatch-subfolder-form'>
      <h2>Unterordner hinzufügen</h2>
      <pre id='snaatch-add-folder-target'>/a/b/c</pre>
      <input id='snaatch-folder-name-input' placeholder='Geben Sie den Ordnernamen ein' />
      <button id='snaatch-add-folder-btn' type='button'>Ordner hinzufügen</button>
    </div>
  </div>

  <hr />

  <pre id='snaatch-folder-select-btn-path' data-path='undefined'>undefined</pre>

  <button id='snaatch-folder-select-btn' class='btn' type='button'>Datei jetzt importieren</button>
  </div>
</div>
