app/frontend/src/components/minesoperatorscreening/Step1.vue
<template>
<v-container>
<div class="hide-on-review">
<h2
class="mb-8"
>Protect Industrial Camp employees, contractors, and employers, during the COVID-19 pandemic</h2>
<p
class="mb-8"
>The Province of British Columbia has initiated emergency measures to slow the spread of COVID-19. Industrial Camp Operators must ensure a safe workplace for their workers and demonstrate proof of an Infection Prevention Control protocol (IPCP).</p>
<BaseWarningCard class="my-6">
<h3>This attestation form must be completed once for each accommodation location.</h3>
</BaseWarningCard>
<h2 class="mb-8 mt-12">
<strong>Before you complete this form:</strong>
</h2>
<hr class="orange" />
</div>
<v-container>
<v-row no-gutters>
<v-col cols="12" sm="2" lg="1" class="hide-on-review">
<v-avatar color="#003366" size="50">
<span class="white--text headline">1</span>
</v-avatar>
</v-col>
<v-col cols="12" sm="10" lg="11">
<h4 class="mb-4">
<strong>
Read the Public Health Officer guidance document:
<em>{{ doc1.docTitle }}</em>
</strong>
</h4>
<p>
<a
href="http://www.bccdc.ca/Health-Info-Site/Documents/COVID_public_guidance/All-sector-work-camps-guidance.pdf"
target="_blank"
data-test="btn-form-health-pdf-link"
>Download PDF</a>
</p>
</v-col>
</v-row>
</v-container>
<hr />
<v-container>
<v-row no-gutters>
<v-col cols="12" sm="2" lg="1" class="hide-on-review">
<v-avatar color="#003366" size="50">
<span class="white--text headline">2</span>
</v-avatar>
</v-col>
<v-col cols="12" sm="10" lg="11">
<h4 class="mb-4">
<strong>
If you are in Region of the Northern Health Authority, please read the Public Health Officer order:
<em>{{ doc2.docTitle }}</em> issued on January 12, 2021
</strong>
</h4>
<p>
<a
href="https://www2.gov.bc.ca/assets/gov/health/about-bc-s-health-care-system/office-of-the-provincial-health-officer/covid-19/covid-19-pho-order-industrial-camps-northern-health.pdf"
target="_blank"
data-test="btn-form-health-pdf-link-2"
>Download PDF</a>
</p>
</v-col>
</v-row>
</v-container>
<div class="hide-on-review">
<hr />
<v-container class="mb-4">
<v-row no-gutters>
<v-col cols="12" sm="2" lg="1" class="hide-on-review">
<v-avatar color="#003366" size="50">
<span class="white--text headline">3</span>
</v-avatar>
</v-col>
<v-col cols="12" sm="10" lg="11">
<v-expansion-panels>
<v-expansion-panel>
<v-expansion-panel-header data-test="btn-form-panel-camp-order">
<strong>Complete a COVID-19 risk assessment of your Industrial Camps by following the directions in the guidance document.</strong>
</v-expansion-panel-header>
<v-expansion-panel-content>
<p>
Assessing each section in
<em>{{ docShortTitle }}</em> will help you identify areas that do not sufficiently prevent or reduce the risk of COVID-19 transmission.
</p>
<BaseInfoCard>
<p>
<strong>For example,</strong> if workers need to be transported to the work site in vehicles where a 2m distance cannot be maintained, this should be identified as a risk.
</p>
<p
class="mb-0"
>Industrial Camps Operators can take practical actions to reduce the risk of disease transmission (see section 7 of document).</p>
</BaseInfoCard>
<p class="mt-5">
Have you worked through all the sections in
<em>{{ docShortTitle }}</em> to identify the risks at your camps?
</p>
</v-expansion-panel-content>
</v-expansion-panel>
</v-expansion-panels>
</v-col>
</v-row>
</v-container>
<hr />
<v-container>
<v-row no-gutters>
<v-col cols="12" sm="2" lg="1" class="hide-on-review">
<v-avatar color="#003366" size="50">
<span class="white--text headline">4</span>
</v-avatar>
</v-col>
<v-col cols="12" sm="10" lg="11">
<v-expansion-panels>
<v-expansion-panel>
<v-expansion-panel-header data-test="btn-form-panel-ipc-protocol">
<strong>Create your Infection Prevention and Control protocol.</strong>
</v-expansion-panel-header>
<v-expansion-panel-content>
<p>
By following the guidance in
<em>{{ docShortTitle }}</em>, you will be developing an Infection Prevention and Control (IPC) Protocol.
</p>
<p>For each section of the guide you identified a risk, the risk needs to be controlled. For example, if your workers ride together in a vehicle to the work site, and you follow the instructions to increase cleaning and hygiene, and increase physical distancing, this will form your IPC plan for transportation (see section 7).</p>
<p>
Have you decided what guidance in
<em>{{ docShortTitle }}</em> is needed in your camps to prevent or control the risk of the transmission of COVID-19?
</p>
</v-expansion-panel-content>
</v-expansion-panel>
</v-expansion-panels>
</v-col>
</v-row>
</v-container>
</div>
<div class="hide-on-review">
<div class="my-12">
<BaseContactCard>
<h3>
If you need assistance completing these risk assessment or infection prevention tasks, please contact the
<a
color="white"
href="https://www2.gov.bc.ca/gov/content/industry/mineral-exploration-mining/further-information/office-chief-inspector"
target="_blank"
data-test="btn-form-empr-office-link"
>EMPR Regional Office</a>
<v-icon small color="primary">open_in_new</v-icon>
</h3>
</BaseContactCard>
</div>
<h3 class="mb-2">After submitting this form, you will be subject to a site inspection:</h3>
<ul class="pl-12">
<li>The Province of BC will use the information you provide through this online form for the site inspection that determines your compliance with the COVID-19 Industrial Camps Provincial Health Order.</li>
</ul>
<BaseWarningCard class="my-10">
<h3>If you fail to comply with these requirements, the Provincial Health Officer order enables the authority to take enforcement action against you under Part 4, Division 6 of the Public Health Act.</h3>
</BaseWarningCard>
<v-btn color="primary" @click="setStep(2)" data-test="btn-form-to-next-step">
<span>Go to Step 2</span>
</v-btn>
</div>
</v-container>
</template>
<script>
import { mapMutations } from 'vuex';
export default {
name: 'MinesAttestationStep1',
data() {
return {
doc1:
{
docTitle: 'Protecting Workers, Contractors, and Employers Working in the Natural Resource Sector During the COVID-19 Pandemic',
docShortTitle: 'COVID-19 Guidelines for Natural Resource Sector'
},
doc2:
{
docTitle: 'Resource Sector Worksites and Industrial Camps in the Region of the Northern Health Authority',
docShortTitle: 'Resource Sector Worksites and Industrial Camps in the Region of the Northern Health Authority'
}
};
},
methods: {
...mapMutations('form', ['setStep'])
}
};
</script>