new directory

This commit is contained in:
Norm Rasmussen
2022-02-23 13:18:41 -05:00
commit 26beb4c7f2
312 changed files with 20068 additions and 0 deletions

View File

@ -0,0 +1,24 @@
{% if current_school.filtering_enabled? and current_person.filterable_catalog_categories.count > 0 %}
<div class="uk-width-medium-1-6 uk-block uk-padding">
{% t .filter_by_category %}:
<ul class="uk-list uk-list-space">
<li class="uk-margin-top">
{% if query_parameter_value %}
{% capture reset_filters_route %}{{ routes.school_website_catalog_search_path }}?q={{ query_parameter_value }}{% endcapture %}
{% else %}
{% assign reset_filters_route = routes.school_website_catalog_path %}
{% endif %}
<a href="{{ reset_filters_route }}" class="{% unless filter_parameter_value %}uk-text-bold{% endunless %}" data-test="catalog-filter-all">
{% t .all %}
</a>
</li>
{% for filterable_category in current_person.filterable_catalog_categories %}
<li>
<a href="{{ filterable_category.catalog_link }}" class="{% if filterable_category.active? %}uk-text-bold{% endif %}" data-test="catalog-filter-category">
{{ filterable_category.name }}
</a>
</li>
{% endfor %}
</ul>
</div>
{% endif %}

View File

@ -0,0 +1,19 @@
<div class="search-box uk-float-right">
<form class="uk-form search" action="{{ routes.school_website_catalog_search_path }}" accept-charset="UTF-8" method="get">
<input name="utf8" type="hidden" value="âś“">
<input type="search" name="q" id="q" placeholder="{% t .search_placeholder %}"
class="search__input" autofocus="autofocus" pattern=".{3,}"
required title="{% t .search_title %}" value="{{ query_parameter_value }}"
data-test="search-input">
<input type="hidden" name="filter[categories_name]" id="filter" value="{{ filter_parameter_value }}">
<div id="search_results_count" class="search__results">
{% if search_result %}
{{ search_result.count }} {% pluralize search_result.count, .results %}
{% endif %}
</div>
<div class="search__submit">
<i class="uk-icon-search search__icon"></i>
<input type="submit" name="commit" value="" class="search__button">
</div>
</form>
</div>

View File

@ -0,0 +1,50 @@
<li class="uk-width-large-1-3 uk-width-medium-1-2 uk-width-small-1-1 uk-margin-large-bottom school-website-course-tile">
<div class="uk-panel uk-panel-box uk-panel-box-secondary uk-border">
{% if course.ribbon %}
<div class="uk-panel-badge uk-badge">
{{ course.ribbon }}
</div>
{% endif %}
<div class="uk-panel-teaser">
{% if current_person.enrolled_in_course? %}
<a href="{{ course.cover_path }}" class="main-link">
<img src="{{ course.list_image_url }}" class="uk-responsive-width uk-width-1-1">
</a>
{% else %}
<a href="{{ course.details_path }}" class="main-link">
<img src="{{ course.list_image_url }}" class="uk-responsive-width uk-width-1-1">
</a>
{% endif %}
</div>
{% if current_school.filtering_enabled? %}
<span>
{{ course.course_category_names }}
</span>
{% endif %}
<h3 class="uk-panel-title uk-margin-bottom-remove">
{% if current_person.enrolled_in_course? %}
<a href="{{ course.cover_path }}" data-test="course-name">{{ course.name }}</a>
{% else %}
<a href="{{ course.details_path }}" data-test="course-name">{{ course.name }}</a>
{% endif %}
</h3>
<p class="uk-margin-small-top uk-margin-large-bottom">{{ course.instructor_names }}</p>
{% if current_person.enrolled_in_course? %}
<p class="uk-margin-small-bottom">{{ course.progress_text }}</p>
<span class="uk-position-bottom-right school-website-course-tile-action">
{% if course.has_to_restart? %}
{% include "course_version_outdated_popup", path: course.cover_path %}
{% endif %}
<a href="{{ course.cover_path }}" class="uk-button uk-button-primary" data-test="go-to-course-button">{{ course.go_to_label }}</a>
</span>
{% else %}
<a href="{{ course.details_path }}" class="uk-button uk-button-outline school-website-course-tile-action uk-position-bottom-right">
{% if current_school.apps.commerce.active? %}
{{ course.formatted_price }}
{% else %}
{{ course.view_label }}
{% endif %}
</a>
{% endif %}
</div>
</li>

View File

@ -0,0 +1,7 @@
{% if courses.include_courses_to_restart? %}
<div role="alert" class="np-alert np-alert-global np-alert-info">
<div class="np-alert-container uk-container uk-container-center">
{% t .content %}
</div>
</div>
{% endif %}

View File

@ -0,0 +1,33 @@
<div class="np-course-version-outdated-popup np-popup">
<div class="np-popup-positioner">
<i
class="np-course-version-outdated-popup-trigger fas fa-exclamation-circle"
data-toggle-class-on-target="np-popup-tooltip--visible"
data-toggle-target-parent=".np-popup-tooltip"
data-toggle-outside
></i>
<div
class="np-popup-tooltip"
role="tooltip"
aria-hidden="true"
>
<header class="np-popup-header">
<i class="np-popup-header-icon fas fa-exclamation-circle"></i>
<h3 class="np-popup-header-title">
{% t .title %}
</h3>
</header>
<div class="np-popup-body">
<h4>{% t .body.header %}</h4>
<p>{% t .body.content %}</p>
<a
class="np-popup-body-button"
href="{{ path }}"
>
{% t .body.button %}
</a>
</div>
<div class="np-popup-tail"></div>
</div>
</div>
</div>

View File

@ -0,0 +1,22 @@
<div class="uk-width-1-1 uk-padding-large-vertical uk-padding-horizontal uk-border-bottom">
<h2>{% t .my_events %}</h2>
<ul class="uk-list event-list">
{% for event in current_person.upcoming_registered_events.sessions.head %}
{% include "events_list_item" event = event %}
{% endfor %}
{% for event in current_person.upcoming_registered_events.sessions.tail %}
<div class="uk-hidden hideable">
{% include "events_list_item" event = event %}
</div>
{% endfor %}
</ul>
{% if current_person.upcoming_registered_events.additional_sessions? %}
<div class="uk-width-1-1 uk-text-center">
<a href="#" data-uk-toggle="{target: '.hideable'}">
<span class="hideable">{% t .show_all_events %}</span>
<span class="hideable uk-hidden">{% t .show_fewer_events %}</span>
</a>
</div>
{% endif %}
</div>

View File

@ -0,0 +1,9 @@
<div class="uk-width-1-1 uk-padding-large-vertical uk-padding-horizontal uk-border-bottom">
<h2>{% t .title %}</h2>
<div class="uk-margin-bottom sk-text-link">
{% t .subtitle %}
</div>
<a href="/training_events" class="uk-button uk-button-primary">
{% t .button %}
</a>
</div>

View File

@ -0,0 +1,24 @@
<li class="event-list-item">
{% if event.logmein? %}
{% if event.pending? %}
<span class="sk-badge sk-badge__pending">Pending</span>
{% elsif event.waiting? %}
<span class="sk-badge sk-badge__waiting">Waiting</span>
{% endif %}
{{ event.starts_at }} {% t .is_your %} <span class="uk-text-primary event-list-item__title">{{ event.title }}</span> {% t .event_held_online %}
<div class="event-list-item__actions uk-float-right">
<a href="{{ event.join_url }}" target="_blank">{% t .join %}</a> <i class="actions-ellipsis-button"></i>
</div>
{% endif %}
{% if event.internal? %}
{{ event.starts_at }} {% t .is_your %} <span class="uk-text-primary event-list-item__title">{{ event.title }}</span>
{% if event.location_name %}
{% t .event_held_in %} {{ event.room_name }} {% t .at %} {{ event.location_name }}
{% endif %}
{% if event.session_url %}
<div class="event-list-item__actions uk-float-right">
<a href="{{ event.session_url }}" target="_blank">{% t .join %}</a> <i class="actions-ellipsis-button"></i>
</div>
{% endif %}
{% endif %}
</li>

View File

@ -0,0 +1,24 @@
{% if current_school.filtering_enabled? and current_person.filterable_categories.count > 0 %}
<div class="uk-width-medium-1-6 uk-block uk-padding">
{% t .filter_by_category %}:
<ul class="uk-list uk-list-space">
<li class="uk-margin-top">
{% if query_parameter_value %}
{% capture reset_filters_route %}{{ routes.school_website_search_path }}?q={{ query_parameter_value }}{% endcapture %}
{% else %}
{% assign reset_filters_route = routes.my_content_path %}
{% endif %}
<a href="{{ reset_filters_route }}" class="{% unless filter_parameter_value %}uk-text-bold{% endunless %}">
{% t .all %}
</a>
</li>
{% for filterable_category in current_person.filterable_categories %}
<li>
<a href="{{ filterable_category.link }}" class="{% if filterable_category.active? %}uk-text-bold{% endif %}">
{{ filterable_category.name }}
</a>
</li>
{% endfor %}
</ul>
</div>
{% endif %}

View File

@ -0,0 +1,45 @@
<footer class="uk-padding-large-vertical uk-border-top">
<div class="uk-container uk-container-center">
<div class="uk-grid uk-padding-large-left uk-padding-large-right">
<div class="uk-width-small-1-1 uk-width-medium-7-10 uk-margin-bottom">
{% if website_footer.show_navigation_links? %}
<nav>
<ul class="uk-margin-bottom-remove uk-text-center-small">
{% for website_navigation in footer_navigations %}
<li>
<a href="{{ website_navigation.path }}" {% if website_navigation.external? %} target="_blank" {% endif %}>
{{ website_navigation.name }}
</a>
</li>
{% endfor %}
</ul>
</nav>
{% endif %}
{% if website_footer.show_customer_service_email? and website_footer.school_customer_service_email %}
<p class="uk-text-center-small">
{% t .need_help %}
{% t .email %}
<a href="mailto:{{ website_footer.school_customer_service_email }}">
{{ website_footer.school_customer_service_email }}
</a>
</p>
{% endif %}
</div>
<div class="{% if website_footer.show_customer_service_email? or website_footer.show_navigation_links? %}uk-width-medium-3-10{% else %}uk-width-medium-1-1{% endif %}">
{% if website_footer.show_social_media_links? %}
<nav class="social-links">
<ul class="uk-margin-bottom-remove {% if website_footer.show_customer_service_email? or website_footer.show_navigation_links? %}uk-text-right {% else %}uk-text-center {% endif %} uk-text-center-small">
{% for social_media_link in website_footer.social_media_links %}
<li>
<a href="{{ social_media_link.link }}" class="{{ social_media_link.name }}" target="_blank" title="{{ social_media_link.name }}">
<i class="uk-icon-{{ social_media_link.name }}"></i>
</a>
</li>
{% endfor %}
</ul>
</nav>
{% endif %}
</div>
</div>
</div>
</footer>

View File

@ -0,0 +1,6 @@
<link rel="stylesheet" media="all" href="{{ routes.schoolkeep_v3_styles_url }}">
<link rel="stylesheet" media="all" href="{{ routes.color_scheme_path }}">
{% if current_school.has_custom_styles? %}
<link rel="stylesheet" media="all" href="{{ routes.custom_styles_path }}">
{% endif %}

View File

@ -0,0 +1,103 @@
<header class="school-website-header uk-z-4">
<div class="uk-padding-horizontal uk-container uk-container-center">
<nav class="uk-navbar" data-behavior="dropdown">
<a href="{{ current_school.logo_navigation_url }}" class="uk-brand">
{% if current_school.logo_url %}
<img src="{{ current_school.logo_url }}" alt="{{ current_school.name }}">
{% else %}
<span class="uk-text-large uk-text-bold">{{ current_school.name }}</span>
{% endif %}
</a>
<div class="uk-navbar-flip">
<ul class="uk-navbar-nav uk-hidden-small">
{% for website_navigation in header_navigations %}
<li>
<a href="{{ website_navigation.path }}" {% if website_navigation.external? %} target="_blank" {% endif %}>
{{ website_navigation.name }}
</a>
</li>
{% endfor %}
{% search %}
<li class="uk-padding-top">
{% include "search_form" with "" %}
</li>
{% endsearch %}
{% catalog_search %}
<li class="uk-padding-top">
{% include "catalog_search_form" with "" %}
</li>
{% endcatalog_search %}
{% if current_person.signed_in? %}
<li class="uk-parent" data-uk-dropdown="{mode:'click'}">
<a href="#" class="learner-name">{{ current_person.name }}</a>
<div class="uk-dropdown uk-dropdown-flip uk-dropdown-navbar">
<ul class="uk-nav uk-nav-navbar">
<li><a href="{{ routes.my_content_path }}">{{ current_school.my_content_label }}</a></li>
{% unless current_school.sso_enabled? %}
<li><a href="{{ routes.my_profile_path }}">{% t .my_profile %}</a></li>
{% endunless %}
<li class="uk-nav-divider"></li>
<li><a href="{{ routes.log_out_path }}" data-method="delete" rel="nofollow">{% t .log_out %}</a></li>
</ul>
</div>
</li>
{% else %}
<li><a href="{{ routes.log_in_path }}">{% t .log_in %}</a></li>
{% endif %}
</ul>
<div class="uk-visible-small">
{% search %}
<button class="uk-button uk-button-link uk-navbar-toggle mobile-search-toggle mobile-navbar-toggle" data-uk-toggle="{target:'#mobile-search'}">
</button>
{% endsearch %}
{% catalog_search %}
<button class="uk-button uk-button-link uk-navbar-toggle mobile-search-toggle mobile-navbar-toggle" data-uk-toggle="{target:'#mobile-search'}">
</button>
{% endcatalog_search %}
<a href="#mobile-nav" class="mobile-navbar-toggle uk-navbar-toggle" data-uk-offcanvas></a>
</div>
</div>
</nav>
</div>
</header>
{% search %}
<div id="mobile-search" class="school-website-header uk-visible-small uk-position-top uk-padding uk-block-default uk-flex uk-border-bottom {% if hide_search_box %}uk-hidden {% endif %}">
{% include "search_form" with "" %}
<a class="uk-button uk-button-link" href="{{ routes.my_content_path }}">{% t .cancel %}</a>
</div>
{% endsearch %}
{% catalog_search %}
<div id="mobile-search" class="school-website-header uk-visible-small uk-position-top uk-padding uk-block-default uk-flex uk-border-bottom {% if hide_search_box %}uk-hidden {% endif %}">
{% include "catalog_search_form" with "" %}
<a class="uk-button uk-button-link" href="{{ routes.school_website_catalog_path }}">{% t .cancel %}</a>
</div>
{% endcatalog_search %}
<div id="mobile-nav" class="uk-offcanvas">
<div class="uk-offcanvas-bar uk-offcanvas-bar-flip">
<ul class="uk-nav uk-nav-offcanvas" data-uk-nav>
{% for website_navigation in header_navigations %}
<li>
<a href="{{ website_navigation.path }}" {% if website_navigation.external? %} target="_blank" {% endif %}>
{{ website_navigation.name }}
</a>
</li>
{% endfor %}
{% if current_person.signed_in? %}
<li><a href="{{ routes.my_content_path }}">{{ current_school.my_content_label }}</a></li>
<li><a href="{{ routes.my_profile_path }}">{% t .my_profile %}</a></li>
<li class="uk-nav-divider"></li>
<li><a href="{{ routes.log_out_path }}" data-method="delete" rel="nofollow">{% t .log_out %}</a></li>
{% else %}
<li><a href="{{ routes.log_in_path }}">{% t .log_in %}</a></li>
{% endif %}
</ul>
</div>
</div>

View File

@ -0,0 +1,38 @@
<li class="uk-width-large-1-3 uk-width-medium-1-2 uk-width-small-1-1 uk-margin-large-bottom school-website-course-tile my-dashboard__tile">
<div class="uk-panel uk-panel-box uk-panel-box-secondary uk-border">
<div class="uk-panel-teaser">
{% if current_person.enrolled_in_learning_path? %}
<a href="{{ learning_path.cover_path }}" class="main-link">
<img src="{{ learning_path.list_image_url }}" class="uk-responsive-width uk-width-1-1">
</a>
{% else %}
<a href="{{ learning_path.details_path }}" class="main-link">
<img src="{{ learning_path.list_image_url }}" class="uk-responsive-width uk-width-1-1">
</a>
{% endif %}
</div>
{% if current_school.filtering_enabled? and current_school.learning_paths_enabled? %}
<span>
{{ learning_path.learning_path_category_names }}
</span>
{% endif %}
<h3 class="uk-panel-title uk-margin-bottom-remove">
{% if current_person.enrolled_in_learning_path? %}
<a href="{{ learning_path.cover_path }}" data-test="learning-path-name">{{ learning_path.name }}</a>
{% else %}
<a href="{{ learning_path.details_path }}" data-test="learning-path-name">{{ learning_path.name }}</a>
{% endif %}
</h3>
<p class="uk-margin-small-top uk-margin-large-bottom">{{ learning_path.instructor_names }}</p>
<p class="uk-margin-small-bottom">{{ learning_path.progress_text }}</p>
{% if current_person.enrolled_in_learning_path? %}
<a href="{{ learning_path.cover_path }}" class="uk-button uk-button-primary my-dashboard__tile-action uk-position-bottom-right" data-test="go-to-path">
{{ learning_path.go_to_label }}
</a>
{% else %}
<a href="{{ learning_path.details_path }}" class="uk-button uk-button-outline my-dashboard__tile-action uk-position-bottom-right" data-test="go-to-path">
{{ learning_path.view_label }}
</a>
{% endif %}
</div>
</li>

View File

@ -0,0 +1,24 @@
{% if current_school.filtering_enabled? and current_school.learning_paths_enabled? and current_person.filterable_learning_path_categories.count > 0 %}
<div class="uk-width-medium-1-6 uk-block uk-padding">
{% t .filter_by_category %}:
<ul class="uk-list uk-list-space">
<li class="uk-margin-top">
{% if query_parameter_value %}
{% capture reset_filters_route %}{{ routes.school_website_search_path }}?q={{ query_parameter_value }}{% endcapture %}
{% else %}
{% assign reset_filters_route = routes.my_content_path %}
{% endif %}
<a href="{{ reset_filters_route }}" class="{% unless lp_filter_parameter_value %}uk-text-bold{% endunless %}">
{% t .all %}
</a>
</li>
{% for filterable_category in current_person.filterable_learning_path_categories %}
<li>
<a href="{{ filterable_category.learning_path_link }}" class="{% if filterable_category.lp_filter_active? %}uk-text-bold{% endif %}">
{{ filterable_category.name }}
</a>
</li>
{% endfor %}
</ul>
</div>
{% endif %}

View File

@ -0,0 +1,4 @@
<div class="uk-padding-large-vertical uk-padding-horizontal uk-border-bottom">
<h2>{{ my_content.headline }}</h2>
<h3 class="uk-margin-top-remove">{{ my_content.subheadline }}</h3>
</div>

View File

@ -0,0 +1,22 @@
<div class="uk-padding-large-vertical uk-padding-horizontal uk-border-bottom">
<h2 data-test="my-paths">{{ my_content.learning_paths_headline }}</h2>
<h3 class="uk-margin-top-remove">{{ my_content.learning_paths_subheadline }}</h3>
</div>
<div class="uk-grid uk-grid-flex uk-margin-left-remove">
{% include "learning_path_filters" with "" %}
{% if current_school.filtering_enabled? and current_school.learning_paths_enabled? and current_person.filterable_learning_path_categories.count > 0 %}
<div class="uk-width-medium-5-6 uk-padding">
{% else %}
<div class="uk-width-1-1 uk-padding">
{% endif %}
<ul class="uk-grid uk-grid-medium my-dashboard__list learning-paths__list uk-grid-match" data-uk-grid-match="{target:'.uk-panel'}">
{% if my_content.learning_paths.any? %}
{% for learning_path in my_content.learning_paths %}
{% include "learning_path" %}
{% endfor %}
{% else %}
<p>{{ my_content.empty_learning_paths }}</p>
{% endif %}
</ul>
</div>
</div>

View File

@ -0,0 +1,19 @@
<div class="search-box uk-float-right">
<form class="uk-form search" action="{{ routes.school_website_search_path }}" accept-charset="UTF-8" method="get">
<input name="utf8" type="hidden" value="âś“">
<input type="search" name="q" id="q" placeholder="{% t .search_placeholder %}"
class="search__input" autofocus="autofocus" pattern=".{3,}"
required title="{% t .search_title %}" value="{{ query_parameter_value }}"
data-test="search-input">
<input type="hidden" name="filter[categories_name]" id="filter" value="{{ filter_parameter_value }}">
<div id="search_results_count" class="search__results">
{% if search_result %}
{{ search_result.count }} {% pluralize search_result.count, .results %}
{% endif %}
</div>
<div class="search__submit">
<i class="uk-icon-search search__icon"></i>
<input type="submit" name="commit" value="" class="search__button">
</div>
</form>
</div>

View File

@ -0,0 +1,43 @@
<li
id="training-event-{{training_event.id}}"
class="uk-width-large-1-3 uk-width-medium-1-2 uk-width-small-1-1 uk-margin-large-bottom"
>
<div
class="sk-event sk-event--border sk-event--height"
data-test="event-{{ training_event.title.parameterize }}"
>
<div class="sk-event__top uk-flex">
<div class="sk-event__header uk-width-4-4 uk-padding-large-left">
<div class="sk-event__title">{{ training_event.title }}</div>
<div class="sk-event__type-v2">{{ training_event.type }}</div>
</div>
</div>
<div class="uk-padding">
<div class="sk-event__sessions">
<ul style="list-style-type: none; margin-bottom: 15px; padding-left: 0;">
{% for session in training_event.sessions limit: 3 %}
{% include "training_session", session: session, offset: 0, class_name: "" %}
{% endfor %}
{% for session in training_event.sessions offset: 3 %}
{% include "training_session", session: session, offset: 3, class_name: "hideable uk-hidden" %}
{% endfor %}
</ul>
{% if training_event.sessions.size > 3 %}
<a
href="#"
data-uk-toggle="{target: '#training-event-{{training_event.id}} .hideable'}"
style="
cursor: pointer;
font-size: 12px;
margin: 15px 0;
outline: 0;"
>
<span class="hideable">{% t .view_more %}</span>
<span class="hideable uk-hidden">{% t .collapse %}</span>
</a>
{% endif %}
</div>
</div>
</div>
</li>

View File

@ -0,0 +1,24 @@
<li
class="de-session uk-flex uk-flex-middle uk-margin-bottom {{ class_name }}"
data-test="session-{{ forloop.index | plus: offset }}"
>
<i class="far fa-stopwatch de-session-icon uk-margin-horizontal uk-text-primary"/></i>
<div>
<span class="de-session-name">{% t .name %} {{ forloop.index | plus: offset }}</span>
<span
class="de-session-status uk-padding-small-left"
data-test="registration-status"
>
{{session.registration_status}}
</span>
<span class="de-session-date">
{{ session.session_date }}
</span>
</div>
<a
class="de-session-button uk-button uk-button-outline"
href="{{ session.self_url }}"
>
{% t .view %}
</a>
</li>

View File

@ -0,0 +1,126 @@
<header class="uk-navbar uk-navbar-attached uk-border-bottom learning-header slide">
<div class="uk-navbar-flip">
<ul class="uk-navbar-nav">
<li>
<a href="{{ routes.my_content_path }}" class="uk-border-left uk-button-small">{% t .exit %}</a>
</li>
{% if course.has_forum? %}
<li>
<a href="{{ course.forum_path }}" class="uk-border-left uk-button-small">
<i class="uk-icon-comments-o"></i>
</a>
</li>
{% endif %}
</ul>
</div>
<div class="uk-navbar-content uk-text-center sk-float-remove">
{% if current_school.logo_url %}
<img src="{{ current_school.logo_url }}" class="uk-responsive-height">
{% else %}
{{ current_school.name }}
{% endif %}
</div>
</header>
{% if preview_banner %}
{{ preview_banner }}
{% endif %}
<div class="uk-container uk-container-center uk-padding-large uk-margin-large-top">
<h4 class="uk-text-muted uk-margin-remove">{{ course.superscript }}</h4>
{% if course.learner_can_retake? %}
<form action="{{ course.course_attempts_path }}" method="POST" onsubmit="retakeButton.disabled = true;">
<button type="submit" class="uk-button uk-float-right completion-button" data-test="retake-course-button" name="retakeButton">{{ course.retake_course }}</button>
</form>
{% else %}
<a href="{{ course.outline_path }}" class="uk-button uk-float-right completion-button" data-test="start-course-button">{{ course.start_or_continue }}</a>
{% endif %}
{% if current_school.filtering_enabled? %}
<h3 class="uk-margin-remove">{{ course.course_category_names }}</h3>
{% endif %}
<h1 data-test="course-name" class="uk-margin-remove">{{ course.name }}</h1>
<hr class="uk-article-divider uk-margin-top">
<div{% if course.has_outline? %} class="uk-grid uk-grid-large"{% endif %}>
<div class="uk-width-medium-1-2 uk-margin-bottom{% unless course.has_outline? %} uk-container-center{% endunless %}">
<article class="uk-article">
<img src="{{ course.featured_image_url }}" />
<h3>{{ course.about_label }}</h3>
<p>{{ course.full_description }}</p>
</article>
{% if course.instructors.count > 0 %}
<article class="uk-article">
<h3>{{ course.instructors_title }}</h3>
{% for instructor in course.instructors %}
<div>
<div class="uk-comment-header">
<img
src="{{ instructor.image_url }}"
alt="{{ instructor.name }}"
class="uk-comment-avatar"
width="80">
<h4 class="uk-comment-title">{{ instructor.name }}</h4>
<div class="uk-comment-meta">{{ instructor.title }}</div>
</div>
<div class="wysiwyg">{{ instructor.bio }}</div>
</div>
{% endfor %}
</article>
{% endif %}
<article class="uk-article">
{{ upcoming_events }}
</article>
{% if course.discover_events_path %}
<a href="{{ course.discover_events_path }}" class="uk-padding-left-remove">{% t .see_all_events %}</a>
{% endif %}
</div>
{% if course.has_outline? %}
<div class="uk-width-medium-1-2">
<h3>{{ course.progress_title }}</h3>
{{ course.progress_bar }}
<h3>{{ course.outline_label }}</h3>
<ol class="uk-list cover-outline">
{% for section in learner_syllabus.sections %}
<li class="uk-margin-large-bottom">
<h3><strong>{{ section.name }}</strong></h3>
{% if section.will_be_published? %}
<div class="uk-margin-top">
{% t .scheduled_info %} {{ section.published_at }}
</div>
{% else %}
<ol class="uk-list cover-outline-section-activities">
{% for activity in section.activities %}
<li class="{% if activity.completed? %}completed {% endif %}{% if activity.locked? %}locked{% endif %}" >
{% if activity.locked? %}
<span>
{% if activity.milestone? %}
<i class="uk-icon-flag"></i>
{% endif %}
{{ activity.title }}
</span>
{% else %}
<a href="{{ activity.path }}">
{% if activity.milestone? %}
<i class="uk-icon-flag"></i>
{% endif %}
{{ activity.title }}
</a>
{% endif %}
</li>
{% endfor %}
</ol>
{% endif %}
</li>
{% endfor %}
</ol>
</div>
{% endif %}
</div>
</div>

View File

@ -0,0 +1,97 @@
<div class="uk-container uk-container-center uk-margin-top uk-margin-bottom uk-padding-large-top">
<h1 class="uk-text-center page-header uk-padding-horizontal">{{ course.name }}</h1>
</div>
<div class="uk-block uk-block-muted uk-margin-large-bottom uk-border-top uk-border-bottom">
<div class="uk-container uk-container-center">
<div class="uk-grid uk-padding-horizontal">
<div class="uk-width-medium-6-10 uk-margin-bottom">
{% if course.promo_video_embed %}
<div class="video-container course-promo-video" data-behavior="scaleEmbed">
{{ course.promo_video_embed }}
</div>
{% else %}
<img src="{{ course.featured_image_url }}" alt="{{ course.name }}" class="course-image uk-responsive-width uk-width-1-1">
{% endif %}
</div>
<div class="uk-width-medium-4-10">
<div class="uk-margin-large-bottom uk-text-large uk-text-muted">
{{ course.short_description }}
</div>
{% if current_person.enrolled_in_course? %}
<a href="{{ course.cover_path }}" class="uk-button uk-button-primary uk-button-large">{{ course.go_to_label }}</a>
{% elsif course.payment_required? %}
<a href="{{ course.new_order_path }}" class="uk-button uk-button-primary uk-button-large">
{{ course.buy_label }} - {{ course.formatted_price }}
</a>
{% else %}
<form action="{{ course.enrollment_url }}" method="POST">
<button class="enroll-button uk-button uk-button-primary uk-button-large">
{% if current_school.apps.commerce.active? %}
{{ course.buy_label }} - {{ course.formatted_price }}
{% else %}
{% t .enroll %}
{% endif %}
</button>
</form>
{% endif %}
{% unless current_school.disable_social_share? %}
<div class="uk-padding-large-top uk-margin-top">
{{ course.social_links }}
</div>
{% endunless %}
</div>
</div>
</div>
</div>
<div class="uk-container uk-container-center uk-padding-large-bottom uk-pargin-large-bottom">
<div class="uk-grid uk-grid-reverse uk-padding-horizontal">
<div class="uk-width-medium-4-10 uk-push-6-10 school-website-course-meta">
<h2>{{ course.outline_label }}</h2>
<div class="course-syllabus uk-panel uk-panel-box uk-border uk-margin-large-bottom">
{% for section in course.published_sections %}
<div class="uk-margin-bottom">
<h4 class="uk-margin-small-bottom"><strong>{{ section.name }}</strong></h4>
<ol class="uk-list uk-margin-small-top">
{% for activity in section.activities %}
<li>
<i class="uk-icon-{{ activity.list_class }} uk-margin-small-right"></i> {{ activity.title }}
</li>
{% endfor %}
</ol>
</div>
{% endfor %}
</div>
</div>
<div class="uk-width-medium-6-10 uk-pull-4-10">
<h2>{{ course.about_label }}</h2>
<div class="school-website-course-description uk-margin-large-bottom uk-padding-large-right">
{{ course.full_description }}
</div>
{% if course.instructors.count > 0 %}
<h2>{% pluralize course.instructors.count, .instructor_bio_title %}</h2>
{% for instructor in course.instructors %}
<div class="uk-grid uk-grid-small uk-margin-large-bottom">
<div class="uk-width-medium-1-6 uk-width-1-3">
<figure class="uk-thumbnail">
<img src="{{ instructor.image_url }}" alt="{{ instructor.name }}">
</figure>
</div>
<div class="uk-width-medium-5-6 uk-width-2-3">
<div class="uk-padding-left">
{% if instructor.name or instructor.title %}
<h4 class="uk-margin-top-remove uk-margin-small-bottom">{% if instructor.name %}<strong>{{ instructor.name }}</strong>{% endif %}{% if instructor.title %}, <span class="uk-text-muted">{{ instructor.title }}</span>{% endif %}</h4>
{% endif %}
{{ instructor.bio }}
</div>
</div>
</div>
{% endfor %}
{% endif %}
</div>
</div>
</div>

View File

@ -0,0 +1,22 @@
<div class="uk-container uk-container-center uk-margin-top uk-margin-large-bottom">
{% if course_catalog.headline or course_catalog.subheadline %}
<div class="uk-text-center uk-padding-large-vertical uk-padding-horizontal">
{% if courses %}
<h2>{{ course_catalog.headline }}</h2>
<h3 class="page-header uk-margin-top-remove">{{ course_catalog.subheadline }}</h3>
{% else %}
<h1>{{ course_catalog.headline_empty_collection }}</h1>
<h2 class="page-header">
{{ course_catalog.subheadline_empty_collection }}
</h2>
{% endif %}
</div>
{% endif %}
<div class="uk-width-small-1-1 uk-width-medium-1-1 uk-padding-horizontal uk-container-center uk-padding-top uk-margin-large-bottom">
<ul class="uk-grid school-website-course-list" data-behavior="listResize">
{% for course in courses %}
{% include "course" %}
{% endfor %}
</ul>
</div>
</div>

View File

@ -0,0 +1,12 @@
<div class="uk-container uk-container-center uk-padding-horizontal uk-margin-large-top uk-margin-bottom">
<hgroup class="uk-text-center vertical-align uk-padding-large-top">
<h1>{{ custom_page.headline }}</h1>
<h2 class="uk-margin-top-remove uk-margin-large-bottom page-header">{{ custom_page.subheadline }}</h2>
</hgroup>
<div class="uk-width-small-8-10 uk-width-medium-2-3 uk-container-center uk-padding-large-vertical uk-margin-large-bottom">
<div class="school-website-custom-page-content">
{{ custom_page.content }}
</div>
</div>
</div>

View File

@ -0,0 +1,36 @@
<div class="uk-padding-horizontal uk-container uk-container-center">
<div class="uk-padding-large-vertical uk-padding-horizontal uk-border-bottom">
<h2>{% t .title %}</h2>
</div>
{% if discover_events.filter_options.any? %}
<div class="sk-events__filter uk-margin-large-top uk-margin-bottom uk-margin-horizontal">
<form class="uk-form uk-grid uk-width-large-2-3 uk-width-small-1-1">
<label class="uk-display-inline-block" for="filter">{% t .filter.label %}</label>
<div class="uk-display-inline-block uk-width-medium-4-10 uk-width-small-1-1 uk-margin-bottom">
{{ discover_events.filter }}
</div>
<div class="uk-display-inline-block">
<button class="uk-button uk-button-primary">{% t .filter.apply %}</button>
</div>
</form>
</div>
{% endif %}
{% if training_events.empty? %}
<div class="sk-margin-xlarge-top">
<h1 class="uk-text-center">{% t .no_events %}</h1>
<h1 class="uk-text-center uk-margin-top-remove">{% t .check_later %}</h1>
</div>
{% else %}
<div class="uk-grid uk-grid-flex uk-margin-left-remove">
<div class="uk-width-1-1 uk-padding">
<ul class="uk-grid uk-grid-medium school-website-course-list uk-grid-match">
{% for training_event in training_events %}
{% include "training_event" training_event = training_event %}
{% endfor %}
</ul>
</div>
</div>
{% endif %}
</div>

View File

@ -0,0 +1,41 @@
{% include "course_version_outdated_alert", courses: homepage.published_featured_courses %}
<div class="school-website-hero hero-tall uk-overlay uk-cover-background" style="background-image: url('{{ homepage.artwork_url }}');">
<div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center">
<hgroup class="uk-container uk-container-center uk-padding-large-horizontal">
{% if homepage.headline %}
<h1 class="uk-text-center uk-heading-large uk-container-center">{{ homepage.headline }}</h1>
{% endif %}
{% if homepage.subheadline %}
<h2 class="uk-text-center uk-margin-large-bottom">{{ homepage.subheadline }}</h2>
{% endif %}
<a href="/courses" class="uk-button uk-button-primary uk-button-large uk-margin-large-top">{% t .discover_catalog %}</a>
</hgroup>
</div>
</div>
<div class="uk-container uk-container-center uk-padding-large-top uk-padding-large-bottom">
<hgroup class="banner uk-text-center uk-padding-large-top uk-padding-large-horizontal">
{% if homepage.published_featured_courses %}
{% if homepage.featured_courses_headline or homepage.featured_courses_subheadline %}
{% if homepage.featured_courses_headline %}
<h2>{{ homepage.featured_courses_headline }}</h2>
{% endif %}
{% if homepage.featured_courses_subheadline %}
<h3 class="uk-margin-remove uk-text-muted">{{ homepage.featured_courses_subheadline }}</h3>
{% endif %}
{% endif %}
{% endif %}
</hgroup>
{% if homepage.published_featured_courses %}
<div class="uk-width-small-1-1 uk-width-1-1 uk-padding-large-horizontal uk-container-center uk-padding-large-top uk-padding-large-bottom uk-margin-large-bottom">
<ul class="uk-grid school-website-course-list" data-behavior="listResize">
{% for course in homepage.published_featured_courses %}
{% include "course" %}
{% endfor %}
</ul>
</div>
{% endif %}
</div>

View File

@ -0,0 +1,105 @@
<header class="uk-navbar uk-navbar-attached uk-border-bottom learning-header slide">
<div class="uk-navbar-flip">
<ul class="uk-navbar-nav">
<li>
<a href="{{ routes.my_content_path }}" class="uk-border-left uk-button-small">{% t .exit %}</a>
</li>
</ul>
</div>
<div class="uk-navbar-content uk-text-center sk-float-remove">
{% if current_school.logo_url %}
<img src="{{ current_school.logo_url }}" class="uk-responsive-height">
{% else %}
{{ current_school.name }}
{% endif %}
</div>
</header>
{% if preview_banner %}
{{ preview_banner }}
{% endif %}
<div class="uk-container uk-container-center uk-padding-large uk-margin-large-top learning-path-cover">
<h4 class="uk-text-muted uk-margin-remove">{% t .title %}</h4>
{% if learning_path.has_progress? %}
{% learning_path_item learning_path.current_person_learning_path_item %}
<button class="uk-button uk-float-right completion-button">
{% t .continue %}
</button>
{% endlearning_path_item %}
{% else %}
{% if learning_path.items.count > 0 %}
{% learning_path_item learning_path.current_person_learning_path_item %}
<button
class="uk-button uk-float-right completion-button"
data-test="start-learning-path-button"
>
{% t .start %}
</button>
{% endlearning_path_item %}
{% else %}
<button
disabled
class="uk-button uk-float-right completion-button"
data-test="start-learning-path-button"
>
{% t .start %}
</button>
{% endif %}
{% endif %}
<h1 class="uk-margin-remove" data-test="learning-path-name">{{ learning_path.name }}</h1>
<hr class="uk-article-divider uk-margin-top">
<div class="uk-grid uk-grid-large">
<div class="uk-width-medium-1-3 uk-margin-bottom uk-container-center">
<article class="uk-article">
<img src="{{ learning_path.featured_image_url }}" />
</article>
</div>
<div class="uk-width-medium-2-3">
<h3>{% t .about_label %}</h3>
<p>{{ learning_path.description }}</p>
{% if learning_path.has_instructors? %}
<h3>{{ learning_path.instructors_title }}</h3>
<div class="uk-grid uk-grid-large">
{% for instructor in learning_path.instructors %}
<div class="uk-width-medium-1-2 uk-margin-top">
<div class="uk-comment-header">
<img
src="{{ instructor.image_url }}"
alt="{{ instructor.name }}"
class="uk-comment-avatar"
width="80">
<h4 class="uk-comment-title">{{ instructor.name }}</h4>
<div class="uk-comment-meta">{{ instructor.title }}</div>
</div>
<div class="wysiwyg">{{ instructor.bio }}</div>
</div>
{% endfor %}
</div>
{% endif %}
</div>
<div class="uk-width-medium">
<h3>{{ learning_path.progress_text }}</h3>
{{ learning_path.progress_bar }}
<h3><strong>{% t .outline_label %}</strong></h3>
<ol class="uk-list cover-outline learning-path-items uk-margin-large-bottom" data-test="learning-path-items">
{% for item in learning_path.items %}
<li class="{% if item.completed? %}completed{% endif %} {% if item.locked? %}locked{% endif %}" data-test="learning-path-item">
{{ item.progress_icon }}
{% learning_path_item item %}
{{ item.type_icon }}
{{ item.name }}
{% if item.optional? %}
<span class="sk-badge uk-margin-small-left">optional</span>
{% endif %}
{% endlearning_path_item %}
</li>
{% endfor %}
</ol>
</div>
</div>
</div>

View File

@ -0,0 +1,80 @@
<div class="uk-container uk-container-center uk-margin-top uk-margin-bottom uk-padding-large-top">
<h1 class="uk-text-center page-header uk-padding-horizontal" data-test="learning-path-name">
{{ learning_path.name }}
</h1>
</div>
<div class="uk-block uk-block-muted uk-margin-large-bottom uk-border-top uk-border-bottom">
<div class="uk-container uk-container-center">
<div class="uk-grid uk-padding-horizontal">
<div class="uk-width-medium-6-10 uk-margin-bottom">
<img src="{{ learning_path.featured_image_url }}" alt="{{ learning_path.name }}" class="course-image uk-responsive-width uk-width-1-1">
</div>
<div class="uk-width-medium-4-10">
<div class="uk-margin-large-bottom uk-text-large uk-text-muted">
{{ learning_path.description }}
</div>
{% if current_person.enrolled_in_learning_path? %}
<a
href="{{ learning_path.cover_path }}"
class="uk-button uk-button-primary uk-button-large"
data-test="go-to-path-button"
>
{{ learning_path.go_to_label }}
</a>
{% else %}
<a
href="{{ learning_path.enrollment_url }}"
class="enroll-button uk-button uk-button-primary uk-button-large"
data-test="enroll-button"
>
{% t .enroll %}
</a>
{% endif %}
</div>
</div>
</div>
</div>
<div class="uk-container uk-container-center uk-padding-large-bottom uk-pargin-large-bottom">
<div class="uk-grid uk-grid-reverse uk-padding-horizontal">
<div class="uk-width-medium-4-10 uk-push-6-10 school-website-course-meta">
<h2>{{ learning_path.outline_label }}</h2>
<div class="course-syllabus uk-panel uk-panel-box uk-border uk-margin-large-bottom">
{% for item in learning_path.items %}
<div class="uk-margin-bottom">
<h4 class="uk-margin-small-bottom"><strong>{{ item.name }}</strong></h4>
</div>
{% endfor %}
</div>
</div>
<div class="uk-width-medium-6-10 uk-pull-4-10">
<h2>{{ learning_path.about_label }}</h2>
<div class="school-website-course-description uk-margin-large-bottom uk-padding-large-right">
{{ learning_path.description }}
</div>
{% if learning_path.instructors.count > 0 %}
<h2>{% pluralize learning_path.instructors.count, .instructor_bio_title %}</h2>
{% for instructor in learning_path.instructors %}
<div class="uk-grid uk-grid-small uk-margin-large-bottom">
<div class="uk-width-medium-1-6 uk-width-1-3">
<figure class="uk-thumbnail">
<img src="{{ instructor.image_url }}" alt="{{ instructor.name }}">
</figure>
</div>
<div class="uk-width-medium-5-6 uk-width-2-3">
<div class="uk-padding-left">
{% if instructor.name or instructor.title %}
<h4 class="uk-margin-top-remove uk-margin-small-bottom">{% if instructor.name %}<strong>{{ instructor.name }}</strong>{% endif %}{% if instructor.title %}, <span class="uk-text-muted">{{ instructor.title }}</span>{% endif %}</h4>
{% endif %}
{{ instructor.bio }}
</div>
</div>
</div>
{% endfor %}
{% endif %}
</div>
</div>
</div>

View File

@ -0,0 +1,16 @@
<div class="uk-container uk-container-center uk-margin-top uk-margin-large-bottom">
<div class="uk-width-small-1-1 uk-width-medium-1-1 uk-margin-vertical">
<h2 class="uk-padding-horizontal uk-margin-large-bottom" data-test="discover-learning-paths-header">
{% t .discover_learning_paths %}
</h2>
<hr/>
</div>
<div class="uk-width-small-1-1 uk-width-medium-1-1 uk-padding-horizontal uk-container-center uk-padding-top uk-margin-large-bottom">
<ul class="uk-grid school-website-course-list" data-behavior="listResize">
{% for learning_path in learning_paths %}
{% include "learning_path" %}
{% endfor %}
</ul>
</div>
</div>

View File

@ -0,0 +1,40 @@
<section class="uk-container uk-container-center uk-margin-large-top uk-padding-large-top uk-margin-large-bottom uk-padding-large-bottom">
<div class="uk-width-small-8-10 uk-width-medium-4-10 uk-container-center">
<h2 class="uk-text-center uk-margin-large-bottom">{% t .title %}</h2>
<div class="uk-panel uk-panel-box uk-panel-box-secondary uk-padding-large-top uk-padding-large-right uk-padding-large-bottom uk-padding-large-left uk-margin-large-bottom">
<form class="simple_form uk-form uk-form-stacked new_learner" id="new_learner" novalidate="novalidate" action="{{ routes.log_in_path }}" accept-charset="UTF-8" method="post">
{% form_authenticity_token %}
<div class="uk-form-row email optional learner_email">
<div class="uk-form-controls">
<input class="uk-width-1-1 string email optional" autofocus="autofocus" placeholder="{% t .placeholders.email %}" type="email" name="learner[email]" id="learner_email">
</div>
</div>
<div class="uk-form-row password optional learner_password">
<div class="uk-form-controls">
<input class="uk-width-1-1 password optional" placeholder="{% t .placeholders.password %}" type="password" name="learner[password]" id="learner_password">
</div>
</div>
<div class="uk-form-row uk-nbfc">
<input type="submit" name="commit" value="{% t .placeholders.submit %}" class="button uk-button uk-button-primary uk-width-1-1" data-disable-with="Create Person">
</div>
<div class="uk-form-row uk-nbfc">
<p class="uk-text-center">
<a class="forgot-pass" href="{{ routes.forgot_password_path }}">{% t .reset_password %}</a>
{% if current_school.account_creation_enabled? %}
<span class="uk-text-muted">&nbsp;|&nbsp;</span>
<a href="{{ routes.sign_up_path }}">{% t .create_account %}</a>
{% endif %}
</p>
</div>
<div class="uk-form-row uk-nbfc">
<p class="uk-text-center">
{% if current_school.request_access_enabled? %}
<a target="_blank" href="{{ current_school.request_access_link }}">{{ current_school.request_access_label }}</a>
{% endif %}
</p>
</div>
</form>
</div>
</div>
</section>

View File

@ -0,0 +1,33 @@
{% include "course_version_outdated_alert", courses: my_content.courses %}
<div class="uk-container uk-container-center school-website-course-index-list uk-margin-top uk-margin-bottom">
<div class="uk-padding-horizontal">
{% if current_school.apps.instructor_led_training.active? %}
{% if current_person.upcoming_registered_events.any? %}
{% include "events" %}
{% else %}
{% include "events_empty" %}
{% endif %}
{% endif %}
{% if my_content.learning_paths? %}
{% include "my_paths" %}
{% endif %}
{% include "my_content_header" with "" %}
<div class="uk-grid uk-grid-flex uk-margin-left-remove">
{% include "filters" with "" %}
{% if current_school.filtering_enabled? and current_person.filterable_categories.count > 0 %}
<div class="uk-width-medium-5-6 uk-padding">
{% else %}
<div class="uk-width-1-1 uk-padding">
{% endif %}
<ul class="uk-grid uk-grid-medium school-website-course-list uk-grid-match" data-uk-grid-match="{target:'.uk-panel'}">
{% for course in my_content.courses %}
{% include "course" %}
{% endfor %}
</ul>
</div>
</div>
</div>
</div>

View File

@ -0,0 +1,12 @@
<div class="uk-container uk-container-center uk-padding-large-horizontal uk-margin-large-top uk-margin-bottom">
<hgroup class="uk-text-center vertical-align uk-padding-large-top">
<h1 class="page-header">{% t .headline %}</h1>
</hgroup>
<div class="uk-width-small-1-1 uk-width-medium-1-2 uk-container-center uk-padding-large-top">
<div class="school-website-custom-page-content uk-text-center uk-padding-large-bottom uk-margin-large-bottom">
<h3 class="uk-margin-top-remove uk-margin-large-bottom">{% t .subheadline %}</h3>
<p><a href="/" class="uk-button uk-button-primary">{% t .home %}</a></p>
</div>
</div>
</div>

View File

@ -0,0 +1,12 @@
<div class="uk-container uk-container-center uk-padding-large-horizontal uk-margin-large-top uk-margin-bottom">
<hgroup class="uk-text-center vertical-align uk-padding-large-top">
<h1 class="page-head">{% t .headline %}</h1>
</hgroup>
<div class="uk-width-small-1-1 uk-width-medium-1-2 uk-container-center uk-padding-large-top">
<div class="school-website-custom-page-content uk-text-center uk-padding-large-bottom uk-margin-large-bottom">
<h3 class="uk-margin-top-remove uk-margin-large-bottom">{% t .subheadline %}</h3>
<p><a href="/" class="uk-button uk-button-primary">{% t .home %}</a></p>
</div>
</div>
</div>

View File

@ -0,0 +1,11 @@
/*
Put your custom overlay styles in here
You can use your northpass color palette in this file
{{ color_palette.button_font_color }}
{{ color_palette.button_color }}
{{ color_palette.button_hover_color }}
{{ color_palette.header_font_color }}
{{ color_palette.header_font_hover_color }}
{{ color_palette.header_color }}
*/

View File

@ -0,0 +1,163 @@
<div class="top-bar">
<div class="top-bar__container uk-container uk-container-center uk-padding-horizontal">
<div class="top-bar__col">
<h2 class="top-bar__headline" data-test="session-name">{{ training_session.session_name }}</h2>
<div class="top-bar__attributes">
<div class="top-bar__attribute" data-test="event-title">
<div class="top-bar__attribute-label">
{% t .belongs_to %}
</div>
<div class="top-bar__attribute-value">
{{ training_session.title }}
</div>
</div>
<div class="top-bar__attribute">
<div class="top-bar__attribute-label">
{% t .type %}
</div>
<div class="top-bar__attribute-value">
{{ training_session.event_type_title }}
</div>
</div>
</div>
</div>
{% if training_session.instructor_assigned? %}
<div class="top-bar__col uk-hidden-small">
<div class="person" data-test="instructor-panel">
<div class="person__avatar">
<img src="{{ training_session.instructor_image_url }}" alt="avatar" />
</div>
<div class="person__details">
<div class="person__name">
{{ training_session.instructor_name }}
</div>
<div class="person__title">
{{ training_session.instructor_title }}
</div>
</div>
</div>
</div>
{% endif %}
</div>
</div>
<div class="uk-container uk-container-center uk-padding-horizontal">
<div class="uk-flex uk-flex-wrap">
<div class="uk-width-large-6-10 uk-visible-large">
<div class="session-description">
{{ training_session.description }}
</div>
</div>
<div class="uk-width-large-4-10">
<div class="session-sidebar">
<div class="session-sidebar__content">
<div class="session-dialog dialog">
<div class="dialog__body">
<div class="uk-flex">
<div class="uk-width-1-4">
<div class="calendar-card">
<div class="calendar-card__day">
{{ training_session.session_day }}
</div>
<div class="calendar-card__month">
{{ training_session.session_month }}
</div>
</div>
</div>
<div class="uk-width-3-4">
<h4 class="session-dialog__headline">
{{ training_session.title }}
</h4>
<p class="session-dialog__detail">
<i class="uk-icon-clock-o"></i>
{{ training_session.session_time }}
</p>
<p class="session-dialog__detail">
{% if training_session.location %}
<i class="uk-icon-map-marker"></i>
{{ training_session.location }}
{% endif %}
{% if training_session.session_url %}
<i class="uk-icon-globe"></i>
<a href="{{ training_session.session_url }}">{{ training_session.session_url }}</a>
{% endif %}
</p>
</div>
</div>
</div>
<div class="dialog__footer">
{{ training_session.registration_actions }}
</div>
</div>
</div>
<div class="session-description uk-hidden-large">
{{ training_session.description }}
</div>
<section class="other-sessions">
<header class="other-sessions__header">
<h4 class="other-sessions__headline">
{% t .other_sessions_headline %}
</h4>
</header>
<div class="other-sessions__body">
<ul class="other-sessions__list">
{% for other_session in training_session.other_sessions %}
<li class="other-session">
<div class="other-session__calendar-card-wrapper">
<div class="calendar-card calendar-card--small">
<div class="calendar-card__day">
{{ other_session.session_day }}
</div>
<div class="calendar-card__month">
{{ other_session.session_month }}
</div>
</div>
</div>
<div class="other-session__details">
<h5 class="other-session__name">
{{ other_session.session_name }}
</h5>
<div class="other-session__time">
<i class="uk-icon-clock-o"></i>
{{ other_session.session_time }}
</div>
</div>
<div class="other-session__buttons">
<a class="uk-button" href="{{ other_session.self_url }}">
{% t .attend %}
</a>
</div>
</li>
{% endfor %}
</ul>
</div>
<footer class="other-sessions__footer">
{% if training_session.other_sessions_count > 3 %}
<button class="other-sessions__more-button" onclick="findOutMore();">
{% t .find_out_more %}
</button>
{% endif %}
</footer>
</section>
</div>
</div>
</div>
</div>
</div>
<script>
var container = document.querySelector(".other-sessions__body");
var items = document.querySelectorAll(".other-session");
var containerHeight = 0;
for (var i = 0; i < Math.min(3, items.length); i++) {
containerHeight += items[i].offsetHeight;
}
container.style.height = containerHeight + "px";
function findOutMore() {
var button = document.querySelector(".other-sessions__more-button");
var list = document.querySelector(".other-sessions__list");
container.style.height = list.offsetHeight + "px";
button.style.display = "none";
}
</script>