@worksafevictoria/wcl7.5 1.1.0-beta.70 → 1.1.0-beta.72

package/package.json

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

package/src/components/Global/Cookies/index.vue

@@ -322,12 +322,10 @@ export default {
 
         if (this.showCookie && bannerDisplayed !== 'true') {
           // Show the banner if it's not been displayed yet
-          console.log('** Show the banner if its not been displayed yet:-')
           cookieElement.classList.remove('hide')
           cookieElement.classList.add('show')
         } else {
           // Hide the banner if user has already made a selection
-          console.log('** Hide the banner if user has already made a selection:-')
           // need to remove cookies in rejected categories, but first hide cookie overlay
           cookieElement.classList.add('hide')
           cookieElement.classList.remove('show')

package/src/components/Global/GlobalNotice/index.vue

@@ -95,16 +95,14 @@ export default {
         this.setCookie()
         this.displayGlobal = false
       } else if (typeof window !== 'undefined') {
-        console.log('**else this.showGlobalNotice:-', this.showGlobalNotice)
-        console.log('**else tocalStorage.getItem(globalModalHidden):-', localStorage.getItem('globalModalHidden'))
-
+        
         this.displayGlobal =
           this.showGlobalNotice === true &&
           !localStorage.getItem('globalModalHidden')
       } else {
         this.displayGlobal = process.env.SHOW_GLOBAL_NOTICE === true
       }
-      console.log('**this.displayGlobal:- ', this.displayGlobal)
+      
     }
   }
 }

package/src/components/Paragraphs/Directory/Records/HSCP/index.stories.js

@@ -0,0 +1,32 @@
+import hscpRecord from './index.vue'
+
+const cpData = 
+    {
+        title: 'Australian Nurses and Midwifery Federation - Victorian Branch',
+        fulladdress: 'Level 8/535 Elizabeth St Melbourne VIC 3000',
+        workphone: '03 9275 9333',
+        tollfreephone: '1800 133 353',
+        email: 'ohs@anmfvic.asn.au',
+        website: 'https://www.anmfvic.asn.au/education-and-training/hsr-training/events',
+        courses: ['HSR Initial', 'HSR Refresher'],
+        // companyid: 'ACAR-A842BA'
+    }
+
+
+export default {
+    title: 'Paragraphs/Directory/Record',
+    component: hscpRecord,
+    tags: ['autodocs'],
+    argTypes: {
+        location: {
+            control: ['object', 'boolean'],
+            table: { disable: true }
+          },
+    }
+}
+
+export const CourseProvider = {}
+
+CourseProvider.args = {
+    item: cpData,    
+}

package/src/components/Paragraphs/Directory/Records/HSCP/index.vue

@@ -0,0 +1,213 @@
+<template>
+  <div class="paragraph--directory__records--hscp">
+    <container>
+      <row>
+        <column class="title">
+          <!-- <a target="_blank" :href="pageLink"> -->
+            {{ item.title }}
+          <!-- </a> -->
+        </column>
+        <column class="address">
+          <a target="_blank" :href="gMapLink">
+            {{ item.fulladdress }}
+          </a>
+        </column>
+        <column class="contact">
+          <div class="labl">Email</div>
+          <a target="_blank" :href="`mailto:${item.email}`"><span class="sr-only visually-hidden">Email address</span>
+            {{ item.email }}
+          </a>
+        </column>
+        <column class="contact">
+          <div class="labl">Website</div>
+          <a target="_blank" :href="`${item.website}`"><span class="sr-only visually-hidden">Website address</span>
+            {{ item.website }}
+          </a>
+        </column>
+        <column class="contact">
+          <div class="labl">Phone</div>
+          <a :href="`tel:${item.tollfreephone || item.workphone}`"><span class="sr-only visually-hidden">Phone number</span>
+            {{ item.tollfreephone || item.workphone }}
+          </a
+        >
+        </column>
+      </row>
+    </container>
+  </div>
+</template>
+<script>
+import Container from '../../../../Containers/Container/index.vue'
+import Row from '../../../../Containers/Row/index.vue'
+import Column from '../../../../Containers/Column/index.vue'
+
+export default {
+  components: {
+    Container,
+    Row,
+    Column
+  },
+  props: {
+    item: {
+      type: Object,
+      required: true
+    },
+    location: {
+      type: [Object, Boolean],
+      default: false
+    }
+  },
+  computed: {
+    gMapLink() {
+      // return `https://google.com/maps?q=${this.item.title}%20${this.item.suburb},${this.item.postcode}`
+      return `https://google.com/maps?q=${this.item.title}%20${this.item.fulladdress}`
+    },
+   /*  pageLink() {
+        return `https://www1.worksafe.vic.gov.au/vwa/serviceproviderdirec.nsf/pages/${this.item.companyid}` 
+    } */
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+@import '../styles.scss';
+
+.paragraph--directory__records--hscp {
+  
+  a {
+        color: $black;
+        text-decoration: none;
+      }
+      a:hover {   
+          text-decoration: underline;
+        }
+      a:focus {
+          text-decoration: underline;
+        }
+
+  .name {
+        font-size: 1rem;
+        color: $black;
+        font-weight: 700;
+  }
+  .address {
+    font-size: 15px;
+    a {
+      color: inherit;
+      text-decoration: none;
+    }
+    a:hover {   
+          text-decoration: underline;
+        }
+      a:focus {
+          text-decoration: underline;
+        }
+  }
+  .phone {
+    a {
+      color: inherit;
+    }
+  }
+  .labl {
+      font-size: 15px;
+      font-weight: bold;
+  }
+}
+.paragraph--directory.hscp-filters {
+  .search {
+    color: $black;
+    border: 1px solid $gray;
+    border-radius: 8px;
+    padding: 10px 12px;
+    height: 42px;
+    background-repeat: no-repeat;
+    background-position: 96% 12px;
+    margin-bottom: 16px;
+    transition: none;
+  }
+  select {
+    -moz-appearance: none; /* Firefox */
+    -webkit-appearance: none; /* Safari and Chrome */
+    appearance: none;
+    height: 42px;
+    border-radius: 8px;
+    padding: 10px 12px;
+    width: 100%;
+    border: 1px solid $gray;
+    background-image: url('@worksafevictoria/wcl7.5/src/assets/icons/caret-down.svg');
+    background-position: 95% 50%;
+    background-repeat: no-repeat;
+    text-transform: capitalise;
+  }
+  .grid-column {
+    display: inline-block;
+    width: 25%;
+
+    @media (max-width: 767px) {
+      width: 50%;
+    }
+
+    @media (max-width: 539px) {
+      display: block;
+      width: 100%;
+      float: none;
+      margin-bottom: 16px;
+    }
+  }
+  .right {
+    float: right;
+    position: relative;
+  }
+
+  ul.records {
+    padding: 0;
+    margin: 0;
+
+    li {
+      text-align: left;
+      display: block;
+      width: 100%;
+      background: $white;
+      color: $black;
+      margin-bottom: 32px;
+      border: 1px solid $gray;
+      border-radius: 12px;
+      font-size: 14px;
+      padding: 16px;
+
+      .name {
+        font-size: 1rem;
+        color: $black;
+        font-weight: 700;
+      }
+      .address {
+        font-size: 15px;
+        a {
+          color: inherit;
+        }
+      }
+      .phone {
+        a {
+          color: inherit;
+        }
+        .labl {
+          font-size: 15px;
+          font-weight: bold;
+        }
+      }
+
+      @media (max-width: 767px) {
+        .name,
+        .address,
+        .phone {
+          margin-bottom: 5px;
+          width: 100%;
+        }
+      }
+      .pagination-container {
+        text-align: center;
+      }
+    }
+  }
+}
+</style>
+

package/src/components/Paragraphs/Directory/Records/index.vue

@@ -2,12 +2,8 @@
   <div v-if="items.length" class="paragraph--directory__records">
     <template v-for="(item, index) in flatRecords">
       <prs-record v-if="item.type === 'prs'" :key="index" :item="item" />
-      <isp-record
-        v-if="item.type === 'isp'"
-        :key="index"
-        :item="item"
-        :location="baseLocation"
-      />
+      <isp-record v-if="item.type === 'isp'" :key="index" :item="item" :location="baseLocation" />
+      <hscp-record v-if="item.type === 'hscp'" :key="index" :item="item" />
       <cj-record v-if="item.type === 'cj'" :key="index" :item="item" />
     </template>
   </div>
@@ -16,12 +12,14 @@
 import PrsRecord from './PRS/index.vue'
 import IspRecord from './ISP/index.vue'
 import CjRecord from './CJ/index.vue'
+import HscpRecord from './HSCP/index.vue'
 
 export default {
   components: {
     PrsRecord,
     IspRecord,
-    CjRecord
+    CjRecord,
+    HscpRecord
   },
   props: {
     items: {
@@ -142,6 +140,29 @@ export default {
             }
           })
         }
+        if (record.record_type === 'hscp') {
+          let {
+            record_id,
+            data: {
+              attributes: {
+                title,
+                hscp: { fulladdress, workphone, tollfreephone, email, website, courses, companyid } = {}
+              } = {}
+            } = {}
+          } = record
+          flatRecords.push({
+            id: record_id,
+            type: 'hscp',
+            title,
+            fulladdress,
+            workphone,
+            tollfreephone,
+            email,
+            website,
+            courses,
+            companyid
+          })
+        }
         if (record.record_type === 'cj') {
           let {
             record_id,

package/src/components/Paragraphs/Directory/Records/styles.scss

@@ -29,6 +29,7 @@
   font-size: 16px;
 
   &--isp,
+  &--hscp,
   &--cj {
     @include defaultStyle();
     @include itemStyle();

package/src/components/Paragraphs/Directory/constants.js

@@ -22,6 +22,29 @@ export const DIR_CONFIG = {
       }
     ]
   },
+  hscp: {
+    taxonomies: [
+      {
+        name: 'Service Type',
+        id: 'hscp_services',
+        record_id: 'record_hscp_services'
+      }
+    ],
+    sorting: [
+      {
+        label: 'Name A-Z',
+        field: 'record_title',
+        order: 'asc',
+        type: 'az'
+      },
+      {
+        label: 'Name Z-A',
+        field: 'record_title',
+        order: 'desc',
+        type: 'az'
+      }
+    ]
+  },
   prs: {
     taxonomies: [
       {
@@ -39,11 +62,6 @@ export const DIR_CONFIG = {
         id: 'court',
         record_id: 'record_prs_court'
       }
-      // {
-      //   name: 'Coram',
-      //   id: 'coram',
-      //   taxonomy_only: true
-      // }
     ],
     sorting: [
       {

package/src/components/Paragraphs/Directory/index.vue

@@ -26,9 +26,9 @@
       <div v-else class="paragraph--directory__loading-container">
         <loading />
       </div>
-      <div v-if="showPagination" align="center">
+      <div v-if="showPagination" align-items="center">
         <pagination
-          align="center"
+          align-items="center"
           aria-label="Page navigation to load more records"
           :rows="qs.rows"
           :offset="qs.start"
@@ -39,7 +39,7 @@
           @pageClicked="loadByPageNumber($event)"
         />
       </div>
-      <div v-if="noResultsFound" align="center">
+      <div v-if="noResultsFound" align-items="center">
         <div>
           <p>No records found, please try a different search.</p>
         </div>