Bug #9/ #17, JS to add author_name to facetious search [LACE][iet:4…

…012852] * Plus accessibility fixes - CSS + Javascript. * IET-OU/oer-evidence-hub-org#54
IET-OU · Oct 8, 2015 · ca51e04 · ca51e04
1 parent 997128f
commit ca51e04
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 2 deletions.
diff --git a/css/iet-custom-style.css b/css/iet-custom-style.css
@@ -29,6 +29,17 @@
 }
 
 
+::-webkit-input-placeholder {
+  color: #888;
+}
+::-moz-placeholder { /* Firefox 19+ */
+  color: #999;
+}
+:-ms-input-placeholder {
+  color: #999;
+}
+
+
 .X-test-site .site-header h1 a {
   color: orange;
 }

diff --git a/js/facetious-hack.js b/js/facetious-hack.js
@@ -35,4 +35,17 @@ jQuery(function ($) {
     .empty()
     .append('<button type="submit" class="facetious_submit_button">Search</button>');
 
+  // Inject author field.
+  $form
+    .find(".facetious_submit")
+    .before('<p class="facetious_author hack"><label for="f_an">Author</label>'                                  +
+    ' <input name="author_name" class="facetious_filter" id="f_an" placeholder="user-name" title="Example: \'rebeccaferguson\'"></p>');
+
+  /* Accessibility [a11y][Bug: #17]
+  */
+  $form
+    .attr({ role: "search", "aria-label": "Filter evidence and projects" })
+    .find(".facetious_input_search")
+    .attr({ type: "search" });
+
 });
diff --git a/js/lace-javascript.js b/js/lace-javascript.js
@@ -5,7 +5,8 @@
 jQuery(function ($) {
 
   var W = window
-    , C = W.console
+    , debug = W.location.search.match(/debug=1/)
+    , C = debug && W.console
     , $body_class = $("#lace-js-body-class")
     , has_cleanprint = W.WpCpCleanPrintPrintHtml || W.CleanPrintHtml
     , $inject_cleanprint = $("body") //.search-results, body.single-hypothesis")
@@ -50,7 +51,7 @@ jQuery(function ($) {
     $(".leaflet-bottom.leaflet-left").append($map_icon[0].outerHTML);
   }
 
-  // Accessibility-related help [a11y][Bug: 17]
+  // Accessibility-related help [a11y][Bug: #17]
   $(".nav-menu:first").before(
   '<p class="lace-assistive-help lace-nav-help" tabindex="0" role="note">' +
   'You can navigate the top level of the navigation using the left &amp; right arrow keys. Screen reader users can use ALT plus the left &amp; right arrows.' +