-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat: APPS-2411 Use nuxt/appollo composable to fetch data for the hom…
…epage (#752) * feat: Add useAsyncQuery wrapper for useasyncdata by nuxt/appollo to make gragphQL queries to craft * ci: update job name * fix: linting errors
- Loading branch information
Showing
10 changed files
with
810 additions
and
43 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -25,10 +25,100 @@ const propsForMediaWithText = { | |
| } | ||
| const itemVideo = MEDIA.VideoFile | ||
| const coverImage = MEDIA.VideoFileCoverImage | ||
| const mockStaff = { | ||
| subjectArea: 'African American Studies', | ||
| nameFirst: 'Ariane', | ||
| nameLast: 'Bicho', | ||
| to: '/about/staff/ariane-bicho', | ||
| staffName: 'Ariane Bicho 娘の洋子より', | ||
| image: null, | ||
| jobTitle: 'Director of Communications and Marketing', | ||
| departments: [ | ||
| { | ||
| id: '7272', | ||
| title: 'Communications', | ||
| }, | ||
| { | ||
| id: '7373', | ||
| title: 'Marketing', | ||
| }, | ||
| ], | ||
| alternativeName: [ | ||
| { | ||
| fullName: '娘の洋子より', | ||
| languageAltName: 'zh', | ||
| }, | ||
| ], | ||
| uri: 'about/staff/ariane-bicho', | ||
| phone: '(222) 444-5555', | ||
| email: '[email protected]', | ||
| consultation: 'https://calendar.library.ucla.edu/appointments/aogarcia', | ||
| academicDepartments: [ | ||
| { | ||
| id: '11947', | ||
| title: 'African American Studies', | ||
| }, | ||
| { | ||
| id: '11955', | ||
| title: 'Cluster 60: America in Sixties: Politics, Society, and Culture, 1954 to 1974', | ||
| }, | ||
| ], | ||
| locations: [ | ||
| { | ||
| title: 'DIIT', | ||
| to: 'location/bar', | ||
| }, | ||
| ], | ||
| } | ||
| const mockStaff2 = { | ||
| title: 'Humanities and Social Sciences Librarian', | ||
| alternativeFullName: '陳餘敏卿纪念基金', | ||
| language: 'zh', | ||
| text: | ||
| '<p><span>The UCLA Library seeks a highly collaborative, user-focused professional for the position of Humanities and Social Sciences Librarian. The incumbent will join a multi-location, cross disciplinary team that supports teaching and all levels of research in the humanities and social sciences. </span><span>Note: Two positions are being filled.</span><br /></p>', | ||
| jobType: [ | ||
| { | ||
| title: 'Academic Librarian', | ||
| }, | ||
| ], | ||
| jobRequisitionNumber: 'JPF08053', | ||
| jobPostingURL: 'https://recruit.apo.ucla.edu/JPF08053', | ||
| department: [ | ||
| { | ||
| title: 'User Engagement', | ||
| }, | ||
| { | ||
| title: 'Human Resources', | ||
| }, | ||
| ], | ||
| associatedLocations: [ | ||
| { | ||
| title: 'UCLA Film & Television Archive', | ||
| uri: 'visit/locations/film-television-archive', | ||
| }, | ||
| { | ||
| title: 'Powell Library', | ||
| uri: 'visit/locations/powell-library', | ||
| }, | ||
| ], | ||
| } | ||
| const amenities = [ | ||
| 'icon-clock', | ||
| 'icon-accessible', | ||
| 'icon-chair', | ||
| 'icon-virtual', | ||
| 'icon-laptop', | ||
| 'icon-locker', | ||
| 'icon-light', | ||
| 'icon-share-printer', | ||
| 'icon-book', | ||
| ] | ||
| </script> | ||
|
|
||
| <template> | ||
| <div> | ||
| <div class="components"> | ||
| <hr> | ||
| <h2>DividerGeneral Component</h2> | ||
| <DividerGeneral /> | ||
|
|
@@ -126,7 +216,35 @@ const coverImage = MEDIA.VideoFileCoverImage | |
| <BlockCallToActionTwoUp :items="mockItemsBlockCallToActionTwoUp" /> | ||
| <hr> | ||
| <br> | ||
| <br> | ||
| <h2>BlockStaffSubjectLibrarian Component</h2> | ||
| <table> | ||
| <tbody> | ||
| <BlockStaffSubjectLibrarian v-bind="mockStaff" /> | ||
| </tbody> | ||
| </table> | ||
| <br> | ||
| <hr> | ||
| <br> | ||
| <h2>BlockGenericList Component</h2> | ||
| <ul> | ||
| <BlockGenericList v-bind="mockStaff2" /> | ||
| </ul> | ||
| <br> | ||
| <hr> | ||
| <br> | ||
| <block-amenities :amenities="amenities" /> | ||
| <br> | ||
| <br> | ||
| </div> | ||
| </template> | ||
|
|
||
| <style scoped></style> | ||
| <style scoped> | ||
| div.components, | ||
| ul, | ||
| li, | ||
| div, | ||
| table { | ||
| margin: 20px; | ||
| } | ||
| </style> | ||
Oops, something went wrong.