|
@@ -20,7 +20,6 @@
|
|
|
</div>
|
|
|
{% endif %}
|
|
|
</div>
|
|
|
-
|
|
|
{% if show_audio_player %}
|
|
|
<div id="lp_media_file" class="audio-scorm">
|
|
|
{{ media_player }}
|
|
@@ -64,11 +63,11 @@
|
|
|
{{ teacher_toc_buttons }}
|
|
|
</div>
|
|
|
</div>
|
|
|
- {# TOC layout #}
|
|
|
- <div id="toc_id" class="scorm-body" name="toc_name">
|
|
|
+ {# TOC layout #}
|
|
|
+ <div id="toc_id" class="scorm-body" name="toc_name">
|
|
|
{% include 'learnpath/scorm_list.tpl'|get_template %}
|
|
|
</div>
|
|
|
- {# end TOC layout #}
|
|
|
+ {# end TOC layout #}
|
|
|
</div>
|
|
|
</div>
|
|
|
{# end left zone #}
|
|
@@ -87,13 +86,17 @@
|
|
|
</a>
|
|
|
{% endif %}
|
|
|
|
|
|
- <a id="home-course" title = "{{ 'Home'|get_lang }}" href="{{ button_home_url }}" class="icon-toolbar" target="_self" onclick="javascript: window.parent.API.save_asset();">
|
|
|
+ <a id="home-course"
|
|
|
+ title = "{{ 'Home'|get_lang }}"
|
|
|
+ href="{{ button_home_url }}"
|
|
|
+ class="icon-toolbar" target="_self"
|
|
|
+ onclick="javascript: window.parent.API.save_asset();">
|
|
|
<em class="fa fa-home"></em> <span class="hidden-xs hidden-sm"></span>
|
|
|
</a>
|
|
|
{{ navigation_bar }}
|
|
|
</div>
|
|
|
|
|
|
- {# right zone #}
|
|
|
+ {# Right zone #}
|
|
|
<div id="learning_path_right_zone" class="{{ show_left_column == 1 ? 'content-scorm' : 'no-right-col' }}">
|
|
|
<div class="lp-view-zone-container">
|
|
|
<div class="lp-view-tabs">
|
|
@@ -117,9 +120,25 @@
|
|
|
<div role="tabpanel" class="tab-pane active" id="lp-view-content">
|
|
|
<div id="wrapper-iframe">
|
|
|
{% if lp_mode == 'fullscreen' %}
|
|
|
- <iframe id="content_id_blank" name="content_name_blank" src="blank.php" style="width:100%; height:100%" border="0" frameborder="0" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>
|
|
|
+ <iframe
|
|
|
+ id="content_id_blank"
|
|
|
+ name="content_name_blank"
|
|
|
+ src="blank.php"
|
|
|
+ style="width:100%; height:100%"
|
|
|
+ border="0"
|
|
|
+ frameborder="0"
|
|
|
+ allowfullscreen="true"
|
|
|
+ webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>
|
|
|
{% else %}
|
|
|
- <iframe id="content_id" name="content_name" src="{{ iframe_src }}" style="width:100%; height:100%" border="0" frameborder="0" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>
|
|
|
+ <iframe
|
|
|
+ id="content_id"
|
|
|
+ name="content_name"
|
|
|
+ src="{{ iframe_src }}"
|
|
|
+ style="width:100%; height:100%"
|
|
|
+ border="0"
|
|
|
+ frameborder="0"
|
|
|
+ allowfullscreen="true"
|
|
|
+ webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>
|
|
|
{% endif %}
|
|
|
</div>
|
|
|
</div>
|
|
@@ -136,7 +155,6 @@
|
|
|
var LPViewUtils = {
|
|
|
setHeightLPToc: function () {
|
|
|
var scormInfoHeight = $('#scorm-info').outerHeight(true);
|
|
|
-
|
|
|
$('#learning_path_toc').css({
|
|
|
top: scormInfoHeight
|
|
|
});
|
|
@@ -147,65 +165,56 @@
|
|
|
if (/iPhone|iPod|iPad/.test(navigator.userAgent)) {
|
|
|
// Fix an issue where you cannot scroll below first screen in
|
|
|
// learning paths on Apple devices
|
|
|
- document.getElementById('wrapper-iframe')
|
|
|
- .setAttribute(
|
|
|
- 'style',
|
|
|
- 'width:100%; overflow:auto; position:auto; -webkit-overflow-scrolling:touch !important;'
|
|
|
- );
|
|
|
+ document.getElementById('wrapper-iframe').setAttribute(
|
|
|
+ 'style',
|
|
|
+ 'width:100%; overflow:auto; position:auto; -webkit-overflow-scrolling:touch !important;'
|
|
|
+ );
|
|
|
// Fix another issue whereby buttons do not react to click below
|
|
|
// second screen in learning paths on Apple devices
|
|
|
- document.getElementById('content_id')
|
|
|
- .setAttribute(
|
|
|
- 'style',
|
|
|
- 'overflow: auto;'
|
|
|
- );
|
|
|
-
|
|
|
+ document.getElementById('content_id').setAttribute('style', 'overflow: auto;');
|
|
|
}
|
|
|
|
|
|
{% if lp_mode == 'embedframe' %}
|
|
|
//$('#learning_path_main').addClass('lp-view-collapsed');
|
|
|
$('#lp-view-expand-button, #lp-view-expand-toggle').on('click', function (e) {
|
|
|
- e.preventDefault();
|
|
|
-
|
|
|
- $('#learning_path_main').toggleClass('lp-view-collapsed');
|
|
|
- $('#lp-view-expand-toggle span.fa').toggleClass('fa-compress');
|
|
|
- $('#lp-view-expand-toggle span.fa').toggleClass('fa-expand');
|
|
|
- var className = $('#lp-view-expand-toggle span.fa').attr('class');
|
|
|
- if (className == 'fa fa-expand') {
|
|
|
- $(this).attr('title', '{{ "Expand" | get_lang }}');
|
|
|
- } else {
|
|
|
- $(this).attr('title', '{{ "Collapse" | get_lang }}');
|
|
|
- }
|
|
|
-
|
|
|
- if($('#navTabsbar').is(':hidden')){
|
|
|
- $('#navTabsbar').show();
|
|
|
- } else {
|
|
|
- $('#navTabsbar').hide();
|
|
|
- }
|
|
|
+ e.preventDefault();
|
|
|
+ $('#learning_path_main').toggleClass('lp-view-collapsed');
|
|
|
+ $('#lp-view-expand-toggle span.fa').toggleClass('fa-compress');
|
|
|
+ $('#lp-view-expand-toggle span.fa').toggleClass('fa-expand');
|
|
|
+ var className = $('#lp-view-expand-toggle span.fa').attr('class');
|
|
|
+ if (className == 'fa fa-expand') {
|
|
|
+ $(this).attr('title', '{{ "Expand" | get_lang }}');
|
|
|
+ } else {
|
|
|
+ $(this).attr('title', '{{ "Collapse" | get_lang }}');
|
|
|
+ }
|
|
|
|
|
|
- });
|
|
|
+ if($('#navTabsbar').is(':hidden')) {
|
|
|
+ $('#navTabsbar').show();
|
|
|
+ } else {
|
|
|
+ $('#navTabsbar').hide();
|
|
|
+ }
|
|
|
+ });
|
|
|
{% else %}
|
|
|
- $('#lp-view-expand-button, #lp-view-expand-toggle').on('click', function (e) {
|
|
|
- e.preventDefault();
|
|
|
-
|
|
|
- $('#learning_path_main').toggleClass('lp-view-collapsed');
|
|
|
+ $('#lp-view-expand-button, #lp-view-expand-toggle').on('click', function (e) {
|
|
|
+ e.preventDefault();
|
|
|
|
|
|
- $('#lp-view-expand-toggle span.fa').toggleClass('fa-expand');
|
|
|
- $('#lp-view-expand-toggle span.fa').toggleClass('fa-compress');
|
|
|
+ $('#learning_path_main').toggleClass('lp-view-collapsed');
|
|
|
+ $('#lp-view-expand-toggle span.fa').toggleClass('fa-expand');
|
|
|
+ $('#lp-view-expand-toggle span.fa').toggleClass('fa-compress');
|
|
|
|
|
|
- var className = $('#lp-view-expand-toggle span.fa').attr('class');
|
|
|
- if (className == 'fa fa-expand') {
|
|
|
- $(this).attr('title', '{{ "Expand" | get_lang }}');
|
|
|
- } else {
|
|
|
- $(this).attr('title', '{{ "Collapse" | get_lang }}');
|
|
|
- }
|
|
|
+ var className = $('#lp-view-expand-toggle span.fa').attr('class');
|
|
|
+ if (className == 'fa fa-expand') {
|
|
|
+ $(this).attr('title', '{{ "Expand" | get_lang }}');
|
|
|
+ } else {
|
|
|
+ $(this).attr('title', '{{ "Collapse" | get_lang }}');
|
|
|
+ }
|
|
|
|
|
|
- if($('#navTabsbar').is(':hidden')){
|
|
|
- $('#navTabsbar').show();
|
|
|
- } else {
|
|
|
- $('#navTabsbar').hide();
|
|
|
- }
|
|
|
- });
|
|
|
+ if($('#navTabsbar').is(':hidden')){
|
|
|
+ $('#navTabsbar').show();
|
|
|
+ } else {
|
|
|
+ $('#navTabsbar').hide();
|
|
|
+ }
|
|
|
+ });
|
|
|
{% endif %}
|
|
|
|
|
|
$('.lp-view-tabs').on('click', '.disabled', function (e) {
|
|
@@ -214,9 +223,7 @@
|
|
|
|
|
|
$('a#ui-option').on('click', function (e) {
|
|
|
e.preventDefault();
|
|
|
-
|
|
|
var icon = $(this).children('.fa');
|
|
|
-
|
|
|
if (icon.is('.fa-chevron-up')) {
|
|
|
icon.removeClass('fa-chevron-up').addClass('fa-chevron-down');
|
|
|
|
|
@@ -238,7 +245,6 @@
|
|
|
|
|
|
$('#learning_path_right_zone #lp-view-content iframe').on('load', function () {
|
|
|
$('.lp-view-tabs a[href="#lp-view-content"]').tab('show');
|
|
|
-
|
|
|
$('.lp-view-tabs').animate({opacity: 1}, 500);
|
|
|
});
|
|
|
|