discourse-custom-wizard-unlocked/assets/javascripts/discourse/templates/admin-wizards-transfer.hbs

<div class="container export">
  <h2>{{i18n 'admin.wizard.transfer.export.label'}}</h2>
  
  <ul class="wizard-list-select">
    {{#each model as |w|}}
      <li>
        {{input type="checkbox"
                id=(dasherize w.id)
                change=(action 'checkChanged')}}
        {{#link-to "adminWizard" (dasherize w.id)}}
          {{w.name}}
        {{/link-to}}
      </li>
    {{/each}}
  </ul>
  
  {{d-button id="export-button"
             class="btn btn-primary side"
             label="admin.wizard.transfer.export.label"
             action=(action "export")}}
  
  {{#if exportMessage}}
    <div class="export-message">
      {{exportMessage}}
    </div>
  {{/if}}
</div>

<div class="container import">
  <h2>{{i18n 'admin.wizard.transfer.import.label'}}</h2>

  <div class="controls">
    {{input id='file-url' type="file" change=(action "setFilePath")}}
    
    {{#if importMessage}}
      <div class="import-message">
        {{importMessage}}
      </div>
    {{/if}}
    
    {{d-button id="import-button"
               class="btn btn-primary side"
               label="admin.wizard.transfer.import.label"
               action=(action "import")}}
  </div>
  
  {{#if hasLogs}}
    <div class="import-logs">
      <div class="title">
        {{i18n 'admin.wizard.transfer.import.logs' fileName=fileName}}
      </div>
      
      <ul>
        {{#each logs as |l|}}
          <li class="import-log">
            {{i18n (concat 'admin.wizard.transfer.import.' l.type) id=l.id}}
          </li>
        {{/each}}
      </ul>
    </div>
  {{/if}}
</div>