Adicionado filtro por tópicos

Author: victorhundo

_stylesheets/docs.css

@@ -15,6 +15,38 @@ a:active, a:focus, .btn:focus,.btn:active {
     ie-dummy: expression(this.hideFocus=true);
 }
 
+#myInput {
+    background-position: 10px 12px; /* Position the search icon */
+    background-repeat: no-repeat; /* Do not repeat the icon image */
+    width: 100%; /* Full-width */
+    font-size: 16px; /* Increase font-size */
+    padding: 12px 20px 12px 40px; /* Add some padding */
+    border: 1px solid #ddd; /* Add a grey border */
+    margin-bottom: 12px; /* Add some space below the input */
+}
+
+#myUL {
+    /* Remove default list styling */
+    list-style-type: none;
+    padding: 0;
+    margin: 0;
+}
+
+#myUL li a {
+    border: 1px solid #ddd; /* Add a border to all links */
+    margin-top: -1px; /* Prevent double borders */
+    background-color: #f6f6f6; /* Grey background color */
+    padding: 12px; /* Add some padding */
+    text-decoration: none; /* Remove default text underline */
+    font-size: 18px; /* Increase the font-size */
+    color: black; /* Add a black text color */
+    display: block; /* Make it into a block element to fill the whole list */
+}
+
+#myUL li a:hover:not(.header) {
+    background-color: #eee; /* Add a hover effect to all links, except for headers */
+}
+
 /*salva*/
 .navbar.navbar-default.navbar-openshift .navbar-brand.origin {
   background: url("../_images/origin_logo.png") no-repeat scroll 0% 95%;

_templates/_nav.html.erb

@@ -1,7 +1,7 @@
-<ul class="nav nav-sidebar">
+<ul class="nav nav-sidebar" id="myUL">
   <%- navigation.each.with_index do |topic_group, groupidx| -%>
     <%- current_group = topic_group[:id] == group_id -%>
-    <li class="nav-header">
+    <li class="nav-header sarch" >
       <a class="" href="javascript:void(0);" data-toggle="collapse" data-target="#topicGroup<%= groupidx %>">
         <span id="tgSpan<%= groupidx %>" class="fa <%= current_group ? 'fa-angle-down' : 'fa-angle-right' %>"></span><%= topic_group[:name] %>
       </a>

_templates/_search_origin.html.erb

@@ -1,12 +1,21 @@
 <script>
-  (function() {
-    var cx = '013769182564158614814:vdyz7waqya4';
-    var gcse = document.createElement('script');
-    gcse.type = 'text/javascript';
-    gcse.async = true;
-    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//cse.google.com/cse.js?cx=' + cx;
-    var s = document.getElementsByTagName('script')[0];
-    s.parentNode.insertBefore(gcse, s);
-  })();
+function myFunction() {
+    // Declare variables
+    var input, filter, ul, li, a, i;
+    input = document.getElementById('myInput');
+    filter = input.value.toUpperCase();
+    ul = document.getElementById("myUL");
+    li = ul.getElementsByClassName('sarch');
+
+    // Loop through all list items, and hide those who don't match the search query
+    for (i = 0; i < li.length; i++) {
+        a = li[i].getElementsByTagName("a")[0];
+        if (a.innerHTML.toUpperCase().indexOf(filter) > -1) {
+            li[i].style.display = "";
+        } else {
+            li[i].style.display = "none";
+        }
+    }
+}
 </script>
-<gcse:search defaultToRefinement="<%= version %>">asdsad</gcse:search>
+ <input type="text" id="myInput" onkeyup="myFunction()" placeholder="Procure por tópicos">