200 lines
8.2 KiB
Plaintext
200 lines
8.2 KiB
Plaintext
<link rel="stylesheet" media="all" href="/custom_styles.css">
|
|
<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 id="iadvize-exit-translated-english" 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 %}
|
|
|
|
<section class="bg-isgrey">
|
|
<div class="content-wrapper jumbo isflex p-top-60 p-bottom-100">
|
|
<div class="w-50 course__title">
|
|
<h1 class="mainTitle w-70">{{ course.name }}</h1>
|
|
{% if course.learner_can_retake? %}
|
|
<form action="{{ course.course_attempts_path }}" method="POST">
|
|
<button type="submit" class="cta isfull" id="iadvize-retake-translated-english" data-test="retake-course-button">{{ course.retake_course }}</button>
|
|
</form>
|
|
{% else %}
|
|
<a href="{{ course.outline_path }}" class="cta isfull" id="iadvize-start-translated-english" data-test="start-course-button">{{ course.start_or_continue }}</a>
|
|
{% endif %}
|
|
</div>
|
|
<div class="w-50 p-top-30 course__image">
|
|
<img src="{{ course.featured_image_url }}" alt="image" />
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="uk-container uk-container-center uk-padding-large uk-margin-large-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">
|
|
{% comment %} <img src="{{ course.featured_image_url }}" /> {% endcomment %}
|
|
<h3 id="iadvize-aboutCourse-translated-english">{{ course.about_label }}</h3>
|
|
<p>{{ course.full_description }}</p>
|
|
<h3 id="iadvize-progress-translated-english">{{ course.progress_title }}</h3>
|
|
{{ course.progress_bar }}
|
|
</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 id="iadvize-list-translated-english">Liste des cours</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>
|
|
<footer class="footer">
|
|
<div class="footer__container container">
|
|
<div class="footer__logo">
|
|
<a href="/" title="">
|
|
<img src="https://storage.googleapis.com/idz-garden/northpass/images/idz-logo-white.png" style="height: 30px; width: auto;" alt="" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
|
|
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
|
|
<script>
|
|
|
|
let courseIdCover = window.location.href.split("/")[4];
|
|
|
|
const englishCoursesCover = {
|
|
"7efznk51" : "messenger-admins",
|
|
"z3y62h8o" : "messenger-agents",
|
|
"atotcben" : "messenger-managers",
|
|
"nuh1wvf8" : "discover iAdvize",
|
|
"kshgymrm" : "get started",
|
|
"4sjntvpq" : "improve your commercial performance",
|
|
"u4xhu0nx" : "increase you productivity",
|
|
"76uqobvm" : "Take care of your customer satisfaction",
|
|
"m4ala288" : "Improve agents response",
|
|
"ywjecyta" : "art of chatting",
|
|
"ej4oubpt" : "New: the snooze button",
|
|
"hilvaoiv" : "Replay: Administrators and Managers: Get ready for the iAdvize launch",
|
|
"w3t3x0uf" : "Replay: Agents, discover your iAdvize conversation desk.",
|
|
"bwmtqkt6" : "Deploy the video channel (7min)",
|
|
"cuyvmz5e" : "Get started on iAdvize (8min / 38min)",
|
|
"wdky0d9x" : "Increase your team's productivity (12 min)",
|
|
"pvfzkpdw" : "The snooze button (13 min)",
|
|
"hiyij7vo" : "Discover our new bots (6 min)",
|
|
"lit8ro7g" : "Create user accounts (9min)",
|
|
"jth9adfp" : "Take care of your Customer Satisfaction (17 min)",
|
|
"e6amojyr" : "Your new iAdvize conversation panel (2min)",
|
|
"dqg0kso1" : "Converse responsively (3min)",
|
|
"ej5kzmjx" : "Encourage a pleasant conversation (3min)",
|
|
"odtdmmqs" : "Make things easy to understand (2min)",
|
|
"vpkmrkpo" : "User guides (EN/ES/DE)Commencer",
|
|
"xvbmpqcs" : "Get started on the Video channel (6 min)",
|
|
"l1gmjazx" : "Tips for WhatsApp (EN/DE/ES)",
|
|
"qcokbjni" : "Use the iAdvize app [EN/ES]"
|
|
}
|
|
|
|
$(document).ready(function() {
|
|
if(englishCoursesCover[courseIdCover]) {
|
|
$("#iadvize-exit-translated-english").html("Exit");
|
|
$("#iadvize-retake-translated-english").html("Retake Course");
|
|
$("#iadvize-start-translated-english").html("Start");
|
|
$("#iadvize-aboutCourse-translated-english").html("About the Course");
|
|
$("#iadvize-list-translated-english").html("List of Activities");
|
|
let progressText = $("#iadvize-progress-translated-english").html();
|
|
progressText = progressText.split("%");
|
|
progressText[1] = "Complete";
|
|
progressText = progressText.join("% ");
|
|
$("#iadvize-progress-translated-english").html(progressText);
|
|
}
|
|
});
|
|
|
|
</script>
|
|
|
|
<!-- START IADVIZE LIVECHAT -->
|
|
<script type='text/javascript'>
|
|
var idzCustomData = {};
|
|
(function() {
|
|
var idz = document.createElement('script');
|
|
idz.type = 'text/javascript';
|
|
idz.async = true;
|
|
idz.src = document.location.protocol + '//halc.iadvize.com/iadvize.js?sid=7163';
|
|
var s = document.getElementsByTagName('script')[0];
|
|
s.parentNode.insertBefore(idz, s);
|
|
})();
|
|
</script><!-- END IADVIZE LIVECHAT --> |