Updating Single-Day Schedules (Thursday/Friday) To Be Chronological Ordering/Tabular Format

mghassem commented 4 years ago

Can we modify the Thursday and Friday tabs to be chronological ordering?

Ideally, this would be: Session Time (EST), Content Type (Tutorial, Keynote, Doctoral Symposium, Research Talk, Workshop Talk), Title (Paper/Talk Title, or "Doctoral Symposium"), Session Speaker Name(s), CHIL Moderator Name(s), Content Page Link, Zoom Session Link

tompollard commented 4 years ago

@mghassem the functionality to display this information is now ready (e.g. see: https://www.chilconference.org/calendar.html#tab-thu).

Please could someone add the schedule to the following file?: https://github.com/acm-chil/acm-chil-website/blob/master/sitedata/daytoview.yml

The times in the post above seem to be mixed up (10am reappears after 11am), so this schedule needs a review before adding!

mghassem commented 4 years ago

Thanks @tompollard !

Could we modify to: 0) Remove the "Read More" Column. 1) Change the "Video link" Column to be "Session Link". 2) Include two link fields for A) the session docpage and B) the session Zoom link. 3) Make the "Title" Column text link to the specified session docpage link. 4) Make the "Session Link" Column text link to the specified Zoom link.

tompollard commented 4 years ago

Sure, I'll make the change shortly. Just see you can see how this works (and tweak if necessary), the components.html file includes the following macro:

{% macro day_to_view(day) -%}
<div class="cards row">
  <table class="table table-striped">
  <thead>
    <tr>
      <th scope="col">Time</th>
      <th scope="col">Type</th>
      <th scope="col">Title</th>
      <th scope="col">Speaker</th>
      <th scope="col">Moderator</th>
      <th scope="col">Read more</th>
      <th scope="col">Video link</th>
    </tr>
  </thead>
    <tbody>
    {% for row in day %}
    <tr>
      <td>{% if row.time %}{{ row.time }}{% endif %}</td>
      <td>{% if row.type %}{{ row.type }}{% endif %}</td>
      <td>{% if row.title %}{{ row.title }}{% endif %}</td>
      <td>{% if row.speaker %}{{ row.speaker }}{% endif %}</td>
      <td>{% if row.moderator %}{{ row.moderator }}{% endif %}</td>
      <td>{% if row.doclink %}{{ row.doclink }}{% endif %}</td>
      <td>{% if row.videolink %}{{ row.videolink }}{% endif %}</td>
    </tr>
{% endfor %}
  </tbody>
</table>
</div>
{%- endmacro %}

This iterates the yaml content (which is loaded as a python dictionary) and creates the HTML that you see at: https://www.chilconference.org/calendar.html#tab-thu

So the template just needs modifying so that the link variables (e.g. {{ row.doclink }}) are included in href tags.

tompollard commented 4 years ago

@mghassem I've updated the template. We now have the following fields in the YAML file:

  - time: "10:00 AM - 10:50 AM"
    type: Tutorial 
    title: A Tour of Survival Analysis, from Classical to Modern 
    speaker: George H. Chen, Jeremy C. Weiss  
    moderator: Irene Chen 
    doclink:
    sessionlink: 
    sessionlinktext: Coming soon

If there is a doclink, then this will be linked to the title.
If there is a sessionlink then this will be linked to the sessionlinktext.

Hope this helps!

ahli-org / chil-website

Updating Single-Day Schedules (Thursday/Friday) To Be Chronological Ordering/Tabular Format #17