Skip to content

Commit

Permalink
Revert "14172 - Update "How does it work?" (#2183)" (#2190)
Browse files Browse the repository at this point in the history 
This reverts commit 5a214fe.
  • Loading branch information
@seeker25
seeker25 authored Dec 19, 2022
1 parent 834b2e5 commit 8d99e4e
Show file tree
Hide file tree
Showing 6 changed files with 122 additions and 236 deletions.
26 changes: 5 additions & 21 deletions auth-web/src/components/auth/common/NumberedCompanyTooltip.vue
View file
Original file line number Diff line number Diff line change
@@ -1,40 +1,24 @@
<template>
<v-tooltip top max-width="450px" light content-class="tooltip">
<template v-slot:activator="{ on }">
<span v-on="on" class="tooltip-text" v-if="enableBcCccUlc">Numbered Company</span>
<span v-on="on" class="tooltip-text" v-else>Numbered Benefit Company</span>
<span v-on="on" class="tooltip-text">Numbered Benefit Company</span>
</template>
<v-card class="tooltip-content">
<div v-if="enableBcCccUlc">
<h3 class="mb-3">Numbered Company</h3>
<span>A Company can choose to use as its name the incorporation number of the company followed by “B.C. Ltd.”,
"B.C. Unlimited Liability Company", or "B.C. Community Contribution Company." The incorporation number is
assigned by the Business Registry after the Incorporation Application is filed and the company is
incorporated.</span>
</div>
<div v-else>
<h3 class="mb-3">Numbered Benefit Company</h3>
<span>A Benefit Company can choose to use as its name the incorporation number of the company followed by “B.C.
Ltd.” The incorporation number is assigned by the Business Registry after the Incorporation Application is
filed and the company is incorporated.</span>
</div>
<h3 class="mb-3">Numbered Benefit Company</h3>
<span>A Benefit Company can choose to use as its name the incorporation number of the company followed by “B.C.
Ltd.” The incorporation number is assigned by the Business Registry after the Incorporation Application is filed
and the company is incorporated.</span>
</v-card>
</v-tooltip>
</template>

<script lang="ts">
import { Component } from 'vue-property-decorator'
import { LDFlags } from '@/util/constants'
import LaunchDarklyService from 'sbc-common-components/src/services/launchdarkly.services'
import Vue from 'vue'
@Component({})
export default class NumberedCompanyTooltip extends Vue {
private get enableBcCccUlc (): boolean {
return LaunchDarklyService.getFlag(LDFlags.EnableBcCccUlc) || false
}
}
</script>
<style lang="scss" scoped>
@import '$assets/scss/theme.scss';
Expand Down
143 changes: 34 additions & 109 deletions auth-web/src/views/auth/home/IncorpOrRegisterView.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,80 +14,41 @@
My Business Registry</a>
page and use the Name Request Number to:
</v-list-item-subtitle>
<div v-if="enableBcCccUlc">
<v-list-item class="list-item" v-for="(item, index) in bulletPointsAll" :key="index" >
<v-icon size="8" class="list-item-bullet mt-5">mdi-square</v-icon>
<v-list-item-content>
<v-list-item-subtitle class="list-item-text">
{{item.text}}
</v-list-item-subtitle>
</v-list-item-content>
</v-list-item>
</div>
<div v-else>
<v-list-item class="list-item" v-for="(item, index) in bulletPoints" :key="index" >
<v-icon size="8" class="list-item-bullet mt-5">mdi-square</v-icon>
<v-list-item-content>
<v-list-item-subtitle class="list-item-text">
{{item.text}}
</v-list-item-subtitle>
</v-list-item-content>
</v-list-item>
</div>
<v-list-item class="list-item" v-for="(item, index) in bulletPoints" :key="index">
<v-icon size="8" class="list-item-bullet mt-5">mdi-square</v-icon>
<v-list-item-content>
<v-list-item-subtitle class="list-item-text">
{{item.text}}
</v-list-item-subtitle>
</v-list-item-content>
</v-list-item>
</v-list-item-content>
</v-list-item>
<div class="pb-3">To register or incorporate, you will be asked for the following information:</div>
<template>
<div v-if="enableBcCccUlc">
<v-expansion-panels flat tile accordion>
<v-expansion-panel v-for="(item, index) in expansionPanelsAll" :key="index" class="incorp-expansion-panels">
<v-expansion-panel-header class="incorp-expansion-header font-weight-bold">
<template v-slot:actions>
<v-icon color="primary">
$expand
</v-icon>
</template>
{{ item.text }}
</v-expansion-panel-header>
<v-expansion-panel-content>
<v-list-item-content>
<v-list-item class="list-item" v-for="(subItem, subIndex) in item.items" :key="subIndex">
<v-list-item-content>
<v-list-item-subtitle class="list-item-text py-3">
{{subItem.text}}
</v-list-item-subtitle>
</v-list-item-content>
</v-list-item>
</v-list-item-content>
</v-expansion-panel-content>
</v-expansion-panel>
</v-expansion-panels>
</div>
<div v-else>
<v-expansion-panels flat tile accordion>
<v-expansion-panel v-for="(item, index) in expansionPanels" :key="index" class="incorp-expansion-panels">
<v-expansion-panel-header class="incorp-expansion-header font-weight-bold">
<template v-slot:actions>
<v-icon color="primary">
$expand
</v-icon>
</template>
{{ item.text }}
</v-expansion-panel-header>
<v-expansion-panel-content>
<v-list-item-content>
<v-list-item class="list-item" v-for="(subItem, subIndex) in item.items" :key="subIndex">
<v-list-item-content>
<v-list-item-subtitle class="list-item-text py-3">
{{subItem.text}}
</v-list-item-subtitle>
</v-list-item-content>
</v-list-item>
</v-list-item-content>
</v-expansion-panel-content>
</v-expansion-panel>
</v-expansion-panels>
</div>
<v-expansion-panels flat tile accordion>
<v-expansion-panel v-for="(item, index) in expansionPanels" :key="index" class="incorp-expansion-panels">
<v-expansion-panel-header class="incorp-expansion-header font-weight-bold">
<template v-slot:actions>
<v-icon color="primary">
$expand
</v-icon>
</template>
{{ item.text }}
</v-expansion-panel-header>
<v-expansion-panel-content>
<v-list-item-content>
<v-list-item class="list-item" v-for="(subItem, subIndex) in item.items" :key="subIndex">
<v-list-item-content>
<v-list-item-subtitle class="list-item-text py-3">
{{subItem.text}}
</v-list-item-subtitle>
</v-list-item-content>
</v-list-item>
</v-list-item-content>
</v-expansion-panel-content>
</v-expansion-panel>
</v-expansion-panels>
</template>
</v-list>
<!-- Panel Btns -->
Expand Down Expand Up @@ -119,8 +80,6 @@
<script lang="ts">
import { Component, Emit, Prop, Vue } from 'vue-property-decorator'
import ConfigHelper from '@/util/config-helper'
import { LDFlags } from '@/util/constants'
import LaunchDarklyService from 'sbc-common-components/src/services/launchdarkly.services'
import LearnMoreButton from '@/components/auth/common/LearnMoreButton.vue'
import NumberedCompanyTooltip from '@/components/auth/common/NumberedCompanyTooltip.vue'
import { User } from '@/models/user'
Expand All @@ -134,50 +93,20 @@ import { appendAccountId } from 'sbc-common-components/src/util/common-util'
})
export default class IncorpOrRegisterView extends Vue {
protected readonly learnMoreUrl = 'https://www2.gov.bc.ca/gov/content/governments/organizational-structure/ministries-organizations/ministries/citizens-services/bc-registries-online-services'
// For BEN only as feature flag 'EnableBcCccUlc' enabled
private readonly bulletPoints: Array<any> = [
{ text: 'Register a firm such as a sole proprietorship, a Doing Business As name (DBA), or a general partnership.' },
{ text: 'Incorporate a B.C. based company or a cooperative association.' }
]
// Use this when feature flag 'EnableBcCccUlc' no longer used. Change name and refrences
private readonly bulletPointsAll: Array<any> = [
{ text: 'Register a firm such as a sole proprietorship, a Doing Business As name (DBA), or a general partnership.' },
{ text: 'Incorporate a B.C. based company or a cooperative association.' }
{ text: 'Incorporate a benefit company or a cooperative association.' }
]
// For BEN only as feature flag 'EnableBcCccUlc' enabled
private readonly expansionPanels: Array<any> = [
{ text: 'Sole Proprietorship, DBA, and General Partnership',
items: [
{ text: 'The name(s) and address(es) of the proprietor or partner(s).' }
]
},
{ text: 'B.C. Based Company',
{ text: 'Benefit Company',
items: [
{ text: 'You can incorporate the following B.C. based company types: Limited Company, Unlimited Liability ' +
'Company, Benefit Company, and Community Contribution Company.' }
]
},
{ text: 'Cooperative Association',
items: [
{ text: 'Office addresses, director names and addresses, rules of the association and memorandum.' }
]
}
]
// Use this when feature flag 'EnableBcCccUlc' no longer used. Change name and refrences accordingly.
private readonly expansionPanelsAll: Array<any> = [
{ text: 'Sole Proprietorship, DBA, and General Partnership',
items: [
{ text: 'The name(s) and address(es) of the proprietor or partner(s).' }
]
},
{ text: 'B.C. Based Company',
items: [
{ text: 'You can incorporate the following B.C. based company types: Limited Company, Unlimited Liability ' +
'Company, Benefit Company, and Community Contribution Company.' }
{ text: 'Office addresses, director names and addresses, share structure and articles.' }
]
},
{ text: 'Cooperative Association',
Expand Down Expand Up @@ -206,10 +135,6 @@ export default class IncorpOrRegisterView extends Vue {
@Emit('manage-businesses')
private emitManageBusinesses (): void {}
private get enableBcCccUlc (): boolean {
return LaunchDarklyService.getFlag(LDFlags.EnableBcCccUlc) || false
}
}
</script>

Expand Down
80 changes: 18 additions & 62 deletions auth-web/src/views/auth/home/MaintainBusinessView.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,43 +5,22 @@
<v-col cols="12" md="6">
<h2>Manage and Maintain Your Business</h2>
<v-list class="py-0 my-4" color="transparent">
<div v-if="enableBcCccUlc">
<v-list-item class="list-item" v-for="(item, index) in bulletPointsAll" :key="index">
<v-icon size="8" class="list-item-bullet mt-5">mdi-square</v-icon>
<v-list-item-content>
<v-list-item-subtitle class="list-item-text">
{{item.text}}
</v-list-item-subtitle>
<v-list-item class="list-item list-item-sub" v-for="(item, index) in item.subText" :key="`sub-${index}`">
<v-icon size="8" class="list-item-bullet mt-5">mdi-square</v-icon>
<v-list-item-content>
<v-list-item-subtitle class="list-item-text">
{{item.text}}
</v-list-item-subtitle>
</v-list-item-content>
</v-list-item>
</v-list-item-content>
</v-list-item>
</div>
<div v-else>
<v-list-item class="list-item" v-for="(item, index) in bulletPoints" :key="index">
<v-icon size="8" class="list-item-bullet mt-5">mdi-square</v-icon>
<v-list-item-content>
<v-list-item-subtitle class="list-item-text">
{{item.text}}
</v-list-item-subtitle>
<v-list-item class="list-item list-item-sub" v-for="(item, index) in item.subText" :key="`sub-${index}`">
<v-icon size="8" class="list-item-bullet mt-5">mdi-square</v-icon>
<v-list-item-content>
<v-list-item-subtitle class="list-item-text">
{{item.text}}
</v-list-item-subtitle>
</v-list-item-content>
</v-list-item>
</v-list-item-content>
</v-list-item>
</div>

<v-list-item class="list-item" v-for="(item, index) in bulletPoints" :key="index">
<v-icon size="8" class="list-item-bullet mt-5">mdi-square</v-icon>
<v-list-item-content>
<v-list-item-subtitle class="list-item-text">
{{item.text}}
</v-list-item-subtitle>
<v-list-item class="list-item list-item-sub" v-for="(item, index) in item.subText" :key="`sub-${index}`">
<v-icon size="8" class="list-item-bullet mt-5">mdi-square</v-icon>
<v-list-item-content>
<v-list-item-subtitle class="list-item-text">
{{item.text}}
</v-list-item-subtitle>
</v-list-item-content>
</v-list-item>
</v-list-item-content>
</v-list-item>
</v-list>
<!-- Panel Btns -->
<div class="incorporate-btns">
Expand Down Expand Up @@ -127,8 +106,6 @@
<script lang="ts">
import { Component, Emit, Prop, Vue } from 'vue-property-decorator'
import ConfigHelper from '@/util/config-helper'
import { LDFlags } from '@/util/constants'
import LaunchDarklyService from 'sbc-common-components/src/services/launchdarkly.services'
import LearnMoreButton from '@/components/auth/common/LearnMoreButton.vue'
import { User } from '@/models/user'
import { appendAccountId } from 'sbc-common-components/src/util/common-util'
Expand All @@ -143,30 +120,13 @@ export default class MaintainBusinessView extends Vue {
private readonly faqUrl = 'https://www2.gov.bc.ca/gov/content/employment-business/business/managing-a-business/permits-licences/news-updates/modernization/coops-services-card'
protected readonly learnMoreUrl = 'https://www2.gov.bc.ca/gov/content/governments/organizational-structure/ministries-organizations/ministries/citizens-services/bc-registries-online-services'
// For BEN only as feature flag 'EnableBcCccUlc' enabled
private readonly bulletPoints: Array<any> = [
{ text: 'Once your business is incorporated or registered you are required to keep information about your ' +
'business up to date with the Registry.' },
{ text: 'Once your business is incorporated or registered you are required to keep information about your business up to date with the Registry.' },
{ text: 'By managing your business through your BC Registry account you can:',
subText: [
{ text: 'See which Annual Reports are due for your corporation and file each year.' },
{ text: 'View and change your current directors or owners and addresses.' },
{ text: 'See the history of your business\' filings and download copies of all documents including your ' +
'Statement of Registration, Certificate of Incorporation and more.' }
]
}
]
// Use this when feature flag 'EnableBcCccUlc' no longer used. Change name and refrences accordingly.
private readonly bulletPointsAll: Array<any> = [
{ text: 'Once your business is incorporated or registered you are required to keep information about your ' +
'business up to date with the Registry.' },
{ text: 'You can manage your business information using your BC Registries account:',
subText: [
{ text: 'See which Annual Reports are due for your corporation and file each year.' },
{ text: 'View and change your current directors or owners and addresses.' },
{ text: 'See the history of your business\' filings and download copies of all documents including your ' +
'Statement of Registration, Certificate of Incorporation and more.' }
{ text: 'See the history of your business\' filings and download copies of all documents including your Statement of Registration, Certificate of Incorporation and more.' }
]
}
]
Expand All @@ -190,10 +150,6 @@ export default class MaintainBusinessView extends Vue {
@Emit('manage-businesses')
private emitManageBusinesses () {}
private get enableBcCccUlc (): boolean {
return LaunchDarklyService.getFlag(LDFlags.EnableBcCccUlc) || false
}
}
</script>

Expand Down
Loading

0 comments on commit 8d99e4e

Please sign in to comment.