vueify remaining menus in main nav
This commit is contained in:
Mark Eaton
@@ -10,7 +10,11 @@ const menusComponent = {
|
|||||||
new Vue({
|
new Vue({
|
||||||
el: '#app',
|
el: '#app',
|
||||||
data: {
|
data: {
|
||||||
menus: Seed.findItMenu
|
findIt: Seed.findItMenu,
|
||||||
|
services: Seed.servicesMenu,
|
||||||
|
aboutUs: Seed.aboutUsMenu,
|
||||||
|
locationAndHours: Seed.locationAndHoursMenu,
|
||||||
|
help: Seed.helpMenu
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
'menus-component': menusComponent
|
'menus-component': menusComponent
|
||||||
|
|||||||
+118
-6
@@ -3,35 +3,147 @@ window.Seed = (function () {
|
|||||||
{
|
{
|
||||||
link: "https://library.kbcc.cuny.edu/az.php",
|
link: "https://library.kbcc.cuny.edu/az.php",
|
||||||
icon: "fas fa-database fa-fw bigger-icon",
|
icon: "fas fa-database fa-fw bigger-icon",
|
||||||
description: "Databases A to Z"
|
description: "Databases A to Z",
|
||||||
|
id: 1
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
link: "https://cuny-kb.primo.exlibrisgroup.com/discovery/npsearch?vid=01CUNY_KB:CUNY_KB&search_scope=all",
|
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",
|
icon: "fas fa-newspaper fa-fw bigger-icon",
|
||||||
description: "Newspaper Search"
|
description: "Newspaper Search",
|
||||||
|
id: 2
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
link: "https://cuny-kb.primo.exlibrisgroup.com/discovery/search?vid=01CUNY_KB:CUNY_KB&tab=CourseReserves&search_scope=CourseReserves",
|
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",
|
icon: "fas fa-cloud-download-alt fa-fw bigger-icon",
|
||||||
description: "Course Reserves"
|
description: "Course Reserves",
|
||||||
|
id: 3
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
link: "https://cuny-kb.primo.exlibrisgroup.com/discovery/jsearch?vid=01CUNY_KB:CUNY_KB",
|
link: "https://cuny-kb.primo.exlibrisgroup.com/discovery/jsearch?vid=01CUNY_KB:CUNY_KB",
|
||||||
icon: "fas fa-book fa-fw bigger-icon",
|
icon: "fas fa-book fa-fw bigger-icon",
|
||||||
description: "Search for Specific Journals"
|
description: "Search for Specific Journals",
|
||||||
|
id: 4
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
link: "https://library.kbcc.cuny.edu/academicworks",
|
link: "https://library.kbcc.cuny.edu/academicworks",
|
||||||
icon: "fas fa-archive fa-fw bigger-icon",
|
icon: "fas fa-archive fa-fw bigger-icon",
|
||||||
description: "CUNY Academic Works"
|
description: "CUNY Academic Works",
|
||||||
|
id: 5
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
link: "https://www.bkstr.com/kingsboroughccstore/home",
|
link: "https://www.bkstr.com/kingsboroughccstore/home",
|
||||||
icon: "fas fa-cash-register fa-fw bigger-icon",
|
icon: "fas fa-cash-register fa-fw bigger-icon",
|
||||||
description: "KBCC Bookstore"
|
description: "KBCC Bookstore",
|
||||||
|
id: 6
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
||||||
|
const servicesMenu = [
|
||||||
|
{
|
||||||
|
link: "http://kbcc.cuny.illiad.oclc.org/illiad/logon.html",
|
||||||
|
icon: "fas fa-books fa-fw bigger-icon",
|
||||||
|
description: "Interlibrary Loan",
|
||||||
|
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" ,
|
||||||
|
id: 2
|
||||||
|
},
|
||||||
|
{
|
||||||
|
link: "https://library.kbcc.cuny.edu/mediaservices",
|
||||||
|
icon: "fas fa-photo-video fa-fw bigger-icon",
|
||||||
|
description: "Media Services",
|
||||||
|
id: 3
|
||||||
|
},
|
||||||
|
{
|
||||||
|
link: "https://kbcc-cuny.libwizard.com/f/bookrequest",
|
||||||
|
icon: "fas fa-shopping-basket fa-fw bigger-icon",
|
||||||
|
description: "Suggest a Book for Purchase",
|
||||||
|
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",
|
||||||
|
id: 5
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
||||||
|
const aboutUsMenu = [
|
||||||
|
{
|
||||||
|
link: "https://library.kbcc.cuny.edu/about-us/directory",
|
||||||
|
icon: "fas fa-address-book fa-fw bigger-icon",
|
||||||
|
description: "Faculty & Staff Directory",
|
||||||
|
id: 1
|
||||||
|
},
|
||||||
|
{
|
||||||
|
link: "https://library.kbcc.cuny.edu/newarrivals",
|
||||||
|
icon: "far fa-mail-bulk fa-fw bigger-icon",
|
||||||
|
description: "New Arrivals",
|
||||||
|
id: 2
|
||||||
|
},
|
||||||
|
{
|
||||||
|
link: "https://library.kbcc.cuny.edu/about-us/liaisons",
|
||||||
|
icon: "fas fa-theater-masks fa-fw bigger-icon",
|
||||||
|
description: "Subject Liaisons",
|
||||||
|
id: 3
|
||||||
|
},
|
||||||
|
{
|
||||||
|
link: "https://library.kbcc.cuny.edu/social",
|
||||||
|
icon: "far fa-hashtag fa-fw bigger-icon",
|
||||||
|
description: "Social Media",
|
||||||
|
id: 4
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
||||||
|
const locationAndHoursMenu = [
|
||||||
|
{
|
||||||
|
link: "https://tour.kingsborough.edu/",
|
||||||
|
icon: "fas fa-map-marked-alt fa-fw bigger-icon",
|
||||||
|
description: "Campus Map",
|
||||||
|
id: 1
|
||||||
|
},
|
||||||
|
{
|
||||||
|
link: "https://library.kbcc.cuny.edu/calendar",
|
||||||
|
icon: "fas fa-clock fa-fw bigger-icon",
|
||||||
|
description: "Library Hours",
|
||||||
|
id: 2
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
||||||
|
const helpMenu = [
|
||||||
|
{
|
||||||
|
link: "https://library.kbcc.cuny.edu/askalibrarian",
|
||||||
|
icon: "fas fa-book-reader fa-fw bigger-icon",
|
||||||
|
description: "Ask A Librarian",
|
||||||
|
id: 1
|
||||||
|
},
|
||||||
|
{
|
||||||
|
link: "https://library.kbcc.cuny.edu/faq",
|
||||||
|
icon: "fas fa-question-circle fa-fw bigger-icon",
|
||||||
|
description: "FAQ",
|
||||||
|
id: 2
|
||||||
|
},
|
||||||
|
{
|
||||||
|
link: "https://library.kbcc.cuny.edu/guides",
|
||||||
|
icon: "fas fa-telescope fa-fw bigger-icon",
|
||||||
|
desciption: "Research Guides and Tutorials",
|
||||||
|
id: 3
|
||||||
|
},
|
||||||
|
{
|
||||||
|
link: "https://library.kbcc.cuny.edu/ENGLISH24",
|
||||||
|
icon: "fas fa-question fa-fw bigger-icon",
|
||||||
|
description: "How to Use the Library",
|
||||||
|
id: 4
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
return {
|
return {
|
||||||
findItMenu: findItMenu,
|
findItMenu: findItMenu,
|
||||||
|
servicesMenu: servicesMenu,
|
||||||
|
aboutUsMenu: aboutUsMenu,
|
||||||
|
locationAndHoursMenu: locationAndHoursMenu,
|
||||||
|
helpMenu: helpMenu
|
||||||
};
|
};
|
||||||
}());
|
}());
|
||||||
|
|||||||
@@ -91,7 +91,7 @@
|
|||||||
</a>
|
</a>
|
||||||
<ul class="dropdown-menu fade dropdown-margin">
|
<ul class="dropdown-menu fade dropdown-margin">
|
||||||
<li>
|
<li>
|
||||||
<a v-for="item in menus" v-bind:key="item.id" class="searchmenu" v-bind:aria-label="item.description" v-bind:href="item.link">
|
<a v-for="item in findIt" v-bind:key="item.id" class="searchmenu" v-bind:aria-label="item.description" v-bind:href="item.link">
|
||||||
<menus-component v-bind:item="item"></menus-component>
|
<menus-component v-bind:item="item"></menus-component>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
@@ -103,36 +103,9 @@
|
|||||||
<div class="fancy-caret"><i class="fas fa-angle-down" aria-hidden="true"></i></div></a>
|
<div class="fancy-caret"><i class="fas fa-angle-down" aria-hidden="true"></i></div></a>
|
||||||
<ul class="dropdown-menu fade dropdown-margin">
|
<ul class="dropdown-menu fade dropdown-margin">
|
||||||
<li>
|
<li>
|
||||||
<a class="searchmenu" aria-label="Inter Library Loan" href="http://kbcc.cuny.illiad.oclc.org/illiad/logon.html" target="_blank">
|
<a v-for="item in services" v-bind:key="item.id" class="searchmenu" v-bind:aria-label="item.description" v-bind:href="item.link">
|
||||||
<div class="bigger-fancy-text">
|
<menus-component v-bind:item="item"></menus-component>
|
||||||
<i class="fas fa-books fa-fw bigger-icon" aria-hidden="true"></i>
|
</a>
|
||||||
<strong>Interlibrary Loan</strong>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
<a class="searchmenu" aria-label="Book a Library Instruction Session" href="https://library.kbcc.cuny.edu/libraryservices/informationliteracy">
|
|
||||||
<div class="bigger-fancy-text">
|
|
||||||
<i class="fas fa-chalkboard-teacher fa-fw bigger-icon" aria-hidden="true"></i>
|
|
||||||
<strong>Book a Library Instruction Session</strong>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
<a class="searchmenu" aria-label="Media Services" href="https://library.kbcc.cuny.edu/mediaservices">
|
|
||||||
<div class="bigger-fancy-text">
|
|
||||||
<i class="fas fa-photo-video fa-fw bigger-icon" aria-hidden="true"></i>
|
|
||||||
<strong>Media Services</strong>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
<a class="searchmenu" aria-label="Suggest a Book for Purchase" href="https://kbcc-cuny.libwizard.com/f/bookrequest">
|
|
||||||
<div class="bigger-fancy-text">
|
|
||||||
<i class="fas fa-shopping-basket fa-fw bigger-icon" aria-hidden="true"></i>
|
|
||||||
<strong>Suggest a Book for Purchase</strong>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
<a class="searchmenu" aria-label="Suggest an Item to Add to Reserves" href="https://kbcc-cuny.libwizard.com/id/8cdb3f1a787de3c307a8cf5d75cad406">
|
|
||||||
<div class="bigger-fancy-text">
|
|
||||||
<i class="fas fa-bookmark fa-fw bigger-icon" aria-hidden="true"></i>
|
|
||||||
<strong>Suggest an Item to Add to Reserves</strong>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
@@ -142,30 +115,9 @@
|
|||||||
<div class="fancy-caret"><i class="fas fa-angle-down" aria-hidden="true"></i></div></a>
|
<div class="fancy-caret"><i class="fas fa-angle-down" aria-hidden="true"></i></div></a>
|
||||||
<ul class="dropdown-menu fade dropdown-margin">
|
<ul class="dropdown-menu fade dropdown-margin">
|
||||||
<li>
|
<li>
|
||||||
<a class="searchmenu" aria-label="Faculty and Staff Directory" href="https://library.kbcc.cuny.edu/about-us/directory">
|
<a v-for="item in aboutUs" v-bind:key="item.id" class="searchmenu" v-bind:aria-label="item.description" v-bind:href="item.link">
|
||||||
<div class="bigger-fancy-text">
|
<menus-component v-bind:item="item"></menus-component>
|
||||||
<i class="fas fa-address-book fa-fw bigger-icon" aria-hidden="true"></i>
|
</a>
|
||||||
<strong>Faculty & Staff Directory</strong>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
<a class="searchmenu" aria-label="New Arrivals" href="https://library.kbcc.cuny.edu/newarrivals">
|
|
||||||
<div class="bigger-fancy-text">
|
|
||||||
<i class="far fa-mail-bulk fa-fw bigger-icon" aria-hidden="true"></i>
|
|
||||||
<strong>New Arrivals</strong>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
<a class="searchmenu" aria-label="Subject Liaisons" href="https://library.kbcc.cuny.edu/about-us/liaisons">
|
|
||||||
<div class="bigger-fancy-text">
|
|
||||||
<i class="fas fa-theater-masks fa-fw bigger-icon" aria-hidden="true"></i>
|
|
||||||
<strong>Subject Liaisons</strong>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
<a class="searchmenu" aria-label="Social Media" href="https://library.kbcc.cuny.edu/social">
|
|
||||||
<div class="bigger-fancy-text">
|
|
||||||
<i class="far fa-hashtag fa-fw bigger-icon" aria-hidden="true"></i>
|
|
||||||
<strong>Social Media</strong>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
@@ -175,18 +127,9 @@
|
|||||||
<div class="fancy-caret"><i class="fas fa-angle-down" aria-hidden="true"></i></div></a>
|
<div class="fancy-caret"><i class="fas fa-angle-down" aria-hidden="true"></i></div></a>
|
||||||
<ul class="dropdown-menu fade dropdown-margin">
|
<ul class="dropdown-menu fade dropdown-margin">
|
||||||
<li>
|
<li>
|
||||||
<a class="searchmenu" aria-label="Campus Map" href="https://tour.kingsborough.edu/">
|
<a v-for="item in locationAndHours" v-bind:key="item.id" class="searchmenu" v-bind:aria-label="item.description" v-bind:href="item.link">
|
||||||
<div class="bigger-fancy-text">
|
<menus-component v-bind:item="item"></menus-component>
|
||||||
<i class="fas fa-map-marked-alt fa-fw bigger-icon" aria-hidden="true"></i>
|
</a>
|
||||||
<strong>Campus Map</strong>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
<a class="searchmenu" aria-label="Hours" href="https://library.kbcc.cuny.edu/calendar">
|
|
||||||
<div class="bigger-fancy-text">
|
|
||||||
<i class="fas fa-clock fa-fw bigger-icon" aria-hidden="true"></i>
|
|
||||||
<strong>Library Hours</strong>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
@@ -196,29 +139,8 @@
|
|||||||
<div class="fancy-caret"><i class="fas fa-angle-down" aria-hidden="true"></i></div></a>
|
<div class="fancy-caret"><i class="fas fa-angle-down" aria-hidden="true"></i></div></a>
|
||||||
<ul class="dropdown-menu fade dropdown-margin">
|
<ul class="dropdown-menu fade dropdown-margin">
|
||||||
<li>
|
<li>
|
||||||
<a class="searchmenu" aria-label="Ask A Librarian" href="https://library.kbcc.cuny.edu/askalibrarian">
|
<a v-for="item in help" v-bind:key="item.id" class="searchmenu" v-bind:aria-label="item.description" v-bind:href="item.link">
|
||||||
<div class="bigger-fancy-text">
|
<menus-component v-bind:item="item"></menus-component>
|
||||||
<i class="fas fa-book-reader fa-fw bigger-icon" aria-hidden="true"></i>
|
|
||||||
<strong>Ask A Librarian</strong>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
<a class="searchmenu" aria-label="FAQ" href="https://library.kbcc.cuny.edu/faq">
|
|
||||||
<div class="bigger-fancy-text">
|
|
||||||
<i class="fas fa-question-circle fa-fw bigger-icon" aria-hidden="true"></i>
|
|
||||||
<strong>FAQ</strong>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
<a class="searchmenu" aria-label="Research Guides" href="https://library.kbcc.cuny.edu/guides">
|
|
||||||
<div class="bigger-fancy-text">
|
|
||||||
<i class="fas fa-telescope fa-fw bigger-icon" aria-hidden="true"></i>
|
|
||||||
<strong>Research Guides and Tutorials</strong>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
<a class="searchmenu" aria-label="How to Use the Library" href="https://library.kbcc.cuny.edu/ENGLISH24">
|
|
||||||
<div class="bigger-fancy-text">
|
|
||||||
<i class="fas fa-question fa-fw bigger-icon" aria-hidden="true"></i>
|
|
||||||
<strong>How to Use the Library</strong>
|
|
||||||
</div>
|
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|||||||
Reference in New Issue
Block a user