finally uses legit dropdown for page chooser

Former-commit-id: f844f1329e
Former-commit-id: 1baaa42174

node/src/documents/modules/dropdown.html

@@ -6,7 +6,6 @@ title  : 'Dropdown'
 type   : 'UI Module'
 ---
 
-<script src="/components/semantic/modules/dropdown.js"></script>
 <script src="/javascript/dropdown.js"></script>
 
 <div class="segment">

node/src/files/javascript/semantic.js

@@ -34,6 +34,7 @@ semantic.ready = function() {
     $waypoints    = $('.main.container').find('h2').first().siblings('h2').andSelf(),
 
     $menuPopup    = $('.ui.main.menu .popup.item'),
+    $menuDropdown = $('.ui.main.menu .dropdown'),
 
     $example      = $('.example'),
     $shownExample = $example.filter('.shown'),
@@ -449,6 +450,13 @@ semantic.ready = function() {
     })
   ;
 
+  $menuDropdown
+    .dropdown({
+      on     : 'hover',
+      action : 'none'
+    })
+  ;
+
   $menu
     .sidr({
       name: 'menu'

node/src/layouts/default.html.eco

@@ -76,6 +76,7 @@
   <script src="/components/semantic/modules/behavior/state.js"></script>
   <script src="/components/semantic/modules/checkbox.js"></script>
   <script src="/components/semantic/modules/dimmer.js"></script>
+  <script src="/components/semantic/modules/dropdown.js"></script>
   <script src="/components/semantic/modules/popup.js"></script>
   <script src="/components/semantic/modules/tab.js"></script>
   <script src="/components/semantic/modules/transition.js"></script>
@@ -167,8 +168,8 @@
         <i class="left arrow icon"></i>
         <% end %>
       </div>
-      <div class="section ui simple dropdown item">
-        <span class="count"><%= "#{pageNumber} of #{pageCount}" %></span>
+      <div class="section ui dropdown item">
+        <a class="count"><%= "#{pageNumber} of #{pageCount}" %></a>
         <div class="menu">
           <% for element, index in currentCollection: %>
             <div class="<%= if element.id is @document.id then 'active ' %>item">