From 676571e5d917826e27718ba4864236ce3fa6eee9 Mon Sep 17 00:00:00 2001 From: Mark Eaton Date: Sat, 1 Jul 2023 01:27:54 -0400 Subject: [PATCH] add onesearch-component --- groups/home/Vue3-v.4.html | 125 +---------------------------- groups/home/src/main4.js | 164 ++++++++++++++++++++++++++++++++++++-- 2 files changed, 157 insertions(+), 132 deletions(-) diff --git a/groups/home/Vue3-v.4.html b/groups/home/Vue3-v.4.html index d7a9d06..5ab9fa8 100644 --- a/groups/home/Vue3-v.4.html +++ b/groups/home/Vue3-v.4.html @@ -120,130 +120,7 @@
- +
diff --git a/groups/home/src/main4.js b/groups/home/src/main4.js index b580111..0a64780 100644 --- a/groups/home/src/main4.js +++ b/groups/home/src/main4.js @@ -1,3 +1,12 @@ +const hamburgerComponent = { + template: + `
+ + {{ item.description }} +
`, + props: ['item'] +} + const navigComponent = { template: `` } -const hamburgerComponent = { - template: - `
- - {{ item.description }} -
`, - props: ['item'] +const onesearchComponent { +`` } const { createApp } = Vue @@ -54,10 +136,76 @@ const { createApp } = Vue createApp({ components: { 'navig-component': navigComponent, - 'hamburger-component': hamburgerComponent + 'hamburger-component': hamburgerComponent, + 'onesearch-componet': onesearchComponent + }, + methods: { + selectDropdown(item, itemName) { + this.displayedItem = itemName; // swap in current item at the top of the dropdown + this.selectedItem = item; // store the data from the dropdown selection + this.placeholderString = 'Enter search term here'; + }, + submitSearch() { + if (this.displayedItem === 'Define Your Search') { + this.placeholderString = 'Please make a selection'; + this.searchString = ''; // remove the search string + if (!this.$refs.blueBorder1.classList.contains('open')) { // if the dropdown is not open + this.$refs.oneSearchMenu.click(); // open the dropdown + } + } else { + this.$refs.primoQueryString.value = `any,contains,${this.$refs.primoQueryTempString.value.replace(/[,]/g, ' ')}`; // vueified OLS widget code + this.$refs.oneSearchForm.submit(); // submit the form + } + }, }, data() { return { + selectedItem: {}, // initialize the data from the dropdown selection + searchString: '', // initialize an empty search string + placeholderString: 'Enter search term here', // initialize the placeholder + displayedItem: 'Define Your Search', // the text displayed a the top of the OneSearch dropdown + materialType: { + Books: { + fullName: 'Books', + baseUrl: 'https://cuny-kb.primo.exlibrisgroup.com/discovery/search', + tab: 'Everything', + searchScope: 'IZ_CI_AW', + input: '', + id: 1, + }, + Articles: { + fullName: 'Articles (Peer reviewed)', + baseUrl: 'https://cuny-kb.primo.exlibrisgroup.com/discovery/search', + tab: 'Everything', + searchScope: 'IZ_CI_AW', + input: '', + id: 2, + }, + Reserves: { + fullName: 'Course reserves', + baseUrl: 'https://cuny-kb.primo.exlibrisgroup.com/discovery/search', + tab: 'CourseReserves', + searchScope: 'CourseReserves', + input: '', + id: 3, + }, + Newspapers: { + fullName: 'Newspapers and Magazines', + baseUrl: 'https://cuny-kb.primo.exlibrisgroup.com/discovery/npsearch', + tab: 'Everything', + searchScope: 'IZ_CI_AW', + input: '', + id: 4, + }, + Journals: { + fullName: 'Journals', + baseUrl: 'https://cuny-kb.primo.exlibrisgroup.com/discovery/jsearch', + tab: 'jsearch_slot', + searchScope: 'IZ_CI_AW', + input: '', + id: 5, + }, + }, hamburger: [ { link: "https://cuny-kb.primo.exlibrisgroup.com/discovery/search?tab=Everything&vid=01CUNY_KB:CUNY_KB&lang=en",