chamilo
/
chamilo-lms
mirror of https://github.com/chamilo/chamilo-lms/tree/1.11.x
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Update from 1.11.x

Browse Source
pull/2881/head
Julio Montoya 7 years ago
parent 2b4dde79d6
commit 9672242023
4 changed files with 329 additions and 255 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 2
      main/lp/lp_controller.php
  2. 1
      main/messages/outbox.php
  3. 178
      src/ThemeBundle/Resources/views/LearnPath/scorm_list.html.twig
  4. 403
      src/ThemeBundle/Resources/views/LearnPath/view.html.twig

2
main/lp/lp_controller.php
Unescape View File

@ -88,7 +88,7 @@ $htmlHeadXtra[] = '
connectWith: "#lp_item_list", connectWith: "#lp_item_list",
placeholder: "ui-state-highlight", //defines the yellow highlight placeholder: "ui-state-highlight", //defines the yellow highlight
start: function(event, ui) { start: function(event, ui) {
$(ui.item).css("width", "160px"); $(ui.item).css("width", "350px");
$(ui.item).find(".item_data").attr("style", ""); $(ui.item).find(".item_data").attr("style", "");
}, },
stop: function(event, ui) { stop: function(event, ui) {

1
main/messages/outbox.php
Unescape View File

@ -66,6 +66,7 @@ if (isset($_REQUEST['action'])) {
$keyword = ''; $keyword = '';
$social_right_content = ''; $social_right_content = '';
if ($allowSocial) { if ($allowSocial) {
// Block Social Menu
$social_menu_block = SocialManager::show_social_menu('messages'); $social_menu_block = SocialManager::show_social_menu('messages');
$actionsLeft = '<a href="'.api_get_path(WEB_PATH).'main/messages/inbox.php">'. $actionsLeft = '<a href="'.api_get_path(WEB_PATH).'main/messages/inbox.php">'.
Display::return_icon('back.png', get_lang('Back'), [], 32).'</a>'; Display::return_icon('back.png', get_lang('Back'), [], 32).'</a>';

178
src/ThemeBundle/Resources/views/LearnPath/scorm_list.html.twig
Unescape View File

@ -1,101 +1,99 @@
{% autoescape false %} {% autoescape false %}
{% if data_list is not empty %} {% if data_list is not empty %}
<div id="learning_path_toc" class="scorm-list"> <div id="learning_path_toc" class="scorm-list">
<div class="scorm-title"> <div class="scorm-title">
<h4>{{ lp_title_scorm }}</h4> <h4>{{ lp_title_scorm }}</h4>
</div>
<div class="scorm-body">
<div id="inner_lp_toc" class="inner_lp_toc scrollbar-light">
{% for item in data_list %}
<div id="toc_{{ item.id }}" class="{{ item.class }} item-{{ item.type }}">
{% if item.type == 'dir' %}
<div class="section {{ item.css_level }}" title="{{ item.description }}">
{{ item.title }}
</div>
{% else %}
<div class="item {{ item.css_level }}" title="{{ item.description }}">
<a name="atoc_{{ item.id }}"></a>
<a class="items-list" href="#"
onclick="switch_item('{{ item.current_id }}','{{ item.id }}'); return false;">
{{ item.title }}
</a>
</div>
{% endif %}
</div>
{% endfor %}
</div> </div>
</div> <div class="scorm-body">
</div> <div id="inner_lp_toc" class="inner_lp_toc scrollbar-light">
{% endif %} {% for item in data_list %}
{% if data_panel is not empty %} <div id="toc_{{ item.id }}" class="{{ item.class }} item-{{ item.type }}">
<div id="learning_path_toc" class="scorm-collapse"> {% if item.type == 'dir' %}
<div class="scorm-title"> <div class="section {{ item.css_level }}" title="{{ item.description }}">
<h4>
{{ lp_title_scorm }}
</h4>
</div>
<div class="panel-group" role="tablist" aria-multiselectable="true">
{% if data_panel.not_parents %}
<ul class="scorm-collapse-list">
{% for item in data_panel.not_parents %}
<li id="toc_{{ item.id }}" class="{{ item.class }} item-{{ item.type }}">
<div class="sub-item type-{{ item.type }}">
<a name="atoc_{{ item.id }}"></a>
<a class="item-action" href="#"
onclick="switch_item('{{ item.current_id }}','{{ item.id }}'); return false;">
<i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
{{ item.title }} {{ item.title }}
</a> </div>
</div> {% else %}
</li> <div class="item {{ item.css_level }}" title="{{ item.description }}">
<a name="atoc_{{ item.id }}"></a>
<a data-type="type-{{ item.type }}" class="items-list" href="#"
onclick="switch_item('{{ item.current_id }}','{{ item.id }}'); return false;">
{{ item.title }}
</a>
</div>
{% endif %}
</div>
{% endfor %} {% endfor %}
</ul> </div>
{% endif %} </div>
</div>
{% endif %}
{% for item in data_panel.are_parents %} {% if data_panel is not empty %}
<div id="learning_path_toc" class="scorm-collapse">
<div class="scorm-title">
<h4>
{{ lp_title_scorm }}
</h4>
</div>
<div class="panel-group" role="tablist" aria-multiselectable="true">
{% if data_panel.not_parents %}
<ul class="scorm-collapse-list">
{% for item in data_panel.not_parents %}
<li id="toc_{{ item.id }}" class="{{ item.class }} item-{{ item.type }}">
<div class="sub-item type-{{ item.type }}">
<a name="atoc_{{ item.id }}"></a>
<a data-type="type-{{ item.type }}" class="item-action" href="#"
onclick="switch_item('{{ item.current_id }}','{{ item.id }}'); return false;">
<i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
{{ item.title }}
</a>
</div>
</li>
{% endfor %}
</ul>
{% endif %}
<div class="panel panel-default {{ item.parent ? 'lower':'higher' }}" data-lp-id="{{ item.id }}" {% for item in data_panel.are_parents %}
{{ item.parent ? 'data-lp-parent="' ~ item.parent ~ '"' : '' }}> <div class="panel panel-default {{ item.parent ? 'lower':'higher' }}" data-lp-id="{{ item.id }}"
<div class="status-heading"> {{ item.parent ? 'data-lp-parent="' ~ item.parent ~ '"' : '' }}>
<div class="panel-heading" role="tab" id="heading-{{ item.id }}"> <div class="status-heading">
<h4> <div class="panel-heading" role="tab" id="heading-{{ item.id }}">
<a class="item-header" role="button" data-toggle="collapse" <h4>
data-parent="#scorm-panel{{ item.parent ? '-' ~ item.parent : '' }}" <a class="item-header" role="button" data-toggle="collapse"
href="#collapse-{{ item.id }}" aria-expanded="true" data-parent="#scorm-panel{{ item.parent ? '-' ~ item.parent : '' }}"
aria-controls="collapse-{{ item.id }}"> href="#collapse-{{ item.id }}" aria-expanded="true"
{{ item.title }} aria-controls="collapse-{{ item.id }}">
</a> {{ item.title }}
</h4> </a>
</h4>
</div>
</div> </div>
</div> <div id="collapse-{{ item.id }}" class="panel-collapse collapse {{ item.parent_current }}"
<div id="collapse-{{ item.id }}" class="panel-collapse collapse {{ item.parent_current }}" role="tabpanel" aria-labelledby="heading-{{ item.id }}">
role="tabpanel" aria-labelledby="heading-{{ item.id }}"> <div class="panel-body">
<div class="panel-body"> <ul class="list">
<ul class="list"> {% set counter = 0 %}
{% set counter = 0 %} {% set final = item.children|length %}
{% set final = item.children|length %} {% for subitem in item.children %}
{% for subitem in item.children %} {% set counter = counter + 1 %}
{% set counter = counter + 1 %} <li id="toc_{{ subitem.id }}"
<li id="toc_{{ subitem.id }}" class="{{ subitem.class }} {{ subitem.type }} {{ counter == final ? 'final':'' }}">
class="{{ subitem.class }} {{ subitem.type }} {{ counter == final ? 'final':'' }}"> <div class="sub-item item-{{ subitem.type }}">
<div class="sub-item item-{{ subitem.type }}"> <a name="atoc_{{ subitem.id }}"></a>
<a name="atoc_{{ subitem.id }}"></a> <a data-type="type-{{ subitem.type }}" class="item-action" href="#"
<a class="item-action" href="#" onclick="switch_item('{{ subitem.current_id }}','{{ subitem.id }}'); return false;">
onclick="switch_item('{{ subitem.current_id }}','{{ subitem.id }}'); return false;"> <i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
<i class="fa fa-chevron-circle-right" aria-hidden="true"></i> {{ subitem.title }}
{{ subitem.title }} </a>
</a> </div>
</div> </li>
</li> {% endfor %}
</ul>
{% endfor %} </div>
</ul>
</div> </div>
</div> </div>
</div> {% endfor %}
{% endfor %} </div>
</div> </div>
</div> {% endif %}
{% endif %}
{% endautoescape %} {% endautoescape %}

403
src/ThemeBundle/Resources/views/LearnPath/view.html.twig
Unescape View File

@ -1,184 +1,281 @@
{% extends '@ChamiloTheme/Layout/no_layout.html.twig' %} {% extends '@ChamiloTheme/Layout/no_layout.html.twig' %}
{% block content %} {% block content %}
{% autoescape false %} {% autoescape false %}
<div id="learning_path_main" class="{{ is_allowed_to_edit ? 'lp-view-include-breadcrumb' }} {{ lp_mode == 'embedframe' ? 'lp-view-collapsed' }}"> <div id="learning_path_main" class="{{ is_allowed_to_edit ? 'lp-view-include-breadcrumb' }} {{ lp_mode == 'embedframe' ? 'lp-view-collapsed' }}">
{% if show_left_column == 1 %} {% if show_left_column == 1 %}
<div id="learning_path_left_zone" class="sidebar-scorm"> <div id="learning_path_left_zone" class="sidebar-scorm">
<div class="lp-view-zone-container"> <div class="lp-view-zone-container">
<div id="scorm-info"> <div id="scorm-info">
<div id="panel-scorm" class="panel-body"> <div id="panel-scorm" class="panel-body">
<div class="image-avatar"> <div class="image-avatar">
{% if lp_author == '' %} {% if lp_author == '' %}
<div class="text-center"> <div class="text-center">
{{ lp_preview_image }}
</div>
{% else %}
<div class="media">
<div class="media-left">
{{ lp_preview_image }} {{ lp_preview_image }}
</div> </div>
<div class="media-body"> {% else %}
<div class="description-autor"> {{ lp_author }} </div> <div class="media">
<div class="media-left">
{{ lp_preview_image }}
</div>
<div class="media-body">
<div class="description-autor"> {{ lp_author }} </div>
</div>
</div> </div>
{% endif %}
</div>
{% if show_audio_player %}
<div id="lp_media_file" class="audio-scorm">
{{ media_player }}
</div> </div>
{% endif %} {% endif %}
</div>
{% if show_audio_player %} {% if lp_accumulate_work_time != '' %}
<div id="lp_media_file" class="audio-scorm"> {% set lp_progress %}
{{ media_player }} <style>
</div> #timer .container{display:table;background:#777;color:#eee;font-weight:bold;width:100%;text-align:center;text-shadow:1px 1px 4px #999;}
{% endif %} #timer .container div{display:table-cell;font-size:24px;padding:0px;width:20px;}
{% if gamification_mode == 1 %} #timer .container .divider{width:10px;color:#ddd;}
<!--- gamification --> #btn-comenzar{box-sizing:border-box;background:#eee;border:none;margin:0 auto;padding:20px;width:100%;font-size:30px;color:#777;}
<div id="scorm-gamification"> #btn-comenzar:hover{background:#fff;}
<div class="row"> </style>
<div class="col-xs-6"> <script>
{% if gamification_stars > 0 %} $(function() {
{% for i in 1..gamification_stars %} var timerData = {
<em class="fa fa-star level"></em> hour: parseInt($("#hour").text()),
{% endfor %} minute: parseInt($("#minute").text()),
{% endif %} second: parseInt($("#second").text())
};
//window.timerInterval = null;
clearInterval(window.timerInterval);
window.timerInterval = setInterval(function(){
// Seconds
timerData.second++;
if (timerData.second >= 60) {
timerData.second = 0;
timerData.minute++;
}
// Minutes
if (timerData.minute >= 60) {
timerData.minute = 0;
timerData.hour++;
}
{% if gamification_stars < 4 %} $("#hour").text(timerData.hour < 10 ? '0' + timerData.hour : timerData.hour);
{% for i in 1..4 - gamification_stars %} $("#minute").text(timerData.minute < 10 ? '0' + timerData.minute : timerData.minute);
<em class="fa fa-star"></em> $("#second").text(timerData.second < 10 ? '0' + timerData.second : timerData.second);
{% endfor %} }, 1000);
{% endif %} })
</script>
<div class="row">
<div class="col-xs-4">
<b>
{{ "ProgressSpentInLp"|get_lang|format(lp_accumulate_work_time) }}
</b>
</div> </div>
<div class="col-xs-6 text-right"> <div class="col-xs-8">
{{ "XPoints"|trans|format(gamification_points) }} <div id="progress_bar">
{{ progress_bar }}
</div>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-12 navegation-bar"> <div class="col-xs-4">
<div id="progress_bar"> <b>
{{ progress_bar }} {{ "TimeSpentInLp"|get_lang|format(lp_accumulate_work_time) }}
</b>
</div>
<div class="col-xs-8">
<div id="timer">
<div class="container">
<div id="hour">{{ hour }}</div>
<div class="divider">:</div>
<div id="minute">{{ minute }}</div>
<div class="divider">:</div>
<div id="second">{{ second }}</div>
<div id="slash"> / </div>
<div>{{ hour_min }}</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> {% endset %}
<!--- end gamification --> {% else %}
{% else %} {% set lp_progress %}
<div id="progress_bar"> <div id="progress_bar">
{{ progress_bar }} {{ progress_bar }}
</div> </div>
{% endif %} {% endset %}
{{ teacher_toc_buttons }} {% endif %}
{% if gamification_mode == 1 %}
<!--- gamification -->
<div id="scorm-gamification">
<div class="row">
<div class="col-xs-6">
{% if gamification_stars > 0 %}
{% for i in 1..gamification_stars %}
<em class="fa fa-star level"></em>
{% endfor %}
{% endif %}
{% if gamification_stars < 4 %}
{% for i in 1..4 - gamification_stars %}
<em class="fa fa-star"></em>
{% endfor %}
{% endif %}
</div>
<div class="col-xs-6 text-right">
{{ "XPoints"|get_lang|format(gamification_points) }}
</div>
</div>
<div class="row">
<div class="col-xs-12 navegation-bar">
{{ lp_progress }}
</div>
</div>
</div>
<!--- end gamification -->
{% else %}
{{ lp_progress }}
{% endif %}
{{ teacher_toc_buttons }}
</div>
</div> </div>
{# TOC layout #}
<div id="toc_id" class="scorm-body" name="toc_name">
{% include '@ChamiloTheme/LearnPath/scorm_list.html.twig' %}
</div>
{# end TOC layout #}
</div> </div>
{# TOC layout #}
<div id="toc_id" class="scorm-body" name="toc_name">
{% include '@ChamiloTheme/LearnPath/scorm_list.html.twig' %}
</div>
{# end TOC layout #}
</div> </div>
</div> {# end left zone #}
{# end left zone #}
{% endif %}
<div id="lp_navigation_elem" class="navegation-bar">
{% if show_left_column == 1 %}
<a href="#" title = "{{ 'Expand'|trans }}" id="lp-view-expand-toggle" class="icon-toolbar expand" role="button">
{% if lp_mode == 'embedframe' %}
<span class="fa fa-compress" aria-hidden="true"></span>
<span class="sr-only">{{ 'Expand'|trans }}</span>
{% else %}
<span class="fa fa-expand" aria-hidden="true"></span>
<span class="sr-only">{{ 'Expand'|trans }}</span>
{% endif %}
</a>
{% endif %} {% endif %}
<a id="home-course" title = "{{ 'Home'|trans }}" href="{{ button_home_url }}" class="icon-toolbar" target="_self" onclick="javascript: window.parent.API.save_asset();"> {# Right zone #}
<em class="fa fa-home"></em> <span class="hidden-xs hidden-sm"></span> <div id="learning_path_right_zone" class="{{ show_left_column == 1 ? 'content-scorm' : 'no-right-col' }}">
</a> <div class="lp-view-zone-container">
{{ navigation_bar }} <div class="lp-view-tabs">
</div> <div id="navTabsbar" class="nav-tabs-bar">
<ul id="navTabs" class="nav nav-tabs tabs-right" role="tablist">
{# right zone #} <li role="presentation" class="active">
<div id="learning_path_right_zone" class="{{ show_left_column == 1 ? 'content-scorm' : 'no-right-col' }}"> <a href="#lp-view-content" title="{{ 'Lesson'|get_lang }}"
<div class="lp-view-zone-container"> aria-controls="lp-view-content" role="tab" data-toggle="tab">
<div class="lp-view-tabs"> <span class="fa fa-book fa-2x fa-fw" aria-hidden="true"></span>
<div id="navTabsbar" class="nav-tabs-bar"> <span class="sr-only">{{ 'Lesson'|get_lang }}</span>
<ul id="navTabs" class="nav nav-tabs" role="tablist"> </a>
<li role="presentation" class="active"> </li>
<a href="#lp-view-content" title="{{ 'Lesson'|trans }}" aria-controls="lp-view-content" role="tab" data-toggle="tab"> <li role="presentation">
<span class="fa fa-book fa-2x fa-fw" aria-hidden="true"></span> <a href="#lp-view-forum" title="{{ 'Forum'|get_lang }}"
<span class="sr-only">{{ 'Lesson'|trans }}</span> aria-controls="lp-view-forum" role="tab" data-toggle="tab">
</a> <span class="fa fa-commenting-o fa-2x fa-fw" aria-hidden="true"></span>
</li> <span class="sr-only">{{ 'Forum'|get_lang }}</span>
<li role="presentation"> </a>
<a href="#lp-view-forum" title="{{ 'Forum'|trans }}" aria-controls="lp-view-forum" role="tab" data-toggle="tab"> </li>
<span class="fa fa-commenting-o fa-2x fa-fw" aria-hidden="true"></span> </ul>
<span class="sr-only">{{ 'Forum'|trans }}</span> </div>
</a> <nav id="btn-menu-float" class="circular-menu">
</li> <div class="circle">
</ul> {% if show_left_column == 1 %}
</div> <a href="#" title = "{{ 'Expand'|get_lang }}" id="lp-view-expand-toggle"
<div class="tab-content"> class="icon-toolbar expand" role="button">
<div role="tabpanel" class="tab-pane active" id="lp-view-content"> {% if lp_mode == 'embedframe' %}
<div id="wrapper-iframe"> <span class="fa fa-compress" aria-hidden="true"></span>
{% if lp_mode == 'fullscreen' %} <span class="sr-only">{{ 'Expand'|get_lang }}</span>
<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 %}
{% else %} <span class="fa fa-expand" aria-hidden="true"></span>
<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> <span class="sr-only">{{ 'Expand'|get_lang }}</span>
{% endif %}
</a>
{% endif %} {% 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();">
<em class="fa fa-home"></em> <span class="hidden-xs hidden-sm"></span>
</a>
{{ navigation_bar }}
</div>
<a class="menu-button fa fa-bars icons" href="#"></a>
</nav>
<div id="tab-iframe" class="tab-content">
<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>
{% 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>
{% endif %}
</div>
</div>
<div role="tabpanel" class="tab-pane" id="lp-view-forum">
</div> </div>
</div>
<div role="tabpanel" class="tab-pane" id="lp-view-forum">
</div> </div>
</div> </div>
</div> </div>
</div> </div>
{# end right Zone #}
</div> </div>
{# end right Zone #}
</div>
<script> <script>
(function () { document.querySelector('.menu-button').onclick = function(e) {
e.preventDefault(); document.querySelector('.circle').classList.toggle('open');
}
var LPViewUtils = { var LPViewUtils = {
setHeightLPToc: function () { setHeightLPToc: function () {
var scormInfoHeight = $('#scorm-info').outerHeight(true); var scormInfoHeight = $('#scorm-info').outerHeight(true);
$('#learning_path_toc').css({ $('#learning_path_toc').css({
top: scormInfoHeight top: scormInfoHeight
}); });
} }
}; };
$(document).on('ready', function () { $(function() {
if (/iPhone|iPod|iPad/.test(navigator.userAgent)) { if (/iPhone|iPod|iPad/.test(navigator.userAgent)) {
// Fix an issue where you cannot scroll below first screen in // Fix an issue where you cannot scroll below first screen in
// learning paths on Apple devices // learning paths on Apple devices
document.getElementById('wrapper-iframe') document.getElementById('wrapper-iframe').setAttribute(
.setAttribute( 'style',
'style', 'width:100%; overflow:auto; position:auto; -webkit-overflow-scrolling:touch !important;'
'width:100%; overflow:auto; position:auto; -webkit-overflow-scrolling:touch !important;' );
);
// Fix another issue whereby buttons do not react to click below // Fix another issue whereby buttons do not react to click below
// second screen in learning paths on Apple devices // second screen in learning paths on Apple devices
document.getElementById('content_id') document.getElementById('content_id').setAttribute('style', 'overflow: auto;');
.setAttribute(
'style',
'overflow: auto;'
);
} }
{% if lp_mode == 'embedframe' %} {% if lp_mode == 'embedframe' %}
//$('#learning_path_main').addClass('lp-view-collapsed'); //$('#learning_path_main').addClass('lp-view-collapsed');
$('#lp-view-expand-button, #lp-view-expand-toggle').on('click', function (e) { $('#lp-view-expand-button, #lp-view-expand-toggle').on('click', function (e) {
e.preventDefault(); e.preventDefault();
$('#learning_path_main').toggleClass('lp-view-collapsed'); $('#learning_path_main').toggleClass('lp-view-collapsed');
$('#lp-view-expand-toggle span.fa').toggleClass('fa-compress'); $('#lp-view-expand-toggle span.fa').toggleClass('fa-compress');
$('#lp-view-expand-toggle span.fa').toggleClass('fa-expand'); $('#lp-view-expand-toggle span.fa').toggleClass('fa-expand');
var className = $('#lp-view-expand-toggle span.fa').attr('class'); var className = $('#lp-view-expand-toggle span.fa').attr('class');
if (className == 'fa fa-expand') { if (className == 'fa fa-expand') {
$(this).attr('title', '{{ "Expand" | trans }}'); $(this).attr('title', '{{ "Expand" | get_lang }}');
} else { } else {
$(this).attr('title', '{{ "Collapse" | trans }}'); $(this).attr('title', '{{ "Collapse" | get_lang }}');
} }
if($('#navTabsbar').is(':hidden')){ if($('#navTabsbar').is(':hidden')){
@ -186,28 +283,19 @@
} else { } else {
$('#navTabsbar').hide(); $('#navTabsbar').hide();
} }
}); });
{% else %} {% else %}
$('#lp-view-expand-button, #lp-view-expand-toggle').on('click', function (e) { $('#lp-view-expand-button, #lp-view-expand-toggle').on('click', function (e) {
e.preventDefault(); e.preventDefault();
$('#learning_path_main').toggleClass('lp-view-collapsed'); $('#learning_path_main').toggleClass('lp-view-collapsed');
$('#lp-view-expand-toggle span.fa').toggleClass('fa-expand'); $('#lp-view-expand-toggle span.fa').toggleClass('fa-expand');
$('#lp-view-expand-toggle span.fa').toggleClass('fa-compress'); $('#lp-view-expand-toggle span.fa').toggleClass('fa-compress');
var className = $('#lp-view-expand-toggle span.fa').attr('class'); var className = $('#lp-view-expand-toggle span.fa').attr('class');
if (className == 'fa fa-expand') { if (className == 'fa fa-expand') {
$(this).attr('title', '{{ "Expand" | trans }}'); $(this).attr('title', '{{ "Expand" | get_lang }}');
} else { } else {
$(this).attr('title', '{{ "Collapse" | trans }}'); $(this).attr('title', '{{ "Collapse" | get_lang }}');
}
if($('#navTabsbar').is(':hidden')){
$('#navTabsbar').show();
} else {
$('#navTabsbar').hide();
} }
}); });
{% endif %} {% endif %}
@ -218,27 +306,27 @@
$('a#ui-option').on('click', function (e) { $('a#ui-option').on('click', function (e) {
e.preventDefault(); e.preventDefault();
var icon = $(this).children('.fa'); var icon = $(this).children('.fa');
if (icon.is('.fa-chevron-up')) { if (icon.is('.fa-chevron-up')) {
icon.removeClass('fa-chevron-up').addClass('fa-chevron-down'); icon.removeClass('fa-chevron-up').addClass('fa-chevron-down');
return; return;
} }
icon.removeClass('fa-chevron-down').addClass('fa-chevron-up'); icon.removeClass('fa-chevron-down').addClass('fa-chevron-up');
}); });
LPViewUtils.setHeightLPToc(); LPViewUtils.setHeightLPToc();
$('.image-avatar img').load(function () {
LPViewUtils.setHeightLPToc();
});
$('.scorm_item_normal a, #scorm-previous, #scorm-next').on('click', function () { $('.scorm_item_normal a, #scorm-previous, #scorm-next').on('click', function () {
$('.lp-view-tabs').animate({opacity: 0}, 500); $('.lp-view-tabs').animate({opacity: 0}, 500);
}); });
$('#learning_path_right_zone #lp-view-content iframe').on('load', function () { $('#learning_path_right_zone #lp-view-content iframe').on('load', function () {
$('.lp-view-tabs a[href="#lp-view-content"]').tab('show'); $('.lp-view-tabs a[href="#lp-view-content"]').tab('show');
$('.lp-view-tabs').animate({opacity: 1}, 500); $('.lp-view-tabs').animate({opacity: 1}, 500);
}); });
@ -298,34 +386,21 @@
{% endif %} {% endif %}
})(); })();
{% endif %} {% endif %}
{% if disable_js_in_lp_view == 0 %} {% if disable_js_in_lp_view == 0 %}
$('iframe#content_id').on('load', function () { $(function() {
if ('link' !== olms.lms_item_type) { $('iframe#content_id').on('load', function () {
$.frameReady(function () { var arr = ['link', 'sco'];
}, 'top.content_name', { if ($.inArray(olms.lms_item_type, arr) == -1) {
load: [ {{ frame_ready }}
{type: 'script', id: '_fr1', src: '{{ _p.web }}web/assets/jquery/dist/jquery.min.js'}, }
{type: 'script', id: '_fr7', src: '{{ _p.web }}web/assets/MathJax/MathJax.js?config=AM_HTMLorMML'}, });
{type: 'script', id: '_fr4', src: '{{ _p.web }}web/assets/jquery-ui/jquery-ui.min.js'},
{type: 'stylesheet', id: '_fr5', src: '{{ _p.web }}web/assets/jquery-ui/themes/smoothness/jquery-ui.min.css'},
{type: 'stylesheet', id: '_fr6', src: '{{ _p.web }}web/assets/jquery-ui/themes/smoothness/theme.css'},
{type: 'script', id: '_fr2', src: '{{ _p.web_lib }}javascript/jquery.highlight.js'},
{type: 'script', id: '_fr3', src: '{{ _p.web_main }}glossary/glossary.js.php?{{ _p.web_cid_query }}'},
{type: 'script', id: '_media1', src: '{{ _p.web }}web/assets/mediaelement/build/mediaelement-and-player.min.js'},
{type: 'stylesheet', id: '_media2', src: '{{ _p.web }}web/assets/mediaelement/build/mediaelementplayer.min.css'},
{type: 'script', id: '_media3', src: '{{ _p.web_lib }}javascript/iframe-js-loader.js'}
]
});
}
}); });
{% endif %} {% endif %}
});
$(window).on('resize', function () { $(window).on('resize', function () {
LPViewUtils.setHeightLPToc(); LPViewUtils.setHeightLPToc();
});
}); });
})(); </script>
</script>
{% endautoescape %} {% endautoescape %}
{% endblock %} {% endblock %}
Write Preview
Loading…
Cancel
Save