SIA Web Design Library

Program module part: Full

No notes defined.

<article class='c-program_module_part program_module_part type-program_module_part c-program_module_part--full'>
                        <div class='r-page-lead
        '>
                            <div class='c-hero c-page-lead__hero'>
                            </div>

                            <header class='c-section-header'>

                                <p class='c-section-header__supra'><span><a href='#'>Tool</a></span></p>

                                <h1 class='c-heading'>
                                    Milestone Planning Tool
                                </h1>

                            </header>

                            <div class='c-lead'>
                                <ul>
                                    <li>you haven't built an MVP yet
                                </ul>
                            </div>
                        </div>
                        <div class='container'>
                            <div class=''>
                                <div class='c-program_module_part__content '>
                                    <p>The tool: As you can see it is an empty table with several fields.</p>

                                </div>
                            </div>
                        </div>
                    </article>
 
{% if taskList or fields %}
    {% set hasSidebar = true %}
    {% set containerClass = 'container-fluid' %}
    {% set rowClass = 'row flex-xl-row-reverse justify-content-xl-end' %}
    {% set contentClass = 'col-12 col-md-10 offset-md-1 col-lg-8 offset-lg-0 col-xl-9' %}
    {% set sidebarClass = 'col-12 col-md-10 offset-md-1 col-lg-4 offset-lg-0 col-xl-3' %}
{% else %}
    {% set hasSidebar = false %}
    {% set containerClass = 'container' %}
    {% set rowClass = '' %}
    {% set contentClass = '' %}
    {% set sidebarClass = '' %}
{% endif %}

<article class='{{ get_entity_class( entityType, display ) }}'>
    {% include get_template( 'page-lead', 'region' ) with pageLead %}

    <div class='{{ containerClass }}'>
        <div class='{{ rowClass }}'>
            {% if content or ( resources and not taskList ) %}
                <div class='c-{{ entityType }}__content {{ contentClass }}'>
                    {% if content %}
                        {{ content|raw }}
                    {% endif %}

                    {% if up_next %}
                        <section class='l-section l-section--compact c-{{ entityType }}__up-next'>
                            {% include get_template( 'section-header', 'unit' ) with { heading: { text: 'Up next'|t } } %}
                            {% include get_template( 'generic-field', 'unit' ) with up_next %}       
                        </section>
                    {% endif %}

                    {% if resources %}
                        <section class='l-section l-section--compact c-{{ entityType }}__resources c-{{ entityType }}__resources--items-{{ resources|length }}'>
                            {% include get_template( 'section-header', 'unit' ) with { heading: { text: 'Resources'|t } } %}
                            {% for field in resources %}
                                {% include get_template( 'generic-field', 'unit' ) with field %}       
                            {% endfor %}
                        </section>
                    {% endif %}

                    {% if events %}
                        <section class='l-section l-section--compact c-{{ entityType }}__events'>
                            {% include get_template( 'section-header', 'unit' ) with { heading: { text: 'Sessions'|t } } %}
                            {% for field in events %}
                                {% include get_template( 'generic-field', 'unit' ) with field %}       
                            {% endfor %}
                        </section>
                    {% endif %}

                    {% if sharing %}
                        {% include get_template( 'social-links', 'unit' ) with sharing %}
                    {% endif %}
                </div>
            {% endif %}
            {% if hasSidebar %}
                <div class='c-{{ entityType }}__meta col-12 col-md-10 offset-md-1 col-lg-4 offset-lg-0 col-xl-3 '>
                    {% if taskList %}
                        {% include get_template( 'task-list', 'unit' ) with taskList %}
                    {% endif %}
                    {% for field in fields %}
                        {% include get_template( 'generic-field', 'unit' ) with field %}       
                    {% endfor %}
                </div>
            {% endif %}
        </div>
    </div>
    {% if links or button %}
        {% include get_template( 'app-bar', 'region' ) with {
            links: links,
            button: button
        } %}
    {% endif %}
</article>
 
{
  "theme": "education",
  "entityType": "program_module_part",
  "display": {
    "view_mode": "full"
  },
  "heading": {
    "text": "Milestone Planning Tool"
  },
  "content": "<p>The tool: As you can see it is an empty table with several fields.</p>",
  "pageLead": {
    "hero": {
      "display": {
        "component": "page-lead"
      },
      "image": null
    },
    "sectionHeader": {
      "supraheading": "<a href='#'>Tool</a>",
      "heading": {
        "text": "Milestone Planning Tool"
      }
    },
    "lead": {
      "content": "<ul><li>you haven't built an MVP yet</ul>"
    }
  },
  "url": null
}