-
Notifications
You must be signed in to change notification settings - Fork 11
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Feature: EDU header and footer (#497)
* adding edu main navigation desktop and mobile * showing social icons in defaultTheme NavMobile only * minor cleanup * edu modifications to TheFooter * removing unneeded stories * adding edu social links to footer * updating a header in the edu footer * minor cleanup * removing iniline test
- Loading branch information
1 parent
8658e80
commit 83e8262
Showing
21 changed files
with
881 additions
and
116 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
2 changes: 1 addition & 1 deletion
2
packages/vue/src/components/NavDesktop/NavDesktopDropdownContent.vue
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
186 changes: 186 additions & 0 deletions
186
packages/vue/src/components/NavDesktopEdu/NavDesktopEdu.stories.js
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 |
|---|---|---|
| @@ -0,0 +1,186 @@ | ||
| import { MenuHighlightColumnData } from './../NavHighlight/NavHighlight.stories' | ||
| import { MenuLinkColumnWithHeaderData } from './../NavLinkList/NavLinkList.stories' | ||
| import NavDesktop from './NavDesktopEdu.vue' | ||
| import NavDesktopTopHat from './../NavDesktop/NavDesktopTopHat.vue' | ||
| import NavDesktopDropdown from './../NavDesktop/NavDesktopDropdown.vue' | ||
| import NavDesktopDropdownContent from './../NavDesktop/NavDesktopDropdownContent.vue' | ||
| import NavDesktopDropdownMore from './../NavDesktop/NavDesktopDropdownMore.vue' | ||
|
|
||
| export default { | ||
| title: 'Navigation/Headers/EDU/NavDesktopEdu', | ||
| component: NavDesktop, | ||
| excludeStories: /.*Data$/, | ||
| parameters: { | ||
| viewMode: 'canvas' | ||
| } | ||
| } | ||
|
|
||
| export const NavDesktopTopHatData = { | ||
| topHat: [ | ||
| { | ||
| linkPage: { | ||
| title: 'Home', | ||
| url: '/' | ||
| }, | ||
| title: 'JPL', | ||
| path: null | ||
| }, | ||
| { | ||
| linkPage: null, | ||
| title: 'Career', | ||
| path: 'https://jpl.jobs/' | ||
| }, | ||
| { | ||
| linkPage: null, | ||
| title: 'Science and Technology', | ||
| path: 'https://scienceandtechnology.jpl.nasa.gov/' | ||
| } | ||
| ] | ||
| } | ||
|
|
||
| // combined dropdown data | ||
| export const NavDesktopDropdownContentData = { | ||
| blockType: 'MenuPanel', | ||
| titleLink: { | ||
| linkPage: { | ||
| title: 'About', | ||
| url: '/about/' | ||
| }, | ||
| title: null | ||
| }, | ||
| menuColumns: [ | ||
| MenuHighlightColumnData, | ||
| { | ||
| blockType: 'MenuDescriptionColumn', | ||
| description: 'Lorem ipsum dolor sit amet.', | ||
| title: 'About' | ||
| }, | ||
| { | ||
| ...MenuLinkColumnWithHeaderData, | ||
| heading: null, | ||
| headingPage: null | ||
| }, | ||
| { | ||
| ...MenuLinkColumnWithHeaderData, | ||
| heading: null, | ||
| headingPage: null | ||
| } | ||
| ] | ||
| } | ||
| // combined dropdown data for "more" menu | ||
| export const NavDesktopDropdownMoreData = { | ||
| blockType: 'MenuMorePanel', | ||
| titleText: 'More', | ||
| strapline: | ||
| 'JPL is a unique research facility that carries out robotic space and Earth science missions.', | ||
| menuColumns: [ | ||
| { | ||
| blockType: 'MenuDescriptionColumn', | ||
| description: 'Lorem ipsum dolor sit amet.', | ||
| title: 'About' | ||
| }, | ||
| { | ||
| ...MenuLinkColumnWithHeaderData, | ||
| heading: 'More from JPL', | ||
| headingPage: null | ||
| }, | ||
| { | ||
| ...MenuLinkColumnWithHeaderData, | ||
| heading: 'Explore Topics', | ||
| headingPage: null | ||
| }, | ||
| { | ||
| blockType: 'MenuMoreHighlightsColumn', | ||
| heading: 'Discover', | ||
| headingPage: null, | ||
| highlights: [MenuHighlightColumnData, MenuHighlightColumnData] | ||
| } | ||
| ] | ||
| } | ||
|
|
||
| // combined header data // desktop and mobile | ||
|
|
||
| export const NavDesktopData = { | ||
| breadcrumb: | ||
| '{"/": [{"path": "http://www.jpl.nasa.gov/", "title": "Asteroid watch"}, {"path": "http://www.jpl.nasa.gov/", "title": "Asteroid fast facts"}, {"path": "http://www.jpl.nasa.gov/", "title": "Meteor shower viewing guide"}, {"path": "http://www.jpl.nasa.gov/", "title": "Yeoman\'s top 10"}, {"path": "http://www.jpl.nasa.gov/", "title": "Glossary of space rocks"}, {"path": "/robotics-at-jpl/", "title": "Robotics"}, {"path": "http://www.jpl.nasa.gov/", "title": "Apps"}, {"path": "/jpl-life/", "title": "JPL Life"}, {"path": "/stars-and-galaxies/", "title": "Stars and Galaxies"}, {"path": "/exoplanets/", "title": "Exoplanets"}, {"path": "/solar-system/", "title": "Solar System"}, {"path": "/asteroids/", "title": "Asteroids"}, {"path": "/comets/", "title": "Comets"}, {"path": "/technology/", "title": "Technology"}, {"path": "/mars/", "title": "Mars"}, {"path": "/earth/", "title": "Earth"}, {"path": "/climate-change/", "title": "Climate Change"}, {"path": "/earthquakes/", "title": "Earthquakes"}, {"path": "/weather/", "title": "Weather"}, {"path": "/robotics/", "title": "Robotics"}], "/missions/": [{"path": "/missions/", "title": "Current"}, {"path": "/missions/", "title": "Past"}, {"path": "/missions/", "title": "Future"}, {"path": "/missions/", "title": "Proposed"}, {"path": "/missions/", "title": "All"}], "/news/": [{"path": "/news/", "title": "All news"}, {"path": "/news/", "title": "Press kits"}, {"path": "/news/", "title": "Fact sheets"}, {"path": "/news/", "title": "Media Information"}, {"path": "/news/", "title": "JPL newsletter"}]}', | ||
| ...NavDesktopTopHatData, | ||
| primaryNavigation: [ | ||
| NavDesktopDropdownContentData, | ||
| { | ||
| ...NavDesktopDropdownContentData, | ||
| titleLink: { | ||
| linkPage: { | ||
| title: 'Missions', | ||
| url: '/missions/' | ||
| }, | ||
| title: null | ||
| }, | ||
| menuColumns: [ | ||
| MenuHighlightColumnData, | ||
| { | ||
| blockType: 'MenuDescriptionColumn', | ||
| description: 'Lorem ipsum dolor sit amet.', | ||
| title: 'Missions' | ||
| }, | ||
| { | ||
| ...MenuLinkColumnWithHeaderData, | ||
| heading: null, | ||
| headingPage: null | ||
| }, | ||
| { | ||
| ...MenuLinkColumnWithHeaderData, | ||
| heading: null, | ||
| headingPage: null | ||
| } | ||
| ] | ||
| }, | ||
| { | ||
| ...NavDesktopDropdownContentData, | ||
| titleLink: { | ||
| linkPage: { | ||
| title: 'News', | ||
| url: '/news/' | ||
| }, | ||
| title: null | ||
| } | ||
| }, | ||
| { | ||
| ...NavDesktopDropdownContentData, | ||
| titleLink: { | ||
| linkPage: { | ||
| title: 'Galleries', | ||
| url: '/galleries/' | ||
| }, | ||
| title: null | ||
| } | ||
| }, | ||
| { | ||
| ...NavDesktopDropdownContentData, | ||
| titleLink: { | ||
| linkPage: { | ||
| title: 'Engage', | ||
| url: '/engage/' | ||
| }, | ||
| title: null | ||
| } | ||
| } | ||
| ] | ||
| } | ||
|
|
||
| export const BaseStory = { | ||
| name: 'NavDesktop', | ||
| args: { | ||
| data: NavDesktopData, | ||
| headerVisible: true, | ||
| scrolledUp: false, | ||
| scrollTop: 0, | ||
| invertOverride: false | ||
| }, | ||
| render: (args) => ({ | ||
| components: { NavDesktop }, | ||
| setup() { | ||
| return { args } | ||
| }, | ||
| template: `<NavDesktop v-bind="args" />` | ||
| }) | ||
| } |
Oops, something went wrong.