Learnpaths: Enable LP title and parent chapter to show in content area - refs BT#19044

assets/css/app.scss

@@ -242,6 +242,26 @@
   #learning_path_toc .child_item.lp_item_type_document.scorm_highlight{
     background-color: #f1f4f9;
   }
+  #learning_path_right_zone .lp-view-tabs .tab-content {
+    bottom: 0;
+    left: 0;
+    position: absolute;
+    top: 60px;
+    right: 0;
+    border: 1px solid #dddddd;
+    border-top: none;
+  }
+  .scorm_item_normal a.items-list {
+    color: #666666;
+    display: inline-block;
+    width: 100%;
+  }
+  .scorm_completed .item a{
+    @apply text-gray-500;
+  }
+  .scorm_completed .item a.scorm_highlighted{
+    @apply text-gray-50;
+  }
 
   @import "scss/index.scss";
 }

assets/css/scorm.css

@@ -250,12 +250,6 @@ body {
     padding-right: 1.5em;
 }
 
-.scorm_item_normal a.items-list {
-    color: #666666;
-    display: inline-block;
-    width: 100%;
-}
-
 .scorm_item_normal a:hover {
     text-decoration: none;
 }
@@ -266,17 +260,13 @@ body {
 
 .scorm_item_section.scorm_completed {
     background-color: #F5F5F5;
-    color: #000;
+    color: #fff;
 }
 
 .scorm_completed .item {
     background: url("../../public/img/scorm/scorm_completed.png") no-repeat 10px center;
 }
 
-.scorm_completed .item a {
-    color: #000;
-}
-
 .scorm_failed .item {
     background: url("../../public/img/scorm/scorm_failed.png") no-repeat 10px center;
 }
@@ -407,16 +397,6 @@ body {
     left: 0;
 }
 
-#learning_path_right_zone .lp-view-tabs .tab-content {
-    bottom: 0;
-    left: 0;
-    position: absolute;
-    right: 0;
-    top: 45px;
-    border: 1px solid #dddddd;
-    border-top: none;
-}
-
 #learning_path_right_zone .tab-pane {
     height: 100%;
     position: relative;
@@ -737,13 +717,6 @@ body {
         top: 0;
     }
 
-    #learning_path_right_zone .lp-view-tabs .tab-content {
-        bottom: 0;
-        right: 0;
-        top: 45px;
-        left: 0;
-    }
-
     #learning_path_right_zone .tab-pane {
     }
 

public/main/lp/lp_view.php

@@ -536,6 +536,7 @@ if (Tracking::minimumTimeAvailable(api_get_session_id(), api_get_course_int_id()
 $template->assign('lp_accumulate_work_time', $lpMinTime);
 $template->assign('lp_mode', $lp->getDefaultViewMod());
 $template->assign('lp_title_scorm', $lp->getName());
+$template->assign('lp_item_parents', $oLP->getCurrentItemParentNames($oLP->get_current_item_id()));
 
 // @todo Fix lp_view_accordion
 /*if (true === api_get_configuration_value('lp_view_accordion') && 1 == $lpType) {

src/CoreBundle/Resources/views/LearnPath/view.html.twig

@@ -155,7 +155,15 @@
         <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">
-                    <div id="navTabBar" class="nav-tabs-bar">
+                    <div id="navTabBar" class="mt-2 mb-16 nav-tabs-bar">
+                        <div class="text-left">
+                            <h2 class="text-2xl">{{ lp_title_scorm }}</h2>
+                            <div id="item-parent-names">
+                                {% for parent_title in lp_item_parents %}
+                                    <h3 class="text-xl">{{  parent_title }}</h3>
+                                {% endfor %}
+                            </div>
+                        </div>
                         <ul id="navTabs" class="nav nav-tabs tabs-right" role="tablist">
                             <li role="presentation" class="active">
                                 <a href="#lp-view-content" title="{{ 'Lesson'|trans }}"
@@ -176,7 +184,7 @@
 
                     {% include '@ChamiloCore/LearnPath/menubar.html.twig' %}
 
-                    <div id="tab-iframe" class="tab-content">
+                    <div id="tab-iframe" class="auto tab-content">
                         <div role="tabpanel" class="tab-pane active" id="lp-view-content">
                             <div id="wrapper-iframe">
                                 {% if lp_mode == 'fullscreen' %}