From 87025da7b06dc5ac2877617870d564e79d5fdf66 Mon Sep 17 00:00:00 2001
From: Mark Eaton <MarkEEaton@users.noreply.github.com>
Date: Sun, 21 Feb 2021 16:57:01 -0500
Subject: [PATCH] first working search

---
 groups/new-homepage-5/homepage5-js-css.html   | 11 ++++++++++-
 groups/new-homepage-5/homepage5-template.html | 19 +++++++++++++++----
 2 files changed, 25 insertions(+), 5 deletions(-)

diff --git a/groups/new-homepage-5/homepage5-js-css.html b/groups/new-homepage-5/homepage5-js-css.html
index 3bf3da2..1a9ea95 100644
--- a/groups/new-homepage-5/homepage5-js-css.html
+++ b/groups/new-homepage-5/homepage5-js-css.html
@@ -253,12 +253,21 @@ window.onload = function () {
 </script>
 
 <!-- script to make OneSearch dropdown work -->
-<script>
+<script type="text/javascript">
 customizeSearch = function(facet) {
     document.getElementById('dropdownMenu1').innerHTML = facet + ' <span class="caret"></span>';
 }
 </script>
 
+<!-- OneSearch widget script from OLS -->
+<script type="text/javascript">
+function addPrimoQuery() {
+	document.getElementById("primoQuery").value = "any,contains," + document.getElementById("primoQueryTemp").value.replace(/[,]/g, " ");
+	/* If you changed the form name at the top, change it below to match */
+	document.forms["searchPrimoForm1"].submit();
+}
+</script>
+
 <!-- Load bootstrap accessibility libraries (https://github.com/paypal/bootstrap-accessibility-plugin) -->
 <link rel="stylesheet" type="text/css" href="//libapps.s3.amazonaws.com/sites/2365/include/bootstrap-accessibility.min.css">	
 <script type="text/javascript" src="//libapps.s3.amazonaws.com/sites/2365/include/bootstrap-accessibility.min.js"></script>
diff --git a/groups/new-homepage-5/homepage5-template.html b/groups/new-homepage-5/homepage5-template.html
index 6bfe769..08825e1 100644
--- a/groups/new-homepage-5/homepage5-template.html
+++ b/groups/new-homepage-5/homepage5-template.html
@@ -178,7 +178,18 @@
                 <div class="container">
 			<div class="row">
                                  <div class="col-sm-8">
-                                         <form class="form-inline yamm onesearch-jumbotron">
+                                         <form class="form-inline yamm onesearch-jumbotron" name="searchPrimoForm1" role="search" method="get" action="https://cuny-kb.primo.exlibrisgroup.com/discovery/search" onsubmit="addPrimoQuery();" enctype="application/x-www-form-urlencoded; charset=utf-8">
+                                                 <input name="vid" value="01CUNY_KB:CUNY_KB" type="hidden" /><!-- "everything"  option suggested from OLS widget builder" -->
+                                                 <input name="tab" value="Everything" type="hidden" />
+                                                 <input name="search_scope" value="MyInst_and_CI" type="hidden" />
+                                                 <input name="mode" value="basic" type="hidden" />
+                                                 <input name="highlight" value="true" type="hidden" />
+                                                 <input name="displayMode" value="full" type="hidden" />
+                                                 <input name="bulkSize" value="10" type="hidden" />
+                                                 <input name="dum" value="true" type="hidden" />
+                                                 <input name="displayField" value="all" type="hidden" />
+                                                 <input name="pcAvailabiltyMode" value="false" type="hidden" />
+                                                 <input name="query" id="primoQuery" type="hidden" />
                                                  <h1 id="onesearch-header">OneSearch</h1>
                                                  <div class="form-group">
                                                          <div class="dropdown input-group zero-margin">
@@ -227,12 +238,12 @@
                                                                          <li>
                                                                  </ul>
                                                          </div>
-                                                         <label class="sr-only" for="searchterms">Search terms</label>
+                                                         <label class="sr-only" for="primoQueryTemp">Search terms</label>
                                                          <div class="input-group zero-margin">
-                                                                 <input type="text" class="form-control" id="searchterms" placeholder="Search terms">
+                                                                 <input type="text" class="form-control" name="queryTemp" id="primoQueryTemp" type="search" value="" placeholder="Enter search term here">
                                                          </div>
                                                          <div class="input-group zero-margin">
-                                                                 <button type="submit" class="btn btn-default form-control">Search</button>
+                                                                 <input type="submit" class="btn btn-default form-control" value="Search" type="submit" onclick="addPrimoQuery();" />
                                                          </div>
                                                  </div>
                                          </form>