chromium/chrome/browser/resources/ash/settings/crostini_page/crostini_export_import.html

<style include="settings-shared">
  .container-select {
    padding: 0 8px;
  }

  .two-line-settings-box {
    min-height: 80px;
  }

  #secondaryText {
    padding: 3px 0;
  }
</style>
<div id="export"
  class$="settings-box first [[getSettingsBoxClass_(allContainers_)]]">
  <div id="exportCrostiniLabel" class="start">
    $i18n{crostiniExportLabel}
    <template is="dom-if" if="[[showContainerSelect_]]" restamp>
      <div class="secondary" id="secondaryText">
        Container to backup
        <settings-guest-os-container-select
          class="container-select"
          id="exportContainerSelect"
          containers="[[allContainers_]]"
          selected-container-id="{{exportContainerId_}}"
          default-vm-name="[[defaultVmName_]]">
        </settings-guest-os-container-select>
      </div>
    </template>
  </div>
  <cr-button on-click="onExportClick_" disabled="[[!enableButtons_]]"
      aria-labelledby="exportCrostiniLabel"
      deep-link-focus-id$="[[Setting.kBackupLinuxAppsAndFiles]]">
    $i18n{crostiniExport}
  </cr-button>
</div>
<div id="import" class$="settings-box [[getSettingsBoxClass_(allContainers_)]]">
  <div id="importCrostiniLabel" class="start">
    $i18n{crostiniImportLabel}
    <template is="dom-if" if="[[showContainerSelect_]]" restamp>
      <div class="secondary" id="secondaryText">
        Container to restore
        <settings-guest-os-container-select
          class="container-select"
          id="importContainerSelect"
          containers="[[allContainers_]]"
          selected-container-id="{{importContainerId_}}"
          default-vm-name="[[defaultVmName_]]">
        </settings-guest-os-container-select>
      </div>
    </template>
  </div>
  <cr-button on-click="onImportClick_" disabled="[[!enableButtons_]]"
      aria-labelledby="importCrostiniLabel"
      deep-link-focus-id$="[[Setting.kRestoreLinuxAppsAndFiles]]">
    $i18n{crostiniImport}
  </cr-button>
</div>
<template is="dom-if" if="[[showImportConfirmationDialog_]]" restamp>
  <settings-crostini-import-confirmation-dialog
      on-close="onImportConfirmationDialogClose_"
      import-container-id="{{importContainerId_}}">
  </settings-crostini-import-confirmation-dialog>
</template>