fix aparence scorm lesson BT#7683

1.10.x
aragonc 10 years ago
parent e732300486
commit 2622d7bc6c
  1. 59
      app/Resources/public/css/scorm.css
  2. 9
      main/newscorm/learnpath.class.php
  3. 11
      main/newscorm/lp_view.php
  4. 39
      main/template/default/learnpath/view.tpl

@ -67,11 +67,12 @@ See https://support.chamilo.org/issues/6976
#learning_path_left_zone .description-autor{
color: #666666;
font-size: 12px;
text-align: left;
line-height: 20px;
}
.inner_lp_toc {
overflow: auto;
border-top: 1px solid #dcdcdc;
}
.inner_lp_toc .scorm_item a {
@ -111,20 +112,10 @@ See https://support.chamilo.org/issues/6976
}
.inner_lp_toc .scorm_item_section {
border:1px solid #222;
background:#333;
font-weight:bold;
color:#fff;
text-shadow:0 -1px 1px #000;
background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#333));
background-image:-webkit-linear-gradient(top,#555,#333);
background-image:-moz-linear-gradient(top,#555,#333);
background-image:-ms-linear-gradient(top,#555,#333);
background-image:-o-linear-gradient(top,#555,#333);
background-image:linear-gradient(top,#555,#333);
margin-right: 1px;
padding: 10px 0px 10px 0px;
text-decoration: none;
background:#ECF0F1;
color:#666;
padding: 5px 0px 5px 0px;
font-size: 12px;
}
.inner_lp_toc .scorm_item {
@ -209,6 +200,7 @@ See https://support.chamilo.org/issues/6976
-moz-border-radius: 0;
-webkit-border-radius: 0;
color: #ffffff;
font-size: 12px;
}
#learning_path_breadcrumb_zone .breadcrumb a{
color: #ffffff;
@ -278,9 +270,9 @@ See https://support.chamilo.org/issues/6976
overflow-y:scroll;
}
.scorm-heading{
font-size: 16px;
font-weight: bold;
padding: 10px;
font-size: 14px;
padding-top: 5px;
padding-bottom: 5px;
}
#control-bottom{
position: fixed;
@ -292,9 +284,6 @@ See https://support.chamilo.org/issues/6976
#control-bottom.well{
margin-bottom: 0;
}
/*SCORM CSS BASE */
#learning_path_left_zone .home{
display: inline-block;
@ -353,24 +342,13 @@ See https://support.chamilo.org/issues/6976
}
.scorm_item_normal .scorm_item_level_0{
/* padding-left: .5em;
padding-right: 1.5em;
padding-top: 10px;
padding-bottom: 10px;
*/
padding-left: 1.5em;
}
.scorm_item_normal{
padding:0;
border-bottom: 1px solid #DCDCDC;
padding:5px;
}
.scorm_item_normal a.items-list{
color: #666666;
text-decoration: none;
display: block;
padding-left: 2em;
padding-right: 1.5em;
padding-top: 5px;
padding-bottom: 5px;
}
.scorm_item_normal a:hover{
text-decoration: none;
@ -384,5 +362,16 @@ See https://support.chamilo.org/issues/6976
#scorm-info .panel-heading{
padding: 5px;
}
#scorm-info #progress_bar .progress{
margin-bottom: 5px;
}
.scorm-body .scorm-title{
font-size: 18px;
margin-top: 5px;
margin-bottom: 5px;
color: #666;
}
.scorm-body .scorm-title .fa-book{
color: #00829C;
}
/* END SCORM CSS BASE*/

@ -2588,10 +2588,12 @@ class learnpath
*/
public function get_preview_image_path($size = null, $path_type = 'web')
{
$preview_image = $this->get_preview_image();
if (isset($preview_image) && !empty($preview_image)) {
$image_sys_path = api_get_path(SYS_COURSE_PATH).$this->course_info['path'].'/upload/learning_path/images/';
$image_path = api_get_path(WEB_COURSE_PATH).$this->course_info['path'].'/upload/learning_path/images/';
if (isset($size)) {
$info = pathinfo($preview_image);
$image_custom_size = $info['filename'].'.'.$size.'.'.$info['extension'];
@ -3139,7 +3141,7 @@ class learnpath
if (empty($toc_list)) {
$toc_list = $this->get_toc();
}
$html = '<div id="scorm_title" class="scorm-heading">'.Security::remove_XSS($this->get_name()) . '</div>';
//$html = '<div id="scorm_title" class="scorm-heading">'.Security::remove_XSS($this->get_name()) . '</div>';
$html .= '<div class="scorm-body">';
$hide_teacher_icons_lp = isset($_configuration['hide_teacher_icons_lp']) ? $_configuration['hide_teacher_icons_lp'] : true;
@ -3155,6 +3157,7 @@ class learnpath
$html .= '</div>';
}
}
$html .= '<div id="inner_lp_toc" class="inner_lp_toc">';
require_once 'resourcelinker.inc.php';
@ -3187,11 +3190,11 @@ class learnpath
'browsed' => 'scorm_completed',
);
$scorm_color_background = 'scorm_item_2';
$scorm_color_background = 'row_odd';
$style_item = '';
if ($color_counter % 2 == 0) {
$scorm_color_background = 'scorm_item_1';
$scorm_color_background = 'row_even';
}
$dirTypes = self::getChapterTypes();

@ -391,7 +391,7 @@ if (api_get_course_setting('lp_return_link') == 1) {
$buttonHomeText = get_lang('LearningPathList');
}
$lpPreviewImagePath = 'unknown_250_100.jpg';
$lpPreviewImagePath = 'unknown.png';
if ($_SESSION['oLP']->get_preview_image()) {
$lpPreviewImagePath = $_SESSION['oLP']->get_preview_image_path();
@ -435,14 +435,17 @@ if ($gamificationMode == 1) {
$template->assign(
'lp_preview_image',
Display::return_icon(
Display::img(
$lpPreviewImagePath,
null,
['height' => 96, 'width' => 104]
$_SESSION['oLP']->name,
array('class' => 'img-circle'),
ICON_SIZE_BIG
)
);
$template->assign('lp_author', $_SESSION['oLP']->get_author());
$template->assign('lp_mode', $_SESSION['oLP']->mode);
$template->assign('lp_title_scorm',$_SESSION['oLP']->name);
$template->assign(
'lp_html_toc',
$_SESSION['oLP']->get_html_toc($get_toc_list)

@ -49,31 +49,44 @@
<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">{{ lp_preview_image }}</div>
<div class="image-avatar">
<div class="row">
{% if lp_author == '' %}
<div class="col-md-12">
{{ lp_preview_image }}
</div>
{% else %}
<div class="col-md-4">
{{ lp_preview_image }}
</div>
<div class="col-md-8">
<div class="description-autor"> {{ lp_author }} </div>
</div>
{% endif %}
</div>
</div>
<div id="progress_bar">
{{ progress_bar }}
</div>
<div id="lp_navigation_elem" class="navegation-bar">
{{ navigation_bar }}
<div id="progress_bar">
{{ progress_bar }}
</div>
</div>
<div class="description-autor">{{ lp_author }}</div>
{% if show_audio_player %}
<div id="lp_media_file">
{{ media_player }}
</div>
{% endif %}
</div>
</div>
</div>
{% endif %}
{# TOC layout #}
<div id="toc_id" name="toc_name">
<div id="learning_path_toc" class="scorm-list">{{ lp_html_toc }}</div>
<div id="toc_id" class="scorm-body" name="toc_name">
<div class="scorm-title"> <i class="fa fa-book"></i> {{ lp_title_scorm }}</div>
<div id="learning_path_toc" class="scorm-list">
{{ lp_html_toc }}
</div>
</div>
{# end TOC layout #}

Loading…
Cancel
Save