New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

worksafe-component-library

Package Overview
Dependencies
Maintainers
1
Versions
46
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

worksafe-component-library - npm Package Compare versions

Comparing version 1.2.0 to 1.3.0

.babelrc

18

.storybook/config.js

@@ -21,14 +21,22 @@ import { configure, addDecorator } from '@storybook/vue';

Vue.component('app-theme', AppTheme);
Vue.component('nuxt-link', {
template: '<a :href="to"><slot /></a>',
props: ['to']
})
Vue.component('no-ssr', {
template: '<div><slot /></div>'
})
addDecorator(function() {
return {
template: '<app-theme><div class="container"><story /></div></app-theme>'
template: '<app-theme><story /></app-theme>'
}
})
// Fetch stories from component folders
const components = require.context('../src/components/', true, /stories\.js$/)
const docs = require.context('../docs/', true, /stories\.js$/)
function loadStories() {
function loadStories() {
// Fetch stories from component folders
const components = require.context('../src/components/', true, /stories\.js$/)
const docs = require.context('../docs/', true, /stories\.js$/)
docs.keys().forEach(docs)

@@ -35,0 +43,0 @@ components.keys().forEach(components)

# Changelog
- v1.2.0 (9 Mar)
- v1.3.0 (3 Apr 2018)
- Fix a bug where empty card lists crash pages
- AppMenu - Refactor & add level 3 links
- Checklist - Add "cross" variant with red background
- Add snapshot testing with Jest
- Card - Add variants with progress bars and icons
- v1.2.0 (9 Mar 2018)
- Quote Excerpt component
- Add icon and description options to Card component
- Design tweaks
- v1.1.3 (8 Mar)
- v1.1.3 (8 Mar 2018)
- Homepage banner component
- Card "new", "done", and "in progress" statuses added
- Modal component

@@ -10,0 +17,0 @@ - Search via AJAX functionality

@@ -11,2 +11,4 @@ import { storiesOf } from '@storybook/vue'

import WorkflowMD from './6-Workflow.md'
import TestingMD from './7-Testing.md'
import TestingHowToMD from './7.1-Testing-How-To.md'

@@ -60,1 +62,11 @@ // TODO: hide side panel in docs pages

}))
.add('Testing', () => ({
components: { DocsFile },
template: '<docs-file :markdown="TestingMD"></docs-file>',
data () { return { TestingMD } }
}))
.add('Testing - How To', () => ({
components: { DocsFile },
template: '<docs-file :markdown="TestingHowToMD"></docs-file>',
data () { return { TestingHowToMD } }
}))
{
"name": "worksafe-component-library",
"version": "1.2.0",
"version": "1.3.0",
"description": "A Vue.js component library for use in WorkSafe family websites",
"main": "./src/index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"test": "jest",
"start": "start-storybook -p 9001 -c .storybook -s .public",

@@ -35,7 +35,10 @@ "dev": "npm start",

"@storybook/addon-options": "^3.3.9",
"@storybook/addon-storyshots": "rc",
"@storybook/vue": "^3.3.6",
"babel-core": "^6.26.0",
"babel-eslint": "^8.2.1",
"babel-jest": "^22.4.1",
"babel-loader": "^7.1.2",
"babel-preset-env": "^1.6.1",
"babel-preset-vue": "^2.0.1",
"cross-env": "^5.1.3",

@@ -53,5 +56,10 @@ "css-loader": "^0.28.8",

"html-loader": "^0.5.4",
"jest": "^22.4.2",
"jest-vue-preprocessor": "^1.3.1",
"markdown-loader": "^2.0.2",
"markdown-loader-jest": "^0.1.1",
"node-sass": "^4.7.2",
"pre-commit": "^1.2.2",
"react-test-renderer": "^16.2.0",
"regenerator-runtime": "^0.11.1",
"sass-loader": "^6.0.6",

@@ -58,0 +66,0 @@ "storybook-readme": "^3.2.0",

@@ -395,3 +395,3 @@ import { storiesOf } from '@storybook/vue'

components: { PageContent },
template: '<page-content :content="content"></page-content>',
template: '<page-content baseUrl="localhost" :content="content"></page-content>',
data () {

@@ -398,0 +398,0 @@ return {

@@ -7,43 +7,254 @@ import { storiesOf } from '@storybook/vue'

const filterItems = [
const topics = {
label: 'Topics',
items: [
{
value: '',
name: 'All'
},
{
value: 'bullying',
name: 'Bullying'
}
]
}
const cards = [
{
label: 'Information for',
filters: ['employers', 'employees']
text: 'Here\'s a card',
uri: '#',
cardSteps: [
{
'cms_id': 559,
'done': false
}, {
'cms_id': 560,
'done': false
}, {
'cms_id': 561,
'done': false
}, {
'cms_id': 562,
'done': false
}
]
},
{
label: 'Relevant to',
filters: ['all industries', 'textile', 'mineral', 'car']
text: 'How about a second card',
uri: '#',
cardSteps: [
{
'cms_id': 559,
'done': false
}, {
'cms_id': 560,
'done': false
}, {
'cms_id': 561,
'done': false
}, {
'cms_id': 562,
'done': false
}
]
},
{
text: 'Third card\'s a charm',
uri: '#',
cardSteps: [
{
'cms_id': 559,
'done': true
}, {
'cms_id': 560,
'done': false
}, {
'cms_id': 561,
'done': false
}, {
'cms_id': 562,
'done': false
}
]
},
{
text: 'Four cards go big or go home',
uri: '#',
cardSteps: [
{
'cms_id': 559,
'done': true
}, {
'cms_id': 560,
'done': true
}, {
'cms_id': 561,
'done': false
}, {
'cms_id': 562,
'done': false
}
]
},
{
text: 'Here\'s a card',
uri: '#',
cardSteps: [
{
'cms_id': 559,
'done': false
}, {
'cms_id': 560,
'done': false
}, {
'cms_id': 561,
'done': false
}, {
'cms_id': 562,
'done': false
}
]
},
{
text: 'How about a second card',
uri: '#',
cardSteps: [
{
'cms_id': 559,
'done': false
}, {
'cms_id': 560,
'done': false
}, {
'cms_id': 561,
'done': false
}, {
'cms_id': 562,
'done': false
}
]
},
{
text: 'Third card\'s a charm',
uri: '#',
cardSteps: [
{
'cms_id': 559,
'done': true
}, {
'cms_id': 560,
'done': true
}, {
'cms_id': 561,
'done': true
}, {
'cms_id': 562,
'done': false
}
]
},
{
text: 'Four cards go big or go home',
uri: '#',
cardSteps: [
{
'cms_id': 559,
'done': false
}, {
'cms_id': 560,
'done': false
}, {
'cms_id': 561,
'done': false
}, {
'cms_id': 562,
'done': false
}
]
},
{
text: 'Here\'s a card',
uri: '#',
cardSteps: [
{
'cms_id': 559,
'done': true
}, {
'cms_id': 560,
'done': false
}, {
'cms_id': 561,
'done': false
}, {
'cms_id': 562,
'done': false
}
]
},
{
text: 'How about a second card',
uri: '#',
cardSteps: [
{
'cms_id': 559,
'done': false
}, {
'cms_id': 560,
'done': false
}, {
'cms_id': 561,
'done': false
}, {
'cms_id': 562,
'done': false
}
]
},
{
text: 'Third card\'s a charm',
uri: '#',
cardSteps: [
{
'cms_id': 559,
'done': true
}, {
'cms_id': 560,
'done': false
}, {
'cms_id': 561,
'done': false
}, {
'cms_id': 562,
'done': false
}
]
},
{
text: 'Four cards go big or go home',
uri: '#',
cardSteps: [
{
'cms_id': 559,
'done': false
}, {
'cms_id': 560,
'done': false
}, {
'cms_id': 561,
'done': false
}, {
'cms_id': 562,
'done': false
}
]
}
]
const cards = [
{text: 'Here\'s a card'},
{text: 'How about a second card'},
{text: 'Third card\'s a charm'},
{text: 'Four cards go big or go home'},
{text: 'Here\'s a card'},
{text: 'How about a second card'},
{text: 'Third card\'s a charm'},
{text: 'Four cards go big or go home'},
{text: 'Here\'s a card'},
{text: 'How about a second card'},
{text: 'Third card\'s a charm'},
{text: 'Four cards go big or go home'},
{text: 'Here\'s a card'},
{text: 'How about a second card'},
{text: 'Third card\'s a charm'},
{text: 'Four cards go big or go home'},
{text: 'Here\'s a card'},
{text: 'How about a second card'},
{text: 'Third card\'s a charm'},
{text: 'Four cards go big or go home'}
]
storiesOf('Components/Content/BrowseContent', module)
.add('Default', withReadme(readme, () => ({
components: { BrowseContent },
template: '<browse-content title="Browse Content" :filterItems="filterItems" :cards="cards"></browse-content>',
template: '<browse-content title="Browse Content" :topics="topics" :cards="cards"></browse-content>',
data () {
return {
filterItems,
topics,
cards

@@ -50,0 +261,0 @@ }

@@ -23,5 +23,5 @@ import { storiesOf } from '@storybook/vue'

.addDecorator(withReadme(readme))
.add('Default text', () => ({
.add('Tick box', () => ({
components: { Checklist },
template: '<checklist :title="title" :items="items"></checklist>',
template: '<checklist :title="title" :items="items" modifierClass="tick"></checklist>',
data () {

@@ -34,1 +34,11 @@ return {

}))
.add('Cross box', () => ({
components: { Checklist },
template: '<checklist :title="title" :items="items" modifierClass="cross"></checklist>',
data () {
return {
title,
items
}
}
}))

@@ -8,6 +8,18 @@ import { storiesOf } from '@storybook/vue'

const cards = [
{text: 'Here\'s a card'},
{text: 'How about a second card'},
{text: 'Third card\'s a charm'},
{text: 'Four cards go big or go home'}
{
text: 'Here\'s a card',
uri: '/about'
},
{
text: 'How about a second card',
uri: '/about'
},
{
text: 'Third card\'s a charm',
uri: '/about'
},
{
text: 'Four cards go big or go home',
uri: '/about'
}
]

@@ -14,0 +26,0 @@

@@ -11,2 +11,31 @@ # AppMenu

```
// FROM
button.toggle
ul.tabs
li.tab
a.link
ul.tabs__overlay
li.tabs__panel
ul.interstitial (list of h4, only on mobile)
ul.sublist
li h4 a
li a
// TO
button.toggle
ul.topmenu
li.topmenu__item
a.topmenu__link
ul.submenu__overlay
li.submenu__category
div.submenu__links-container (only on desktop? for grid)
ul.submenu__interstitial (only on mobile, copy of h4)
li a.menu-link
ul.submenu__links
li h4 a.menu-link
ul
li a.menu-link
```
**Interactions**

@@ -13,0 +42,0 @@

@@ -7,14 +7,823 @@ import { storiesOf } from '@storybook/vue'

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=' } } } ]
const bigMenu = [
{
key: 'b14498d5-f5fc-4637-9c6c-dc070243ed4f',
title: 'Insurance',
description: null,
uri: 'node/46',
alias: 'insurance',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/insurance',
relative: '/insurance',
weight: '-54',
expanded: false,
enabled: true,
uuid: '98f04053-0d21-4d47-9f38-c4d577bc44c8',
below: [
{
key: 'a5dc1272-d8b6-4c32-bf05-975d699be81d',
title: 'Register for insurance',
description: null,
uri: 'node/501',
alias: 'register-insurance',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/register-insurance',
relative: '/register-insurance',
weight: '-49',
expanded: false,
enabled: true,
uuid: 'fcc7fa35-9d62-4ca0-b90e-f2ffe1ca196e',
below: [
{
key: 'b04d7940-b6fc-4c37-a506-dd51c7dac904',
title: 'A simple guide to WorkCover insurance',
description: null,
uri: 'node/506',
alias: 'simple-guide-workcover-insurance',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/simple-guide-workcover-insurance',
relative: '/simple-guide-workcover-insurance',
weight: '0',
expanded: false,
enabled: true,
uuid: 'c883fa42-daef-4cc2-b58e-17f77ba1f23e'
},
{
key: '1bec34ba-969a-4b97-b242-7c4691797ad8',
title: 'How to register for WorkCover insurance',
description: null,
uri: 'node/531',
alias: 'how-register-workcover-insurance',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/how-register-workcover-insurance',
relative: '/how-register-workcover-insurance',
weight: '1',
expanded: false,
enabled: true,
uuid: '47c700d1-2de8-44e5-bd6b-81857fa410b4'
},
{
key: 'ad92edae-2411-4629-994a-fa33a3561985',
title: 'Your responsibilities to WorkSafe as an employer',
description: null,
uri: 'node/516',
alias: 'your-responsibilities-worksafe-employer',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/your-responsibilities-worksafe-employer',
relative: '/your-responsibilities-worksafe-employer',
weight: '2',
expanded: false,
enabled: true,
uuid: 'bc0325f8-fd1f-4940-9ca3-c4af4cc43c56'
},
{
key: '29cc367c-382f-4c99-a0ee-ff89a7ca2fb6',
title: 'What is a WorkSafe agent?',
description: null,
uri: 'node/521',
alias: 'what-worksafe-agent',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/what-worksafe-agent',
relative: '/what-worksafe-agent',
weight: '3',
expanded: false,
enabled: true,
uuid: '6c5cfb78-2953-41c9-94d6-1ef0d7db3807'
},
{
key: 'aea30902-9e2c-4abd-a3a6-c44c518da1fb',
title: 'How workers are classified under WorkCover',
description: null,
uri: 'node/526',
alias: 'how-workers-are-classified-under-workcover',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/how-workers-are-classified-under-workcover',
relative: '/how-workers-are-classified-under-workcover',
weight: '4',
expanded: false,
enabled: true,
uuid: '6125f483-3030-4f2b-b161-223b274f047b'
}
]
},
{
key: '4808a1e9-07cb-4980-a4af-6a13a1240743',
title: 'Premiums',
description: null,
uri: 'node/61',
alias: 'premiums',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/premiums',
relative: '/premiums',
weight: '-48',
expanded: false,
enabled: true,
uuid: 'dbad7f64-68ae-4782-95f7-dd3f8e7981b9',
below: [
{
key: '7da3a6b7-e4b1-422b-906c-b0dc1368b0a3',
title: 'How your premium is calculated',
description: null,
uri: 'node/486',
alias: 'how-your-premium-calculated',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/how-your-premium-calculated',
relative: '/how-your-premium-calculated',
weight: '0',
expanded: false,
enabled: true,
uuid: '08a6b8d8-7090-4625-90cc-a255f781f541'
},
{
key: '25323d38-ef54-4dca-9023-dc0017c1bff1',
title: 'Remuneration inclusions and exclusions',
description: null,
uri: 'node/476',
alias: 'remuneration-inclusions-and-exclusions',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/remuneration-inclusions-and-exclusions',
relative: '/remuneration-inclusions-and-exclusions',
weight: '1',
expanded: false,
enabled: true,
uuid: 'c1a0aa0f-5b7d-409b-a140-1afdd3efc75a'
},
{
key: '61e58f95-4cf5-4b58-83e6-c5da8e9461fb',
title: 'How to pay your premium',
description: null,
uri: 'node/456',
alias: 'how-pay-your-premium',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/how-pay-your-premium',
relative: '/how-pay-your-premium',
weight: '2',
expanded: false,
enabled: true,
uuid: '506c880e-d37f-4e9f-b310-e023b7534b4e'
},
{
key: '0fa78038-3dde-481c-94bf-930f53f8d638',
title: 'Important premium dates and costs',
description: null,
uri: 'node/471',
alias: 'important-premium-dates-and-costs',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/important-premium-dates-and-costs',
relative: '/important-premium-dates-and-costs',
weight: '3',
expanded: false,
enabled: true,
uuid: 'bd17ea7e-77b7-4763-9cc9-9755a03e24df'
},
{
key: 'f235b653-2ca3-486b-85ca-9d2417ef71ca',
title: 'Request a review of your premium',
description: null,
uri: 'node/466',
alias: 'request-review-your-premium',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/request-review-your-premium',
relative: '/request-review-your-premium',
weight: '4',
expanded: false,
enabled: true,
uuid: '1f983318-d0d3-45bb-8420-12083b53b1e9'
},
{
key: '5c52ec48-b3a1-43b7-8aed-ba8ef86b65c4',
title: 'Premium calculator',
description: null,
uri: 'node/461',
alias: 'premium-calculator',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/premium-calculator',
relative: '/premium-calculator',
weight: '5',
expanded: false,
enabled: true,
uuid: 'a80a309f-ffe4-4481-bbd4-bbbae236d328'
}
]
},
{
key: '1a7c3d48-00bf-462a-8f33-ba295fc0175c',
title: 'Certificate of currency',
description: null,
uri: 'node/536',
alias: 'certificate-currency',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/certificate-currency',
relative: '/certificate-currency',
weight: '-47',
expanded: false,
enabled: true,
uuid: '840df667-69bd-41bf-93ee-88fcb25e42de',
below: [
{
key: 'd4a1881a-bd64-43b6-8a57-54ad1d5738f6',
title: 'Request a certificate of currency',
description: null,
uri: 'node/546',
alias: 'request-certificate-currency',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/request-certificate-currency',
relative: '/request-certificate-currency',
weight: '0',
expanded: false,
enabled: true,
uuid: '7de71219-1536-494c-9694-165508e06afc'
}
]
},
{
key: '25aebbe5-006c-416c-8ce4-eec0971be81e',
title: 'Self insurance',
description: null,
uri: 'node/426',
alias: 'self-insurance',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/self-insurance',
relative: '/self-insurance',
weight: '-46',
expanded: false,
enabled: true,
uuid: '8e715bf8-a4ea-42bc-8cc1-5d63517b061c',
below: [
{
key: '8b9a8a26-99ae-4fd1-8e4c-ddf1af65de50',
title: 'What is self-insurance?',
description: null,
uri: 'node/481',
alias: 'what-self-insurance',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/what-self-insurance',
relative: '/what-self-insurance',
weight: '0',
expanded: false,
enabled: true,
uuid: '00a7e3ea-46e3-4f3c-aed1-ff96958a1935'
},
{
key: '14036883-f263-4f6d-8cde-29e291cb9867',
title: 'Reference material for self-insurance',
description: null,
uri: 'node/491',
alias: 'reference-material-self-insurance',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/reference-material-self-insurance',
relative: '/reference-material-self-insurance',
weight: '1',
expanded: false,
enabled: true,
uuid: '75b52090-178c-41be-befb-d0a0c7d98f9e'
},
{
key: 'c6b452ba-55eb-474c-bcf1-5d876921cad0',
title: 'Self-insurance performance system',
description: null,
uri: 'node/496',
alias: 'self-insurance-performance-system',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/self-insurance-performance-system',
relative: '/self-insurance-performance-system',
weight: '2',
expanded: false,
enabled: true,
uuid: '981c6a50-087b-437c-ba26-048baaee95de'
}
]
}
]
},
{
key: '600d1a56-6265-455a-995b-8c6757aa2beb',
title: 'Claims',
description: null,
uri: 'node/71',
alias: 'claims',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/claims',
relative: '/claims',
weight: '-53',
expanded: false,
enabled: true,
uuid: '1a11b92b-b971-4e8d-8e97-0886931da223',
below: [
{
key: 'a35ca695-c99a-41e0-b2da-6b7559b0a106',
title: 'For ill or injured workers',
description: null,
uri: 'node/581',
alias: 'ill-or-injured-workers',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/ill-or-injured-workers',
relative: '/ill-or-injured-workers',
weight: '0',
expanded: false,
enabled: true,
uuid: '639da0a9-9af8-4432-ba64-cf5d6adad540',
below: [
{
key: 'fe1f3a11-fdbb-4c19-9ba1-a0b63cc23b48',
title: 'How to make a claim ',
description: null,
uri: '',
alias: '',
external: false,
absolute: '',
relative: '',
weight: '0',
expanded: false,
enabled: true,
uuid: ''
},
{
key: '66902cfa-fe33-44e0-b409-5c1bd47bbcdd',
title: 'Financial support through injury or illness',
description: null,
uri: 'node/591',
alias: 'financial-support-through-injury-or-illness',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/financial-support-through-injury-or-illness',
relative: '/financial-support-through-injury-or-illness',
weight: '1',
expanded: false,
enabled: true,
uuid: '99b76150-79ed-47fc-a20e-463341861a5c'
},
{
key: 'b4d25632-462f-4b75-bb48-a22d55fb1277',
title: 'Weekly payments and work capacity',
description: null,
uri: 'node/626',
alias: 'weekly-payments-and-work-capacity',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/weekly-payments-and-work-capacity',
relative: '/weekly-payments-and-work-capacity',
weight: '2',
expanded: false,
enabled: true,
uuid: 'cc0493ba-8be8-4382-84df-594eff6f020d'
},
{
key: '791bf397-1b5e-4e40-a402-4e5a9e8b845a',
title: 'Compensation for treatment',
description: null,
uri: 'node/631',
alias: 'compensation-treatment',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/compensation-treatment',
relative: '/compensation-treatment',
weight: '3',
expanded: false,
enabled: true,
uuid: 'f6598073-b1e4-43a2-9097-d42a30750a75'
}
]
},
{
key: '1dd96c20-2ae2-4674-8a59-d3f9fb21dc4f',
title: 'For employers',
description: null,
uri: 'node/586',
alias: 'employers',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/employers',
relative: '/employers',
weight: '1',
expanded: false,
enabled: true,
uuid: 'b5812faf-90be-46a5-b786-12c0007604e0',
below: [
{
key: '5f05c28c-c3dc-4c2a-a81e-82997e39080c',
title: 'My employee has a work-related injury or illness',
description: null,
uri: 'node/596',
alias: 'my-employee-has-work-related-injury-or-illness',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/my-employee-has-work-related-injury-or-illness',
relative: '/my-employee-has-work-related-injury-or-illness',
weight: '0',
expanded: false,
enabled: true,
uuid: 'd93c7e5b-5910-4bf1-9d44-c2086af28f93'
},
{
key: '808bd8ca-85d6-4faa-ba28-07ef2f901faf',
title: 'The claims process',
description: null,
uri: 'node/611',
alias: 'claims-process',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/claims-process',
relative: '/claims-process',
weight: '1',
expanded: false,
enabled: true,
uuid: 'bf1a5150-d23f-4b39-a241-28c988ed5b3d'
},
{
key: 'e9bdc11f-4780-4a98-8388-ac6d9c00a119',
title: 'Payments to your ill or injured employee',
description: null,
uri: 'node/616',
alias: 'payments-your-ill-or-injured-employee',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/payments-your-ill-or-injured-employee',
relative: '/payments-your-ill-or-injured-employee',
weight: '2',
expanded: false,
enabled: true,
uuid: 'd7ab2687-3189-4ffe-be99-b75553f7ea3f'
},
{
key: '762fd02c-49e5-4337-9909-f237bc53d2c2',
title: 'Planning return to work',
description: null,
uri: 'node/621',
alias: 'planning-return-work',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/planning-return-work',
relative: '/planning-return-work',
weight: '3',
expanded: false,
enabled: true,
uuid: '7cc17f3c-ac50-434d-b4e5-3fb91f6c06a4'
}
]
}
]
},
{
key: 'ac3d3d25-b2bf-4ce5-aae4-2b9f04d1a937',
title: 'Licences',
description: null,
uri: 'node/171',
alias: 'licences',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/licences',
relative: '/licences',
weight: '-52',
expanded: false,
enabled: true,
uuid: 'b8cb470d-d3b9-4d80-a293-9d2f842476ba',
below: [
{
key: '471bd58f-4316-4be7-8c80-10bb12c7f118',
title: 'Get a licence',
description: null,
uri: 'node/636',
alias: 'get-licence',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/get-licence',
relative: '/get-licence',
weight: '0',
expanded: false,
enabled: true,
uuid: 'd18c2c0d-1b80-492f-8e92-54d2f5fe8d9a',
below: [
{
key: '4d041dd5-8f47-4320-8003-7791b5b09d3c',
title: 'Do you need a licence?',
description: null,
uri: 'node/651',
alias: 'do-you-need-licence',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/do-you-need-licence',
relative: '/do-you-need-licence',
weight: '0',
expanded: false,
enabled: true,
uuid: 'fb2322e6-31a7-44d5-aa0c-54442f1fe39b'
},
{
key: 'e9079894-111c-40e4-9b6f-198ca78dfc37',
title: 'How to register for a licence',
description: null,
uri: 'node/656',
alias: 'how-register-licence',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/how-register-licence',
relative: '/how-register-licence',
weight: '1',
expanded: false,
enabled: true,
uuid: 'f005e484-ba19-418d-870e-448f71107ac5'
}
]
},
{
key: 'f50ffd7b-dca9-4858-83f1-4b448a31e1fe',
title: 'Suspend or cancel a licence',
description: null,
uri: 'node/641',
alias: 'suspend-or-cancel-licence',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/suspend-or-cancel-licence',
relative: '/suspend-or-cancel-licence',
weight: '1',
expanded: false,
enabled: true,
uuid: 'a8cefee2-ad10-45ef-8ae2-fd6286100703'
},
{
key: '514961e3-ac23-4930-a5dc-e70eee9cce05',
title: 'Licence fees',
description: null,
uri: 'node/646',
alias: 'licence-fees',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/licence-fees',
relative: '/licence-fees',
weight: '2',
expanded: false,
enabled: true,
uuid: '425700fe-6c32-471e-85e3-bf6decb5c186'
}
]
},
{
key: 'dd150f67-3748-49ed-8233-13984496732c',
title: 'Return to work',
description: null,
uri: 'node/26',
alias: 'return-work',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/return-work',
relative: '/return-work',
weight: '-51',
expanded: false,
enabled: true,
uuid: '4248227d-0aec-4f70-a012-9d383b283ca2',
below: [
{
key: 'fc82d8cd-5f31-4b2b-87e2-d6fc1d296610',
title: 'I\'m returning to work',
description: null,
uri: 'node/666',
alias: 'im-returning-work',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/im-returning-work',
relative: '/im-returning-work',
weight: '-54',
expanded: false,
enabled: true,
uuid: '7f817006-000a-4b74-b946-0521cdf2de1c',
below: [
{
key: '7957feb9-a8d8-46db-8635-b6804be859ac',
title: 'The benefits of returning to work',
description: null,
uri: 'node/701',
alias: 'benefits-returning-work',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/benefits-returning-work',
relative: '/benefits-returning-work',
weight: '0',
expanded: false,
enabled: true,
uuid: '152fbb8c-7efe-4121-9b24-d90c61e4db41'
},
{
key: '0b4fc3a4-7a64-4271-9465-c4d1739ac886',
title: 'How to recover financially, emotionally and physically',
description: null,
uri: 'node/706',
alias: 'how-recover-financially-emotionally-and-physically',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/how-recover-financially-emotionally-and-physically',
relative: '/how-recover-financially-emotionally-and-physically',
weight: '1',
expanded: false,
enabled: true,
uuid: 'd004e058-d112-4eba-9b8b-c8a23a597959'
},
{
key: 'b37a657b-6ebc-4bf2-87a8-5085aecaf971',
title: 'Planning how you\'ll get back to work',
description: null,
uri: 'node/711',
alias: 'planning-how-youll-get-back-work',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/planning-how-youll-get-back-work',
relative: '/planning-how-youll-get-back-work',
weight: '2',
expanded: false,
enabled: true,
uuid: '5fdbe1b5-99e0-48c9-aeb2-2e488dac7a9f'
},
{
key: '8d6ab393-2a3c-414e-9fb4-de8e2c10b2b0',
title: 'Retraining after an injury',
description: null,
uri: 'node/716',
alias: 'retraining-after-injury',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/retraining-after-injury',
relative: '/retraining-after-injury',
weight: '3',
expanded: false,
enabled: true,
uuid: '75cf348d-185c-4526-ba05-6cad702ada55'
},
{
key: '10672329-0f52-4e53-acac-b3ca63a93172',
title: 'Find an injury-support provider',
description: null,
uri: 'node/721',
alias: 'find-injury-support-provider',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/find-injury-support-provider',
relative: '/find-injury-support-provider',
weight: '4',
expanded: false,
enabled: true,
uuid: '208cfa03-3e92-4807-97c1-e6f1304ce766'
}
]
},
{
key: '120f760f-697c-4e44-bdad-0c28f20ebe5a',
title: 'I\'m supporting someone return to work',
description: null,
uri: 'node/661',
alias: 'im-supporting-someone-return-work',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/im-supporting-someone-return-work',
relative: '/im-supporting-someone-return-work',
weight: '-54',
expanded: false,
enabled: true,
uuid: 'd47ff78e-e2ce-4160-9cc4-8a4cc95e3abe',
below: [
{
key: '07b539c4-e1bb-460e-af5e-c11fd8afdebd',
title: 'Helping someone return to work',
description: null,
uri: 'node/681',
alias: 'helping-someone-return-work',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/helping-someone-return-work',
relative: '/helping-someone-return-work',
weight: '0',
expanded: false,
enabled: true,
uuid: '6f22ad81-ed74-46f7-80c5-f6799c85b911'
},
{
key: 'fc3a3c5e-e137-4510-9fec-6b600f0c1f5a',
title: 'Information for return to work coordinators',
description: null,
uri: 'node/686',
alias: 'information-return-work-coordinators',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/information-return-work-coordinators',
relative: '/information-return-work-coordinators',
weight: '1',
expanded: false,
enabled: true,
uuid: '91eefb7d-bd06-4599-ba01-e39756edbab5'
},
{
key: '4f1690f6-baf4-4192-8617-f4862dcd2b37',
title: 'Information for Occupational Rehabilitation Providers',
description: null,
uri: 'node/691',
alias: 'information-occupational-rehabilitation-providers',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/information-occupational-rehabilitation-providers',
relative: '/information-occupational-rehabilitation-providers',
weight: '2',
expanded: false,
enabled: true,
uuid: '40c5fccb-d1bd-4f71-865e-96877f0dd682'
},
{
key: '106cadea-90e1-4051-96a8-7abd589514dd',
title: 'Information for General Practitioners',
description: null,
uri: 'node/696',
alias: 'information-general-practitioners',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/information-general-practitioners',
relative: '/information-general-practitioners',
weight: '3',
expanded: false,
enabled: true,
uuid: '52a116b5-e3b5-49bc-8ff0-885d9427a5ae'
}
]
},
{
key: 'f5f3f90d-33c0-458e-ba91-fa20ce7f3876',
title: 'Resolving return to work issues',
description: null,
uri: 'node/671',
alias: 'resolving-return-work-issues',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/resolving-return-work-issues',
relative: '/resolving-return-work-issues',
weight: '-54',
expanded: false,
enabled: true,
uuid: '2f8891b6-c2a5-4990-968a-34675c6a5fa5'
},
{
key: '7cb21f1c-d0fa-40af-9c8d-4d2b2198194a',
title: 'Return to work inspectors',
description: null,
uri: 'node/676',
alias: 'return-work-inspectors',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/return-work-inspectors',
relative: '/return-work-inspectors',
weight: '3',
expanded: false,
enabled: true,
uuid: '52cf8388-2a80-49bc-b21e-afd2f96a1827'
}
]
},
{
key: 'dc4b2f75-6cfb-462b-87ff-8cdd183ff65f',
title: 'Create a safe workplace',
description: null,
uri: 'node/726',
alias: 'create-safe-workplace',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/create-safe-workplace',
relative: '/create-safe-workplace',
weight: '-50',
expanded: false,
enabled: true,
uuid: '8f1b22c6-76f7-40c8-ab3e-9877fa5b8d82'
}
]
const smallMenu = [
{
key: 'b14498d5-f5fc-4637-9c6c-dc070243ed4f',
title: 'Insurance',
description: null,
uri: 'node/46',
alias: 'insurance',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/insurance',
relative: '/insurance',
weight: '-54',
expanded: false,
enabled: true,
uuid: '98f04053-0d21-4d47-9f38-c4d577bc44c8'
},
{
key: '600d1a56-6265-455a-995b-8c6757aa2beb',
title: 'Claims',
description: null,
uri: 'node/71',
alias: 'claims',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/claims',
relative: '/claims',
weight: '-53',
expanded: false,
enabled: true,
uuid: '1a11b92b-b971-4e8d-8e97-0886931da223'
},
{
key: 'ac3d3d25-b2bf-4ce5-aae4-2b9f04d1a937',
title: 'Licences',
description: null,
uri: 'node/171',
alias: 'licences',
external: false,
absolute: 'https: //staging.wsvdigital.com.au/licences',
relative: '/licences',
weight: '-52',
expanded: false,
enabled: true,
uuid: 'b8cb470d-d3b9-4d80-a293-9d2f842476ba'
}
]
storiesOf('Components/Global/AppNavigation', module)
.addDecorator(withReadme(readme))
.add('story as a component', () => ({
.add('with submenu', () => ({
components: { AppNavigation },
template: '<app-navigation :menu="menu"></app-navigation>',
template: '<app-navigation :menu="bigMenu"></app-navigation>',
data () {
return {
menu
bigMenu
}
}
}))
.add('without submenu', () => ({
components: { AppNavigation },
template: '<app-navigation :menu="smallMenu"></app-navigation>',
data () {
return {
smallMenu
}
}
}))

@@ -80,23 +80,31 @@ import { storiesOf } from '@storybook/vue'

components: { Card },
template: '<card></card>'
template: '<card uri="/" text="Card title text"></card>'
}))
.add('Custom text', () => ({
components: { Card },
template: '<card text="Anxiety and depression"></card>'
template: '<card uri="#" text="Anxiety and depression"></card>'
}))
.add('Alternate theme', () => ({
components: { Card },
template: '<card text="Assess mental health and wellbeing in your workplace" alt="false"></card>'
template: '<card uri="#" text="Assess mental health and wellbeing in your workplace" :alt="false"></card>'
}))
.add('White theme', () => ({
components: { Card },
template: '<card text="Anxiety and depression" white="true" description="A new tool for employers to help improve mental health and wellbeing in the workplace" newItem=false ></card>'
template: '<card uri="#" text="Anxiety and depression" :white="true" description="A new tool for employers to help improve mental health and wellbeing in the workplace" :newItem="false" ></card>'
}))
.add('Placeholder theme', () => ({
components: { Card },
template: '<card uri="/" text="Card title text" :placeholder="true"></card>'
}))
.add('Placeholder First theme', () => ({
components: { Card },
template: '<card uri="/" text="Card title text" :placeholder_first="true"></card>'
}))
.add('Background Image', () => ({
components: { Card },
template: '<card text="Assess mental health and wellbeing in your workplace" image="https://picsum.photos/654/344"></card>'
template: '<card uri="#" text="Assess mental health and wellbeing in your workplace" image="https://picsum.photos/654/344"></card>'
}))
.add('Status: new', () => ({
components: { Card },
template: '<card text="Assess mental health and wellbeing in your workplace" :viewed="false" :steps="cardSteps0"></card>',
template: '<card uri="#" :white="true" text="Assess mental health and wellbeing in your workplace" :viewed="false" :steps="cardSteps0"></card>',
data () {

@@ -110,3 +118,3 @@ return {

components: { Card },
template: '<card text="Assess mental health and wellbeing in your workplace" :viewed="true" :steps="cardSteps25"></card>',
template: '<card uri="#" :white="true" text="Assess mental health and wellbeing in your workplace" :viewed="true" :steps="cardSteps25"></card>',
data () {

@@ -120,3 +128,3 @@ return {

components: { Card },
template: '<card text="Assess mental health and wellbeing in your workplace" :viewed="true" :steps="cardSteps50"></card>',
template: '<card uri="#" :white="true" text="Assess mental health and wellbeing in your workplace" :viewed="true" :steps="cardSteps50"></card>',
data () {

@@ -130,3 +138,3 @@ return {

components: { Card },
template: '<card text="Assess mental health and wellbeing in your workplace" :viewed="true" :steps="cardSteps75"></card>',
template: '<card uri="#" :white="true" text="Assess mental health and wellbeing in your workplace" :viewed="true" :steps="cardSteps75"></card>',
data () {

@@ -140,3 +148,3 @@ return {

components: { Card },
template: '<card text="Assess mental health and wellbeing in your workplace" :done="true"></card>'
template: '<card uri="#" :white="true" text="Assess mental health and wellbeing in your workplace" :done="true"></card>'
}))

@@ -8,8 +8,18 @@ import { storiesOf } from '@storybook/vue'

const cards = [
{text: 'Here\'s a card'},
{text: 'How about a second card'},
{text: 'Third card\'s a charm'},
{
text: 'Here\'s a card',
uri: '/about'
},
{
text: 'How about a second card',
uri: '/about'
},
{
text: 'Third card\'s a charm',
uri: '/about'
},
{
text: 'Four cards go big or go home',
image: 'https://picsum.photos/654/345'
image: 'https://picsum.photos/654/345',
uri: '/about'
}

@@ -16,0 +26,0 @@ ]

@@ -13,3 +13,3 @@ import { storiesOf } from '@storybook/vue'

components: { Icon },
template: '<icon :glyph="logo"></card-list>',
template: '<icon :glyph="logo"></icon>',
data () {

@@ -16,0 +16,0 @@ return {

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

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

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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc