@worksafevictoria/wcl7.5 1.7.3 → 1.8.0-beta.10

package/lib/utility.js

@@ -35,6 +35,8 @@ function isGovSite(url) {
 }
 
 function navigateToPath(path, newTab, nuxtRouter) {
+  debugger
+
   const url = String(path).startsWith('www.') ? `http://${path}` : path
   const isAbsolute = isAbsoluteUrl(url)
   const router = nuxtRouter ? nuxtRouter : this.$router

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worksafevictoria/wcl7.5",
-  "version": "1.7.3",
+  "version": "1.8.0-beta.10",
   "main": "src/index.js",
   "license": "MIT",
   "repository": {

package/src/components/Common/CardGrid/index.vue

@@ -52,13 +52,13 @@
 </template>
 
 <script>
-import Row from './../../Containers/Row/index.vue'
-import Column from './../../Containers/Column/index.vue'
-import SectionGroup from './../../Containers/SectionGroup/index.vue'
-import { debounce } from 'lodash-es'
+import Row from "./../../Containers/Row/index.vue";
+import Column from "./../../Containers/Column/index.vue";
+import SectionGroup from "./../../Containers/SectionGroup/index.vue";
+import { debounce } from "lodash-es";
 
 export default {
-  name: 'CardGrid',
+  name: "CardGrid",
   components: { Row, Column, SectionGroup },
   props: {
     title: {
@@ -71,7 +71,7 @@ export default {
     },
     titleTag: {
       type: String,
-      default: 'h2',
+      default: "h2",
     },
     cards: {
       type: Array,
@@ -99,9 +99,9 @@ export default {
     },
     size: {
       type: String,
-      default: 'page',
+      default: "page",
       validator: (value) =>
-        ['half-content', 'content', 'page', 'full'].indexOf(value) >= 0,
+        ["half-content", "content", "page", "full"].indexOf(value) >= 0,
     },
     isSelectable: {
       type: Boolean,
@@ -112,23 +112,17 @@ export default {
     },
     backgroundVariant: {
       type: String,
-      default: 'none',
+      default: "none",
       validator: (value) =>
-        [
-          'none',
-          'light',
-          'dark',
-          'grey',
-          'yellow',
-          'white',
-          'lightblue',
-        ].indexOf(value) >= 0,
+        ["none", "light", "dark", "grey", "yellow", "white", "lightblue"].indexOf(
+          value
+        ) >= 0,
     },
     applyBackgroundOn: {
       type: String,
-      default: 'section',
+      default: "section",
       validator: (value) =>
-        ['content', 'block', 'container', 'section'].indexOf(value) >= 0,
+        ["content", "block", "container", "section"].indexOf(value) >= 0,
     },
     noPaddingTop: {
       type: Boolean,
@@ -138,8 +132,8 @@ export default {
     },
     rowSpacing: {
       type: String,
-      default: 'large',
-      validator: (value) => ['none', 'small', 'large'].indexOf(value) >= 0,
+      default: "large",
+      validator: (value) => ["none", "small", "large"].indexOf(value) >= 0,
     },
     rowClasses: {
       type: String,
@@ -147,12 +141,12 @@ export default {
     },
     columnSpacing: {
       type: String,
-      default: 'default',
-      validator: (value) => ['default', 'none'].indexOf(value) >= 0,
+      default: "default",
+      validator: (value) => ["default", "none"].indexOf(value) >= 0,
     },
     contentClass: {
       type: String,
-      default: '',
+      default: "",
     },
     cardBrowseContent: {
       type: Boolean,
@@ -160,7 +154,7 @@ export default {
     },
     gridId: {
       type: String,
-      default: 'default',
+      default: "default",
     },
   },
   data() {
@@ -168,89 +162,90 @@ export default {
       childCards: [],
       redrawCounter: 0,
       setColumnSizeDebounce: debounce(this.setColumnSize, 500),
-    }
+    };
   },
   computed: {
     largeViewPort() {
       if (this.forceLgColumnsPerRow) {
-        return 12 / this.forceLgColumnsPerRow
+        return 12 / this.forceLgColumnsPerRow;
       }
       return 12 / this.cards.length > 12 / (this.columnsPerRow || 3)
         ? 12 / this.cards.length
-        : 12 / this.columnsPerRow
+        : 12 / this.columnsPerRow;
     },
     mediumViewPort() {
       if (this.forceMdColumnsPerRow) {
-        return 12 / this.forceLgColumnsPerRow
+        return 12 / this.forceLgColumnsPerRow;
       }
       if (this.largeViewPort === 6) {
-        return 6
+        return 6;
       }
-      return 4
+      return 4;
     },
     smallViewPort() {
       if (this.forceSmColumnsPerRow) {
-        return 12 / this.forceLgColumnsPerRow
+        return 12 / this.forceLgColumnsPerRow;
       }
-      return 6
+      return 6;
     },
   },
   watch: {
     cards: {
       handler: function () {
-        this.redrawCounter += 1
-        this.setColumnSizeDebounce()
+        this.redrawCounter += 1;
+        this.setColumnSizeDebounce();
       },
       deep: true,
     },
     columnsPerRow: {
       handler: function () {
-        this.setColumnSizeDebounce()
+        this.setColumnSizeDebounce();
       },
     },
     forceSmColumnsPerRow: {
       handler: function () {
-        this.setColumnSizeDebounce()
+        this.setColumnSizeDebounce();
       },
     },
     forceMdColumnsPerRow: {
       handler: function () {
-        this.setColumnSizeDebounce()
+        this.setColumnSizeDebounce();
       },
     },
     forceLgColumnsPerRow: {
       handler: function () {
-        this.setColumnSizeDebounce()
+        this.setColumnSizeDebounce();
       },
     },
   },
   mounted() {
-    window.addEventListener('resize', this.setColumnSizeDebounce)
-    this.setColumnSizeDebounce()
+    window.addEventListener("resize", this.setColumnSizeDebounce);
+    this.setColumnSizeDebounce();
   },
   beforeDestroy() {
-    window.removeEventListener('resize', this.setColumnSizeDebounce)
+    window.removeEventListener("resize", this.setColumnSizeDebounce);
   },
   methods: {
     cardTitleSelected(selectedCard, ev) {
-      this.clearCards()
-      selectedCard.selected = !!!selectedCard.selected
-      const selectedCardModelIndex = this.getChildIndex(selectedCard)
+      debugger;
+      this.clearCards();
+      selectedCard.selected = !!!selectedCard.selected;
+      const selectedCardModelIndex = this.getChildIndex(selectedCard);
 
-      this.$emit('selected-title', {
-        selectedCard: selectedCard.selected
-          ? this.cards[selectedCardModelIndex]
-          : null,
+      this.$emit("selected-title", {
+        selectedCard: selectedCard.selected ? this.cards[selectedCardModelIndex] : null,
         selectedCardModelIndex,
         ev,
-      })
+      });
     },
     cardSelected(selectedCard, ev) {
-      this.clearCards()
-      selectedCard.selected = !!!selectedCard.selected
-      const selectedCardModelIndex = this.getChildIndex(selectedCard)
+      debugger;
+      console.log("cardSelected selectedCard :- ", selectedCard);
+      this.clearCards();
+      selectedCard.selected = !!!selectedCard.selected;
+      const selectedCardModelIndex = this.getChildIndex(selectedCard);
 
-      this.$emit('selected', {
+      this.$emit("selected", {
         selectedCard: selectedCard.selected
           ? this.cardBrowseContent
             ? this.childCards[selectedCardModelIndex]
@@ -258,59 +253,59 @@ export default {
           : null,
         selectedCardModelIndex,
         ev,
-      })
+      });
     },
     clearCards(selectedCard) {
       this.childCards.forEach((card) => {
-        card.selected = false
+        card.selected = false;
         if (!selectedCard || selectedCard !== card) {
-          card.selected = false
+          card.selected = false;
         }
-      })
+      });
     },
     getChildIndex(selectedCard) {
-      return this.childCards.findIndex((item) => item === selectedCard)
+      return this.childCards.findIndex((item) => item === selectedCard);
     },
     registerChild(child) {
-      this.childCards.push(child)
-      this.setColumnSizeDebounce()
+      this.childCards.push(child);
+      this.setColumnSizeDebounce();
     },
     deregisterChild(child) {
-      const index = this.childCards.indexOf(child)
+      const index = this.childCards.indexOf(child);
       if (index > -1) {
-        this.childCards.splice(index, 1)
+        this.childCards.splice(index, 1);
       }
     },
     setColumnSize() {
       setTimeout(() => {
-        const columns = this.$refs.cardColumns
+        const columns = this.$refs.cardColumns;
         if (Array.isArray(columns) && columns.length > 0) {
-          const row = this.$refs.cardRow
-          const elementWidth = columns[0].$el.offsetWidth
-          const parentWidth = row.$el.offsetWidth
-          const gridColumnSize = parseInt(parentWidth / elementWidth)
-          const isMobileView = parentWidth < 480
-          const isTabletView = !isMobileView && parentWidth < 767
-          this.$emit('isMobileView', isMobileView)
-          this.$emit('isTabletView', isTabletView)
-          this.$emit('isDesktopView', !isTabletView && !isMobileView)
-          this.$emit('isMobileOrTabletView', isMobileView || isTabletView)
-          this.$emit('gridColumnSize', gridColumnSize)
+          const row = this.$refs.cardRow;
+          const elementWidth = columns[0].$el.offsetWidth;
+          const parentWidth = row.$el.offsetWidth;
+          const gridColumnSize = parseInt(parentWidth / elementWidth);
+          const isMobileView = parentWidth < 480;
+          const isTabletView = !isMobileView && parentWidth < 767;
+          this.$emit("isMobileView", isMobileView);
+          this.$emit("isTabletView", isTabletView);
+          this.$emit("isDesktopView", !isTabletView && !isMobileView);
+          this.$emit("isMobileOrTabletView", isMobileView || isTabletView);
+          this.$emit("gridColumnSize", gridColumnSize);
           this.childCards.forEach((card) =>
-            card.setGridMetaData(gridColumnSize, isMobileView, isTabletView),
-          )
+            card.setGridMetaData(gridColumnSize, isMobileView, isTabletView)
+          );
         }
-      })
+      });
     },
     handleFocus(ev) {
-      this.$emit('focussed', ev)
+      this.$emit("focussed", ev);
     },
   },
-}
+};
 </script>
 
 <style lang="scss" scoped>
-@import '../../../includes/scss/all';
+@import "../../../includes/scss/all";
 .card-grid {
   &__column {
     &--default {

package/src/components/Common/CardGridItem/index.vue

@@ -117,8 +117,10 @@
           </card-grid-item-icon>
           <span v-if="pillText" class="visually-hidden">{{ pillText }}</span>
         </div>
+        <span class="d-none">Description :- {{ description }}</span>
+        <span class="d-none">stripDescriptionHtml :- {{ stripDescriptionHtml }}</span>
         <b-card-text
-          v-if="$slots.cardDescription || description"
+          v-if="$slots.cardDescription || description || stripDescriptionHtml"
           tag="div"
           class="card-grid-item__body"
           :class="{
@@ -126,7 +128,6 @@
           }"
         >
           <div
-            v-if="$slots.cardDescription || description"
             class="card-grid-item__description"
             :class="{
               [descriptionClass]: !!descriptionClass,
@@ -402,6 +403,8 @@ export default {
   },
   methods: {
     cardClicked(ev) {
+      debugger;
+
       if (this.isSelectable) {
         this.parentGrid.cardSelected(this, ev);
       }
@@ -411,6 +414,7 @@ export default {
       }
     },
     cardTitleClicked(ev) {
+      debugger;
       if (this.isCardTitleSelectable) {
         this.parentGrid.cardTitleSelected(this, ev);
       }

package/src/components/Global/AppHeader/ModalSearch/index.vue

@@ -13,6 +13,7 @@
       <label class="app-search__label font-weight-bold" for="app-search--search-input-box"
         >Search WorkSafe</label
       >
+      googleSearchFlag:- {{ googleSearchFlag }}
       <search
         ref="searchInputBox"
         :google-search-flag="googleSearchFlag"