Test drowdown for profile/alternative

nrenner · Jan 6, 2017 · 9021ea6 · 9021ea6
1 parent 501a1f1
commit 9021ea6
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -24,7 +24,7 @@
                 <a class="nav-item nav-link" href="" data-toggle="modal" data-target="#options">
                     <span class="fa fa-lg fa-cog"></span>&nbsp;Options</a>
                 <div class="nav-item dropdown">
-                    <a class="nav-link dropdown-toggle" href="" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
+                    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
                         <span class="fa fa-lg fa-cloud-download"></span>&nbsp;Download</a>
                     <div class="dropdown-menu">
                         <a class="dropdown-item" id="dl-gpx" href="#" disabled>GPX</a>
@@ -34,7 +34,19 @@
                     </div>
                 </div>
                 <a class="nav-item nav-link" href="" data-toggle="modal" data-target="#permalink-win" id="permalink">
-                    <span class="fa fa-lg fa-share-alt"></span>&nbsp;Share URL</a>
+                    <span class="fa fa-lg fa-share-alt"></span>&nbsp;Share URL
+                </a>
+                <div class="nav-item dropdown">
+                    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button"  aria-haspopup="true" aria-expanded="false" id="alternative-dropdown">
+                        <span class="fa fa-lg fa-random"></span>&nbsp;Alternative
+                    </a>
+                    <div class="dropdown-menu" role="menu">
+                        <a class="dropdown-item" href="#">Original</a>
+                        <a class="dropdown-item" href="#">1st alternative</a>
+                        <a class="dropdown-item" href="#">2nd alternative</a>
+                        <a class="dropdown-item" href="#">3rd alternative</a>
+                    </div>
+                </div>
             </div>
         </div>
     </nav>

diff --git a/js/index.js b/js/index.js
@@ -265,6 +265,16 @@
         $('.collapse').on('hide.bs.collapse', function () {
             $('#elevation-btn button').removeClass('active');
         });
+
+        // $('.dropdown-menu a').click(function(){
+        //     // $('#alternative-name').text($(this).text());
+        //     $('#alternative-dropdown').html($('#alternative-name:first-child').html + '&nbsp;' + $(this).text())
+        // });
+
+        $(".dropdown-item").click(function(){
+            var selText = $(this).text();
+            var parent = $(this).parents('.dropdown').find('.dropdown-toggle').html(selText);
+        });
     }
 
     mapContext = BR.Map.initMap();