Page Request - Event Detail Page

[matheusgomes062]

Page Description

This Page is used in the section VISIT to display Events.

https://jira.library.ucla.edu/browse/APPS-1509

Acceptance Criteria:

There is page vue component for this route with the assembled components
There is GraphQL query for data to be fetched for this Page
There is libcal rest API call to fetch event details from LibCal
There is cypress test for this Page

Design

Please also see attached screenshots for quick reference.

• Desktop: https://www.figma.com/file/BLO5HP8AphPr0KEacFPjs8/COPY-of-UI-Pattern-Library-(Client-Facing)-Final?node-id=1101%3A45265

Slots

Name and description of any slots needed.

Props

props: {
    exampleObject: {
        // Mock: api.page
        type: Object,
        default: () => {}
    },
    exampleArray: {
        // Mock: api.pages
        type: Array,
        default: () => []
    },
    exampleNumber: {
        type: Number,
        default: 0
    },
    exampleString: {
        type: String,
        default: ""
    },
    exampleBoolean: {
        type: Boolean,
        default: true
    }
}

Developer Tips

List any developer tips here

1. --color-example for the font color

Events

Describe any events that should be emitted by this component.

1. menuOpened when {something} is clicked on

Child components

List out any components that are used by this new Page.

1. required-component is used for {what}

Screenshots

{attach screenshots}