From f08e98fe6309a658c466760747ead894c48674de Mon Sep 17 00:00:00 2001
From: Yves Gatesoupe <yves1.gatesoupe@orange.com>
Date: Fri, 10 Jun 2016 17:26:29 +0200
Subject: [PATCH] fix(component): collapse

lint errors
local navigation logic
---
 docs-orange/_includes/footer.html             | 22 ---------------
 docs-orange/examples/orange-news/index.html   |  4 +--
 .../examples/orange-news/js/example.js        | 22 ---------------
 js/src/collapse.js                            | 27 +++++++++++++++++--
 4 files changed, 26 insertions(+), 49 deletions(-)
 delete mode 100644 docs-orange/examples/orange-news/js/example.js

diff --git a/docs-orange/_includes/footer.html b/docs-orange/_includes/footer.html
index 47ae935349..07c9269265 100644
--- a/docs-orange/_includes/footer.html
+++ b/docs-orange/_includes/footer.html
@@ -91,28 +91,6 @@ <h1 class="sr-only">footer - site map & informations</h1>
 				//callback:skiplinksAfterLoad
 			};
 </script>
-<script type="text/javascript">
-    $('#collapseExample a').on('click', function() {
-        $('a[href="#collapseExample"]').text($(this).text());
-        $('#collapseExample').collapse('hide');
-    });
-
-    $('#collapseExample').on('shown.bs.collapse', function(){
-        $(this).find('.nav-link').first().focus();
-    });
-
-    $('#collapseExample').on('hidden.bs.collapse', function(){
-        $('a[href="#collapseExample"]').focus();
-    });
-
-    $(document).ready(function(){
-        $('.o-nav-local .local-select').text($('.o-nav-local.inverse ul li:first-child').text());
-    });
-
-    $(document).on('click', function(){
-        $('.o-nav-local .collapse.in').collapse('hide');
-    });
-</script>
 <script>
 $(function () {
   $('[data-toggle="tooltip"]').tooltip()
diff --git a/docs-orange/examples/orange-news/index.html b/docs-orange/examples/orange-news/index.html
index ce95381dc5..b08a51bd20 100644
--- a/docs-orange/examples/orange-news/index.html
+++ b/docs-orange/examples/orange-news/index.html
@@ -500,9 +500,7 @@ <h4 class="panel-title">
     <script src="../../assets/js/vendor/tether.min.js"></script>
     <script src="../../dist/js/boosted.js"></script>
 
-	<script src="js/example.js"></script>
-
-    <script type="text/javascript">
+	<script type="text/javascript">
 			// Surcharge des valeurs du script de la toolbar
 			accessibilitytoolbar_custom={
 				idLinkModeContainer:"id_li_for_cdu"
diff --git a/docs-orange/examples/orange-news/js/example.js b/docs-orange/examples/orange-news/js/example.js
deleted file mode 100644
index 7dc6b4340f..0000000000
--- a/docs-orange/examples/orange-news/js/example.js
+++ /dev/null
@@ -1,22 +0,0 @@
-(function($) {
-    $('#collapseExample a').on('click', function() {
-        $('a[href="#collapseExample"]').text($(this).text());
-        $('#collapseExample').collapse('hide');
-    });
-
-    $('#collapseExample').on('shown.bs.collapse', function(){
-        $(this).find('.nav-link').first().focus();
-    });
-
-    $('#collapseExample').on('hidden.bs.collapse', function(){
-        $('a[href="#collapseExample"]').focus();
-    });
-
-    $(document).ready(function(){
-        $('a[href="#collapseExample"]').text($('#collapseExample li:first-child a').text());
-    });
-
-    $(document).on('click', function(){
-        $('.collapse.in').collapse('hide');
-    });
-})(jQuery);
\ No newline at end of file
diff --git a/js/src/collapse.js b/js/src/collapse.js
index 7b95164a94..5d41cfc5c4 100644
--- a/js/src/collapse.js
+++ b/js/src/collapse.js
@@ -358,7 +358,7 @@ const Collapse = (($) => {
 
   let $collTabHeadings =  $('.panel-heading')
   let $collTabPanels =  $('.panel-collapse:not(.mega-menu)')
-  let $accordionTabs = $(Selector.ACCORDION_HEADING)
+  // let $accordionTabs = $(Selector.ACCORDION_HEADING)
 
   $collTabHeadings.attr({ role: 'tab' })
   $collTabPanels.attr({ role: 'tabpanel' })
@@ -382,10 +382,33 @@ const Collapse = (($) => {
 
   $(() => {
     $(Selector.ACCORDION_HEADING).each(function () {
-      let collpanel = $(this).attr('data-target') ? $($(this).attr('data-target')) : $($(this).attr('href'))
+      // let collpanel = $(this).attr('data-target') ? $($(this).attr('data-target')) : $($(this).attr('href'))
 
       $(this).prepend('<div class=arrow></div>')
     })
+
+    // local navigation
+    $('.o-nav-local .nav-inline.collapse .nav-link').on('click', function() {
+        $(this).parent().parent().prev('.local-select').text($(this).text());
+    });
+
+    $('.o-nav-local .nav-inline.collapse').on('shown.bs.collapse', function(){
+        $(this).find('.nav-item:first-child .nav-link').focus();
+    });
+
+    $('.o-nav-local .nav-inline.collapse').on('hidden.bs.collapse', function(){
+        $(this).prev('.local-select').focus();
+    });
+
+    $(document).ready(function(){
+        $('.o-nav-local .local-select').each(function() {
+          $(this).text($(this).next('.nav-inline.collapse').find('.nav-item:first-child .nav-link').text());
+        });
+    });
+
+    $(document).on('click', function(){
+        $('.o-nav-local .collapse.in').collapse('hide');
+    });
   })
 
   /**