nopaque/web/app/templates/interactions/display.html.j2

<!-- HTML to allow the user to change how the results are being displayed.-->

<div class="col s12 m3 l2" id="display">
  <h6 style="margin-top: 0px;">Display</h6>
  <div class="divider" style="margin-bottom: 10px;"></div>
  <div class="row">
    <div class="col s12">
      <form id="display-options-form">
        {{ M.render_field(display_options_form.results_per_page,
                          material_icon='format_list_numbered') }}
        {{ M.render_field(display_options_form.result_context,
                          material_icon='short_text') }}
        <div class="col s12" style="line-height: 38px;">
          <div class="col s8">
            {{ display_options_form.expert_mode.label.text }}
          </div>
          <div class="class col s4 right-align">
              <div class="switch">
                <label style="margin-left: -20px;">
                  {{ display_options_form.expert_mode() }}
                  <span class="lever"></span>
                </label>
              </div>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>