Fix collapse button on LP view - refs #7972

app/Resources/public/css/scorm.css

@@ -440,6 +440,15 @@ See https://support.chamilo.org/issues/6976
     width: 100%;
 }
 
+#learning_path_main.lp-view-collapsed #learning_path_left_zone {
+    left: -100%;
+}
+
+#learning_path_main.lp-view-collapsed #learning_path_right_zone {
+    left: 0;
+    width: 100%;
+}
+
 /* Small devices (tablets, 768px and up) */
 @media (min-width: 768px) {
     #learning_path_main {

main/inc/lib/javascript/jquery.lp_minipanel.js

@@ -1,51 +0,0 @@
-/* For licensing terms, see /license.txt */
-
-/**
-    Learning Path minipanel - Chamilo 1.8.8
-    Adding mini panel to browse Learning Paths
-    Requirements: JQuery 1.4.4, JQuery UI 1.8.7
-    @author Alberto Torreblanca @albert1t0
-    @author Julio Montoya Cleaning/fixing code
-    @author Alex Aragon Cleaning/fixing code update
-**/
-
-$(document).ready(function() {
-
-    $('#touch-button').click(function() {
-
-        $('#learning_path_left_zone').toggle("slow", function(){
-            $('#learning_path_right_zone').toggleClass('total');
-            $(function(){
-                $('#learning_path_right_zone').slideToggle(300);
-            });
-        });
-
-        $('#learning_path_right_zone').slideToggle(300);
-
-        var self = $(this);
-        self.toggleClass('show-touch');
-
-        var icon = self.children('span.fa');
-
-        if (icon.is('.fa-chevron-left')) {
-            icon.removeClass('fa-chevron-left').addClass('fa-chevron-right');
-        } else {
-            icon.removeClass('fa-chevron-right').addClass('fa-chevron-left');
-        }
-    });
-
-    // effects items scorm content
-    $('.scorm_item_normal, .scorm-previous, .scorm-next').on('click', function () {
-        $('#learning_path_right_zone').fadeOut('slow');
-
-        var loadLearningPathRigthZone = function () {
-            $('#learning_path_right_zone').fadeIn(100);
-
-            $('#learning_path_right_zone iframe').off('load', loadLearningPathRigthZone);
-        };
-
-        $('#learning_path_right_zone iframe').on('load', loadLearningPathRigthZone);
-    });
-    
-
-});

main/newscorm/lp_view.php

@@ -84,7 +84,6 @@ var jQueryFrameReadyConfigPath = \''.api_get_jquery_web_path().'\';
 -->
 </script>';
 $htmlHeadXtra[] = '<script type="text/javascript" src="'.api_get_path(WEB_LIBRARY_PATH).'javascript/jquery.frameready.js"></script>';
-$htmlHeadXtra[] = '<script src="' . api_get_path(WEB_LIBRARY_PATH) .'javascript/jquery.lp_minipanel.js" type="text/javascript" language="javascript"></script>';
 $htmlHeadXtra[] = '<script>
 $(document).ready(function() {
     $("div#log_content_cleaner").bind("click", function() {

main/template/default/learnpath/view.tpl

@@ -156,6 +156,22 @@
         };
 
         $(document).on('ready', function () {
+            $('#touch-button').click(function() {
+                $('#learning_path_main').toggleClass('lp-view-collapsed');
+
+                var self = $(this);
+                self.toggleClass('show-touch');
+
+                var icon = self.children('span.fa');
+
+                if (icon.is('.fa-chevron-left')) {
+                    icon.removeClass('fa-chevron-left').addClass('fa-chevron-right');
+
+                    return;
+                }
+
+                icon.removeClass('fa-chevron-right').addClass('fa-chevron-left');
+            });
             
             $('.lp-view-tabs').on('click', '.disabled', function (e) {
                 e.preventDefault();