octo
/
brutaldon
mirror of https://gitlab.com/brutaldon/brutaldon
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Add JS enhancement to thread page: expand/collapse all CWs

This commit is contained in:
Jason McBrayer 2018-08-23 11:19:32 -04:00
parent b636b39641
commit f73cadee90
1 changed files with 49 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
brutaldon/templates/main/thread.html
View File

@ -2,30 +2,64 @@
{% load humanize %} {% load humanize %}
{% block title %} {% block title %}
Brutaldon ({{ own_acct.username }}) - thread Brutaldon ({{ own_acct.username }}) - thread
{% endblock %} {% endblock %}
{% comment %} {% comment %}
mastodon.status_context(<numerical id>) mastodon.status_context(<numerical id>)
# Returns the following dictionary: # Returns the following dictionary:
{ {
'ancestors': # A list of toot dicts 'ancestors': # A list of toot dicts
'descendants': # A list of toot dicts 'descendants': # A list of toot dicts
} }
{% endcomment %} {% endcomment %}
{% block content %} {% block content %}
<h1 class="title">Thread</h1> <h1 id="title" class="title">
Thread
</h1>
{% for ancestor in context.ancestors %} {% for ancestor in context.ancestors %}
{% include "main/toot_partial.html" with toot=ancestor %} {% include "main/toot_partial.html" with toot=ancestor %}
<hr class="is-hidden"> <hr class="is-hidden">
{% endfor %} {% endfor %}
{% include "main/toot_partial.html" with toot=toot active=True %} {% include "main/toot_partial.html" with toot=toot active=True %}
<hr class="is-hidden"> <hr class="is-hidden">
{% for descendant in context.descendants %} {% for descendant in context.descendants %}
{% include "main/toot_partial.html" with toot=descendant %} {% include "main/toot_partial.html" with toot=descendant %}
<hr class="is-hidden"> <hr class="is-hidden">
{% endfor %} {% endfor %}
{% endblock %} {% endblock %}
{% block page_scripts_inline %}
<script type="application/javascript">
document.addEventListener('DOMContentLoaded', function () {
var theButton = document.createElement('p');
theButton.textContent = "Expand CWs";
theButton.classList.toggle('button');
document.querySelector('#title').insertAdjacentElement('afterend', theButton);
var details = document.querySelectorAll('details');
var openState = false;
if (details != null) {
theButton.addEventListener('click', function() {
openState = details.item(0).hasAttribute('open');
details.forEach(function ($el) {
if (openState)
{
$el.removeAttribute('open');
} else
{
$el.setAttribute('open', '');
}
});
openState = !openState;
if (openState) { theButton.textContent = 'Collapse CWs'; }
else { theButton.textContent = "Expand CWs"; };
theButton.classList.toggle('is-active');
});
};
});
</script>
{% endblock %}