mirror of https://github.com/snachodog/mybuddy.git
refactor: move javascript to babybuddy.js
having it directly in the page html is not ideal, now its properly isolated. Also use the new classname
This commit is contained in:
parent
b7743674d8
commit
66ccc1c6c8
|
@ -43,3 +43,19 @@ $("form").off("submit", preventDoubleSubmit);
|
|||
$("form").on("submit", function () {
|
||||
$(this).on("submit", preventDoubleSubmit);
|
||||
});
|
||||
|
||||
BabyBuddy.RememberAdvancedToggle = function (ptr) {
|
||||
localStorage.setItem("advancedForm", event.newState);
|
||||
};
|
||||
|
||||
(function toggleAdvancedFields() {
|
||||
window.addEventListener("load", function () {
|
||||
if (localStorage.getItem("advancedForm") !== "open") {
|
||||
return;
|
||||
}
|
||||
|
||||
document.querySelectorAll(".advanced-fields").forEach(function (node) {
|
||||
node.open = true;
|
||||
});
|
||||
});
|
||||
})();
|
||||
|
|
|
@ -44,22 +44,6 @@
|
|||
<script src="{% static "babybuddy/js/vendor.js" %}"></script>
|
||||
<script src="{% static "babybuddy/js/app.js" %}"></script>
|
||||
{% if user.is_authenticated %}<script>BabyBuddy.PullToRefresh.init()</script>{% endif %}
|
||||
{% block javascript %}
|
||||
<script type="application/javascript">
|
||||
function rememberAdvancedToggle(event, element){
|
||||
localStorage.setItem("advancedForm",event.newState)
|
||||
}
|
||||
|
||||
window.addEventListener('load', function () {
|
||||
if(localStorage.getItem("advancedForm") !== "open"){
|
||||
return;
|
||||
}
|
||||
|
||||
document.querySelectorAll("form details").forEach(function(node){
|
||||
node.open = true
|
||||
});
|
||||
})
|
||||
</script>
|
||||
{% endblock %}
|
||||
{% block javascript %}{% endblock %}
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -1,7 +1,8 @@
|
|||
{% load i18n %}
|
||||
<div class="row">
|
||||
<div class="row mb-3">
|
||||
<details ontoggle="rememberAdvancedToggle(event)" class="advanced-fields">
|
||||
<details ontoggle="BabyBuddy.RememberAdvancedToggle(event)"
|
||||
class="advanced-fields">
|
||||
<summary class="advanced-fields__summary">
|
||||
<h4>{% trans "Advanced Fields" %}</h4>
|
||||
</summary>
|
||||
|
|
Loading…
Reference in New Issue