-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #360 from bcgov/ofmcc-5903-resource-updates
updates to help and resources
- Loading branch information
Showing
4 changed files
with
137 additions
and
14 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,15 +1,145 @@ | ||
| <template> | ||
| <v-container fluid v-bind="$attrs"> | ||
| <h1>Help Centre</h1> | ||
| <AppBackButton id="back-home-button" width="220px" :to="{ name: 'home' }">Home</AppBackButton> | ||
| <OrganizationHeader :show-facility="false" /> | ||
| <v-container fluid> | ||
| <h1>Help and Resources</h1> | ||
| <h3 class="my-4 ml-1">General</h3> | ||
| <v-row no-gutters class="mb-2"> | ||
| <v-col cols="12" class="d-flex flex-column align-start"> | ||
| <AppButton v-if="isEmpty(panels)" id="expand-button" :primary="false" size="large" width="200px" @click="togglePanel"> | ||
| <v-icon>mdi-arrow-expand-vertical</v-icon> | ||
| Expand All | ||
| </AppButton> | ||
| <AppButton v-else id="collapse-button" :primary="false" size="large" width="200px" @click="togglePanel"> | ||
| <v-icon>mdi-arrow-collapse-vertical</v-icon> | ||
| Collapse All | ||
| </AppButton> | ||
| </v-col> | ||
| </v-row> | ||
| <v-expansion-panels v-model="panels" multiple> | ||
| <v-expansion-panel v-for="panelComponent in GENERAL_PANELS" :key="panelComponent.id" :value="panelComponent.id"> | ||
| <v-expansion-panel-title> | ||
| <span class="supplementary-header-label">{{ panelComponent.title }}</span> | ||
| </v-expansion-panel-title> | ||
| <v-expansion-panel-text v-if="panelComponent.id === 'faq'"> | ||
| <a href="https://www2.gov.bc.ca/gov/content/family-social-supports/caring-for-young-children/childcarebc-programs/10-a-day-childcarebc-centres/faq-child-care-providers" target="_blank"> | ||
| <v-icon size="20" icon="mdi-link-variant" class="mr-1"></v-icon> | ||
| <span>$10 a Day Program Frequently Asked Questions - Province of British Columbia (gov.bc.ca)</span> | ||
| </a> | ||
| <br /> | ||
| <br /> | ||
| <a | ||
| href="https://bcgov.sharepoint.com/sites/CCD-TDADExternal/2023%20OFM%20Library/Core%20and%20Discretionary%20Allowance/2024%20-%20OFM%20Core%20%20Discretionary%20Allowances%20Factsheet.pdf" | ||
| target="_blank"> | ||
| <v-icon size="18" icon="fa:fa-regular fa-file-pdf" class="mr-1"></v-icon> | ||
| <span>2024 - OFM Core Discretionary Allowances Factsheet</span> | ||
| </a> | ||
| <br /> | ||
| <br /> | ||
| <a href="https://bcgov.sharepoint.com/sites/CCD-TDADExternal/2023%20OFM%20Library/OFM%20Comparison%20to%20EE.pdf" target="_blank"> | ||
| <v-icon size="18" icon="fa:fa-regular fa-file-pdf" class="mr-1"></v-icon> | ||
| <span>OFM Comparison Infographic</span> | ||
| </a> | ||
| </v-expansion-panel-text> | ||
| <v-expansion-panel-text v-if="panelComponent.id === 'additional'"> | ||
| <a href="https://www2.gov.bc.ca/gov/content/family-social-supports/caring-for-young-children/childcarebc-programs/10-a-day-childcarebc-centres" target="_blank"> | ||
| <v-icon size="20" icon="mdi-link-variant" class="mr-1"></v-icon> | ||
| <span>$10 a Day ChildCareBC Centres Website - Province of British Columbia (gov.bc.ca)</span> | ||
| </a> | ||
| <br /> | ||
| <br /> | ||
| <a | ||
| href="https://www2.gov.bc.ca/assets/gov/british-columbians-our-governments/services-policies-for-government/internal-corporate-services/finance-forms/fin-312-direct-deposit-application.pdf" | ||
| target="_blank"> | ||
| <v-icon size="20" icon="mdi-link-variant" class="mr-1"></v-icon> | ||
| <span>Direct Deposit Application - FIN 312</span> | ||
| </a> | ||
| <br /> | ||
| </v-expansion-panel-text> | ||
| </v-expansion-panel> | ||
| </v-expansion-panels> | ||
| <h3 class="my-8 ml-1">Test Participants</h3> | ||
| <v-expansion-panels v-model="panels" multiple> | ||
| <v-expansion-panel v-for="panelComponent in TEST_PARTICIPANT_PANELS" :key="panelComponent.id" :value="panelComponent.id"> | ||
| <v-expansion-panel-title> | ||
| <span class="supplementary-header-label">{{ panelComponent.title }}</span> | ||
| </v-expansion-panel-title> | ||
| <v-expansion-panel-text v-if="panelComponent.id === 'manuals'"> | ||
| <a | ||
| href="https://bcgov.sharepoint.com/sites/CCD-TDADExternal/2023%20OFM%20Library/Policy%20and%20Procedure%20Manual/2023%20-%20OFM%20$10%20a%20Day%20ChildCareBC%20Centres%20-%20Policy%20and%20Procedures%20Manual.pdf" | ||
| target="_blank"> | ||
| <v-icon size="18" icon="fa:fa-regular fa-file-pdf" class="mr-1"></v-icon> | ||
| <span>2023 - Policy and Procedure Manual</span> | ||
| </a> | ||
| <br /> | ||
| <br /> | ||
| </v-expansion-panel-text> | ||
| <v-expansion-panel-text v-if="panelComponent.id === 'training'"> | ||
| <a href="https://rise.articulate.com/share/_eN8nAZYN7_Jmi9tpG69W6dcza6aHsXZ#/" target="_blank"> | ||
| <v-icon size="20" icon="mdi-link-variant" class="mr-1"></v-icon> | ||
| <span>Funding Agreement Training e-Module</span> | ||
| </a> | ||
| <br /> | ||
| <br /> | ||
| <a href="https://rise.articulate.com/share/4IlRwcyWDpuotLtH71zjj_czAkUUsPOw#/" target="_blank"> | ||
| <v-icon size="20" icon="mdi-link-variant" class="mr-1"></v-icon> | ||
| <span>Policy and Procedure Manual Training e-Module</span> | ||
| </a> | ||
| </v-expansion-panel-text> | ||
| </v-expansion-panel> | ||
| </v-expansion-panels> | ||
| <AppBackButton id="back-home-button" size="large" width="220px" :to="{ name: 'home' }">Home</AppBackButton> | ||
| </v-container> | ||
| </template> | ||
|
|
||
| <script> | ||
| import AppBackButton from '@/components/ui/AppBackButton.vue' | ||
| import AppButton from '@/components/ui/AppButton.vue' | ||
| import OrganizationHeader from '@/components/organizations/OrganizationHeader.vue' | ||
| import permissionsMixin from '@/mixins/permissionsMixin' | ||
| import { isEmpty } from 'lodash' | ||
| export default { | ||
| name: 'HelpView', | ||
| components: { AppBackButton }, | ||
| components: { AppBackButton, AppButton, OrganizationHeader }, | ||
| mixins: [permissionsMixin], | ||
| data() { | ||
| return { | ||
| panels: [], | ||
| } | ||
| }, | ||
| computed: { | ||
| allPanelIDs() { | ||
| const allPanels = [...this.GENERAL_PANELS, ...this.TEST_PARTICIPANT_PANELS] | ||
| return allPanels.map((panel) => panel.id) | ||
| }, | ||
| }, | ||
| created() { | ||
| this.GENERAL_PANELS = [ | ||
| { | ||
| title: 'Frequently Asked Questions', | ||
| id: 'faq', | ||
| }, | ||
| { | ||
| title: 'Additional Resources', | ||
| id: 'additional', | ||
| }, | ||
| ] | ||
| this.TEST_PARTICIPANT_PANELS = [ | ||
| { | ||
| title: 'Manuals and Guides', | ||
| id: 'manuals', | ||
| }, | ||
| { | ||
| title: 'Training e-Modules', | ||
| id: 'training', | ||
| }, | ||
| ] | ||
| this.panels = this.allPanelIDs | ||
| }, | ||
| methods: { | ||
| isEmpty, | ||
| togglePanel() { | ||
| this.panels = isEmpty(this.panels) ? this.allPanelIDs : [] | ||
| }, | ||
| }, | ||
| } | ||
| </script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters