move search files to search page

- To speed up page load the js files should be loaded on bottom of page.
- search files are only needed if you search. Move them to search page
- instantiate tipue search only on search page
This commit is contained in:
lioman 2021-03-09 08:57:48 +01:00 committed by Lioman
parent 6fe38c6986
commit 4b76663ae1
2 changed files with 19 additions and 26 deletions

View file

@ -295,18 +295,6 @@
{% include 'partial/github.html' %} {% include 'partial/github.html' %}
{% endif %} {% endif %}
{% if PLUGINS and 'tipue_search' in PLUGINS %}
<script src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/tipuesearch/jquery.min.js"></script>
<script src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/tipuesearch/tipuesearch.min.js"></script>
<script src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/tipuesearch/tipuesearch_set.min.js"></script>
<script src="{{ SITEURL }}/tipuesearch_content.js"></script>
<script>
$(document).ready(function() {
$('#tipue_search_input').tipuesearch();
});
</script>
{% endif %}
{% block additional_js %}{% endblock %} {% block additional_js %}{% endblock %}
</body> </body>
</html> </html>

View file

@ -2,16 +2,6 @@
{% extends 'base.html' %} {% extends 'base.html' %}
{% block title %}{{ _('Search') }} - {{ SITENAME|striptags }}{% endblock title %} {% block title %}{{ _('Search') }} - {{ SITENAME|striptags }}{% endblock title %}
{% block content %} {% block content %}
<script>
$(document).ready(function() {
$('#tipue_search_input').tipuesearch({
'show': 10,
'mode': 'json',
'contentLocation': '{{ SITEURL }}/tipuesearch_content.js'
});
});
</script>
<article class="single"> <article class="single">
<header> <header>
<h1 id="categories">{{ _('Search Results') }}</h1> <h1 id="categories">{{ _('Search Results') }}</h1>
@ -19,4 +9,19 @@
<div id="tipue_search_content"></div> <div id="tipue_search_content"></div>
</article> </article>
{% endblock content %} {% endblock content %}
{% block additional_js %}
<script src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/tipuesearch/jquery.min.js"></script>
<script src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/tipuesearch/tipuesearch.min.js"></script>
<script src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/tipuesearch/tipuesearch_set.min.js"></script>
<script src="{{ SITEURL }}/tipuesearch_content.js"></script>
<script>
$(document).ready(function () {
$("#tipue_search_input").tipuesearch({
show: 10,
mode: "json",
contentLocation: "{{ SITEURL }}/tipuesearch_content.js",
});
});
</script>
{% endblock additional_js %}
{% endif %} {% endif %}