diff --git a/groups/home/bootstrap5/home1.css b/groups/home/bootstrap5/home1.css new file mode 100644 index 0000000..0e1e405 --- /dev/null +++ b/groups/home/bootstrap5/home1.css @@ -0,0 +1,669 @@ + + + + + + + + + + + + + + + diff --git a/groups/home/bootstrap5/home1.html b/groups/home/bootstrap5/home1.html new file mode 100644 index 0000000..522bf90 --- /dev/null +++ b/groups/home/bootstrap5/home1.html @@ -0,0 +1,373 @@ + + + + + + + + + +
+ +

Robert J. Kibbee Library - Kingsborough Community College

+ +
+
+ +
+
+
+ + + +
Login
+
+ + + {{content_box_33471502}} +
+ +
+ +
+
+ +
+ +
+ +
+ +
+
+
+
+
+ +
+
+
+
+ + +
+

Databases

+
+ + +
+

Research Guides

+
+ + +
+

FAQ

+
+ +
+
+
+
+
+
+
+ +

Library Links

+ +
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+
+ +

Featured in the Library

+ +
+
{{content_box_25912431}}
+
+
+
+
+
+
+ +
+ + +
+
+
+ +
+
+
+
+ title + +
+
+ Loading... + +
+
+ +
+ + + + + + + + + + diff --git a/groups/home/bootstrap5/home1.js b/groups/home/bootstrap5/home1.js new file mode 100644 index 0000000..4d2edcb --- /dev/null +++ b/groups/home/bootstrap5/home1.js @@ -0,0 +1,438 @@ +const hamburgerComponent = { + template: `
+ + {{ item.description }} +
`, + props: ["item"], +}; + +const navigComponent = { + // Fixed: Removed invalid nested elements (WCAG 4.1.1) + // Changed outer to
and made dropdown-toggle a + + + +
+ `, + props: ["navlistofmenus"], + methods: { + toggleDropdown(navmenu) { + // Toggle the isOpen state for aria-expanded + navmenu.isOpen = !navmenu.isOpen; + }, + closeDropdown(navmenu) { + navmenu.isOpen = false; + } + } +}; + +const onesearchComponent = { + // Fixed: Added autocomplete="off" to search input (WCAG 1.3.5) + // Note: autocomplete="off" is appropriate here as this is a library search, not a standard web search + template: ``, + methods: { + selectradio(radiooutputfacet, radiooutputmfacet) { + this.facet = radiooutputfacet; // store the data from the radio selection + this.mfacet = radiooutputmfacet; + }, + submitSearch() { + 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 { + facet: "", // initialize the data from the radio selection + mfacet: "", + }; + }, +}; + +const { createApp } = Vue; + +const app1 = createApp({ + components: { + "navig-component": navigComponent, + "hamburger-component": hamburgerComponent, + }, + data() { + return { + hamburger: [ + { + link: "https://cuny-kb.primo.exlibrisgroup.com/discovery/search?tab=Everything&vid=01CUNY_KB:CUNY_KB&lang=en", + icon: "fas fa-search fa-fw bigger-icon", + description: "OneSearch", + target_blank: "", + id: 1, + }, + { + link: "https://library.kbcc.cuny.edu/az.php", + icon: "fas fa-database fa-fw bigger-icon", + description: "Databases A to Z", + target_blank: "", + id: 2, + }, + { + link: "https://library.kbcc.cuny.edu/guides", + icon: "fas fa-telescope fa-fw bigger-icon", + description: "Research Guides", + target_blank: "", + id: 3, + }, + { + link: "https://library.kbcc.cuny.edu/faq", + icon: "fas fa-question-circle fa-fw bigger-icon", + description: "FAQ", + target_blank: "", + id: 4, + }, + { + link: "https://library.kbcc.cuny.edu/calendar", + icon: "fas fa-clock fa-fw bigger-icon", + description: "Library Hours", + target_blank: "", + id: 5, + }, + { + link: "https://library.kbcc.cuny.edu/sitemap", + icon: "fas fa-location-arrow fa-fw bigger-icon", + description: "Site Map", + target_blank: "", + id: 6, + }, + ], + navlistofmenus: { + "Find It": { + id: 1, + isOpen: false, // Added for dynamic aria-expanded (WCAG 4.1.2) + data: [ + { + link: "https://library.kbcc.cuny.edu/az.php", + icon: "fas fa-database fa-fw bigger-icon", + description: "Databases A to Z", + target_blank: "", + id: 1, + }, + { + link: "https://cuny-kb.primo.exlibrisgroup.com/discovery/npsearch?vid=01CUNY_KB:CUNY_KB&search_scope=all", + icon: "fas fa-newspaper fa-fw bigger-icon", + description: "Newspaper Search", + target_blank: "", + id: 2, + }, + { + link: "https://cuny-kb.primo.exlibrisgroup.com/discovery/search?vid=01CUNY_KB:CUNY_KB&tab=CourseReserves&search_scope=CourseReserves", + icon: "fas fa-cloud-download-alt fa-fw bigger-icon", + description: "Course Reserves", + target_blank: "", + id: 3, + }, + { + link: "https://cuny-kb.primo.exlibrisgroup.com/discovery/jsearch?vid=01CUNY_KB:CUNY_KB", + icon: "fas fa-book fa-fw bigger-icon", + description: "Search for Specific Journals", + target_blank: "", + id: 4, + }, + { + link: "https://library.kbcc.cuny.edu/academicworks", + icon: "fas fa-archive fa-fw bigger-icon", + description: "CUNY Academic Works", + target_blank: "_blank", + id: 5, + }, + { + link: "https://kbcc.textbookx.com/institutional/index.php", + icon: "fas fa-cash-register fa-fw bigger-icon", + description: "KBCC Bookstore", + target_blank: "_blank", + id: 6, + }, + ], + }, + Services: { + id: 2, + isOpen: false, // Added for dynamic aria-expanded (WCAG 4.1.2) + data: [ + { + link: "https://kbcc-cuny.illiad.oclc.org/illiad/logon.html", + icon: "fas fa-books fa-fw bigger-icon", + description: "Interlibrary Loan", + target_blank: "_blank", + id: 1, + }, + { + link: "https://library.kbcc.cuny.edu/libraryservices/informationliteracy", + icon: "fas fa-chalkboard-teacher fa-fw bigger-icon", + description: "Book a Library Instruction Session", + target_blank: "", + id: 2, + }, + { + link: "https://library.kbcc.cuny.edu/mediaservices", + icon: "fas fa-photo-video fa-fw bigger-icon", + description: "Media Services", + target_blank: "", + id: 3, + }, + { + link: "https://kbcc-cuny.libanswers.com/form?queue_id=6967", + icon: "fas fa-shopping-basket fa-fw bigger-icon", + description: "Suggest a Book for Purchase", + target_blank: "", + id: 4, + }, + { + link: "https://kbcc-cuny.libwizard.com/id/8cdb3f1a787de3c307a8cf5d75cad406", + icon: "fas fa-bookmark fa-fw bigger-icon", + description: "Suggest an Item to Add to Reserves", + target_blank: "", + id: 5, + }, + ], + }, + "About Us": { + id: 3, + isOpen: false, // Added for dynamic aria-expanded (WCAG 4.1.2) + data: [ + { + link: "https://library.kbcc.cuny.edu/about-us/directory", + icon: "fas fa-address-book fa-fw bigger-icon", + description: "Faculty & Staff Directory", + target_blank: "", + id: 1, + }, + { + link: "https://library.kbcc.cuny.edu/newarrivals", + icon: "far fa-mail-bulk fa-fw bigger-icon", + description: "New Arrivals", + target_blank: "", + id: 2, + }, + { + link: "https://library.kbcc.cuny.edu/about-us/liaisons", + icon: "fas fa-theater-masks fa-fw bigger-icon", + description: "Subject Liaisons", + target_blank: "", + id: 3, + }, + { + link: "https://library.kbcc.cuny.edu/social", + icon: "far fa-hashtag fa-fw bigger-icon", + description: "Social Media", + target_blank: "", + id: 4, + }, + { + link: "https://cuny-kb.alma.exlibrisgroup.com/discovery/collectionDiscovery?vid=01CUNY_KB:CUNY_KB", + icon: "fa-solid fa-star fa-fw bigger-icon", + description: "Featured Collections", + target_blank: "", + id: 5, + }, + ], + }, + "Location & Hours": { + id: 4, + isOpen: false, // Added for dynamic aria-expanded (WCAG 4.1.2) + data: [ + { + link: "https://tour.kingsborough.edu/", + icon: "fas fa-map-marked-alt fa-fw bigger-icon", + description: "Campus Map", + target_blank: "", + id: 1, + }, + { + link: "https://library.kbcc.cuny.edu/calendar", + icon: "fas fa-clock fa-fw bigger-icon", + description: "Library Hours", + target_blank: "", + id: 2, + }, + ], + }, + Help: { + id: 5, + isOpen: false, // Added for dynamic aria-expanded (WCAG 4.1.2) + data: [ + { + link: "https://library.kbcc.cuny.edu/askalibrarian", + icon: "fas fa-book-reader fa-fw bigger-icon", + description: "Ask A Librarian", + target_blank: "", + id: 1, + }, + { + link: "https://library.kbcc.cuny.edu/faq", + icon: "fas fa-question-circle fa-fw bigger-icon", + description: "FAQ", + target_blank: "", + id: 2, + }, + { + link: "https://library.kbcc.cuny.edu/guides", + icon: "fas fa-telescope fa-fw bigger-icon", + description: "Research Guides and Tutorials", + target_blank: "", + id: 3, + }, + { + link: "https://library.kbcc.cuny.edu/ENGLISH24", + icon: "fas fa-question fa-fw bigger-icon", + description: "How to Use the Library", + target_blank: "", + id: 4, + }, + ], + }, + }, + }; + }, + mounted() { + // Dynamic aria-expanded for hamburger menu (WCAG 4.1.2) + const hamburger = document.getElementById('hamburger'); + const hamburgerContainer = document.getElementById('hamburger-container'); + + if (hamburger && hamburgerContainer) { + // Update aria-expanded when dropdown opens/closes (BS5 native events) + hamburgerContainer.addEventListener('shown.bs.dropdown', function() { + hamburger.setAttribute('aria-expanded', 'true'); + }); + hamburgerContainer.addEventListener('hidden.bs.dropdown', function() { + hamburger.setAttribute('aria-expanded', 'false'); + }); + } + } +}); +app1.mount("#app1"); + +const app2 = createApp({ + components: { + "onesearch-component": onesearchComponent, + }, +}); +app2.mount("#app2"); +