SIA Web Design Library

Meeting: Teaser

No notes defined.

<article class='c-meeting meeting type-meeting c-meeting--scheduled c-meeting--teaser'>

    <div class='c-boarding-pass c-boarding-pass--scheduled'>
        <header class='c-boarding-pass__header'>
            <div class='c-boarding-pass__date-wrapper'>

                <time class='c-date c-date--graphic  dt-start ' datetime='15.07.2020, 19:17 CEST' />
                <span class='c-date__day'>15</span><span class='c-date__month'>07</span><span class='c-date__year'>2020</span><span class='c-date__time-timezone'><span class='c-date__time'>19:00</span> <span class='c-date__timezone'>CEST</span></span> </time>

            </div>
            <p class='c-boarding-pass__stage'><span class='c-tag c-tag--scheduled'>Scheduled</span></p>
            <h1 class='c-heading c-heading--minor c-boarding-pass__heading'>
                <a class='c-link c-link--minor c-boarding-pass__link ' href="#" itemprop="item" itemid="#"><span itemprop="name">Blue Monday Project & Georg Woschnagg</span></a>
            </h1>
        </header>

        <div class='c-boarding-pass__schedule'>
            <span class='c-boarding-pass__schedule__item'>
                <span class='c-boarding-pass__schedule__item__label'>Date</span>
                <span class='c-boarding-pass__schedule__item__value'>21.07.2020</span>
            </span>
            <span class='c-boarding-pass__schedule__item'>
                <span class='c-boarding-pass__schedule__item__label'>Time</span>
                <span class='c-boarding-pass__schedule__item__value'>19:00 CEST</span>
            </span>
            <span class='c-boarding-pass__schedule__item'>
                <span class='c-boarding-pass__schedule__item__label'>Duration</span>
                <span class='c-boarding-pass__schedule__item__value'>60 minutes</span>
            </span>
        </div>

        <div class='c-boarding-pass__actions'>
            <div class='c-action-bar c-action-bar--scheduled'>
                <div class='c-action-bar__links '>
                    <a class='c-link c-link--undefined c-link--with-icon c-link--minimal ' href="" itemprop="item" itemid=""><span itemprop="name">View outcomes</span></a>
                </div>
            </div>
        </div>
    </div>
</article>
 
<article class='{{ get_entity_class( entityType, display ) }}'>
    {% if workflowInfo and view_mode == 'full' %}
        {% include get_template( 'workflow-info', 'unit' ) with workflowInfo %}
    {% endif %}

    {% if banner %}
        {% include get_template( 'banner', 'unit' ) with banner %}
    {% endif %}

    {% include get_template( 'boarding-pass', 'unit' ) %}
    
    {% if meetingOutcomesCollection %}
        <section class='c-meeting__meeting_outcomes'>
            {% include get_template( 'entities', 'group' ) with meetingOutcomesCollection %}
        </section>
    {% endif %}
</article>
 
{
  "theme": "support",
  "entityType": "meeting",
  "display": {
    "modifiers": [
      "scheduled"
    ],
    "view_mode": "teaser"
  },
  "heading": {
    "display": {
      "component": "boarding-pass",
      "modifiers": [
        "minor"
      ]
    },
    "text": "Blue Monday Project & Georg Woschnagg",
    "url": "#"
  },
  "stage_literal": "Scheduled",
  "stage_message": null,
  "duration": "60 minutes",
  "links": [
    {
      "url": "#",
      "text": "View outcomes"
    }
  ],
  "schedule": [
    {
      "label": "Date",
      "value": "21.07.2020"
    },
    {
      "label": "Time",
      "value": "19:00 CEST"
    },
    {
      "label": "Duration",
      "value": "60 minutes"
    }
  ],
  "date": {
    "display": {
      "modifiers": [
        "graphic"
      ]
    },
    "formatted": "15.07.2020, 19:17 CEST",
    "weekday": "Monday",
    "day": 15,
    "month": "07",
    "year": 2020,
    "time": "19:00",
    "timezone": "CEST"
  }
}