@worksafevictoria/wcl7.5 1.8.0-beta.9 → 1.9.0-beta.1
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/lib/utility.js +0 -2
- package/package.json +1 -1
- package/src/components/Common/CardGrid/index.vue +0 -3
- package/src/components/Common/CardGridItem/index.vue +0 -4
- package/src/components/Containers/Subheader/index.vue +19 -25
- package/src/components/Paragraphs/Directory/Asbestos/Records/SingleRecord/index.stories.js +1 -1
- package/src/components/Paragraphs/Directory/Asbestos/Records/SingleRecord/index.vue +10 -10
- package/src/components/Paragraphs/Directory/Asbestos/Records/index.vue +15 -7
- package/src/components/Paragraphs/Directory/HSCP/Records/index.vue +7 -4
- package/src/components/Paragraphs/Map/index.vue +3 -1
- package/src/components/Paragraphs/ScrollSpy/index.stories.js +23 -25
- package/src/components/Paragraphs/ScrollSpy/index.vue +33 -40
- package/src/components/SubComponents/ResourceGroup/index.vue +2 -1
- package/src/components/SubComponents/Search/SearchListing/index.vue +0 -2
- package/src/components/SubComponents/Search/index.vue +0 -2
- package/src/mock/asbestos-removalists.js +11 -11
- package/src/mock/course-provider.js +2 -2
- package/src/components/Paragraphs/Map/postcode_location.json +0 -3543
package/lib/utility.js
CHANGED
|
@@ -35,8 +35,6 @@ function isGovSite(url) {
|
|
|
35
35
|
}
|
|
36
36
|
|
|
37
37
|
function navigateToPath(path, newTab, nuxtRouter) {
|
|
38
|
-
debugger
|
|
39
|
-
|
|
40
38
|
const url = String(path).startsWith('www.') ? `http://${path}` : path
|
|
41
39
|
const isAbsolute = isAbsoluteUrl(url)
|
|
42
40
|
const router = nuxtRouter ? nuxtRouter : this.$router
|
package/package.json
CHANGED
|
@@ -227,7 +227,6 @@ export default {
|
|
|
227
227
|
},
|
|
228
228
|
methods: {
|
|
229
229
|
cardTitleSelected(selectedCard, ev) {
|
|
230
|
-
debugger;
|
|
231
230
|
this.clearCards();
|
|
232
231
|
selectedCard.selected = !!!selectedCard.selected;
|
|
233
232
|
const selectedCardModelIndex = this.getChildIndex(selectedCard);
|
|
@@ -239,8 +238,6 @@ export default {
|
|
|
239
238
|
});
|
|
240
239
|
},
|
|
241
240
|
cardSelected(selectedCard, ev) {
|
|
242
|
-
debugger;
|
|
243
|
-
console.log("cardSelected selectedCard :- ", selectedCard);
|
|
244
241
|
this.clearCards();
|
|
245
242
|
selectedCard.selected = !!!selectedCard.selected;
|
|
246
243
|
const selectedCardModelIndex = this.getChildIndex(selectedCard);
|
|
@@ -126,7 +126,6 @@
|
|
|
126
126
|
}"
|
|
127
127
|
>
|
|
128
128
|
<div
|
|
129
|
-
v-if="$slots.cardDescription || description"
|
|
130
129
|
class="card-grid-item__description"
|
|
131
130
|
:class="{
|
|
132
131
|
[descriptionClass]: !!descriptionClass,
|
|
@@ -402,8 +401,6 @@ export default {
|
|
|
402
401
|
},
|
|
403
402
|
methods: {
|
|
404
403
|
cardClicked(ev) {
|
|
405
|
-
debugger;
|
|
406
|
-
|
|
407
404
|
if (this.isSelectable) {
|
|
408
405
|
this.parentGrid.cardSelected(this, ev);
|
|
409
406
|
}
|
|
@@ -413,7 +410,6 @@ export default {
|
|
|
413
410
|
}
|
|
414
411
|
},
|
|
415
412
|
cardTitleClicked(ev) {
|
|
416
|
-
debugger;
|
|
417
413
|
if (this.isCardTitleSelectable) {
|
|
418
414
|
this.parentGrid.cardTitleSelected(this, ev);
|
|
419
415
|
}
|
|
@@ -11,12 +11,11 @@
|
|
|
11
11
|
:is-selectable="true"
|
|
12
12
|
:row-spacing="isSingleColumn && !singleLineCards ? 'large' : 'small'"
|
|
13
13
|
@selected="selectedCard"
|
|
14
|
-
@gridColumnSize="
|
|
15
|
-
(gridColumnSize) => (isSingleColumn = gridColumnSize === 1)
|
|
16
|
-
"
|
|
14
|
+
@gridColumnSize="(gridColumnSize) => (isSingleColumn = gridColumnSize === 1)"
|
|
17
15
|
>
|
|
18
16
|
<template v-slot:cardItem="{ card }">
|
|
19
17
|
<card-grid-item
|
|
18
|
+
v-if="card.description"
|
|
20
19
|
:show-divider="!singleLineCards"
|
|
21
20
|
:card-header-title="singleLineCards ? null : card.title"
|
|
22
21
|
:header-size="card.titleSize"
|
|
@@ -38,10 +37,7 @@
|
|
|
38
37
|
[`w-100 text-left`]: alignLeft,
|
|
39
38
|
}"
|
|
40
39
|
>
|
|
41
|
-
<strong
|
|
42
|
-
v-if="singleLineCards && card.title"
|
|
43
|
-
v-html="card.title + ': '"
|
|
44
|
-
>
|
|
40
|
+
<strong v-if="singleLineCards && card.title" v-html="card.title + ': '">
|
|
45
41
|
</strong>
|
|
46
42
|
<span v-html="card.description"></span>
|
|
47
43
|
</div>
|
|
@@ -51,12 +47,12 @@
|
|
|
51
47
|
</card-grid>
|
|
52
48
|
</template>
|
|
53
49
|
<script>
|
|
54
|
-
import { navigateToPath, isGovSite } from
|
|
55
|
-
import CardGrid from
|
|
56
|
-
import CardGridItem from
|
|
50
|
+
import { navigateToPath, isGovSite } from "../../../../lib/utility";
|
|
51
|
+
import CardGrid from "../../Common/CardGrid/index.vue";
|
|
52
|
+
import CardGridItem from "../../Common/CardGridItem/index.vue";
|
|
57
53
|
|
|
58
54
|
export default {
|
|
59
|
-
name:
|
|
55
|
+
name: "Subheader",
|
|
60
56
|
components: { CardGrid, CardGridItem },
|
|
61
57
|
props: {
|
|
62
58
|
itemList: {
|
|
@@ -72,11 +68,11 @@ export default {
|
|
|
72
68
|
},
|
|
73
69
|
background: {
|
|
74
70
|
type: String,
|
|
75
|
-
default:
|
|
71
|
+
default: "none",
|
|
76
72
|
},
|
|
77
73
|
heading: {
|
|
78
74
|
type: String,
|
|
79
|
-
default:
|
|
75
|
+
default: "",
|
|
80
76
|
},
|
|
81
77
|
alignLeft: {
|
|
82
78
|
type: Boolean,
|
|
@@ -91,48 +87,46 @@ export default {
|
|
|
91
87
|
},
|
|
92
88
|
type: {
|
|
93
89
|
type: String,
|
|
94
|
-
default:
|
|
90
|
+
default: "",
|
|
95
91
|
},
|
|
96
92
|
},
|
|
97
93
|
data() {
|
|
98
94
|
return {
|
|
99
95
|
isSingleColumn: false,
|
|
100
|
-
}
|
|
96
|
+
};
|
|
101
97
|
},
|
|
102
98
|
methods: {
|
|
103
99
|
selectedCard(card) {
|
|
104
100
|
// Some custom logic for gov caretaker logic
|
|
105
101
|
if (
|
|
106
|
-
(this.$config
|
|
107
|
-
? this.$config.public.caretaker
|
|
108
|
-
: process.env.CARETAKER) === 'true'
|
|
102
|
+
(this.$config ? this.$config.public.caretaker : process.env.CARETAKER) === "true"
|
|
109
103
|
) {
|
|
110
104
|
if (!isGovSite(card?.selectedCard?.linkHref)) {
|
|
111
105
|
// this.$store.commit('page/SET_CARETAKER_REF', 'subheader')
|
|
112
106
|
// this.$root.$emit('caretaker-open', card?.selectedCard?.linkHref)
|
|
113
107
|
if (this.$pageStore) {
|
|
114
|
-
this.$pageStore.caretaker.referrer =
|
|
108
|
+
this.$pageStore.caretaker.referrer = "subheader";
|
|
115
109
|
}
|
|
116
110
|
if (this.$bus) {
|
|
117
|
-
this.$bus.$emit(
|
|
111
|
+
this.$bus.$emit("caretaker-open", card?.selectedCard?.linkHref);
|
|
118
112
|
}
|
|
119
113
|
} else {
|
|
120
114
|
navigateToPath.call(
|
|
121
115
|
this,
|
|
122
116
|
card?.selectedCard?.linkHref,
|
|
123
|
-
card?.ev?.ctrlKey === true || card?.ev?.metaKey === true
|
|
124
|
-
)
|
|
117
|
+
card?.ev?.ctrlKey === true || card?.ev?.metaKey === true
|
|
118
|
+
);
|
|
125
119
|
}
|
|
126
120
|
} else {
|
|
127
121
|
navigateToPath.call(
|
|
128
122
|
this,
|
|
129
123
|
card?.selectedCard?.linkHref,
|
|
130
|
-
card?.ev?.ctrlKey === true || card?.ev?.metaKey === true
|
|
131
|
-
)
|
|
124
|
+
card?.ev?.ctrlKey === true || card?.ev?.metaKey === true
|
|
125
|
+
);
|
|
132
126
|
}
|
|
133
127
|
},
|
|
134
128
|
},
|
|
135
|
-
}
|
|
129
|
+
};
|
|
136
130
|
</script>
|
|
137
131
|
<style lang="scss" scoped>
|
|
138
132
|
.subheader {
|
|
@@ -3,7 +3,7 @@ import arRecord from './index.vue'
|
|
|
3
3
|
const arData =
|
|
4
4
|
{
|
|
5
5
|
title: 'Ventia Utility Services Pty Limited',
|
|
6
|
-
fullAddress: '
|
|
6
|
+
fullAddress: 'MITCHAM VIC 3132',
|
|
7
7
|
workPhone: '0438531164',
|
|
8
8
|
mobilePhone: '0438531164',
|
|
9
9
|
email: 'daniel.dehaan@ventia.com',
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
</a>
|
|
10
10
|
</column>
|
|
11
11
|
<column md="2" sm="12" class="address" >
|
|
12
|
-
<div class="label">
|
|
12
|
+
<div class="label">Location</div>
|
|
13
13
|
<a v-if="item.fullAddress" target="_blank" :href="gMapLink"><span class="sr-only visually-hidden">Address</span>
|
|
14
14
|
{{ item.fullAddress }}
|
|
15
15
|
</a>
|
|
@@ -65,34 +65,34 @@
|
|
|
65
65
|
</column>
|
|
66
66
|
</row>
|
|
67
67
|
<row v-if="item.contact1 !== ''">
|
|
68
|
-
<column sm="2" class="label"
|
|
68
|
+
<column sm="2" class="label" >
|
|
69
69
|
Contact
|
|
70
70
|
</column>
|
|
71
|
-
<column sm="4" class="dir-additional-records"
|
|
71
|
+
<column sm="4" class="dir-additional-records">
|
|
72
72
|
{{item.contact1}}
|
|
73
73
|
</column>
|
|
74
74
|
</row>
|
|
75
75
|
<row v-if="item.phone1 !== ''">
|
|
76
|
-
<column sm="2" class="label"
|
|
76
|
+
<column sm="2" class="label" >
|
|
77
77
|
Phone
|
|
78
78
|
</column>
|
|
79
|
-
<column sm="4" class="dir-additional-records"
|
|
79
|
+
<column sm="4" class="dir-additional-records" >
|
|
80
80
|
{{item.phone1}}
|
|
81
81
|
</column>
|
|
82
82
|
</row>
|
|
83
83
|
<row v-if="item.mobile1 !== ''">
|
|
84
|
-
<column sm="2" class="label"
|
|
84
|
+
<column sm="2" class="label" >
|
|
85
85
|
Mobile
|
|
86
86
|
</column>
|
|
87
|
-
<column sm="4" class="dir-additional-records"
|
|
87
|
+
<column sm="4" class="dir-additional-records" >
|
|
88
88
|
{{item.mobile1}}
|
|
89
89
|
</column>
|
|
90
90
|
</row>
|
|
91
91
|
<row v-if="item.email1 !== ''">
|
|
92
|
-
<column sm="2" class="label"
|
|
92
|
+
<column sm="2" class="label" >
|
|
93
93
|
Email
|
|
94
94
|
</column>
|
|
95
|
-
<column sm="4" class="dir-additional-records"
|
|
95
|
+
<column sm="4" class="dir-additional-records">
|
|
96
96
|
{{item.email1}}
|
|
97
97
|
</column>
|
|
98
98
|
</row>
|
|
@@ -145,7 +145,7 @@ export default {
|
|
|
145
145
|
},
|
|
146
146
|
computed: {
|
|
147
147
|
gMapLink() {
|
|
148
|
-
return `https://google.com/maps?q=${this.item.
|
|
148
|
+
return `https://google.com/maps?q=${this.item.fullAddress}`
|
|
149
149
|
},
|
|
150
150
|
validContacts() {
|
|
151
151
|
if (this.item.contact1 === '' && this.item.phone1 === '' && this.item.email1 === '' && this.item.mobile1 === '') {
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
<label class="visually-hidden" for="search-directory">
|
|
14
14
|
Search by suburb (typed suburb automatically filters below results)
|
|
15
15
|
</label>
|
|
16
|
-
<input type="text" v-model="searchSub" placeholder="
|
|
16
|
+
<input type="text" v-model="searchSub" placeholder="Location" class="search">
|
|
17
17
|
</column>
|
|
18
18
|
<!-- Other Filters -->
|
|
19
19
|
<column xxl="2" xl="3" md="4" sm="6">
|
|
@@ -136,12 +136,12 @@ export default {
|
|
|
136
136
|
flatRecords.push({
|
|
137
137
|
type: 'ar',
|
|
138
138
|
title: record.ResourceName,
|
|
139
|
-
fullAddress: record.
|
|
139
|
+
fullAddress: record.AddressLine2,
|
|
140
140
|
workPhone: record.Phone,
|
|
141
141
|
mobilePhone: record.CompanyMobile,
|
|
142
142
|
email: record.CompanyEmailDisp,
|
|
143
143
|
website: this.formatWebsite(record.CompanyWebURLDisp),
|
|
144
|
-
contact1: record.ContactFirstName
|
|
144
|
+
contact1: this.returnContact(record.ContactFirstName, record.ContactLastName),
|
|
145
145
|
email1: record.ContactEmail,
|
|
146
146
|
phone1: record.ContactPhoneDisp,
|
|
147
147
|
mobile1: record.ContactMobileDisp,
|
|
@@ -172,11 +172,19 @@ export default {
|
|
|
172
172
|
|
|
173
173
|
formatWebsite(url) {
|
|
174
174
|
let startUrl = url.slice(0, 3)
|
|
175
|
+
let returnUrl = url
|
|
175
176
|
if (startUrl.toLowerCase() === 'www') {
|
|
176
|
-
|
|
177
|
-
}
|
|
178
|
-
|
|
179
|
-
|
|
177
|
+
returnUrl = 'https://' + url
|
|
178
|
+
}
|
|
179
|
+
if (startUrl.toLowerCase() !== 'htt' && startUrl.toLowerCase() !== 'www' && url !== '') {
|
|
180
|
+
returnUrl = 'https://www.' + url
|
|
181
|
+
}
|
|
182
|
+
return returnUrl
|
|
183
|
+
},
|
|
184
|
+
|
|
185
|
+
returnContact(firstN, lastN) {
|
|
186
|
+
let retContact = [firstN, lastN].filter(Boolean).join(' ')
|
|
187
|
+
return retContact
|
|
180
188
|
},
|
|
181
189
|
|
|
182
190
|
chunkify(arr, n) {
|
|
@@ -213,11 +213,14 @@ export default {
|
|
|
213
213
|
|
|
214
214
|
formatWebsite(url) {
|
|
215
215
|
let startUrl = url.slice(0, 3)
|
|
216
|
+
let returnUrl = url
|
|
216
217
|
if (startUrl.toLowerCase() === 'www') {
|
|
217
|
-
|
|
218
|
-
}
|
|
219
|
-
|
|
220
|
-
|
|
218
|
+
returnUrl = 'https://' + url
|
|
219
|
+
}
|
|
220
|
+
if (startUrl.toLowerCase() !== 'htt' && startUrl.toLowerCase() !== 'www' && url !== '') {
|
|
221
|
+
returnUrl = 'https://www.' + url
|
|
222
|
+
}
|
|
223
|
+
return returnUrl
|
|
221
224
|
},
|
|
222
225
|
|
|
223
226
|
chunkify(arr, n) {
|
|
@@ -40,7 +40,9 @@
|
|
|
40
40
|
/>
|
|
41
41
|
<CustomControl position="BOTTOM_CENTER">
|
|
42
42
|
<h4 v-if="unknownLGA">
|
|
43
|
-
<BBadge variant="light">
|
|
43
|
+
<BBadge variant="light">
|
|
44
|
+
Unspecified locations {{ unknownLGA }}
|
|
45
|
+
</BBadge>
|
|
44
46
|
</h4>
|
|
45
47
|
</CustomControl>
|
|
46
48
|
<AdvancedMarker
|
|
@@ -4,40 +4,38 @@ import { BCol, BRow, BContainer } from 'bootstrap-vue-next'
|
|
|
4
4
|
const englishItemList = [
|
|
5
5
|
{
|
|
6
6
|
text: 'Section one heading',
|
|
7
|
-
id: 'item-1'
|
|
7
|
+
id: 'item-1',
|
|
8
8
|
},
|
|
9
9
|
{
|
|
10
10
|
text: 'Section two heading spans over two lines',
|
|
11
|
-
id: 'item-2'
|
|
11
|
+
id: 'item-2',
|
|
12
12
|
},
|
|
13
13
|
{
|
|
14
|
-
text:
|
|
15
|
-
|
|
16
|
-
id: 'item-3'
|
|
14
|
+
text: 'Section three heading spans over three lines and is active yellow or green',
|
|
15
|
+
id: 'item-3',
|
|
17
16
|
},
|
|
18
17
|
{
|
|
19
18
|
text: 'Section four heading',
|
|
20
|
-
id: 'item-4'
|
|
21
|
-
}
|
|
19
|
+
id: 'item-4',
|
|
20
|
+
},
|
|
22
21
|
]
|
|
23
22
|
const arabicItemList = [
|
|
24
23
|
{
|
|
25
24
|
text: 'عنوان القسم الأول',
|
|
26
|
-
id: 'item-1'
|
|
25
|
+
id: 'item-1',
|
|
27
26
|
},
|
|
28
27
|
{
|
|
29
28
|
text: 'يمتد عنوان القسم الثاني على سطرين',
|
|
30
|
-
id: 'item-2'
|
|
29
|
+
id: 'item-2',
|
|
31
30
|
},
|
|
32
31
|
{
|
|
33
|
-
text:
|
|
34
|
-
|
|
35
|
-
id: 'item-3'
|
|
32
|
+
text: 'يمتد عنوان القسم الثالث على ثلاثة أسطر ويكون نشطًا باللون الأصفر أو الأخضر',
|
|
33
|
+
id: 'item-3',
|
|
36
34
|
},
|
|
37
35
|
{
|
|
38
36
|
text: 'عنوان الباب الرابع',
|
|
39
|
-
id: 'item-4'
|
|
40
|
-
}
|
|
37
|
+
id: 'item-4',
|
|
38
|
+
},
|
|
41
39
|
]
|
|
42
40
|
export default {
|
|
43
41
|
title: 'Paragraphs/ScrollSpy',
|
|
@@ -45,16 +43,16 @@ export default {
|
|
|
45
43
|
tags: ['autodocs'],
|
|
46
44
|
argTypes: {
|
|
47
45
|
itemList: {
|
|
48
|
-
table: {disable: true}
|
|
49
|
-
}
|
|
46
|
+
table: { disable: true },
|
|
47
|
+
},
|
|
50
48
|
},
|
|
51
49
|
args: {
|
|
52
50
|
title: 'On this page',
|
|
53
|
-
itemListEnglish:
|
|
51
|
+
itemListEnglish: englishItemList,
|
|
54
52
|
itemListArabic: arabicItemList,
|
|
55
53
|
rtl: false,
|
|
56
|
-
scrollSpy: { element: 'scrollspy-nested', offset: 100, method: 'auto' }
|
|
57
|
-
|
|
54
|
+
scrollSpy: { element: 'scrollspy-nested', offset: 100, method: 'auto' },
|
|
55
|
+
},
|
|
58
56
|
}
|
|
59
57
|
const DefaultContent = (args) => ({
|
|
60
58
|
components: { ScrollSpy, BCol, BRow, BContainer },
|
|
@@ -75,7 +73,7 @@ const DefaultContent = (args) => ({
|
|
|
75
73
|
`,
|
|
76
74
|
arabicText: `هنالك العديد من الأنواع المتوفرة لنصوص لوريم إيبسوم، ولكن الغالبية تم تعديلها بشكل ما عبر إدخال بعض النوادر أو الكلمات العشوائية إلى النص. إن كنت تريد أن تستخدم نص لوريم إيبسوم ما، عليك أن تتحقق أولاً أن ليس هناك أي كلمات أو عبارات محرجة أو غير لائقة مخبأة في هذا النص. بينما تعمل جميع مولّدات نصوص لوريم إيبسوم على الإنترنت على إعادة تكرار مقاطع من نص لوريم إيبسوم نفسه عدة مرات بما تتطلبه الحاجة، يقوم مولّدنا هذا باستخدام كلمات من قاموس يحوي على أكثر من 200 كلمة لا تينية، مضاف إليها مجموعة من الجمل النموذجية، لتكوين نص لوريم إيبسوم ذو شكل منطقي قريب إلى النص الحقيقي. وبالتالي يكون النص الناتح خالي من التكرار، أو أي كلمات أو عبارات غير لائقة أو ما شابه. وهذا ما يجعله أول مولّد نص لوريم إيبسوم حقيقي على الإنترنت.`,
|
|
77
75
|
englishItemList,
|
|
78
|
-
arabicItemList
|
|
76
|
+
arabicItemList,
|
|
79
77
|
}
|
|
80
78
|
},
|
|
81
79
|
template: `
|
|
@@ -85,7 +83,7 @@ const DefaultContent = (args) => ({
|
|
|
85
83
|
<div
|
|
86
84
|
id="scrollspy-nested"
|
|
87
85
|
>
|
|
88
|
-
<
|
|
86
|
+
<h2 id="item-1">Section one heading</h2>
|
|
89
87
|
<p>{{ text }}</p>
|
|
90
88
|
<p>{{ text }}</p>
|
|
91
89
|
<p>{{ text }}</p>
|
|
@@ -94,7 +92,7 @@ const DefaultContent = (args) => ({
|
|
|
94
92
|
<p>{{ text }}</p>
|
|
95
93
|
<p>{{ text }}</p>
|
|
96
94
|
<p>{{ text }}</p>
|
|
97
|
-
<
|
|
95
|
+
<h2 id="item-2">Section two heading spans over two lines</h2>
|
|
98
96
|
<p>{{ text }}</p>
|
|
99
97
|
<p>{{ text }}</p>
|
|
100
98
|
<p>{{ text }}</p>
|
|
@@ -102,7 +100,7 @@ const DefaultContent = (args) => ({
|
|
|
102
100
|
<p>{{ text }}</p>
|
|
103
101
|
<p>{{ text }}</p>
|
|
104
102
|
<p>{{ text }}</p>
|
|
105
|
-
<
|
|
103
|
+
<h2 id="item-3">Section three heading spans over three lines and is active yellow or green</h2>
|
|
106
104
|
<p>{{ text }}</p>
|
|
107
105
|
<p>{{ text }}</p>
|
|
108
106
|
<p>{{ text }}</p>
|
|
@@ -110,7 +108,7 @@ const DefaultContent = (args) => ({
|
|
|
110
108
|
<p>{{ text }}</p>
|
|
111
109
|
<p>{{ text }}</p>
|
|
112
110
|
<p>{{ text }}</p>
|
|
113
|
-
<
|
|
111
|
+
<h2 id="item-4">Section four heading</h2>
|
|
114
112
|
<p>{{ text }}</p>
|
|
115
113
|
<p>{{ text }}</p>
|
|
116
114
|
<p>{{ text }}</p>
|
|
@@ -172,7 +170,7 @@ const DefaultContent = (args) => ({
|
|
|
172
170
|
<scroll-spy v-bind="args" :item-list="args.arabicItemList" />
|
|
173
171
|
</b-col>
|
|
174
172
|
</b-row>
|
|
175
|
-
</b-container
|
|
173
|
+
</b-container>`,
|
|
176
174
|
})
|
|
177
175
|
|
|
178
176
|
export const Default = DefaultContent.bind({})
|
|
@@ -17,55 +17,48 @@
|
|
|
17
17
|
</section-group>
|
|
18
18
|
</template>
|
|
19
19
|
|
|
20
|
-
<script>
|
|
20
|
+
<script setup>
|
|
21
21
|
import SectionGroup from '../../Containers/SectionGroup/index.vue'
|
|
22
|
+
import { defineProps } from 'vue'
|
|
22
23
|
import {
|
|
23
24
|
BNavbar,
|
|
24
25
|
BListGroup,
|
|
25
26
|
BListGroupItem,
|
|
26
|
-
vBScrollspy,
|
|
27
|
+
vBScrollspy as vBScrollspy,
|
|
27
28
|
} from 'bootstrap-vue-next'
|
|
28
29
|
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
props: {
|
|
34
|
-
title: {
|
|
35
|
-
type: String,
|
|
36
|
-
default: 'On this page',
|
|
37
|
-
},
|
|
38
|
-
itemList: {
|
|
39
|
-
type: Array,
|
|
40
|
-
required: true,
|
|
41
|
-
},
|
|
42
|
-
rtl: {
|
|
43
|
-
type: Boolean,
|
|
44
|
-
default: false,
|
|
45
|
-
},
|
|
46
|
-
scrollSpy: {
|
|
47
|
-
type: Object,
|
|
48
|
-
default: () => {
|
|
49
|
-
return {
|
|
50
|
-
element: 'body',
|
|
51
|
-
offset: 100,
|
|
52
|
-
method: 'auto',
|
|
53
|
-
contentQuery: '[id]',
|
|
54
|
-
}
|
|
55
|
-
},
|
|
56
|
-
},
|
|
30
|
+
const { title, itemList, rtl, scrollSpy } = defineProps({
|
|
31
|
+
title: {
|
|
32
|
+
type: String,
|
|
33
|
+
default: 'On this page',
|
|
57
34
|
},
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
35
|
+
itemList: {
|
|
36
|
+
type: Array,
|
|
37
|
+
required: true,
|
|
38
|
+
},
|
|
39
|
+
rtl: {
|
|
40
|
+
type: Boolean,
|
|
41
|
+
default: false,
|
|
42
|
+
},
|
|
43
|
+
scrollSpy: {
|
|
44
|
+
type: Object,
|
|
45
|
+
default: () => ({
|
|
46
|
+
element: 'body',
|
|
47
|
+
offset: 100,
|
|
48
|
+
method: 'auto',
|
|
49
|
+
contentQuery: 'h2[id]',
|
|
50
|
+
}),
|
|
68
51
|
},
|
|
52
|
+
})
|
|
53
|
+
|
|
54
|
+
const scrollToAnchor = (anchor) => {
|
|
55
|
+
const anchorElement = document.getElementById(anchor)
|
|
56
|
+
if (anchorElement) {
|
|
57
|
+
anchorElement.focus()
|
|
58
|
+
anchorElement.scrollIntoView({
|
|
59
|
+
behavior: 'smooth',
|
|
60
|
+
})
|
|
61
|
+
}
|
|
69
62
|
}
|
|
70
63
|
</script>
|
|
71
64
|
|
|
@@ -284,7 +284,8 @@ export default {
|
|
|
284
284
|
this.type === "paragraph--resource_group" ||
|
|
285
285
|
this.type === "paragraph--resource_list"
|
|
286
286
|
) {
|
|
287
|
-
allCards.cards = this.sortByDate(allCards.cards);
|
|
287
|
+
// allCards.cards = this.sortByDate(allCards.cards);
|
|
288
|
+
allCards.cards = allCards.cards;
|
|
288
289
|
}
|
|
289
290
|
}
|
|
290
291
|
return allCards;
|
|
@@ -6,7 +6,7 @@ export const arData = [
|
|
|
6
6
|
Phone: '0404073745',
|
|
7
7
|
CompanyMobile: '0404 073 745',
|
|
8
8
|
CompanyEmailDisp: 'ads.asbestos@gmail.com',
|
|
9
|
-
CompanyWebURLDisp: '
|
|
9
|
+
CompanyWebURLDisp: 'adsasbestosremoval.com.au',
|
|
10
10
|
ContactFirstName: 'Ivan',
|
|
11
11
|
ContactLastName: 'Silva',
|
|
12
12
|
ContactPhoneDisp: '0404073745',
|
|
@@ -103,8 +103,8 @@ export const arData = [
|
|
|
103
103
|
CompanyMobile: '0404 073 745',
|
|
104
104
|
CompanyEmailDisp: 'ads.asbestos@gmail.com',
|
|
105
105
|
CompanyWebURLDisp: 'http://www.adsasbestosremoval.com.au',
|
|
106
|
-
ContactFirstName: '
|
|
107
|
-
ContactLastName: '
|
|
106
|
+
ContactFirstName: '',
|
|
107
|
+
ContactLastName: '',
|
|
108
108
|
ContactPhoneDisp: '0404073745',
|
|
109
109
|
ContactEmail: 'ads.asbestos@gmail.com',
|
|
110
110
|
ContactMobileDisp: '1300 064 277',
|
|
@@ -121,7 +121,7 @@ export const arData = [
|
|
|
121
121
|
CompanyWebURLDisp: 'http://www.adsasbestosremoval.com.au',
|
|
122
122
|
ContactFirstName: 'Ivan',
|
|
123
123
|
ContactLastName: 'Silva',
|
|
124
|
-
ContactPhoneDisp: '
|
|
124
|
+
ContactPhoneDisp: '',
|
|
125
125
|
ContactEmail: 'ads.asbestos@gmail.com',
|
|
126
126
|
ContactMobileDisp: '1300 064 277',
|
|
127
127
|
ServiceAll: 'Class A - Restricted - Asbestos Removalists',
|
|
@@ -138,7 +138,7 @@ export const arData = [
|
|
|
138
138
|
ContactFirstName: 'Ivan',
|
|
139
139
|
ContactLastName: 'Silva',
|
|
140
140
|
ContactPhoneDisp: '0404073745',
|
|
141
|
-
ContactEmail: '
|
|
141
|
+
ContactEmail: '',
|
|
142
142
|
ContactMobileDisp: '1300 064 277',
|
|
143
143
|
ServiceAll: 'Class A - Restricted - Asbestos Removalists',
|
|
144
144
|
ServicesAll: 'removal of any asbestos containing material that was previously non-friable but has become friable as a result of a fire and does not require an enclosure with a negative air unit(s) to perform the work.',
|
|
@@ -155,7 +155,7 @@ export const arData = [
|
|
|
155
155
|
ContactLastName: 'Silva',
|
|
156
156
|
ContactPhoneDisp: '0404073745',
|
|
157
157
|
ContactEmail: 'ads.asbestos@gmail.com',
|
|
158
|
-
ContactMobileDisp: '
|
|
158
|
+
ContactMobileDisp: '',
|
|
159
159
|
ServiceAll: 'Class A - Restricted - Asbestos Removalists',
|
|
160
160
|
ServicesAll: 'removal of any asbestos containing material that was previously non-friable but has become friable as a result of a fire and does not require an enclosure with a negative air unit(s) to perform the work.',
|
|
161
161
|
},
|
|
@@ -167,11 +167,11 @@ export const arData = [
|
|
|
167
167
|
CompanyMobile: '0404 073 745',
|
|
168
168
|
CompanyEmailDisp: 'ads.asbestos@gmail.com',
|
|
169
169
|
CompanyWebURLDisp: 'http://www.adsasbestosremoval.com.au',
|
|
170
|
-
ContactFirstName: '
|
|
171
|
-
ContactLastName: '
|
|
172
|
-
ContactPhoneDisp: '
|
|
173
|
-
ContactEmail: '
|
|
174
|
-
ContactMobileDisp: '
|
|
170
|
+
ContactFirstName: '',
|
|
171
|
+
ContactLastName: '',
|
|
172
|
+
ContactPhoneDisp: '',
|
|
173
|
+
ContactEmail: '',
|
|
174
|
+
ContactMobileDisp: '',
|
|
175
175
|
ServiceAll: 'Class A - Restricted - Asbestos Removalists',
|
|
176
176
|
ServicesAll: 'removal of any asbestos containing material that was previously non-friable but has become friable as a result of a fire and does not require an enclosure with a negative air unit(s) to perform the work.',
|
|
177
177
|
},
|
|
@@ -7,7 +7,7 @@ export const hscpData = [
|
|
|
7
7
|
Work_phone: '03 9555 9333',
|
|
8
8
|
Toll_free_phone: '1800 555 333',
|
|
9
9
|
Email1: 'ohs@test.com.au',
|
|
10
|
-
Website: '
|
|
10
|
+
Website: 'anmfvic.asn.au/education-and-training/hsr-training/events',
|
|
11
11
|
Contact_1: 'Christina Groebl',
|
|
12
12
|
Contact_1_Phone: '03 9555 0222',
|
|
13
13
|
Contact_1_Email: 'cgroebl@test.com.au',
|
|
@@ -26,7 +26,7 @@ export const hscpData = [
|
|
|
26
26
|
Work_phone: '03 5990 7117',
|
|
27
27
|
Toll_free_phone: '1300 244 746',
|
|
28
28
|
Email1: 'csadmin@chisholm.edu.au',
|
|
29
|
-
Website: '
|
|
29
|
+
Website: 'http://www.chisholm.edu.au/career-fields/workplace-safety',
|
|
30
30
|
Contact_1: 'Francesca Laforgia',
|
|
31
31
|
Contact_1_Email: 'csadmin@chisholm.edu.au',
|
|
32
32
|
Contact_1_Phone: '03 5990 7117',
|