From 60d77564d7929f29025f99549375235f06d25516 Mon Sep 17 00:00:00 2001
From: Jack Lukic <jack@quirky.com>
Date: Wed, 7 Aug 2013 00:59:38 -0400
Subject: [PATCH] finally uses legit dropdown for page chooser

Former-commit-id: f844f1329e3265c87d68c7ef399938fe499935f4
Former-commit-id: 1baaa4217450b33eee71bfa0a01696a4d5289ad0
---
 node/src/documents/modules/dropdown.html | 1 -
 node/src/files/javascript/semantic.js    | 8 ++++++++
 node/src/layouts/default.html.eco        | 5 +++--
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/node/src/documents/modules/dropdown.html b/node/src/documents/modules/dropdown.html
index 7b5bac945..e193f9374 100755
--- a/node/src/documents/modules/dropdown.html
+++ b/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">
diff --git a/node/src/files/javascript/semantic.js b/node/src/files/javascript/semantic.js
index b623c6101..5600520a4 100755
--- a/node/src/files/javascript/semantic.js
+++ b/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'
diff --git a/node/src/layouts/default.html.eco b/node/src/layouts/default.html.eco
index 3c4b5b1cc..d2be2be32 100755
--- a/node/src/layouts/default.html.eco
+++ b/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">