new container
This commit is contained in:
parent
220a34620f
commit
c91f8767da
2 changed files with 24 additions and 22 deletions
|
@ -7,9 +7,9 @@ function selectChanged() {
|
||||||
const bVal = b.dataset[sortValue]
|
const bVal = b.dataset[sortValue]
|
||||||
return aVal < bVal ? -1 : 1
|
return aVal < bVal ? -1 : 1
|
||||||
})
|
})
|
||||||
document.getElementById('films').innerHTML = ''
|
document.getElementById('films-list').innerHTML = ''
|
||||||
$films.forEach($film => {
|
$films.forEach($film => {
|
||||||
document.getElementById('films').appendChild($film)
|
document.getElementById('films-list').appendChild($film)
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
{% block body_class%}animated animated-text{% endblock %}
|
{% block body_class%}animated animated-text{% endblock %}
|
||||||
{% block main %}
|
{% block main %}
|
||||||
|
|
||||||
<div class="films" id="films">
|
<div class="films">
|
||||||
<div>
|
<div>
|
||||||
<strong>Sort:</strong>
|
<strong>Sort:</strong>
|
||||||
<select id="sort-select">
|
<select id="sort-select">
|
||||||
|
@ -14,6 +14,7 @@
|
||||||
<option value="lightness">Lightness</option>
|
<option value="lightness">Lightness</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
|
<div id="films-list">
|
||||||
{% for film in films %}
|
{% for film in films %}
|
||||||
<div class="film"
|
<div class="film"
|
||||||
data-position="{{ film.position }}"
|
data-position="{{ film.position }}"
|
||||||
|
@ -35,6 +36,7 @@
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
{% block end %}
|
{% block end %}
|
||||||
|
|
Loading…
Reference in a new issue