server/views/home.twig
lefuturiste ecf9a0720e feat: add lazy loading of card on home page
feat: add universal organization store
fix: optimization for JSON data loaded in home page HTML
2020-07-26 13:35:03 +00:00

85 lines
No EOL
3.2 KiB
Twig

{% extends "./base.twig" %}
{% block title %}Accueil{% endblock %}
{% block head %}{% endblock %}
{% block content %}
<div class="nav">
<div
id="nav-enabler"
class="nav-item nav-mobile-enabler">
<div class="nav-icon">
<i class="fas fa-ellipsis-h"></i>
</div>
<div class="nav-item-content">
<div id="nav-enabler-text" class="nav-title">
Afficher le menu
</div>
<div class="nav-access">
<i
id="nav-enabler-icon"
class="fas fa-chevron-down">
</i>
</div>
</div>
</div>
<div id="nav-content">
<div class="nav-item" id="nav-all">
<div class="nav-icon">
<svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path fill="currentColor" d="M328 256c0 39.8-32.2 72-72 72s-72-32.2-72-72 32.2-72 72-72 72 32.2 72 72zm104-72c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72zm-352 0c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72z"></path>
</svg>
</div>
<div class="nav-item-content">
<div class="nav-title">
Toutes
</div>
<div class="nav-access">
<svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
<path
fill="currentColor"
d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"
></path>
</svg>
</div>
</div>
</div>
{% for tag in tags %}
<div class="nav-item" data-tag-id="{{ tag._id }}">
<div class="nav-icon">
<svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 {{ tag.icon.width }} {{ tag.icon.height }}">
<path
fill="currentColor"
d="{{ tag.icon.path }}"
></path>
</svg>
</div>
<div class="nav-item-content">
<div class="nav-title">
{{ tag.name }}
</div>
<div class="nav-access">
<svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
<path
fill="currentColor"
d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"
></path>
</svg>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
<div class="mosaic" id="mosaic">
<div class="mosaic-header" id="mosaic-header"></div>
<div class="card-container"></div>
</div>
{% endblock %}
{% block scripts %}
<script>
let mediaBaseUrl = "{{ mediaBaseUrl }}"
let isProposed = {{ isProposed }}
let organizations = JSON.parse(`{{ organizationsJSON }}`)
</script>
<script src="/scripts/home.js"></script>
{% endblock %}