@worksafevictoria/wcl7.5 1.6.0 → 1.7.1

package/src/index.js

@@ -30,6 +30,7 @@ import TaskFinder from './components/Paragraphs/TaskFinder/index.vue'
 import ListGroup from './components/Paragraphs/ListGroup/index.vue'
 import ScrollSpy from './components/Paragraphs/ScrollSpy/index.vue'
 import Directory from './components/Paragraphs/Directory/index.vue'
+import HscpDirectory from './components/Paragraphs/Directory/HSCP/Records/index.vue'
 import SelectableCards from './components/Paragraphs/SelectableCards/index.vue'
 import VideoMedia from './components/Paragraphs/VideoPlayer/index.vue'
 import VideoGrid from './components/Paragraphs/VideoGrid/index.vue'
@@ -42,6 +43,7 @@ import MarketingBanner from './components/Paragraphs/MarketingBanner/index.vue'
 import RelatedInformation from './components/Paragraphs/RelatedInformation/index.vue'
 import Calculator from './components/Paragraphs/Calculator/index.vue'
 import Chart from './components/Paragraphs/Chart/index.vue'
+import GeoChart from './components/Paragraphs/Map/index.vue'
 
 // SubComponents
 import FormAddressPostcode from './components/SubComponents/FormAddressPostcode/index.vue'
@@ -96,6 +98,7 @@ export {
   ListGroup,
   ScrollSpy,
   Directory,
+  HscpDirectory,
   SelectableCards,
   Statistics,
   ProofPoints,
@@ -106,6 +109,7 @@ export {
   RelatedInformation,
   Calculator,
   Chart,
+  GeoChart,
 }
 
 // Export Sub Components

package/src/mock/course-provider.js

@@ -0,0 +1,273 @@
+export const hscpData = [
+    {
+        type: 'hscp',
+        Organisation: 'Australian Nurses and Midwifery Federation - Victorian Branch',
+        Main_office_address: 'Level 8/535 Elizabeth St Melbourne VIC 3000',
+        Organisation_acronym: 'ANMF',
+        Work_phone: '03 9555 9333',
+        Toll_free_phone: '1800 555 333',
+        Email1: 'ohs@test.com.au',
+        Website: 'https://www.anmfvic.asn.au/education-and-training/hsr-training/events',
+        Contact_1: 'Christina Groebl',
+        Contact_1_Phone: '03 9555 0222',
+        Contact_1_Email: 'cgroebl@test.com.au',
+        Contact_2_Name: 'Joey Bradford',
+        Contact_2_Phone: '03 9555 0666',
+        Contact_2_Email: 'jbradford@test.com.au',
+        Training_courses: 'HSR initial, HSR refresher',
+        Training_venues: 'Melbourne CBD, All Regional Victoria - HQ in Melbourne',
+        id: '1'
+    },
+    {
+        type: 'hscp',
+        Organisation: 'Chisholm Institute',
+        Organisation_acronym: 'Chisholm',
+        Main_office_address: '121 Stud Road Dandenong VIC 3175',
+        Work_phone: '03 5990 7117',
+        Toll_free_phone: '1300 244 746',
+        Email1: 'csadmin@chisholm.edu.au',
+        Website: 'https://www.chisholm.edu.au/career-fields/workplace-safety',
+        Contact_1: 'Francesca Laforgia',
+        Contact_1_Email: 'csadmin@chisholm.edu.au',
+        Contact_1_Phone: '03 5990 7117',
+        Contact_2_Name: '',
+        Contact_2_Email: '',
+        Contact_2_Phone: '',
+        Training_courses: 'HSR initial, HSR refresher - Plant, HSR refresher - Work-related stress',
+        Training_venues: 'Cranbourne, Berwick, Mornington Peninsula'
+    },
+    {
+        type: 'hscp',
+        Organisation: 'Action OHS Consulting Pty Ltd',
+        Organisation_acronym: 'Action OHS',
+        Main_office_address: '5 Cubitt Street Cremorne VIC 3121',
+        Work_phone: '',
+        Toll_free_phone: '1300 101 647',
+        Email1: 'admin@actionohs.com.au',
+        Website: 'www.actionhs.com.au/training/',
+        Contact_1: '',
+        Contact_1_Email: '',
+        Contact_1_Phone: '',
+        Contact_2_Name: '',
+        Contact_2_Email: '',
+        Contact_2_Phone: '',
+        Training_courses: 'HSR initial, HSR refresher - Plant, HSR refresher - Work-related stress',
+        Training_venues: 'Melbourne CBD'
+    },
+    {
+        type: 'hscp',
+        Organisation: 'Ai Group Centre for Education and Training',
+        orgAcronyn: 'Ai Group',
+        Main_office_address: 'Level 5 441 St Kilda Road Melbourne VIC 3004',
+        Work_phone: '',
+        Toll_free_phone: '1300 55 66 77',
+        Email1: 'training@aigroup.com.au',
+        Website: 'https://www.aigroup.com.au/education-training/training-courses/health-safety/',
+        Contact_1: 'Rebecca Hayward',
+        Contact_1_Email: 'rebecca.hayward@aigroup.com.au',
+        Contact_1_Phone: '02 49258320',
+        Contact_2_Name: 'Leeanne Lyme',
+        Contact_2_Email: 'leeanne.lyme@aigroup.com.au',
+        Contact_2_Phone: '02 4925 8310',
+        Training_courses: 'HSR refresher, HSR refresher - Work-related violence, HSR refresher - Plant, HSR refresher - Work-related stress,Onsite only',
+        Training_venues: 'Melbourne'
+    },
+    {
+        type: 'hscp',
+        Organisation: 'Australian Institute of Leadership and Safety Pty Ltd (AILS)',
+        Organisation_acronym: 'AILS',
+        Main_office_address: '37 Wentworth Drive Taylors Lakes VIC 3038',
+        Work_phone: '03 8385 7491',
+        Toll_free_phone: '',
+        Email1: 'admin@ails.edu.au',
+        Website: 'www.ails.edu.au/category/short-courses/work-safe/',
+        Contact_1: '',
+        Contact_1_Email: '',
+        Contact_1_Phone: '',
+        Contact_2_Name: '',
+        Contact_2_Email: '',
+        Contact_2_Phone: '',
+        Training_courses: 'HSR initial, HSR refresher',
+        Training_venues: '',
+    },
+    {
+        type: 'hscp',
+        Organisation: 'ONE Extra Australian Institute of Leadership and Safety Pty Ltd (AILS)',
+        Organisation_acronym: 'AILS',
+        Main_office_address: '37 Wentworth Drive Taylors Lakes VIC 3038',
+        Work_phone: '03 8385 7491',
+        Toll_free_phone: '',
+        email: 'admin@ails.edu.au',
+        Website: 'www.ails.edu.au/category/short-courses/work-safe/',
+        Contact_1: '',
+        Contact_1_Email: '',
+        Contact_1_Phone: '',
+        Contact_2_Name: '',
+        Contact_2_Email: '',
+        Contact_2_Phone: '',
+        Training_courses: 'HSR initial, HSR refresher',
+        Training_venues: '',
+    },
+    {
+        type: 'hscp',
+        Organisation: 'TWO Extra Australian Institute of Leadership and Safety Pty Ltd (AILS)',
+        Organisation_acronym: 'AILS',
+        Main_office_address: '37 Wentworth Drive Taylors Lakes VIC 3038',
+        Work_phone: '03 8385 7491',
+        Toll_free_phone: '',
+        Email1: 'admin@ails.edu.au',
+        Website: 'www.ails.edu.au/category/short-courses/work-safe/',
+        Contact_1: '',
+        Contact_1_Email: '',
+        Contact_1_Phone: '',
+        Contact_2_Name: '',
+        Contact_2_Email: '',
+        Contact_2_Phone: '',
+        Training_courses: 'HSR initial, HSR refresher',
+        Training_venues: '',
+    },
+    {
+        type: 'hscp',
+        Organisation: 'THREE Extra Australian Institute of Leadership and Safety Pty Ltd (AILS)',
+        Organisation_acronym: 'AILS',
+        Main_office_address: '37 Wentworth Drive Taylors Lakes VIC 3038',
+        Work_phone: '03 8385 7491',
+        Toll_free_phone: '',
+        Email1: 'admin@ails.edu.au',
+        Website: 'www.ails.edu.au/category/short-courses/work-safe/',
+        Contact_1: '',
+        Contact_1_Email: '',
+        Contact_1_Phone: '',
+        Contact_2_Name: '',
+        Contact_2_Email: '',
+        Contact_2_Phone: '',
+        Training_courses: 'HSR initial, HSR refresher',
+        Training_venues: '',
+    },
+    {
+        type: 'hscp',
+        Organisation: 'FOUR Extra Australian Institute of Leadership and Safety Pty Ltd (AILS)',
+        Organisation_acronym: 'AILS',
+        Main_office_address: '37 Wentworth Drive Taylors Lakes VIC 3038',
+        Work_phone: '03 8385 7491',
+        Toll_free_phone: '',
+        Email1: 'admin@ails.edu.au',
+        Website: 'www.ails.edu.au/category/short-courses/work-safe/',
+        Contact_1: '',
+        Contact_1_Email: '',
+        Contact_1_Phone: '',
+        Contact_2_Name: '',
+        Contact_2_Email: '',
+        Contact_2_Phone: '',
+        Training_courses: 'HSR initial, HSR refresher',
+        Training_venues: '',
+    },
+    {
+        type: 'hscp',
+        Organisation: 'FIVE Extra Australian Institute of Leadership and Safety Pty Ltd (AILS)',
+        Organisation_acronym: 'AILS',
+        Main_office_address: '37 Wentworth Drive Taylors Lakes VIC 3038',
+        Work_phone: '03 8385 7491',
+        Toll_free_phone: '',
+        Email1: 'admin@ails.edu.au',
+        Website: 'www.ails.edu.au/category/short-courses/work-safe/',
+        Contact_1: '',
+        Contact_1_Email: '',
+        Contact_1_Phone: '',
+        Contact_2_Name: '',
+        Contact_2_Email: '',
+        Contact_2_Phone: '',
+        Training_courses: 'HSR initial, HSR refresher',
+        Training_venues: '',
+    },
+    {
+        type: 'hscp',
+        Organisation: 'SIX Extra Australian Institute of Leadership and Safety Pty Ltd (AILS)',
+        Organisation_acronym: 'AILS',
+        Main_office_address: '37 Wentworth Drive Taylors Lakes VIC 3038',
+        Work_phone: '03 8385 7491',
+        Toll_free_phone: '',
+        Email1: 'admin@ails.edu.au',
+        Website: 'www.ails.edu.au/category/short-courses/work-safe/',
+        Contact_1: '',
+        Contact_1_Email: '',
+        Contact_1_Phone: '',
+        Contact_2_Name: '',
+        Contact_2_Email: '',
+        Contact_2_Phone: '',
+        Training_courses: 'HSR initial, HSR refresher',
+        Training_venues: '',
+    },
+    {
+        type: 'hscp',
+        Organisation: 'SEVEN Extra Australian Institute of Leadership and Safety Pty Ltd (AILS)',
+        Organisation_acronym: 'AILS',
+        Main_office_address: '37 Wentworth Drive Taylors Lakes VIC 3038',
+        Work_phone: '03 8385 7491',
+        Toll_free_phone: '',
+        Email1: 'admin@ails.edu.au',
+        Website: 'www.ails.edu.au/category/short-courses/work-safe/',
+        Contact_1: '',
+        Contact_1_Email: '',
+        Contact_1_Phone: '',
+        Contact_2_Name: '',
+        Contact_2_Email: '',
+        Contact_2_Phone: '',
+        Training_courses: 'HSR initial, HSR refresher',
+        Training_venues: '',
+    },
+    {
+        type: 'hscp',
+        Organisation: 'EIGHT Extra Australian Institute of Leadership and Safety Pty Ltd (AILS)',
+        Organisation_acronym: 'AILS',
+        Main_office_address: '37 Wentworth Drive Taylors Lakes VIC 3038',
+        Work_phone: '03 8385 7491',
+        Toll_free_phone: '',
+        Email1: 'admin@ails.edu.au',
+        Website: 'www.ails.edu.au/category/short-courses/work-safe/',
+        Contact_1: '',
+        Contact_1_Email: '',
+        Contact_1_Phone: '',
+        Contact_2_Name: '',
+        Contact_2_Email: '',
+        Contact_2_Phone: '',
+        Training_courses: 'HSR initial, HSR refresher',
+        Training_venues: '',
+    },
+    {
+        type: 'hscp',
+        Organisation: 'NINE Extra Australian Institute of Leadership and Safety Pty Ltd (AILS)',
+        Organisation_acronym: 'AILS',
+        Main_office_address: '37 Wentworth Drive Taylors Lakes VIC 3038',
+        Work_phone: '03 8385 7491',
+        Toll_free_phone: '',
+        Email1: 'admin@ails.edu.au',
+        Website: 'www.ails.edu.au/category/short-courses/work-safe/',
+        Contact_1: '',
+        Contact_1_Email: '',
+        Contact_1_Phone: '',
+        Contact_2_Name: '',
+        Contact_2_Email: '',
+        Contact_2_Phone: '',
+        Training_courses: 'HSR initial, HSR refresher',
+        Training_venues: '',
+    },
+    {
+        type: 'hscp',
+        Organisation: 'TEN Extra Australian Institute of Leadership and Safety Pty Ltd (AILS)',
+        Organisation_acronym: 'AILS',
+        Main_office_address: '37 Wentworth Drive Taylors Lakes VIC 3038',
+        Work_phone: '03 8385 7491',
+        Toll_free_phone: '',
+        Email1: 'admin@ails.edu.au',
+        Website: 'www.ails.edu.au/category/short-courses/work-safe/',
+        Contact_1: '',
+        Contact_1_Email: '',
+        Contact_1_Phone: '',
+        Contact_2_Name: '',
+        Contact_2_Email: '',
+        Contact_2_Phone: '',
+        Training_courses: 'HSR initial, HSR refresher',
+        Training_venues: '',
+    }
+]

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

@@ -1,334 +0,0 @@
-<template>
-  <div class="paragraph--directory__records--hscp">
-    <container>
-      <!-- Main details -->
-      <row>
-        <column class="title">
-          <a href="javascript:void(0)" @click="this.visible = !this.visible">
-            {{ item.title }}
-          </a>
-        </column>
-        <column class="address">
-          <a target="_blank" :href="gMapLink">
-            {{ item.fullAddress }}
-          </a>
-        </column>
-        <column class="contact">
-          <div class="label">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="label">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="label">Phone</div>
-          <a :href="`tel:${item.tollfreephone || item.workphone}`"><span class="sr-only visually-hidden">Phone number</span>
-            {{ item.tollfreePhone || item.workPhone }}
-          </a>
-        </column>
-        <column class="hscp-caret" sm="1">
-          <a v-if="visible" href="javascript:void(0)" @click="this.visible = false">
-            <img
-              style="float: right;"
-              :src="CaretUp"
-              height="12"
-              width="17"
-              alt="Expand Detail">
-          </a>
-          <a v-if="!visible" href="javascript:void(0)" @click="this.visible = true">
-            <img
-              style="float: right;"
-              :src="CaretDown"
-              height="12"
-              width="17"
-              alt="Expand Detail">
-          </a>
-        </column>
-      </row>
-      <!-- Additional Content -->
-      <template v-if="this.visible">
-        <row class="row-hscp-additional">
-          <column>
-            <h4>Contact Information</h4>
-          </column>
-        </row>
-        <row>
-          <column sm="3" class="label">
-            Contact
-          </column>
-          <column sm="3">
-            {{item.contact1}}
-          </column>
-          <column sm="3" class="label">
-            Contact
-          </column>
-          <column sm="3">
-            {{item.contact2}}
-          </column>
-        </row>
-        <row>
-          <column sm="3" class="label">
-            Phone
-          </column>
-          <column sm="3">
-            {{item.phone1}}
-          </column>
-          <column sm="3" class="label">
-            Phone
-          </column>
-          <column sm="3">
-            {{item.phone2}}
-          </column>
-        </row>
-        <row>
-          <column sm="3" class="label">
-            Email
-          </column>
-          <column sm="3">
-            {{item.email1}}
-          </column>
-          <column sm="3" class="label">
-            Email
-          </column>
-          <column sm="3">
-            {{item.email2}}
-          </column>
-        </row>
-        <row class="row-hscp-additional">
-          <column>
-            <h4>Training Venue Locations</h4>
-          </column>
-        </row>
-        <row>
-          <column>
-            <ul>
-              <li v-for="(venue) in item.trainingVenues" :key="venue.id">
-                {{venue}}
-              </li>
-            </ul> 
-          </column>
-        </row>
-        <row class="row-hscp-additional">
-          <column>
-            <h4>Training Courses</h4>
-          </column>
-        </row>
-        <row>
-          <column>
-            <ul>
-              <li v-for="(course) in item.courses" :key="course.id">
-                {{course}}
-              </li>
-            </ul> 
-          </column>
-        </row>
-      </template>
-    </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'
-import CaretUp from './../../../../../assets/icons/caret-up.svg?url'
-import CaretDown from './../../../../../assets/icons/caret-down.svg?url'
-
-export default {
-  components: {
-    Container,
-    Row,
-    Column
-  },
-  props: {
-    item: {
-      type: Object,
-      required: true
-    }
-  },
-  data() {
-    return {
-      visible: false,
-      CaretUp,
-      CaretDown,
-    }
-  },
-  computed: {
-    gMapLink() {
-      return `https://google.com/maps?q=${this.item.title}%20${this.item.fullAddress}`
-    },
-  },
-  methods: {
-    handleClick(title) {
-      this.visible = !this.visible
-      if (this.$gtm) {
-        if (this.visible) {
-          this.$gtm.push({ event: 'custom.search.prs.open', title })
-        } else {
-          this.$gtm.push({
-            event: 'custom.search.prs.close',
-            title
-          })
-        }
-      }
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-@import '../styles.scss';
-
-.row-hscp-additional {
-  margin-top: 20px;
-}
-
-.hscp-caret {
-  justify-content: end;
-  align-content: end;
-  border-radius: 0px;
-}
-.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;
-    }
-  }
-  .label {
-      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>
-