update css items effects scorm

main/css/base.css

@@ -5596,6 +5596,16 @@ ul.holder li.bit-box a.closebutton{
   font-weight: bold;
   padding: 10px;
 }
+#control-bottom{
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+  text-align: center;
+  left: 0;
+}
+#control-bottom.well{
+  margin-bottom: 0;
+}
 /* CSS Responsive */
 @media (min-width: 1025px) and (max-width: 1200px) {
 .sidebar-scorm{

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

@@ -5,34 +5,9 @@
  Requirements: JQuery 1.4.4, JQuery UI 1.8.7
  @author Alberto Torreblanca @albert1t0
  @author Julio Montoya Cleaning/fixing some code
+ @author Alex Aragon Cleaning/fixing code update
  **/
 
-function minipanel(){
-    // Construct mini panel
-    var panel = $('#lp_navigation_elem div:first').clone();
-
-    $(panel).attr('id', 'control');
-    $('#learning_path_main').append(panel);
-
-    $('#learning_path_main #control tr').after('<tr></tr>');
-    $('#learning_path_main #control tr:eq(1)').append($('#progress_bar').html());
-    $('#learning_path_main #control tr:eq(1) #progress_img_limit_left').attr('height','5');
-    $('#learning_path_main #control tr:eq(1) #progress_img_full').attr('height','5');
-    $('#learning_path_main #control tr:eq(1) #progress_img_limit_middle').attr('height','5');
-    $('#learning_path_main #control tr:eq(1) #progress_img_empty').attr('height','5');
-    $('#learning_path_main #control tr:eq(1) #progress_bar_img_limit_right').attr('height','5');
-    $('#learning_path_main #control tr:eq(1) #progress_text').remove();
-    $('#learning_path_main #control tr:eq(1) div').css('width','');
-
-    $('#learning_path_main #control .buttons').attr('text-align','center');
-    $('#content_id').css({ height: $('#content_id').height() - ($('#control').height() + 10) });
-
-    $('#learning_path_main #control .buttons img').click(function(){
-        $('#learning_path_main #control tr:eq(1)').remove();
-        minipanel();
-    });
-}
-
 $(document).ready(function(){
 
    $('#touch-button').click(function(){
@@ -41,7 +16,7 @@ $(document).ready(function(){
                 $('#learning_path_right_zone').toggleClass('total');
                 $(function(){
                     $('#learning_path_right_zone').slideToggle(300);
-                    minipanel();
+                    $('#control-bottom').toggle("slow");
                 });
         }
         );

main/newscorm/learnpath.class.php

@@ -1898,17 +1898,23 @@ class learnpath
      * Gets the navigation bar for the learnpath display screen
      * @return	string	The HTML string to use as a navigation bar
      */
-    public function get_navigation_bar() {
+    public function get_navigation_bar($idBar = null, $display=null) {
         if ($this->debug > 0) {
             error_log('New LP - In learnpath::get_navigation_bar()', 0);
         }
+        if(empty($idBar)){
+            $idBar='control-top';
+        }
+        if(empty($display)){
+            $display='display:block';
+        }
         $navbar = null;
         $lp_id = $this->lp_id;
         $mycurrentitemid = $this->get_current_item_id();
 
         if ($this->mode == 'fullscreen') {
             $navbar = '
-                  <div class="buttons well">
+                  <div id="'.$idBar.'" class="buttons well" style="'.$display.'">
                     <a href="lp_controller.php?action=stats&'.api_get_cidreq(true).'&lp_id='.$lp_id.'" onClick="window.parent.API.save_asset();return true;" target="content_name_blank" title="stats" id="stats_link"><img border="0" src="../img/btn_stats.png" title="' . get_lang('Reporting') . '"></a>
                     <a id="scorm-previous" href="" onClick="switch_item(' . $mycurrentitemid . ',\'previous\');return false;" title="previous"><img border="0" src="../img/btn_previous.png" title="' . get_lang('ScormPrevious') . '"></a>
                     <a id="scorm-next" href="" onClick="switch_item(' . $mycurrentitemid . ',\'next\');return false;" title="next"  ><img border="0" src="../img/btn_next.png" title="' . get_lang('ScormNext') . '"></a>.
@@ -1917,7 +1923,7 @@ class learnpath
 
         } else {
             $navbar = '
-                  <div class="buttons well">
+                  <div id="'.$idBar.'" class="buttons well" style="'.$display.'">
                     <a href="lp_controller.php?action=stats&'.api_get_cidreq(true).'&lp_id='.$lp_id.'" onClick="window.parent.API.save_asset();return true;" target="content_name" title="stats" id="stats_link"><img border="0" src="../img/btn_stats.png" title="' . get_lang('Reporting') . '"></a>
                     <a id="scorm-previous" href="" onClick="switch_item(' . $mycurrentitemid . ',\'previous\');return false;" title="previous"><img border="0" src="../img/btn_previous.png" title="' . get_lang('ScormPrevious') . '"></a>
                     <a id="scorm-next" href="" onClick="switch_item(' . $mycurrentitemid . ',\'next\');return false;" title="next"  ><img border="0" src="../img/btn_next.png" title="' . get_lang('ScormNext') . '"></a>

main/newscorm/lp_view.php

@@ -340,6 +340,7 @@ if (!api_is_invitee()) {
     $progress_bar   = $_SESSION['oLP']->getProgressBar();
 }
 $navigation_bar = $_SESSION['oLP']->get_navigation_bar();
+$navigation_bar_bottom = $_SESSION['oLP']->get_navigation_bar("control-bottom","display:none");
 $mediaplayer    = $_SESSION['oLP']->get_mediaplayer($autostart);
 
 $tbl_lp_item    = Database::get_course_table(TABLE_LP_ITEM);
@@ -463,6 +464,7 @@ if ($is_allowed_to_edit) {
         </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 -->
@@ -477,8 +479,11 @@ if ($is_allowed_to_edit) {
         }
     ?>
     </div>
+
     <!-- end right Zone -->
-</div></div></div>
+</div>
+<?php echo $navigation_bar_bottom; ?>
+    </div></div>
 
 <script>
     // Resize right and left pane to full height (HUB 20-05-2010).