worksafe-component-library
Advanced tools
Comparing version 1.1.1 to 1.1.2
@@ -15,20 +15,3 @@ import { configure, addDecorator } from '@storybook/vue'; | ||
import PageContent from '../src/components/Containers/PageContent/index.vue'; | ||
import AppNavigation from '../src/components/Global/AppNavigation/index.vue'; | ||
import AppFooter from '../src/components/Global/AppFooter/index.vue'; | ||
import PageHeader from '../src/components/Global/PageHeader/index.vue'; | ||
import PageSummary from '../src/components/Global/PageSummary/index.vue'; | ||
import Card from '../src/components/SubComponents/Card/index.vue'; | ||
import CardList from '../src/components/SubComponents/CardList/index.vue'; | ||
import LinksList from '../src/components/Content/LinksList/index.vue'; | ||
import Checklist from '../src/components/Content/Checklist/index.vue'; | ||
import Tasks from '../src/components/Content/Tasks/index.vue'; | ||
import InstructionalContent from '../src/components/Content/InstructionalContent/index.vue'; | ||
import BreakoutContent from '../src/components/Content/BreakoutContent/index.vue'; | ||
import CuratedContent from '../src/components/Content/CuratedContent/index.vue'; | ||
import FullWidthImage from '../src/components/Content/FullWidthImage/index.vue'; | ||
// Install Vue plugins. | ||
@@ -35,0 +18,0 @@ // Vue.use(Vuex); |
# Changelog | ||
- v1.1.2 (2 Mar 2018) | ||
- Search components | ||
- Move all icon SVG files to shared folder | ||
- v1.1.1 (28 Feb 2018) | ||
@@ -4,0 +7,0 @@ - Checklist component |
{ | ||
"name": "worksafe-component-library", | ||
"version": "1.1.1", | ||
"version": "1.1.2", | ||
"description": "A Vue.js component library for use in WorkSafe family websites", | ||
@@ -5,0 +5,0 @@ "main": "./src/index.js", |
@@ -6,4 +6,2 @@ import { storiesOf } from '@storybook/vue' | ||
import readme from './README.md' | ||
import logoWorksafe from './logo-worksafe.png' | ||
import logoVictoria from './logo-victoria.png' | ||
@@ -69,16 +67,2 @@ const footerMenu = [ | ||
] | ||
const footerLogos = [ | ||
{ | ||
width: '127px', | ||
height: '63px', | ||
alt: 'WorkSafe', | ||
path: logoWorksafe | ||
}, | ||
{ | ||
width: '99px', | ||
height: '57px', | ||
alt: 'victoria', | ||
path: logoVictoria | ||
} | ||
] | ||
@@ -89,10 +73,9 @@ storiesOf('Components/Global/AppFooter', module) | ||
components: { AppFooter }, | ||
template: '<app-footer :footerMenu="footerMenu" :socialList="socialList" :footerLogos="footerLogos" copyrightText="© Copyright WorkSafe Victoria"></app-footer>', | ||
template: '<app-footer :footerMenu="footerMenu" :socialList="socialList" copyrightText="© Copyright WorkSafe Victoria"></app-footer>', | ||
data () { | ||
return { | ||
footerMenu, | ||
socialList, | ||
footerLogos | ||
socialList | ||
} | ||
} | ||
})) |
@@ -7,2 +7,33 @@ # AppNavigation | ||
The website main menu exists as a sub-component of `AppNavigation` in the code, but isn't placed in the SubComponents folder because it will only be used inside `AppNavigation` | ||
The website main menu exists as a sub-component of `AppNavigation` in the code, but isn't placed in the SubComponents folder because it will only be used inside `AppNavigation` | ||
## Props | ||
The component | ||
## Usage | ||
```html | ||
<template> | ||
<div> | ||
<app-navigation :logo="logo"></app-navigation> | ||
</div> | ||
</template> | ||
<script> | ||
import AppNavigation from '../AppNavigation/index.vue' | ||
import myLogo from './my-logo.svg' | ||
export default { | ||
name: 'MyComponent', | ||
components: { | ||
AppNavigation | ||
}, | ||
data () { | ||
return { | ||
logo: myLogo | ||
} | ||
} | ||
} | ||
</script> | ||
``` |
@@ -6,3 +6,2 @@ import { storiesOf } from '@storybook/vue' | ||
import readme from './README.md' | ||
import logo from './assets/logo.svg' | ||
@@ -15,9 +14,8 @@ const menu = [ { 'key': '85b0f2ed-88bc-4311-809e-061df688c453', 'title': 'Home', 'uri': 'node/6', 'alias': '', 'external': false, 'absolute': 'http://worksafe-dev.coolwebsite.today/', 'weight': '-50', 'expanded': false, 'enabled': true, 'uuid': '11f353ea-2738-4b75-8075-4d9ed5aea6c9', 'options': { 'content': '[]', 'headers': { 'Content-Type': 'application/json; type=' } } }, { 'key': 'b70ee136-598a-4508-ac41-b1226fe8ae1b', 'title': 'Contact us', 'uri': 'node/11', 'alias': 'contact-us', 'external': false, 'absolute': 'http://worksafe-dev.coolwebsite.today/contact-us', 'weight': '-48', 'expanded': false, 'enabled': true, 'uuid': '08e19ce0-0cb0-4eb8-a5de-fd61beb1a8c6', 'options': { 'content': '[]', 'headers': { 'Content-Type': 'application/json; type=' } } }, { 'key': '7dce1d36-e391-49f5-a21d-265645555e4a', 'title': 'Manual handling', 'uri': 'node/21', 'alias': 'manual-handling', 'external': false, 'absolute': 'http://worksafe-dev.coolwebsite.today/manual-handling', 'weight': '0', 'expanded': false, 'enabled': true, 'uuid': '6084aff2-59f8-405e-a09f-7fdae8bc0861', 'options': { 'content': '[]', 'headers': { 'Content-Type': 'application/json; type=' } } } ] | ||
components: { AppNavigation }, | ||
template: '<app-navigation :menu="menu" :logoSrc="logo"></app-navigation>', | ||
template: '<app-navigation :menu="menu"></app-navigation>', | ||
data () { | ||
return { | ||
menu, | ||
logo | ||
menu | ||
} | ||
} | ||
})) |
@@ -14,3 +14,3 @@ # Component: Page Header | ||
```js | ||
```html | ||
<template> | ||
@@ -17,0 +17,0 @@ <div> |
@@ -7,7 +7,7 @@ import { storiesOf } from '@storybook/vue' | ||
import logo from './menu.svg' | ||
import logo from '../../../assets/icons/menu.svg' | ||
storiesOf('Components/SubComponents/Card List', module) | ||
storiesOf('Components/SubComponents/Icon', module) | ||
.addDecorator(withReadme(readme)) | ||
.add('Default icon', () => ({ | ||
.add('Logo icon', () => ({ | ||
components: { Icon }, | ||
@@ -14,0 +14,0 @@ template: '<icon :glyph="logo"></card-list>', |
@@ -8,2 +8,3 @@ import AppTheme from './components/Containers/AppTheme' | ||
import PageSummary from './components/Global/PageSummary' | ||
import SearchResults from './components/Global/SearchResults' | ||
@@ -27,1 +28,3 @@ // Containers | ||
export {PageSummary} | ||
export {SearchResults} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
140
1724
525260