nopaque/app/templates/modals/export_query_results.html.j2

<!-- Export query results modal. Allos the user to download the results in different file formats. WIP -->
<div id="query-results-download-modal"
     class="modal modal-fixed-footer no-autoinit">
  <div class="modal-content">
    <h4>Download your results</h4>
    <p>Download your results or sub results in different file formats like JSON
       or CSV, so you can reuse them in Excel or other software.
       You can also simply publish your results as raw data using one of these
       formats. We recommend JSON!
    </p>
    <table>
      <tr>
        <td>JSON</td>
        <td>
          <a class="btn waves-effect waves-light" id="download-results-json">
             Download
            <i class="material-icons right">file_download</i>
          </a>
        </td>
      </tr>
      <tr>
        <td>CSV</td>
        <td>
          <a class="btn waves-effect waves-light disabled"
             id="download-results-csv">
             Download
            <i class="material-icons right">file_download</i>
          </a>
        </td>
      </tr>
      <tr>
        <td>EXCEL</td>
        <td>
          <a class="btn waves-effect waves-light disabled">Download
            <i class="material-icons right">file_download</i>
          </a>
        </td>
      </tr>
      <tr>
        <td>HTML</td>
        <td>
          <a class="btn waves-effect waves-light disabled">Download
            <i class="material-icons right">file_download</i>
          </a>
        </td>
      </tr>
    </table>
  </div>
  <div class="modal-footer">
    <a href="#!" class="modal-close waves-effect waves-light red btn">Close</a>
  </div>
</div>