@worksafevictoria/wcl7.5 1.8.0-beta.2 → 1.8.0-beta.4
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
CHANGED
|
@@ -239,6 +239,7 @@ export default {
|
|
|
239
239
|
},
|
|
240
240
|
cardSelected(selectedCard, ev) {
|
|
241
241
|
debugger;
|
|
242
|
+
console.log("cardSelected selectedCard :- ", selectedCard);
|
|
242
243
|
this.clearCards();
|
|
243
244
|
selectedCard.selected = !!!selectedCard.selected;
|
|
244
245
|
const selectedCardModelIndex = this.getChildIndex(selectedCard);
|
|
@@ -236,7 +236,7 @@ export default {
|
|
|
236
236
|
},
|
|
237
237
|
|
|
238
238
|
reset() {
|
|
239
|
-
this.collapseOrgs('')
|
|
239
|
+
this.collapseOrgs('No')
|
|
240
240
|
this.hideReset = true
|
|
241
241
|
this.searchOrg = ''
|
|
242
242
|
this.searchCourse = ''
|
|
@@ -249,7 +249,7 @@ export default {
|
|
|
249
249
|
|
|
250
250
|
if (this.searchOrg.length || this.searchSub.length || this.searchCourse.length || this.searchThemes.length) {
|
|
251
251
|
// don't set focus
|
|
252
|
-
|
|
252
|
+
// don't collapseOrgs
|
|
253
253
|
} else {
|
|
254
254
|
// set focus to top element - used instead of scrollTo
|
|
255
255
|
this.collapseOrgs('Yes')
|
|
@@ -257,6 +257,7 @@ export default {
|
|
|
257
257
|
},
|
|
258
258
|
|
|
259
259
|
collapseOrgs(focusLink) {
|
|
260
|
+
// called by pageChanged and reset. pageChanged called by filter and by pagination links
|
|
260
261
|
const aLinks = document.getElementsByName('titleLink')
|
|
261
262
|
// Convert nodelist to array
|
|
262
263
|
let linksArr = Array.from(aLinks)
|
|
@@ -265,9 +266,9 @@ export default {
|
|
|
265
266
|
.filter((link) => link.getAttribute('aria-expanded') === 'true')
|
|
266
267
|
.forEach((link) => link.click())
|
|
267
268
|
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
269
|
+
if (focusLink === 'Yes') {
|
|
270
|
+
linksArr[0].focus()
|
|
271
|
+
}
|
|
271
272
|
}
|
|
272
273
|
|
|
273
274
|
},
|
|
@@ -18,14 +18,14 @@
|
|
|
18
18
|
:force-lg-columns-per-row="1"
|
|
19
19
|
:force-md-columns-per-row="1"
|
|
20
20
|
:cards="results"
|
|
21
|
-
:is-selectable="
|
|
21
|
+
:is-selectable="true"
|
|
22
22
|
:size="'full'"
|
|
23
23
|
:row-spacing="'none'"
|
|
24
24
|
:no-padding-top="true"
|
|
25
25
|
@selected="onSelectResult"
|
|
26
|
-
@selected-title="onSelectCardTitle"
|
|
27
26
|
>
|
|
28
27
|
<template v-slot:cardItem="{ card }">
|
|
28
|
+
<span class="d-none">card.link :- {{ card.link }}</span>
|
|
29
29
|
<card-grid-item
|
|
30
30
|
:header-size="isTypeahead ? 'medium' : 'large'"
|
|
31
31
|
:card-header-title="card.title"
|
|
@@ -38,13 +38,13 @@
|
|
|
38
38
|
? truncate(card.description, 144)
|
|
39
39
|
: card.htmlSnippet || ''
|
|
40
40
|
"
|
|
41
|
+
:link="card.link ? card.link : false"
|
|
41
42
|
:strip-description-html="true"
|
|
42
43
|
:taxonomies="{
|
|
43
44
|
industry: card.industry,
|
|
44
45
|
topic: card.topic,
|
|
45
46
|
language: card.language,
|
|
46
47
|
}"
|
|
47
|
-
:is-card-title-selectable="isCardTitleSelectable"
|
|
48
48
|
/>
|
|
49
49
|
</template>
|
|
50
50
|
<template
|
|
@@ -158,6 +158,7 @@ export default {
|
|
|
158
158
|
}
|
|
159
159
|
},
|
|
160
160
|
onSelectResult(card) {
|
|
161
|
+
debugger;
|
|
161
162
|
navigateToPath.call(
|
|
162
163
|
this,
|
|
163
164
|
card?.selectedCard?.link.match(/https?:\/\/[^\/]+(\/[^?#]*)/)[1], // title click is used for search result, but change also included here
|
|
@@ -6,7 +6,6 @@
|
|
|
6
6
|
</div>
|
|
7
7
|
</template>
|
|
8
8
|
<template v-else>
|
|
9
|
-
ELSE :- searchType :- {{ searchType }}
|
|
10
9
|
<b-input-group>
|
|
11
10
|
<label class="visually-hidden" for="site-search"
|
|
12
11
|
>Search by keyword (Typed keyword automatically filters below results)</label
|
|
@@ -18,8 +17,8 @@
|
|
|
18
17
|
aria-label="searchbar"
|
|
19
18
|
autocomplete="off"
|
|
20
19
|
trim
|
|
21
|
-
@update="
|
|
22
|
-
@keyup.enter="
|
|
20
|
+
@update="onChange"
|
|
21
|
+
@keyup.enter="onChange"
|
|
23
22
|
></b-form-input>
|
|
24
23
|
<template #append>
|
|
25
24
|
<b-button size="sm" class="search-button" @click="onSearch"
|
|
@@ -28,7 +27,6 @@
|
|
|
28
27
|
/></b-button>
|
|
29
28
|
</template>
|
|
30
29
|
</b-input-group>
|
|
31
|
-
searchType:- {{ searchType }} <br />
|
|
32
30
|
<search-listing
|
|
33
31
|
v-if="loadSearchList && (searchResults || isLoading)"
|
|
34
32
|
:class="{
|
|
@@ -44,15 +42,12 @@
|
|
|
44
42
|
:offset="searchResults && searchResults.offset"
|
|
45
43
|
:page-limit="pageLimit"
|
|
46
44
|
:content-parser="contentParser"
|
|
47
|
-
:is-selectable="searchType === 'googlerest' ? false : true"
|
|
48
|
-
:is-card-title-selectable="searchType === 'googlerest' ? true : false"
|
|
49
45
|
@selected="$emit('selected')"
|
|
50
46
|
@pageChanged="pageChanged"
|
|
51
47
|
/>
|
|
52
48
|
</template>
|
|
53
49
|
</div>
|
|
54
50
|
</template>
|
|
55
|
-
|
|
56
51
|
<script>
|
|
57
52
|
import axios from "axios";
|
|
58
53
|
import searchIcon from "../../../assets/icons/search.svg?url";
|