Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

CSOCA-529/530/531/532 - Legislative Changes #478

Merged
merged 5 commits into from
Mar 4, 2025
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -92,7 +92,7 @@
<!-- <APPROVED> -->
<div class="mb-3 mt-5 mx-0 row">
<div style="width:50%;">APPROVED AS TO FORM:</div>
<div style="width:50%;">BY THE COURT</div>
<div style="width:50%;">FOR THE COURT</div>
</div>

<!-- <Parties Signature> -->
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@
<div style="width:78%;">
<div style="font-weight: 200;" class="text-center mx-3">{{applicantNamesFull}}</div>
</div>
<div style="width:11%;" class="text-center">Appellant(s)</div>
<div style="width:11%; white-space: nowrap !important;" class="text-center">Appellant(s)</div>
</div>

<!-- <AND> -->
Expand All @@ -42,17 +42,17 @@
<div style="width:76%;">
<div style="font-weight: 200;" class="text-center mx-3">{{respondentNamesFull}}</div>
</div>
<div style="width:13%;" class="text-center"> Respondent(s)</div>
<div style="width:13%; white-space: nowrap !important;" class="text-center"> Respondent(s)</div>
</div>

<div class="my-0">
<div class="text-center"><b>CONSENT ORDER TO REMOVE AN APPEAL FROM THE INACTIVE LIST</b></div>
</div>

<!-- <ORDER-DATE> -->
<div class="mt-4 mb-4 mx-0 row">
<!-- <BEFORE THE HONOURABLE> -->
<div class="my-4 mx-0 row">
<div>
{{result.orderDate | beautify-date-full}}
<b>BEFORE THE HONOURABLE</b>
</div>
</div>

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -101,9 +101,13 @@
<span v-else>, Appellant</span>
</div>
</div>

<div v-if="inx==0" style="width:50%;">
<div style="height:3rem;" />
<div style="border-top:1px dashed grey;">
A Justice of the Court of Appeal
</div>
</div>
</div>

</div>
</template>

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -313,13 +313,37 @@
<p>Income</p>
</b-col>
<b-col class="ml-1">
<b-form-radio-group
stacked
style="width:100%"
@change="recheckStates()"
:class="state.income==false?'border border-danger is-invalid':''"
v-model="form22Info.income"
:options="incomeOptions">
<b-form-radio-group stacked style="width:100%"
@change="handleIncomeChange" :class="state.income == false ? 'border border-danger is-invalid' : ''"
v-model="form22Info.income">
<b-form-radio :value="1" @focus="handleIncomeChange">
1-3 household members – Household gross income is:
<b-input-group>
<b-input-group-prepend is-text>$</b-input-group-prepend>
<b-form-input
v-model="form22Info.incomeValue1"
type="number"
class="d-inline-block w-auto"
:disabled="form22Info.income !== 1"
min="0">
</b-form-input>
</b-input-group>
</b-form-radio>
<b-form-radio :value="2" @focus="handleIncomeChange">
4 or more household members – Household gross income is:
<b-input-group>
<b-input-group-prepend is-text>$</b-input-group-prepend>
<b-form-input
v-model="form22Info.incomeValue2"
type="number" class="d-inline-block w-auto"
:disabled="form22Info.income !== 2"
min="0">
</b-form-input>
</b-input-group>
</b-form-radio>
<b-form-radio :value="0" @focus="handleIncomeChange">
None of the above
</b-form-radio>
</b-form-radio-group>
<span
v-if="(state.income != null)"
Expand All @@ -337,11 +361,25 @@
<b-col class="ml-1">
<b-form-radio-group
stacked
@change="recheckStates()"
@change="handleAssetsChange"
:class="state.assets==false?'border border-danger is-invalid':''"
style="width:100%"
v-model="form22Info.assets"
:options="assetOptions">
v-model="form22Info.assets">
<b-form-radio :value="true" @focus="handleAssetsChange">
The value of my household assets, after subtracting any outstanding debt owing on them, is:
<b-input-group>
<b-input-group-prepend is-text>$</b-input-group-prepend>
<b-form-input
v-model="form22Info.assetsValue"
type="number" class="d-inline-block w-auto"
:disabled="form22Info.assets !== true"
min="0">
</b-form-input>
</b-input-group>
</b-form-radio>
<b-form-radio :value="false" @focus="handleAssetsChange">
Not applicable
</b-form-radio>
</b-form-radio-group>
<span
v-if="(state.assets != null)"
Expand All @@ -367,8 +405,9 @@
<b-col cols="7" class="labels">
Please provide specific details about your financial circumstances
<p class="content text-primary">
For example, if you have recently lost employment or have a large number of dependents.
</p>
Complete this Part if you do not meet the income or assets criteria set under
<a href="https://www.bclaws.gov.bc.ca/civix/document/id/complete/statreg/120_2022a#section85" target="_blank">Rule 85(2)</a>. Be specific, for example, if you have recently lost employment or have a large number of dependents.
</p>
</b-col>
<b-col>
<b-form-textarea
Expand All @@ -384,7 +423,7 @@

<b-row class="my-3 question" style="padding: 0;">
<b-col cols="7" class="labels">
Name of lawyer or party authorizing filing of this Form:
Name of party authorizing filing of this Form:
</b-col>
<b-col>
<b-form-input
Expand Down Expand Up @@ -480,17 +519,8 @@ export default class Form22StyleOfProceeding extends Vue {
latestEditAppellantData;
isEditAppellantOpen = false;

assetOptions = [
{text: 'The value of my household assets, after subtracting any outstanding debt owing on them, is less than $10,000', value: true},
{text: 'Not applicable', value: false}
];

incomeOptions = [
{text: '1-3 household members - My gross household income is less than $60,000', value: 1},
{text: '4 or more household members - My gross household income is less than $84,000', value: 2},
{text: 'None of the above', value: 0}
];


partyFields = [
{
key:'organization',
Expand Down Expand Up @@ -964,7 +994,21 @@ export default class Form22StyleOfProceeding extends Vue {
public navigateToPreviewPage() {
this.$router.push({name: "preview-form22"})
}

public handleIncomeChange() {
if (this.form22Info.income !== 1) {
this.form22Info.incomeValue1 = null;
}
if (this.form22Info.income !== 2) {
this.form22Info.incomeValue2 = null;
}
this.recheckStates();
}
public handleAssetsChange() {
if (this.form22Info.assets !== true) {
this.form22Info.assetsValue = null;
}
this.recheckStates();
}
}
</script>

Expand Down
64 changes: 44 additions & 20 deletions web/src/components/process/Form22/components/pdf/Form22Layout.vue
Original file line number Diff line number Diff line change
Expand Up @@ -86,10 +86,10 @@
you undue hardship.
</div>
<div style="margin-bottom: 0.75rem;">
If you meet the income and assets criteria in Part B, you meet the
financial hardship criteria. If not, you can complete Part C and
argue at the hearing that there are special financial circumstances
that establish undue hardship, or you can abandon your application.
The criteria set by the registrar under Rule 85 (2) are on the main page of the Court of Appeal’s website. Complete Part B to
determine if you meet the income and assets criteria.
If you do not meet the criteria, you can also complete Part C and argue at the hearing that there are special financial circumstances that establish undue hardship, or you can abandon your
application. <b>You must provide complete and accurate financial information.</b>
</div>
<div style="margin-bottom: 0.75rem;">
This is a “without notice” application. You do not need to serve
Expand Down Expand Up @@ -171,17 +171,18 @@
<!-- <part-of-order-cross-appealed> -->
<div class="row mt-1" style="font-size: 9pt; margin: 0.5rem 0.5rem;">

<div class="coa-arrow-box-left" style="background:#FFF; width:28%; line-height:1rem; margin:.75rem 0; height:6.1rem;">
<div class="coa-arrow-box-left" style="background:#FFF; width:28%; line-height:1rem; margin:.75rem 0; height:13rem;">
<div class="ml-2">
<b>Check the applicable boxes</b>
<b>Household income and assets</b>
<i style="font-size:8.8pt;">
<br>If the income or assets criteria do not apply, you must complete
Part C or abandon your application.
<br>Check the applicable boxes and indicate the household income and value of all household assets. <b>Provide complete and accurate financial information.</b>
<br><br>
If you do not meet the income or assets criteria set by the registrar under Rule 85 (2), you must also complete Part C or abandon your application.
</i>
</div>
</div>

<div class="arrow-right-flash-62" style="border-left-color: #FFF;"></div>
<div class="arrow-right-flash-110" style="border-left-color: #FFF;"></div>

<div style="width:62%; margin:0; font-size:8.75pt;">
<b>Income</b>
Expand All @@ -190,20 +191,20 @@
:check="(result.income == 1)?'yes':''"
shiftmark="1"
marginLeft="0.5rem"
text="<i>1-3 household members</i> - My gross household income is less than $60,000"/>
:text="computedIncome1"/>
<check-box
style="margin-left:0.85rem;line-height:1rem;"
:check="(result.income == 2)?'yes':''"
shiftmark="1"
marginLeft="0.5rem"
text="<i>4 or more household members</i> - My gross household income is less than $84,000"/>
<b>Assets</b>
:text="computedIncome2"/>
<b><br><br>Assets</b>
<check-box
style="margin-left:0.85rem;"
:check="(result.assets)?'yes':''"
shiftmark="1"
marginLeft="0.5rem"
text="The value of my household assets, after subtracting any outstanding debt owing on them, is less than $10,000"/>
:text="computedAsset"/>
</div>

</div>
Expand All @@ -217,18 +218,17 @@
<!-- <financial> -->
<div class="row mt-1" style="font-size: 9pt; margin: 0.5rem 0.5rem;">

<div class="coa-arrow-box-left" style="background:#FFF; width:28%; line-height:1rem; margin:.25rem 0; height:7.2rem;">
<div class="coa-arrow-box-left" style="background:#FFF; width:28%; line-height:1rem; margin:.25rem 0; height:10rem;">
<div class="ml-2">
<b style="font-size:8.5pt;">Special financial circumstances</b>
<i style="font-size:8.5pt;">
<br>Be as specific as possible about your financial circumstances. For example,
if you have recently lost employment or have a large number of
dependants note that here.
<br>Complete this Part if you do not meet the income or assets criteria set under Rule 85 (2). Be as specific as possible about
your financial circumstances. For example, if you have recently lost employment or have a large number of dependants, note that here.
</i>
</div>
</div>

<div class="arrow-right-flash-62" style="border-left-color: #FFF;"></div>
<div class="arrow-right-flash-85" style="border-left-color: #FFF;"></div>

<div class="coa-text-box-left" style="width:63.25%; background:#FFF; font-weight: 700;">
<div v-if="result.assets == false && result.income == 0" class="ml-2">{{result.finances}}</div>
Expand Down Expand Up @@ -300,7 +300,7 @@
<div style="width:3.28%;"></div>

<div class="coa-arrow-box-left" style="width:25%; margin:0.5rem 0; line-height:0.95rem; height:2.15rem;">
<div class="ml-2">Name of lawyer or person authorizing filing of this form</div>
<div class="ml-2">Name of person authorizing filing of this form</div>
</div>
<div class="arrow-right-flash-25"></div> <!-- < width ~ 6.64% > -->

Expand Down Expand Up @@ -336,8 +336,32 @@ export default class Form22Layout extends Vue {

@Prop({required:true})
result!: form22DataInfoType;
}
get computedIncome1(): string {
if (this.result.income == 1) {
return `<i>1-3 household members</i> - Household gross income is $${this.formatCurrency(this.result.incomeValue1)}`;
} else {
return `<i>1-3 household members</i> - Household gross income is $........`;
}
}
get computedIncome2(): string {
if (this.result.income == 2) {
return `<i>4 or more household members</i> - Household gross income is $${this.formatCurrency(this.result.incomeValue2)}`;
} else {
return `<i>4 or more household members</i> - Household gross income is $........`;
}
}
get computedAsset(): string {
if (this.result.assets) {
return `The value of household assets, after subtracting any outstanding debt owing on them, is $${this.formatCurrency(this.result.assetsValue)}`;
} else {
return `The value of household assets, after subtracting any outstanding debt owing on them, is $........`;
}
}

formatCurrency(value: string): string {
return parseInt(value).toLocaleString('en-US');
}
}
</script>

<style scoped lang="scss" src="@/styles/_pdf.scss">
Expand Down
2 changes: 2 additions & 0 deletions web/src/filters/index.ts
Original file line number Diff line number Diff line change
Expand Up @@ -400,6 +400,8 @@ Vue.filter('printPdf', function(html, pageFooterLeft, pageFooterRight, pageHeade
`.coa-arrow-box-left{background: #E8E8E8;word-wrap: break-word; display:flex; align-items:center; justify-content:left; text-align:left;}`+
`.coa-arrow-box-right{background: #E8E8E8;word-wrap: break-word; display:flex; align-items:center; justify-content:right; text-align:right;}`+

`.arrow-right-flash-110{ margin-right:1.25rem; width:0;height:0; border-top: 110px solid transparent; border-bottom: 123px solid transparent;border-left: 36px solid #E8E8E8;}`+
`.arrow-right-flash-85{ margin-right:1.25rem; width:0;height:0; border-top: 85px solid transparent; border-bottom: 85px solid transparent;border-left: 36px solid #E8E8E8;}`+
`.arrow-right-flash-80{ margin-right:1.25rem; width:0;height:0; border-top: 80px solid transparent; border-bottom: 80px solid transparent;border-left: 36px solid #E8E8E8;}`+
`.arrow-right-flash-76{ margin-right:1.25rem; width:0;height:0; border-top: 76px solid transparent; border-bottom: 76px solid transparent;border-left: 36px solid #E8E8E8;}`+
`.arrow-right-flash-66{ margin-right:1.25rem; width:0;height:0; border-top: 66px solid transparent; border-bottom: 66px solid transparent;border-left: 36px solid #E8E8E8;}`+
Expand Down
2 changes: 2 additions & 0 deletions web/src/styles/_pdf.scss
Original file line number Diff line number Diff line change
Expand Up @@ -45,6 +45,8 @@ table.compactfullsize :deep(td){padding:0 0 0 .5rem; color: #313132;}
.coa-arrow-box-left{background: #E8E8E8;word-wrap: break-word; display:flex; align-items:center; justify-content:left; text-align:left;}
.coa-arrow-box-right{background: #E8E8E8;word-wrap: break-word; display:flex; align-items:center; justify-content:right; text-align:right;}

.arrow-right-flash-110{ margin-right:1.25rem; width:0;height:0; border-top: 110px solid transparent; border-bottom: 123px solid transparent;border-left: 36px solid #E8E8E8;}
.arrow-right-flash-85{ margin-right:1.25rem; width:0;height:0; border-top: 85px solid transparent; border-bottom: 85px solid transparent;border-left: 36px solid #E8E8E8;}
.arrow-right-flash-80{ margin-right:1.25rem; width:0;height:0; border-top: 80px solid transparent; border-bottom: 80px solid transparent;border-left: 36px solid #E8E8E8;}
.arrow-right-flash-76{ margin-right:1.25rem; width:0;height:0; border-top: 76px solid transparent; border-bottom: 76px solid transparent;border-left: 36px solid #E8E8E8;}
.arrow-right-flash-66{ margin-right:1.25rem; width:0;height:0; border-top: 66px solid transparent; border-bottom: 66px solid transparent;border-left: 36px solid #E8E8E8;}
Expand Down
3 changes: 3 additions & 0 deletions web/src/types/Information/Form22/index.ts
Original file line number Diff line number Diff line change
Expand Up @@ -46,6 +46,9 @@ export interface form22DataInfoType {
orders: string;
grounds: string;
income: number;
incomeValue1?:string;
incomeValue2?:string;
assetsValue?:string;
assets: boolean;
finances?: string;
completionDate?: string;
Expand Down
Loading