Browse Source

fix css scorm items CT#7539

aragonc 10 years ago
parent
commit
c33f6d5d69
3 changed files with 110 additions and 27 deletions
  1. 88 19
      main/css/base.css
  2. 5 5
      main/newscorm/learnpath.class.php
  3. 17 3
      main/newscorm/lp_view.php

+ 88 - 19
main/css/base.css

@@ -3353,18 +3353,20 @@ form .formw .freeze {
   padding-right: 1.5em;
 }
 .scorm_item_section{
-  background: #606c88; /* Old browsers */
-  background: -moz-linear-gradient(top, #606c88 0%, #3f4c6b 100%); /* FF3.6+ */
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#606c88), color-stop(100%,#3f4c6b)); /* Chrome,Safari4+ */
-  background: -webkit-linear-gradient(top, #606c88 0%,#3f4c6b 100%); /* Chrome10+,Safari5.1+ */
-  background: -o-linear-gradient(top, #606c88 0%,#3f4c6b 100%); /* Opera 11.10+ */
-  background: -ms-linear-gradient(top, #606c88 0%,#3f4c6b 100%); /* IE10+ */
-  background: linear-gradient(to bottom, #606c88 0%,#3f4c6b 100%); /* W3C */
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */
-  color: #FFFFFF;
+  background: #2b3d53; /* Old browsers */
+  background: -moz-linear-gradient(top, #2b3d53 0%, #2c3d4d 100%); /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b3d53), color-stop(100%,#2c3d4d)); /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #2b3d53 0%,#2c3d4d 100%); /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #2b3d53 0%,#2c3d4d 100%); /* Opera 11.10+ */
+  background: -ms-linear-gradient(top, #2b3d53 0%,#2c3d4d 100%); /* IE10+ */
+  background: linear-gradient(to bottom, #2b3d53 0%,#2c3d4d 100%); /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b3d53', endColorstr='#2c3d4d',GradientType=0 ); /* IE6-9 */
   padding-top: 10px;
   padding-bottom: 10px;
-  font-size: 12px;
+  font-size: 14px;
+  color: #ffffff;
+  /* border-top-left-radius:5px;
+  border-top-right-radius: 5px;*/
 }
 .scorm_item_section .scorm_section_level_0{
   padding-left: .5em;
@@ -3395,7 +3397,25 @@ form .formw .freeze {
   padding-top: 10px;
   padding-bottom: 10px;
 }
-.scorm_item_normal .scorm_item_level_1{
+.scorm_item_normal{
+  padding:10px;
+  border-bottom: 1px solid #DCDCDC;
+  border-left: 1px solid #DCDCDC;
+  border-right: 1px solid #DCDCDC;
+}
+.scorm_item_normal a{
+  color: #666666;
+  text-decoration: none;
+}.scorm_item_normal a:hover{
+   text-decoration: none;
+ }
+.scorm_highlight{
+  background-color: #6AAEFF !important;
+}
+.scorm_highlight a{
+  color: #ffffff !important;
+}
+/* .scorm_item_normal .scorm_item_level_1{
   padding-left: 1.8em;
   padding-right: 1.5em;
   background:url("../img/level_one.png") no-repeat 0 top;
@@ -3415,12 +3435,7 @@ form .formw .freeze {
   background:url("../img/level_tree.png") no-repeat 0 top;
   padding-top: 10px;
   padding-bottom: 10px;
-}
-.scorm_highlight a{
-  color: #000;
-  font-weight: bold;
-  background-color: #fffdd1;
-}
+}*/
 
 /* END SCORM CSS BASE*/
 .skill_root {
@@ -5411,8 +5426,26 @@ i.size-32.icon-new-work{
   font-size:9pt;
   margin:0;
 }
-
-
+#learning_path_left_zone .image-avatar{
+  text-align: center;
+  padding: 10px;
+  border:1px solid #dddddd;
+  border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  margin-bottom: 10px;
+  margin-top: 5px;
+}
+#learning_path_left_zone .navegation-bar .buttons{
+  text-align: center;
+  padding-top: 5px;
+  padding-bottom: 5px;
+  margin-bottom: 5px;
+}
+#learning_path_left_zone .description-autor{
+  color: #666666;
+  font-size: 12px;
+}
 .ui-state-highlight_lp {
   border: 1px solid #FEAA18;
   background: #FFB738;
@@ -5508,4 +5541,40 @@ ul.holder li.bit-box a.closebutton{
 }
 #file-descrtiption.form-control{
   width: 80%;
+}
+#learning_path_breadcrumb_zone .breadcrumb{
+  background: #2b3d53; /* Old browsers */
+  background: -moz-linear-gradient(top, #2b3d53 0%, #2c3d4d 100%); /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b3d53), color-stop(100%,#2c3d4d)); /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #2b3d53 0%,#2c3d4d 100%); /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #2b3d53 0%,#2c3d4d 100%); /* Opera 11.10+ */
+  background: -ms-linear-gradient(top, #2b3d53 0%,#2c3d4d 100%); /* IE10+ */
+  background: linear-gradient(to bottom, #2b3d53 0%,#2c3d4d 100%); /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b3d53', endColorstr='#2c3d4d',GradientType=0 ); /* IE6-9 */
+  border-radius: 0;
+  -moz-border-radius: 0;
+  -webkit-border-radius: 0;
+  color: #ffffff;
+}
+#learning_path_breadcrumb_zone .breadcrumb a{
+  color: #ffffff;
+  text-decoration: none;
+}
+#learning_path_breadcrumb_zone .breadcrumb a:hover{
+  color: #dddddd;
+}
+#view_as_link{
+  margin-top: 5px;
+  margin-right: 10px;
+}
+#learning_path_left_zone #accordion .panel-heading{
+  text-align: center;
+}
+#learning_path_left_zone #ui-option{
+  width: 100%;
+  display: block;
+}
+.hidden{
+  visibility: hidden;
+  display: none;
 }

+ 5 - 5
main/newscorm/learnpath.class.php

@@ -1908,7 +1908,7 @@ class learnpath
 
         if ($this->mode == 'fullscreen') {
             $navbar = '
-                  <div class="buttons">
+                  <div class="buttons well">
                     <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 href="" onClick="switch_item(' . $mycurrentitemid . ',\'previous\');return false;" title="previous"><img border="0" src="../img/btn_previous.png" title="' . get_lang('ScormPrevious') . '"></a>
                     <a 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 +1917,7 @@ class learnpath
 
         } else {
             $navbar = '
-                  <div class="buttons">
+                  <div class="buttons well">
                     <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 href="" onClick="switch_item(' . $mycurrentitemid . ',\'previous\');return false;" title="previous"><img border="0" src="../img/btn_previous.png" title="' . get_lang('ScormPrevious') . '"></a>
                     <a href="" onClick="switch_item(' . $mycurrentitemid . ',\'next\');return false;" title="next"  ><img border="0" src="../img/btn_next.png" title="' . get_lang('ScormNext') . '"></a>
@@ -3131,8 +3131,8 @@ class learnpath
         if (empty($toc_list)) {
             $toc_list = $this->get_toc();
         }
-        $html = '<div id="scorm_title" class="panel-heading">'.Security::remove_XSS($this->get_name()) . '</div>';
-        $html .= '<div class="panel-body">';
+        $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;
 
         if ($is_allowed_to_edit && $hide_teacher_icons_lp == false) {
@@ -3189,7 +3189,7 @@ class learnpath
             $dirTypes = self::getChapterTypes();
 
             if (in_array($item['type'], $dirTypes)) {
-                $scorm_color_background =' scorm_item_section ';
+                $scorm_color_background ='scorm_item_section ';
                 $style_item = '';
             }
             if ($item['id'] == $this->current) {

+ 17 - 3
main/newscorm/lp_view.php

@@ -88,6 +88,18 @@ $(document).ready(function() {
 var chamilo_xajax_handler = window.oxajax;
 </script>';
 
+$htmlHeadXtra[] = '<script type="text/javascript">
+        $(document).ready(function(){
+            $("#icon-down").click(function(){
+                $("#icon-up").removeClass("hidden");
+                $(this).addClass("hidden");
+            });
+             $("#icon-up").click(function(){
+                $("#icon-down").removeClass("hidden");
+                $(this).addClass("hidden");
+            });
+        });
+</script>';
 if ($_SESSION['oLP']->mode == 'embedframe' || $_SESSION['oLP']->get_hide_toc_frame()==1 ) {
     $htmlHeadXtra[] = '<script>
     $(document).ready(function() {
@@ -363,7 +375,9 @@ if ($is_allowed_to_edit) {
     echo '<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">';
     echo '<div class="panel panel-default">';
     echo '<div class="panel-heading" role="tab" id="headingOne">
-        <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">'. get_lang('Modulo 9 - Chamilo LMS'). '
+        <a id="ui-option" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
+        <i id="icon-down"class="fa fa-chevron-down hidden"></i>
+        <i id="icon-up" class="fa fa-chevron-up"></i>
         </a></div>';
     ?>
         <!-- end header -->
@@ -391,7 +405,7 @@ if ($is_allowed_to_edit) {
                 $iconHome.' '.$name,
                 $url,
                 array(
-                'class' => 'btn btn-default',
+                'class' => 'btn btn-success btn-block',
                 'target' => '_self',
                 'onclick' => 'javascript: window.parent.API.save_asset();'
                 )
@@ -441,7 +455,7 @@ if ($is_allowed_to_edit) {
         <!-- TOC layout -->
 
         <div id="toc_id" name="toc_name">
-            <div id="learning_path_toc" class="panel panel-default">
+            <div id="learning_path_toc" class="scorm-list">
                 <?php echo $_SESSION['oLP']->get_html_toc($get_toc_list); ?>
             </div>
         </div>