@worksafevictoria/wcl7.5 1.17.0-beta.1 → 1.17.0-beta.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/assets/icons/chevron-right-icon.svg +14 -0
- package/src/assets/icons/notepad.svg +93 -0
- package/src/assets/icons/question.svg +7 -0
- package/src/components/Common/CardGrid/index.vue +83 -74
- package/src/components/Common/CardGridItem/index.vue +31 -4
- package/src/components/Containers/Carousel/index.vue +6 -0
- package/src/components/Containers/SectionGroup/index.stories.js +28 -27
- package/src/components/Containers/SectionGroup/index.vue +6 -0
- package/src/components/Global/AppHeaderNew/index.vue +9 -1
- package/src/components/Global/AppHeaderNew/mobile.scss +5 -2
- package/src/components/Global/AppHeaderNew/styles.scss +6 -5
- package/src/components/Global/HeroHeader/index.vue +74 -57
- package/src/components/Paragraphs/Calculator/CardContainer/index.vue +68 -60
- package/src/components/Paragraphs/Calculator/index.vue +24 -22
- package/src/components/Paragraphs/RTWPlanner/CardContainer/index.vue +133 -0
- package/src/components/Paragraphs/RTWPlanner/Constants.js +433 -0
- package/src/components/Paragraphs/RTWPlanner/Footer/index.vue +32 -0
- package/src/components/Paragraphs/RTWPlanner/{NavBar → Header}/index.vue +20 -9
- package/src/components/Paragraphs/RTWPlanner/HomePage/index.vue +72 -0
- package/src/components/Paragraphs/RTWPlanner/Injuries/index.vue +220 -0
- package/src/components/Paragraphs/RTWPlanner/index.stories.js +79 -15
- package/src/components/Paragraphs/RTWPlanner/index.vue +99 -31
- package/src/components/Paragraphs/SelectableCards/Control/index.stories.js +31 -11
- package/src/components/Paragraphs/SelectableCards/cardbody.vue +9 -10
- package/src/components/Paragraphs/SelectableCards/cardtop.vue +23 -16
- package/src/components/Paragraphs/SelectableCards/index.stories.js +29 -8
- package/src/components/Paragraphs/SelectableCards/index.vue +124 -50
- package/src/components/Paragraphs/TextMedia/index.vue +4 -0
- package/src/components/Paragraphs/VideoPlayer/index.vue +1 -1
- package/src/components/SubComponents/Breadcrumb/index.vue +40 -7
- package/src/components/SubComponents/FormInstance/services/logic-parser.js +44 -12
- package/src/components/SubComponents/ResourceGroup/index.vue +1 -1
- package/src/includes/scss/vars/src/colors.module.scss +3 -0
- package/src/includes/scss/vars/src/colors.scss +3 -0
- package/src/mock/control-selectable-cards.js +68 -25
- package/src/components/Paragraphs/RTWPlanner/Home/index.vue +0 -83
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div>
|
|
3
|
-
<TextMedia
|
|
4
|
-
:media-type="'image'"
|
|
5
|
-
:title-text="textMedia.title"
|
|
6
|
-
:title-tag="textMedia.titleTag"
|
|
7
|
-
:content="textMedia.content"
|
|
8
|
-
:image="textMedia.image"
|
|
9
|
-
:rtl="textMedia.rtl"
|
|
10
|
-
/>
|
|
11
|
-
|
|
12
|
-
<Container fluid class="my-4">
|
|
13
|
-
<h2>Select your injury</h2>
|
|
14
|
-
|
|
15
|
-
<TextMedia
|
|
16
|
-
:media-type="'icon'"
|
|
17
|
-
:title-text="'Physical injuries'"
|
|
18
|
-
:content="`<p>
|
|
19
|
-
Physical injuries include anything that occurs to an employees body.
|
|
20
|
-
This tool supports employers to manage the return to work process
|
|
21
|
-
for non-complex physical injuries only.
|
|
22
|
-
</p><p><a href="#" class="cta-button">Continue to planner</a></p>`"
|
|
23
|
-
:glyph="PhysicalInjury"
|
|
24
|
-
:icon-alt="'PhysicalInjury icon'"
|
|
25
|
-
:glyph-height="60"
|
|
26
|
-
:glyph-width="60"
|
|
27
|
-
/>
|
|
28
|
-
|
|
29
|
-
<TextMedia
|
|
30
|
-
:media-type="'icon'"
|
|
31
|
-
:title-text="'Mental injuries'"
|
|
32
|
-
:content="`<p>
|
|
33
|
-
Mental injuries are complex and require tailored information for
|
|
34
|
-
employers to support injured workers with their return to work. This
|
|
35
|
-
tool does not currently give guidance for mental injuries.
|
|
36
|
-
</p><p><a href="#" class="cta-button white">Continue to planner</a></p>`"
|
|
37
|
-
:glyph="MentalInjury"
|
|
38
|
-
:icon-alt="'MentalInjury icon'"
|
|
39
|
-
:glyph-height="60"
|
|
40
|
-
:glyph-width="60"
|
|
41
|
-
/>
|
|
42
|
-
|
|
43
|
-
<TextMedia
|
|
44
|
-
:media-type="'icon'"
|
|
45
|
-
:title-text="'Other'"
|
|
46
|
-
:content="`<p>
|
|
47
|
-
If you are unsure about the injury type of your employee, gaining
|
|
48
|
-
additional support, reach out to your agent to get more information.
|
|
49
|
-
</p><p><a href="#" class="cta-button white">More information</a></p>`"
|
|
50
|
-
:glyph="OtherInjury"
|
|
51
|
-
:icon-alt="'Other icon'"
|
|
52
|
-
:glyph-height="60"
|
|
53
|
-
:glyph-width="60"
|
|
54
|
-
/>
|
|
55
|
-
</Container>
|
|
56
|
-
</div>
|
|
57
|
-
</template>
|
|
58
|
-
|
|
59
|
-
<script setup>
|
|
60
|
-
import { defineProps } from 'vue'
|
|
61
|
-
|
|
62
|
-
import Container from './../../../Containers/Container/index.vue'
|
|
63
|
-
import TextMedia from './../../TextMedia/index.vue'
|
|
64
|
-
import PhysicalInjury from './../../../../assets/icons/Physical-injury.svg?url'
|
|
65
|
-
import MentalInjury from './../../../../assets/icons/Mental-injury.svg?url'
|
|
66
|
-
import OtherInjury from './../../../../assets/icons/other.svg?url'
|
|
67
|
-
const emit = defineEmits(['newPlan'])
|
|
68
|
-
|
|
69
|
-
const props = defineProps({
|
|
70
|
-
textMedia: {
|
|
71
|
-
type: Object,
|
|
72
|
-
required: true,
|
|
73
|
-
},
|
|
74
|
-
})
|
|
75
|
-
</script>
|
|
76
|
-
|
|
77
|
-
<style scoped>
|
|
78
|
-
.lightgrey-bg {
|
|
79
|
-
border-radius: 12px;
|
|
80
|
-
border: 4px solid #727272;
|
|
81
|
-
background: #f5f5f5;
|
|
82
|
-
}
|
|
83
|
-
</style>
|