pywb/pywb/templates/query.html

{% extends "base.html" %}

{% block title %}
{{ _('Search Results') }}
{% endblock %}

{% block head %}
{{ super() }}

{% if not ui.vue_calendar_ui %}
<link rel="stylesheet" href="{{ static_prefix }}/css/query.css">
<script src="{{ static_prefix }}/js/url-polyfill.min.js"></script>
<script src="{{ static_prefix }}/query.js"></script>
{% else %}

<script src="{{ static_prefix }}/vue/vueui.js"></script>

{% endif %}


{% endblock %}


{% block body %}

{% if not ui.vue_calendar_ui %}
<div class="container-fluid">
    <div class="row justify-content-center">
        <h4 class="display-4 text-center text-sm-left p-0">{{ _('Search Results') }}</h4>
    </div>
</div>
<div class="container">
    <div class="row justify-content-center text-center text-sm-left mt-1" id="display-query-type-info"></div>
</div>
<div class="container mt-3 q-display" id="captures"></div>
{% endif %}


<script>
  var text = {
      months: {
       '01': "{{ _('January') }}",
       '02': "{{ _('February') }}",
       '03': "{{ _('March') }}",
       '04': "{{ _('April') }}",
       '05': "{{ _('May') }}",
       '06': "{{ _('June') }}",
       '07': "{{ _('July') }}",
       '08': "{{ _('August') }}",
       '09': "{{ _('September') }}",
       '10': "{{ _('October') }}",
       '11': "{{ _('November') }}",
       '12': "{{ _('December') }}",
      },
      version: "{{ _('capture of') }}",
      versions: "{{ _('captures of') }}",
      result: "{{ _('result') }}",
      results: "{{ _('results') }}",
      matching: "{{ _('for matching') }}",
      by: "{{ _('by') }}",
      viewAllCaptures: "{{ _('View All Captures') }}",
      dateTime: "{{ _('Date Time: ') }}",
      mimeType: "{{ _('Mime Type: ') }}",
      httpStatus: "{{ _('HTTP Status: ') }}",
      types: {
        'prefix': "{{ _('prefix') }}",
        'host': "{{ _('host') }}",
        'domain': "{{ _('domain') }}",
      },
    };

{% if not ui.vue_calendar_ui %}

  var renderCal = new RenderCalendar({ prefix: "{{ prefix }}", staticPrefix: "{{ static_prefix }}", text: text });
  renderCal.init();

{% else %}
  VueUI.main("{{ static_prefix }}", "{{ url }}", "{{ prefix }}", undefined, "{{ ui.logo }}");

{% endif %}

</script>

{% if ui.vue_calendar_ui %}
<div id="app" style="width: 100%; height: 100%"></div>
{% endif %}

{% endblock %}