SIA Web Design Library

Learning group: Full

No notes defined.

<article class='c-learning-group learning-group type-learning-group c-learning-group--full'>

    <div class='r-page-lead r-page-lead--blend-in r-page-lead--compact
     r-page-lead--text     '>

        <header class='c-section-header c-section-header--blend-in c-section-header--compact'>

            <p class='c-section-header__supra'><span>Learning Group</span></p>

            <h1 class='c-heading c-heading--blend-in c-heading--compact'>
                Saturn
            </h1>

        </header>
        <div class='c-meta c-page-lead__meta'>

            <span class='c-meta__freeform'>
                [object Object]
            </span>
        </div>
    </div>
    <section class='c-group__details container l-section'>
        <div class='row flex-row-reverse'>
            <div class='c-group__details col-lg-4'>
            </div>
            <div class='c-group__members col-lg-8'>
            </div>
        </div>
    </section>

</article>
 
<article class='{{ get_entity_class( entityType, display ) }}'>
    {% if workflowInfo %}
        {% include get_template( 'workflow-info', 'unit' ) with workflowInfo %}
    {% endif %}

    {% include get_template( 'page-lead', 'region' ) with pageLead %}

    <section class='c-group__details container l-section'>
        <div class='row flex-row-reverse'>
            <div class='c-group__details col-lg-4'>
                {% for field in fields %}
                    {% include get_template( 'generic-field', 'unit' ) with field %}       
                {% endfor %}
            </div>
            <div class='c-group__members col-lg-8'>
                {% if participants %}
                    {% include get_template( 'heading', 'unit' ) with { text: 'Members'|t, url: null } %}
                    {% include '@group/entities/entities.twig' with participants %}
                {% endif %}
            </div>
        </div>
    </section>

    {% if links or button %}
        {% include get_template( 'app-bar', 'region' ) with {
            links: links,
            button: button
        } %}
    {% endif %}
</article>
 
{
  "theme": "community",
  "entityType": "learning-group",
  "display": {
    "view_mode": "full"
  },
  "resourceType": "tool",
  "heading": {
    "text": "Saturn"
  },
  "pageLead": {
    "display": {
      "modifiers": [
        "blend-in",
        "compact"
      ]
    },
    "sectionHeader": {
      "supraheading": "Learning Group",
      "heading": {
        "text": "Saturn"
      }
    },
    "meta": {
      "display": {
        "component": "page-lead"
      },
      "items": [
        {
          "text": "3 members"
        }
      ]
    }
  }
}