tetalab/thsf.net
19
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor: planning

Browse Source
This commit is contained in:
mco-system
2023-04-16 18:38:01 +11:00
parent 45ea9077a4
commit 9d52c03cc8
8 changed files with 152 additions and 278 deletions
Download Patch File Download Diff File Expand all files Collapse all files

104
src/thsf/templates/slot.html
View File

@@ -1,58 +1,64 @@
<div class="slot">
<div class="metadata {{ slot.slot.start | date2dayclass}}">
<div class="speakers">
{% for speaker in slot.speakers %}
<div class="speaker">
{{speaker.name | title}}
{% if speaker.avatar or speaker.biography %}
<i class="speaker_details fa-solid fa-user"></i>
<div class="details">
{% if speaker.avatar %}
<img src="{{speaker.avatar}}"
alt=""
title="">
{% endif %}
{% if speaker['biography'] %}
<p class="thin">{{speaker.biography}}</p>
{% endif %}
</div>
{% endif %}
</div><br>
{% endfor %}
<div class="slot_header">
<div class="slot_title {{ slot.slot.start | date2dayclass}}"
onclick="switch_visibility(document.getElementById('{{slot.code}}'))">
<i class="black {{slot.submission_type.fr | toicon }}"></i>
<span class="title">{{slot.title}}</span>
</div>
<div class="slot_info_buttons">
<i class="button slot_tooltip black {{slot.submission_type.fr | toicon }}">
<span class="slot_tooltiptext thin">
{{slot.submission_type.fr}}
</span>
</i>
<div class="slot_info">
<i class="button slot_info_details black fa-solid fa-circle-info"></i>
<div id="detail_{{index}}"
class="details thin">
<div class="abstract">
{% if slot['image'] %}
<img class="data_img"
src="{{slot.image}}"
alt=""
title="">
<div class="slot_info">
<div class="start">
<i class="fa-solid fa-caret-right"></i>
{{slot.slot.start | date2dmyhm}} - {{slot.duration}} minutes ({{slot.content_locale | capitalize}})
</div>
<div class="room">
<i class="fa-solid fa-caret-right"></i>
{{slot.slot.room.fr}}
</div>
<div class="speakers">
{% for speaker in slot.speakers %}
<div class="speaker">
<div class="name" onclick="switch_visibility(document.getElementById('{{speaker.code}}'))">
<i class="fa-solid fa-user"></i>
<span>{{speaker.name | title}}</span>
</div>
{% if speaker.avatar or speaker.biography %}
<div id="{{speaker.code}}" class="speaker_details">
{% if speaker.avatar %}
<div class="speaker_avatar">
<img class="speaker_img"
src="{{speaker.avatar}}"
alt="{{speaker.name | title}}"
title="{{speaker.name | title}}">
</div>
{% endif %}
{% if speaker.biography %}
<div class="speaker_biography">
<div class="speaker_biography">
{{ speaker.biography }}
</div>
</div>
{% endif %}
</div>
{% endif %}
<p>{{slot.abstract}}</p>
</div>
<div class="description">
{{slot.description}}
</div>
{% endfor %}
</div>
<div id="{{slot.code}}" class="slot_details">
<div class="abstract">
{% if slot.image %}
<img class="slot_img"
src="{{slot.image}}"
alt="{{slot.name}}"
title="{{slot.name}}">
{% endif %}
{% if slot.abstract %}
<p>{{slot.abstract}}</p>
{% endif %}
{% if slot.description %}
<p>{{slot.description}}</p>
{% endif %}
</div>
</div>
</div>
</div>
<div class="data">
<div class="details">
<div class="title black">
{{slot.title}}
</div>
<div class="room"><i class="fa-solid fa-caret-right"></i> {{slot.slot.room.fr}}</div>
<div class="start"><i class="fa-solid fa-caret-right"></i> {{slot.slot.start | date2dmyhm}} - {{slot.duration}} minutes ({{slot.content_locale | capitalize}})</div>
</div>
</div>
</div>