add onesearch to prototype 3
This commit is contained in:
Mark Eaton
@@ -7,7 +7,7 @@ body {
|
|||||||
/* style navbar */
|
/* style navbar */
|
||||||
|
|
||||||
.navbar-default {
|
.navbar-default {
|
||||||
background-color: #bbb;
|
background-color: #ccc;
|
||||||
border: none;
|
border: none;
|
||||||
font-size: 1.4em;
|
font-size: 1.4em;
|
||||||
color: #111;
|
color: #111;
|
||||||
@@ -27,10 +27,26 @@ body {
|
|||||||
|
|
||||||
/* style jumbotron */
|
/* style jumbotron */
|
||||||
|
|
||||||
.jumbotron {
|
.onesearch-jumbotron {
|
||||||
color: white;
|
text-align: center;
|
||||||
background-color: #003466;
|
margin-top: 45px;
|
||||||
border-radius: 0px !important;
|
}
|
||||||
|
|
||||||
|
#onesearch-header {
|
||||||
|
color: #003466;
|
||||||
|
}
|
||||||
|
|
||||||
|
.zero-margin {
|
||||||
|
margin-left: -2px;
|
||||||
|
margin-right: -2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#dropdownMenu1 {
|
||||||
|
border-radius: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.searchmenu {
|
||||||
|
color: #111;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* style link list */
|
/* style link list */
|
||||||
@@ -41,13 +57,15 @@ body {
|
|||||||
/* style for nav by the jumbotron */
|
/* style for nav by the jumbotron */
|
||||||
.nav-by-jumbotron {
|
.nav-by-jumbotron {
|
||||||
margin-top: -6px;
|
margin-top: -6px;
|
||||||
|
margin-bottom: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-divs-by-jumbotron {
|
.nav-divs-by-jumbotron {
|
||||||
background-color: #bbb;
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 8px;
|
padding: 6px;
|
||||||
margin: 6px 0px;
|
margin: 6px 0px;
|
||||||
|
color: #111;
|
||||||
|
background-color: #ccc;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-divs-by-jumbotron>h2 {
|
.nav-divs-by-jumbotron>h2 {
|
||||||
@@ -168,6 +186,10 @@ img {
|
|||||||
max-width: 300px;
|
max-width: 300px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.yamm4 {
|
||||||
|
max-width: 450px;
|
||||||
|
}
|
||||||
|
|
||||||
/*!
|
/*!
|
||||||
* Yamm!3 - Yet another megamenu for Bootstrap 3
|
* Yamm!3 - Yet another megamenu for Bootstrap 3
|
||||||
* http://geedmo.github.com/yamm3
|
* http://geedmo.github.com/yamm3
|
||||||
@@ -225,6 +247,44 @@ window.onload = function () {
|
|||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<!-- script to make OneSearch dropdown work -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
function customizeSearch(facet) {
|
||||||
|
// re-render the dropdown menu with the current pick
|
||||||
|
document.getElementById('dropdownMenu1').innerHTML = facet + ' <span class="caret"></span>';
|
||||||
|
|
||||||
|
// reset any previously selected facets
|
||||||
|
document.querySelectorAll('.deleteWithDropdownChange').forEach(e => e.remove());
|
||||||
|
document.getElementById("formToAppendInputsTo").setAttribute("action", "https://cuny-kb.primo.exlibrisgroup.com/discovery/search");
|
||||||
|
document.getElementById("tabSetting").setAttribute("value", "Everything");
|
||||||
|
|
||||||
|
// add the facet that matches the user's dropdown selection
|
||||||
|
if (facet === "Books") {
|
||||||
|
document.getElementById("formToAppendInputsTo").insertAdjacentHTML('afterbegin', '<input name="facet" value="rtype,include,books" type="hidden" class="deleteWithDropdownChange" />');
|
||||||
|
} else if (facet === "Articles") {
|
||||||
|
document.getElementById("formToAppendInputsTo").insertAdjacentHTML('afterbegin', '<input name="mfacet" value="rtype,include,articles,1" type="hidden" class="deleteWithDropdownChange"/><input name="mfacet" value="rtype,include,newspaper_articles,1" type="hidden" class="deleteWithDropdownChange" />');
|
||||||
|
} else if (facet === "Videos") {
|
||||||
|
document.getElementById("formToAppendInputsTo").insertAdjacentHTML('afterbegin', '<input name="facet" value="rtype,include,videos" type="hidden" class="deleteWithDropdownChange" />');
|
||||||
|
} else if (facet === "Journals") {
|
||||||
|
document.getElementById("formToAppendInputsTo").setAttribute('action', 'https://onesearch.cuny.edu/discovery/jsearch');
|
||||||
|
document.getElementById("tabSetting").setAttribute("value", "jsearch_slot");
|
||||||
|
} else if (facet === "Newspapers") {
|
||||||
|
document.getElementById("formToAppendInputsTo").setAttribute('action', 'https://onesearch.cuny.edu/discovery/npsearch');
|
||||||
|
} else {
|
||||||
|
console.log("no match")
|
||||||
|
};
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<!-- OneSearch widget script from OLS. Used without modification -->
|
||||||
|
<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) -->
|
<!-- 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">
|
<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>
|
<script type="text/javascript" src="//libapps.s3.amazonaws.com/sites/2365/include/bootstrap-accessibility.min.js"></script>
|
||||||
|
|||||||
@@ -178,9 +178,93 @@
|
|||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-sm-8">
|
<div class="col-sm-8">
|
||||||
<div class="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" id="formToAppendInputsTo">
|
||||||
<h1 class="display-4">OneSearch goes here</h1>
|
<!-- default is "everything" option suggested from OLS widget builder -->
|
||||||
</div>
|
<input name="vid" value="01CUNY_KB:CUNY_KB" type="hidden" />
|
||||||
|
<input name="tab" value="Everything" type="hidden" id="tabSetting" />
|
||||||
|
<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">
|
||||||
|
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
|
||||||
|
Define Your Search
|
||||||
|
<span class="caret"></span>
|
||||||
|
</button>
|
||||||
|
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
|
||||||
|
<li>
|
||||||
|
<div class="yamm-content yamm4">
|
||||||
|
<div class="row">
|
||||||
|
<a class="searchmenu" onclick="customizeSearch('Books')">
|
||||||
|
<div class="col-xs-12">
|
||||||
|
<strong>Books</strong>
|
||||||
|
<p class="faux-card">Find print books and ebooks using OneSearch</p>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a class="searchmenu" onclick="customizeSearch('Articles')">
|
||||||
|
<div class="col-xs-12">
|
||||||
|
<strong>Articles</strong>
|
||||||
|
<p class="faux-card">Find articles in journals, newspapers and magazines</p>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a class="searchmenu" onclick="customizeSearch('Videos')">
|
||||||
|
<div class="col-xs-12">
|
||||||
|
<strong>Videos</strong>
|
||||||
|
<p class="faux-card">Find DVDs and streaming videos</p>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a class="searchmenu" onclick="customizeSearch('Everything')">
|
||||||
|
<div class="col-xs-12">
|
||||||
|
<strong>Everything</strong>
|
||||||
|
<p class="faux-card">Search for all using OneSearch</p>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="https://kbcc.cuny.libguides.com/az.php" class="searchmenu" onclick="customizeSearch('Databases')">
|
||||||
|
<div class="col-xs-12">
|
||||||
|
<strong>Databases</strong>
|
||||||
|
<p class="faux-card">Find A to Z list and find databases by subject</p>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a class="searchmenu" onclick="customizeSearch('Journals')">
|
||||||
|
<div class="col-xs-12">
|
||||||
|
<strong>Journals</strong>
|
||||||
|
<p class="faux-card">Find specific scholarly journals (peer reviewed)</p>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a class="searchmenu" onclick="customizeSearch('Newspapers')">
|
||||||
|
<div class="col-xs-12">
|
||||||
|
<strong>Newspapers and magazines</strong>
|
||||||
|
<p class="faux-card">Find specific newspapers and magazines</p>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="https://kbcc.cuny.libguides.com/er.php?b=c" class="searchmenu" onclick="customizeSearch('Reserves')">
|
||||||
|
<div class="col-xs-12">
|
||||||
|
<strong>Course reserves</strong>
|
||||||
|
<p class="faux-card">Find materials for your classes</p>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<label class="sr-only" for="primoQueryTemp">Search terms</label>
|
||||||
|
<div class="input-group zero-margin">
|
||||||
|
<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">
|
||||||
|
<input type="submit" class="btn btn-default form-control" value="Search" type="submit" onclick="addPrimoQuery();" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-4">
|
<div class="col-sm-4">
|
||||||
<div class="nav-by-jumbotron">
|
<div class="nav-by-jumbotron">
|
||||||
|
|||||||
Reference in New Issue
Block a user