Update component.md

[jendiamond]

sketched out components with team

Search

• SearchHome -> Component Request - SearchHome #47

  • tabs: [{title, isActive}]
  • links: [{name, url, target}](Course Reserves etc)
  • actionUrl: String
    // search by keyword
    exampleString: "https://ucla.on.worldcat.org/external-search"
    exampleString: "https://ucla.summon.serialssolutions.com/#!/search?ho=t&l=en&"
    exampleString: "fromPrimo"
    (build component out knowing where to submit the query string)

• SearchGeneric @z3cka -> Component Request - SearchGeneric #48

  • actionUrl:"",
  • filters: [{name, queryParam},{},...]

example:

    actionUrl:"", //main search block
    filters: [          // dependent on the page ?
        {
            name: "location",
            filterItems: [
                {
                    name: "Arts Library",
                    queryParam: "artsLib"
                },
                {
                    name: "Bio Med",
                    queryParam: "bioMed"
                },
            ]
        },
        {
            name: "department",
            filterItems: [
                {
                    name: "Science Department",
                    queryParam: "scienceDept"
                },
                {
                    name: "Music Department",
                    queryParam: "musicDept"
                },
            ]
        },
    ]

- note: (each page will have its own list of filters available - from craft - content-types)

Mobile Versions

Mobile nav/menus combine the Primary and Secondary navs
hard code menu items using data()

• MobileNav

data() {
    primary: [{text, url, target}] ,
    secondary: [{text, url, target}] ,
}

Exhibits & Upcoming Events

• BlockTeaser @jendiamond -> Component Request - BlockTeaserMeta #53

  • items: {image: {}, to, category, title, dates, times, text}
  • displayImage: Boolean // default: true - only false on calendar page

  note: displayImage --may be able to just filter this out

• SectionTeaserHighlight - @pghorpade -> Component Request - SectionTeaserHighlight #49

  • items: [{see block props}] (uses BlockVisitVertical component)

• SectionTeaserList @pghorpade -> Component Request - SectionTeaserHorizontal #50

  • items: [{see block props}] (uses BlockVisitHorizontal component)

• SectionTeaserGallery -> Component Request - SectionTeaserVertical #51

  • items: [{see block props}] (uses BlockVisitHorizontal component)

• BlockCallToAction -> Component Request - BlockCallToAction #54

  • iconName: String
  • title
  • text
  • name //button
  • to

note: 2 sizes full width & half page

[z3cka]

Looks like MobileNav is the only one from this list that didn't get created yet.