Browse Source

fix css panel-heading active

Alex Aragón 6 years ago
parent
commit
e5c39481a3

+ 7 - 0
app/Resources/public/css/themes/rainbow/learnpath.css

@@ -510,6 +510,13 @@ table.lp_overview img {
     background: url('images/arrow-right.png') no-repeat 10px center #e1e1e1;
     padding-left: 30px;
 }
+#learning_path_toc .panel-heading.active{
+    background: url('images/arrow-down.png') no-repeat 10px center #e1e1e1;
+    padding-left: 30px;
+}
+.scorm-collapse .panel-collapse .list li{
+    padding-left: 20px;
+}
 .scorm_item_normal .sub-item a:last-child{
     display: inline-block;
     width: 100%;

+ 8 - 6
main/template/rainbow/learnpath/scorm_list.tpl

@@ -27,12 +27,7 @@
 </div>
 {% endif %}
 {% if data_panel is not empty %}
-<script type="text/javascript">
-    $('.status-heading').on("click", function() {
-        $(this).siblings().find(".panel-heading").removeClass("on");
-        $(this).find(".panel-heading").toggleClass("on");
-    });
-</script>
+
 <div id="learning_path_toc" class="scorm-collapse">
     <div class="scorm-title">
         <h4>
@@ -101,4 +96,11 @@
 
     </div>
 </div>
+    <script type="text/javascript">
+        $('.panel-heading a').click(function() {
+            $('.panel-heading').removeClass('active');
+            if(!$(this).closest('.panel').find('.panel-collapse').hasClass('in'))
+                $(this).parents('.panel-heading').addClass('active');
+        });
+    </script>
 {% endif %}