Angel Fernando Quiroz Campos
11 years ago
parent
7eb93b0b28
commit
cd8fc243fb
@ -0,0 +1,184 @@ |
|||||||
|
<div id="learning_path_main" style="width:100%; height: 100%;"> |
||||||
|
{% if is_allowed_to_edit %} |
||||||
|
<div class="row"> |
||||||
|
<div id="learning_path_breadcrumb_zone" class="col-md-12"> |
||||||
|
{{ breadcrumb }} |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
{% endif %} |
||||||
|
|
||||||
|
<a id="touch-button" class="hidden-touch" href="#"></a> |
||||||
|
|
||||||
|
<div class="container-fluid"> |
||||||
|
<div class="row"> |
||||||
|
<div id="learning_path_left_zone" class="sidebar-scorm"> |
||||||
|
<div id="scorm-info" class="panel panel-default"> |
||||||
|
<div class="panel-heading"> |
||||||
|
<a id="ui-option"> |
||||||
|
<i id="icon-down" class="fa fa-chevron-down hidden"></i> |
||||||
|
<i id="icon-up" class="fa fa-chevron-up"></i> |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
|
||||||
|
{# Author image preview #} |
||||||
|
<div id="panel-scorm" class="panel-body"> |
||||||
|
<a href="{{ button_home_url }}" class="btn btn-success btn-block" target="_self" onclick="javascript: window.parent.API.save_asset();"> |
||||||
|
<i class="fa fa-home"></i> {{ button_home_text }} |
||||||
|
</a> |
||||||
|
|
||||||
|
<div class="image-avatar"> |
||||||
|
{% if oLP.get_preview_image() %} |
||||||
|
<img src="{{ oLP.get_preview_image_path() }}" width="104" height="96"> |
||||||
|
{% else %} |
||||||
|
<img src="{{ "unknown_250_100.jpg"|icon }}" width="104" height="96"> |
||||||
|
{% endif %} |
||||||
|
</div> |
||||||
|
|
||||||
|
<div id="lp_navigation_elem" class="navegation-bar"> |
||||||
|
{{ navigation_bar }} |
||||||
|
|
||||||
|
<div id="progress_bar"> |
||||||
|
{{ progress_bar }} |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="description-autor"> |
||||||
|
{{ oLP.get_author() }} |
||||||
|
</div> |
||||||
|
|
||||||
|
{% if show_audio_player %} |
||||||
|
<div id="lp_media_file"> |
||||||
|
{{ media_player }} |
||||||
|
</div> |
||||||
|
{% endif %} |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
{# TOC layout #} |
||||||
|
<div id="toc_id" name="toc_name"> |
||||||
|
<div id="learning_path_toc" class="scorm-list"> |
||||||
|
{{ oLP.get_html_toc(toc_list) }} |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
{# end TOC layout #} |
||||||
|
|
||||||
|
|
||||||
|
</div> |
||||||
|
{# end left zone #} |
||||||
|
|
||||||
|
{# <div id="hide_bar" class="scorm-toggle" style="display:inline-block; width: 25px; height: 1000px;"></div> #} |
||||||
|
|
||||||
|
{# right zone #} |
||||||
|
<div id="learning_path_right_zone" style="height:100%" class="content-scorm"> |
||||||
|
{% if oLP.mode == 'fullscreen' %} |
||||||
|
<iframe id="content_id_blank" name="content_name_blank" src="blank.php" border="0" frameborder="0" style="width: 100%; height: 100%" ></iframe> |
||||||
|
{% else %} |
||||||
|
<iframe id="content_id" name="content_name" src="{{ iframe_src }}" border="0" frameborder="0" style="display: block; width: 100%; height: 100%"></iframe> |
||||||
|
{% endif %} |
||||||
|
</div> |
||||||
|
{# end right Zone #} |
||||||
|
|
||||||
|
{{ navigation_bar_bottom }} |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<script> |
||||||
|
// Resize right and left pane to full height (HUB 20-05-2010). |
||||||
|
var updateContentHeight = function () { |
||||||
|
document.body.style.overflow = 'hidden'; |
||||||
|
var IE = window.navigator.appName.match(/microsoft/i); |
||||||
|
|
||||||
|
/* Identified new height */ |
||||||
|
var heightControl = $('#control-bottom').height(); |
||||||
|
var heightBreadcrumb = ($('#learning_path_breadcrumb_zone').height()) ? $('#learning_path_breadcrumb_zone').height() : 0; |
||||||
|
|
||||||
|
var heightScormInfo = $('#scorm-info').height(); |
||||||
|
|
||||||
|
var heightTop = heightScormInfo + 100; |
||||||
|
|
||||||
|
//heightTop = (heightTop > 300)? heightTop : 300; |
||||||
|
|
||||||
|
|
||||||
|
var innerHeight = $(window).height(); |
||||||
|
|
||||||
|
if (innerHeight <= 640) { |
||||||
|
$('#inner_lp_toc').css('height', innerHeight - heightTop + "px"); |
||||||
|
$('#content_id').css('height', innerHeight - heightControl + "px"); |
||||||
|
} else { |
||||||
|
$('#inner_lp_toc').css('height', innerHeight - heightBreadcrumb - heightTop + "px"); |
||||||
|
$('#content_id').css('height', innerHeight - heightControl + "px"); |
||||||
|
} |
||||||
|
|
||||||
|
//var innerHeight = (IE) ? document.body.clientHeight : window.innerHeight ; |
||||||
|
|
||||||
|
// Loads the glossary library. |
||||||
|
{% if glossary_extra_tools in glossary_tool_availables %} |
||||||
|
{% if show_glossary_in_documents == 'ismanual' %} |
||||||
|
$.frameReady( |
||||||
|
function(){ |
||||||
|
// $("<div>I am a div courses</div>").prependTo("body"); |
||||||
|
}, |
||||||
|
"top.content_name", |
||||||
|
{ |
||||||
|
load: [ |
||||||
|
{ type:"script", id:"_fr1", src:"{{ jquery_web_path }}"}, |
||||||
|
{ type:"script", id:"_fr4", src:"{{ jquery_ui_js_web_path }}"}, |
||||||
|
{ type:"stylesheet", id:"_fr5", src:"{{ jquery_ui_css_web_path }}"}, |
||||||
|
{ type:"script", id:"_fr2", src:"{{ _p.web_lib }}javascript/jquery.highlight.js"} |
||||||
|
] |
||||||
|
} |
||||||
|
); |
||||||
|
{% elseif show_glossary_in_documents == 'isautomatic' %} |
||||||
|
$.frameReady( |
||||||
|
function(){ |
||||||
|
// $("<div>I am a div courses</div>").prependTo("body"); |
||||||
|
}, |
||||||
|
"top.content_name", |
||||||
|
{ |
||||||
|
load: [ |
||||||
|
{ type:"script", id:"_fr1", src:"{{ jquery_web_path }}"}, |
||||||
|
{ type:"script", id:"_fr4", src:"{{ jquery_ui_js_web_path }}"}, |
||||||
|
{ type:"stylesheet", id:"_fr5", src:"{{ jquery_ui_css_web_path }}"}, |
||||||
|
{ type:"script", id:"_fr2", src:"{{ _p.web_lib }}javascript/jquery.highlight.js"} |
||||||
|
] |
||||||
|
} |
||||||
|
); |
||||||
|
{% endif %} |
||||||
|
{% endif %} |
||||||
|
}; |
||||||
|
|
||||||
|
$(document).ready(function() { |
||||||
|
updateContentHeight(); |
||||||
|
|
||||||
|
$('#touch-button').children().click(function(){ |
||||||
|
updateContentHeight(); |
||||||
|
}); |
||||||
|
|
||||||
|
$(window).resize(function() { |
||||||
|
updateContentHeight(); |
||||||
|
}); |
||||||
|
}); |
||||||
|
|
||||||
|
window.onload = updateContentHeight(); |
||||||
|
window.onresize = updateContentHeight(); |
||||||
|
|
||||||
|
$(document).ready(function(){ |
||||||
|
$("#icon-down").click(function(){ |
||||||
|
$("#icon-up").removeClass("hidden"); |
||||||
|
$(this).addClass("hidden"); |
||||||
|
|
||||||
|
$('#panel-scorm').slideDown("slow",function(){ |
||||||
|
updateContentHeight(); |
||||||
|
}); |
||||||
|
}); |
||||||
|
|
||||||
|
$("#icon-up").click(function(){ |
||||||
|
$("#icon-down").removeClass("hidden"); |
||||||
|
$(this).addClass("hidden"); |
||||||
|
$('#panel-scorm').slideUp("slow",function(){ |
||||||
|
updateContentHeight(); |
||||||
|
}); |
||||||
|
}); |
||||||
|
}); |
||||||
|
</script> |
||||||
Loading…
Reference in new issue