Add pull-to-refresh

This commit is contained in:
Jason McBrayer 2018-09-20 08:15:07 -04:00
parent c5697e1766
commit 133a35bcc5
2 changed files with 29 additions and 13 deletions

1
brutaldon/static/js/jquery.p2r.min.js vendored Normal file

File diff suppressed because one or more lines are too long

View File

@ -32,6 +32,7 @@
<script type="text/javascript" src="{% static 'js/jquery.min.js' %}"></script> <script type="text/javascript" src="{% static 'js/jquery.min.js' %}"></script>
<script type="text/javascript" src="{% static 'js/intercooler.js' %}"></script> <script type="text/javascript" src="{% static 'js/intercooler.js' %}"></script>
<script type="text/javascript" src="{% static 'js/jquery.photobox.js' %}"></script> <script type="text/javascript" src="{% static 'js/jquery.photobox.js' %}"></script>
<script src="{% static 'js/jquery.p2r.min.js' %}" type='text/javascript'></script>
<script type="text/javascript" src="{% static 'js/brutaldon-enhancements.js' %}"></script> <script type="text/javascript" src="{% static 'js/brutaldon-enhancements.js' %}"></script>
{% block page_scripts %} {% block page_scripts %}
{% endblock %} {% endblock %}
@ -169,19 +170,21 @@
{% endif %} {% endif %}
{% endif %} {% endif %}
</nav> </nav>
{% endblock %} {% endblock %}
<section id="main" class="section" ic-history-elt="true"> <div id="main-outer">
<div class="container"> <section id="main" class="section" ic-history-elt="true">
{% block content %} <div class="container">
<h1 class="title"> {% block content %}
Title <h1 class="title">
</h1> Title
<p class="subtitle"> </h1>
Brutaldon is totally a thing. <p class="subtitle">
</p> Brutaldon is totally a thing.
{% endblock %} </p>
{% endblock %}
</div>
</section>
</div> </div>
</section>
<footer class="footer"> <footer class="footer">
<div class="level"> <div class="level">
@ -210,7 +213,19 @@
{% if not preferences.theme.is_brutalist %} {% if not preferences.theme.is_brutalist %}
<script type="application/javascript"> <script type="application/javascript">
document.addEventListener('DOMContentLoaded', menuPrepare); $(document).ready(function () {
menuPrepare();
$("#main-outer").pullToRefresh({
refresh: 200,
simulateTouch: false,
threshold: 100,
scroll: "#main-outer",
});
$(document).on("refresh.pulltorefresh", function ($element, y){
$("page-load-indicator").show();
window.location.reload();
});
});
$(document).on('handle.onpopstate.ic', $(document).on('handle.onpopstate.ic',
restorePlace); restorePlace);
if (navigator.serviceWorker.controller) { if (navigator.serviceWorker.controller) {