Mastodon
/
brutaldon-interfaccia-web-minimale
mirror of https://github.com/jfmcbrayer/brutaldon
2
0
Fork 0
Code Issues Releases Wiki Activity

Change which element to use for pull-to-refresh

This commit is contained in:
Jason McBrayer 2018-09-20 08:23:12 -04:00
parent 133a35bcc5
commit 99032361b0
1 changed files with 107 additions and 109 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

216
brutaldon/templates/base.html
View File

@ -47,9 +47,9 @@
<body class="has-navbar-fixed-top" <body class="has-navbar-fixed-top"
ic-global-include='{"csrfmiddlewaretoken": "{{ csrf_token }}"}'> ic-global-include='{"csrfmiddlewaretoken": "{{ csrf_token }}"}'>
<div id="page-load-indicator">&nbsp</div> <div id="page-load-indicator">&nbsp</div>
{% block navbar %} {% block navbar %}
<nav class="navbar is-fixed-top is-primary" role="navigation" <nav class="navbar is-fixed-top is-primary" role="navigation"
aria-label="main navigation"> aria-label="main navigation" id="main-nav-bar">
<div class="navbar-brand"> <div class="navbar-brand">
<a class="navbar-item" href="{% url "home" %}" <a class="navbar-item" href="{% url "home" %}"
ic-get-from="{% url "home" %}" ic-get-from="{% url "home" %}"
@ -61,103 +61,103 @@
ic-on-success="afterPage('{{ own_acct.username }}', 'Home');" ic-on-success="afterPage('{{ own_acct.username }}', 'Home');"
ic-indicator="#page-load-indicator"> ic-indicator="#page-load-indicator">
{% if own_acct %} {% if own_acct %}
<img src="{{ own_acct.avatar_static }}" <img src="{{ own_acct.avatar_static }}"
class="image is-32x32 avatar" class="image is-32x32 avatar"
alt="Brutaldon ('{{ own_acct.username }}')"> alt="Brutaldon ('{{ own_acct.username }}')">
{% else %} {% else %}
<img src="{% static "images/brutaldon.png" %}" <img src="{% static "images/brutaldon.png" %}"
class="image is-32x32" alt="Brutaldon"> class="image is-32x32" alt="Brutaldon">
{% endif %} {% endif %}
</a> </a>
</div> </div>
{% if request.session.instance %} {% if request.session.instance %}
{% if request.session.username or request.session.access_token %} {% if request.session.username or request.session.access_token %}
<div class="navbar-menu is-active" id="navMenu"> <div class="navbar-menu is-active" id="navMenu">
<!-- navbar start, navbar end --> <!-- navbar start, navbar end -->
<div class="navbar-start"> <div class="navbar-start">
<a href="{% url "home" %}" class="navbar-item" <a href="{% url "home" %}" class="navbar-item"
ic-get-from="{% url "home" %}" ic-get-from="{% url "home" %}"
ic-target="#main" ic-target="#main"
ic-scroll-to-target="true" ic-scroll-to-target="true"
ic-select-from-response="#main" ic-select-from-response="#main"
ic-push-url="true" ic-push-url="true"
ic-on-beforeSend="savePlace" ic-on-beforeSend="savePlace"
ic-on-success="afterPage('{{ own_acct.username }}', 'Home');" ic-on-success="afterPage('{{ own_acct.username }}', 'Home');"
ic-indicator="#page-load-indicator"> ic-indicator="#page-load-indicator">
<span class="fa fa-home"></span> <span class="fa fa-home"></span>
<span>&nbsp; Home</span> <span>&nbsp; Home</span>
</a> </a>
<a class="navbar-item" href="{% url "note" %}" <a class="navbar-item" href="{% url "note" %}"
ic-get-from="{% url "note" %}" ic-get-from="{% url "note" %}"
ic-target="#main" ic-target="#main"
ic-scroll-to-target="true" ic-scroll-to-target="true"
ic-select-from-response="#main" ic-select-from-response="#main"
ic-push-url="true" ic-push-url="true"
ic-on-beforeSend="savePlace" ic-on-beforeSend="savePlace"
ic-on-success="afterPage('{{ own_acct.username }}', 'Notifications');" ic-on-success="afterPage('{{ own_acct.username }}', 'Notifications');"
ic-indicator="#page-load-indicator"> ic-indicator="#page-load-indicator">
<span class="fa fa-bell-o"></span> <span class="fa fa-bell-o"></span>
<span >&nbsp; Notifications</span> <span >&nbsp; Notifications</span>
</a> </a>
<a class="navbar-item" href="{% url "local" %}" <a class="navbar-item" href="{% url "local" %}"
ic-get-from="{% url "local" %}" ic-get-from="{% url "local" %}"
ic-target="#main" ic-target="#main"
ic-scroll-to-target="true" ic-scroll-to-target="true"
ic-select-from-response="#main" ic-select-from-response="#main"
ic-push-url="true" ic-push-url="true"
ic-on-beforeSend="savePlace" ic-on-beforeSend="savePlace"
ic-on-success="afterPage('{{ own_acct.username }}', 'Local timeline');" ic-on-success="afterPage('{{ own_acct.username }}', 'Local timeline');"
ic-indicator="#page-load-indicator"> ic-indicator="#page-load-indicator">
<span class="fa fa-community"></span> <span class="fa fa-community"></span>
<span >&nbsp; Local</span> <span >&nbsp; Local</span>
</a> </a>
<a class="navbar-item" href="{% url "fed" %}" <a class="navbar-item" href="{% url "fed" %}"
ic-get-from="{% url "fed" %}" ic-get-from="{% url "fed" %}"
ic-target="#main" ic-target="#main"
ic-scroll-to-target="true" ic-scroll-to-target="true"
ic-select-from-response="#main" ic-select-from-response="#main"
ic-push-url="true" ic-push-url="true"
ic-on-beforeSend="savePlace" ic-on-beforeSend="savePlace"
ic-on-success="afterPage('{{ own_acct.username }}', 'Federated timeline');" ic-on-success="afterPage('{{ own_acct.username }}', 'Federated timeline');"
ic-indicator="#page-load-indicator"> ic-indicator="#page-load-indicator">
<span class="fa fa-globe"></span> <span class="fa fa-globe"></span>
<span >&nbsp;Federated</span> <span >&nbsp;Federated</span>
</a> </a>
<a class="navbar-item" href="{% url "toot" %}" <a class="navbar-item" href="{% url "toot" %}"
ic-get-from="{% url "toot" %}" ic-get-from="{% url "toot" %}"
ic-target="#main" ic-target="#main"
ic-scroll-to-target="true" ic-scroll-to-target="true"
ic-select-from-response="#main" ic-select-from-response="#main"
ic-push-url="true" ic-push-url="true"
ic-on-beforeSend="savePlace" ic-on-beforeSend="savePlace"
ic-on-success="afterPage('{{ own_acct.username }}', 'New toot');" ic-on-success="afterPage('{{ own_acct.username }}', 'New toot');"
ic-indicator="#page-load-indicator"> ic-indicator="#page-load-indicator">
<span class="fa fa-edit"> </span> <span class="fa fa-edit"> </span>
<span >&nbsp; New Toot</span> <span >&nbsp; New Toot</span>
</a> </a>
<a class="navbar-item" href="{% url "search" %}" <a class="navbar-item" href="{% url "search" %}"
ic-get-from="{% url "search" %}" ic-get-from="{% url "search" %}"
ic-target="#main" ic-target="#main"
ic-scroll-to-target="true" ic-scroll-to-target="true"
ic-select-from-response="#main" ic-select-from-response="#main"
ic-push-url="true" ic-push-url="true"
ic-on-beforeSend="savePlace" ic-on-beforeSend="savePlace"
ic-on-success="afterPage('{{ own_acct.username }}', 'Search');" ic-on-success="afterPage('{{ own_acct.username }}', 'Search');"
ic-indicator="#page-load-indicator"> ic-indicator="#page-load-indicator">
<span class="fa fa-search"> </span> <span class="fa fa-search"> </span>
<span >&nbsp; Search</span> <span >&nbsp; Search</span>
</a> </a>
</div> </div>
<div class="navbar-end" > <div class="navbar-end" >
<a class="navbar-item" href="{% url "settings" %}" <a class="navbar-item" href="{% url "settings" %}"
ic-get-from="{% url "settings" %}" ic-get-from="{% url "settings" %}"
ic-target="#main" ic-target="#main"
ic-scroll-to-target="true" ic-select-from-response="#main" ic-scroll-to-target="true" ic-select-from-response="#main"
ic-push-url="true" ic-push-url="true"
ic-on-beforeSend="savePlace" ic-on-beforeSend="savePlace"
ic-on-success="afterPage('{{ own_acct.username }}', 'Settings');" ic-on-success="afterPage('{{ own_acct.username }}', 'Settings');"
ic-indicator="#page-load-indicator"> ic-indicator="#page-load-indicator">
<span class="fa fa-gear"></span> <span class="fa fa-gear"></span>
<span >&nbsp;Settings</span> <span >&nbsp;Settings</span>
</a> </a>
@ -170,21 +170,19 @@
{% endif %} {% endif %}
{% endif %} {% endif %}
</nav> </nav>
{% endblock %} {% endblock %}
<div id="main-outer"> <section id="main" class="section" ic-history-elt="true">
<section id="main" class="section" ic-history-elt="true"> <div class="container">
<div class="container"> {% block content %}
{% block content %} <h1 class="title">
<h1 class="title"> Title
Title </h1>
</h1> <p class="subtitle">
<p class="subtitle"> Brutaldon is totally a thing.
Brutaldon is totally a thing. </p>
</p> {% endblock %}
{% endblock %}
</div>
</section>
</div> </div>
</section>
<footer class="footer"> <footer class="footer">
<div class="level"> <div class="level">
@ -215,11 +213,11 @@
<script type="application/javascript"> <script type="application/javascript">
$(document).ready(function () { $(document).ready(function () {
menuPrepare(); menuPrepare();
$("#main-outer").pullToRefresh({ $("#main-nav-bar").pullToRefresh({
refresh: 200, refresh: 200,
simulateTouch: false, simulateTouch: false,
threshold: 100, threshold: 100,
scroll: "#main-outer", scroll: "main-nav-bar",
}); });
$(document).on("refresh.pulltorefresh", function ($element, y){ $(document).on("refresh.pulltorefresh", function ($element, y){
$("page-load-indicator").show(); $("page-load-indicator").show();