Differential D11410 Diff 37545 search/templates/search/search.html

Changeset View

Standalone View

search/templates/search/search.html

	{% extends 'common/base.html' %}			{% extends 'common/base.html' %}
	{% load pipeline %}			{% load pipeline %}
	{% load static %}			{% load static %}

	{% block title_append %} - Search{% endblock title_append %}			{% block title_append %} - Search{% endblock title_append %}

	{% block bodyclasses %}search{% endblock bodyclasses %}			{% block bodyclasses %}search{% endblock bodyclasses %}

	{% block content %}			{% block content %}

	<div class="container-xl">			<div class="container-xl">

	<section>			<section>

	<div class="row">			<div class="row">
	<div class="col search-bar-wrapper">			<div class="col search-bar-wrapper">
	<div class="input-group" id="search-container">			<div class="input-group" id="search-container">

	<div class="input-group-prepend">			<div class="input-group-prepend">
	<span class="input-group-text">			<span class="input-group-text">
	<i class="material-icons">search</i>			<i class="material-icons">search</i>
	</span>			</span>
	</div>			</div>

	<div class="input-group-append">			<div class="input-group-append">

	</div>			</div>

	</div>			</div>
	</div>			</div>
	</div>			</div>

	<div class="row search-filters mb-3 d-md-none">			<div class="row search-filters mb-3 d-md-none">

	<div class="col-auto">			<div class="col-auto">
	<a class="btn btn-sm btn-dark" data-toggle="collapse" href="#filters" role="button" aria-expanded="false"			<a class="btn btn-sm btn-dark" data-toggle="collapse" href="#filters" role="button" aria-expanded="false"
	aria-controls="collapseExample">			aria-controls="collapseExample">
	<i class="material-icons">filter_list</i>			<i class="material-icons">filter_list</i>
	Filters			Filters
	</a>			</a>
	</div>			</div>

	<div class="col-auto ml-auto">			<div class="col-auto ml-auto">
	<div class="input-group input-group-sm" id="sorting-mobile">			<div class="input-group input-group-sm" id="sorting-mobile">
	<div class="input-group-prepend">			<div class="input-group-prepend">
	<label class="input-group-text" for="searchLicence">Sort by:</label>			<label class="input-group-text" for="searchLicence">Sort by:</label>
	</div>			</div>
	{% comment %} <select class="custom-select" >			{% comment %} <select class="custom-select" >
	<option selected>Relevance</option>			<option selected>Relevance</option>
	<option value="1">Date (New first)</option>			<option value="1">Date (New first)</option>
	<option value="2">Date (Old first)</option>			<option value="2">Date (Old first)</option>
	</select> {% endcomment %}			</select> {% endcomment %}
	</div>			</div>
	</div>			</div>

	</div>			</div>

	<div class="row search-filters collapse" id="filters">			<div class="row search-filters collapse" id="filters">

	<div class="col-md-auto mb-3">			<div class="col-md-auto mb-3">
	<div class="input-group input-group-sm" id="searchType">			<div class="input-group input-group-sm" id="searchType">
	<div class="input-group-prepend">			<div class="input-group-prepend">
	<label class="input-group-text">Type:</label>			<label class="input-group-text">Type:</label>
	</div>			</div>

	</div>			</div>
	</div>			</div>

	<div class="col-md-auto mb-3">			<div class="col-md-auto mb-3">
	<div class="input-group input-group-sm" id="searchMedia">			<div class="input-group input-group-sm" id="searchMedia">
	<div class="input-group-prepend">			<div class="input-group-prepend">
	<label class="input-group-text">Media:</label>			<label class="input-group-text">Media:</label>
	</div>			</div>

	</div>			</div>
	</div>			</div>

	{% comment %} <div class="col-md-auto mb-3">			{% comment %} <div class="col-md-auto mb-3">
	<div class="input-group input-group-sm" id="searchFree">			<div class="input-group input-group-sm" id="searchFree">
	<div class="input-group-prepend">			<div class="input-group-prepend">
	<label class="input-group-text">Is Free:</label>			<label class="input-group-text">Is Free:</label>
	</div>			</div>

	</div>			</div>
	</div> {% endcomment %}			</div> {% endcomment %}

	<div class="col-md-auto mb-3">			<div class="col-md-auto mb-3">
	<div class="input-group input-group-sm" id="searchLicence">			<div class="input-group input-group-sm" id="searchLicence">
	<div class="input-group-prepend">			<div class="input-group-prepend">
	<label class="input-group-text">License:</label>			<label class="input-group-text">License:</label>
	</div>			</div>

	</div>			</div>
	</div>			</div>

	<div class="col-auto mb-3 ml-auto d-none d-md-block">			<div class="col-auto mb-3 ml-auto d-none d-md-block">
	<div class="input-group input-group-sm" id="sorting">			<div class="input-group input-group-sm" id="sorting">
	<div class="input-group-prepend">			<div class="input-group-prepend">
	<label class="input-group-text" for="searchLicence">Sort by:</label>			<label class="input-group-text" for="searchLicence">Sort by:</label>
	</div>			</div>
	{% comment %} <select class="custom-select">			{% comment %} <select class="custom-select">
	<option selected>Relevance</option>			<option selected>Relevance</option>
	<option value="1">Date (New first)</option>			<option value="1">Date (New first)</option>
	<option value="2">Date (Old first)</option>			<option value="2">Date (Old first)</option>
	</select> {% endcomment %}			</select> {% endcomment %}
	</div>			</div>
	</div>			</div>

	</div>			</div>
	</section>			</section>

	<div class="row" id="hits"></div>			<div class="row" id="hits"></div>

	</div>			</div>


	{% endblock content %}			{% endblock content %}

	{% block scripts %}			{% block scripts %}

	{% javascript 'vendor_instantsearch' %}			{% javascript 'vendor_instantsearch' %}
	<script>			<script>
	const fileIconURL = '{% static "common/images/icons/file.svg" %}'			const fileIconURL = '{% static "common/images/icons/file.svg" %}'
	</script>			</script>
	{{ search_client_config\|json_script:"search-client-config" }}			{{ search_client_config\|json_script:"search-client-config" }}
	{% javascript 'search' %}			{% javascript 'search' %}

	{% endblock scripts %}			{% endblock scripts %}