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.

Sign up for GitHub

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

Jump to bottom

CSOCA-506: Update PDF form as per ticket #440

Merged
merged 1 commit into from
Dec 6, 2023
Merged

CSOCA-506: Update PDF form as per ticket #440

Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
102 changes: 57 additions & 45 deletions web/src/components/process/Form11/components/pdf/Form11Layout.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,47 +1,59 @@
<template>
<div>

<div class="my-0">
<div class="text-right">FORM 11 <i>(RULE 66(3)(b) )</i></div>
</div>

<div class="my-0">
<div class="text-center"><b>COURT OF APPEAL FOR BRITISH COLUMBIA</b></div>
</div>

<div>
<div style="color:#FFF; font-size:1px; width:0.1rem; height:0.1rem; margin:0; padding:0;"><b>i</b></div>
</div>
</div>

<div class="my-0">
<div class="text-right" >Court of Appeal File No. <b class="ml-3">{{result.formSevenNumber}}</b></div>
<div class="text-right">Court of Appeal File No. <b class="ml-3">{{result.formSevenNumber}}</b></div>
</div>

<!-- <BETWEEN> -->
<!-- <BETWEEN> -->
<div class="mb-3 mx-0 row" style="font-weight: 700;">
<div style="width:11%;">
BETWEEN:
BETWEEN:
</div>
</div>
<div class="my-3 mx-0 row" style="font-weight: 700;">
<div style="width:11%;"/>
<div style="width:11%;" />
<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<span v-if="applicantNames.length>1" >s</span></div>
<div style="width:11%;" class="text-center">Appellant<span v-if="applicantNames.length>1">s</span></div>
</div>

<!-- <AND> -->
<!-- <AND> -->
<div class="my-3 mx-0 row" style="font-weight: 600;">
<div style="width:11%;">
AND:
AND:
</div>
</div>
<div class="my-3 mx-0 row" style="font-weight: 600;">
<div style="width:11%;" />
<div style="width:11%;" />
<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<span v-if="respondentNames.length>1" >s</span></div>
<div style="width:13%;" class="text-center"> Respondent<span v-if="respondentNames.length>1">s</span></div>
</div>

<div class="my-0">
<div class="text-center"><b>ORDER OF THREE OR MORE JUSTICES</b></div>
</div>


<!-- <BEFORE> -->
<!-- <BEFORE> -->
<div class="mb-2 mx-0 mt-5 row" style="font-weight: 600;">
<div>
BEFORE:
BEFORE:
</div>
</div>

Expand All @@ -51,89 +63,89 @@
</div>
</div>

<!-- <HEARING LOCATION-DATE> -->
<!-- <HEARING LOCATION-DATE> -->
<div class="mt-2 mb-4 mx-0 row">
<div>
{{result.hearingLocation.name}}, British Columbia, {{hearingDate | beautify-date-full}}
{{result.hearingLocation.name}}, British Columbia, {{hearingDate | beautify-date-full}}
</div>
</div>

<!-- <Reasons to Follow - Later Date> -->
<div class="mt-2 mb-4 mx-0 row" v-if="result.laterDateDecided">
<div>
Reasons to follow being released on {{ result.laterDate | beautify-date-full}}
<!-- <Reasons to Follow - Later Date> -->
<div class="mt-2 mb-4 mx-0 row" v-if="result.laterDateDecided">
<div>
Reasons to follow being released on {{ result.laterDate | beautify-date-full}}
</div>
</div>
</div>

<!-- <Reasons to Follow - Later Date> -->
<div class="mt-2 mb-4 mx-0 row" v-if="result.supplementaryReasons">
<div>
Supplementary reasons being released on {{ result.supplementaryReasonsDate | beautify-date-full}}
<!-- <Reasons to Follow - Later Date> -->
<div class="mt-2 mb-4 mx-0 row" v-if="result.supplementaryReasons">
<div>
Supplementary reasons being released on {{ result.supplementaryReasonsDate | beautify-date-full}}
</div>
</div>
</div>

<!-- <THE APPEAL> -->

<!-- <THE APPEAL> -->
<div class="my-3 mx-0 row">
<div>
<b>THE APPEAL</b> from the order of {{varyingOrderJudgeName}} at {{result.varyingOrderLocation}}
dated {{result.varyingOrderDate | beautify-date-full-no-weekday}}, coming on for hearing on {{result.hearingDate | beautify-date-full-no-weekday}};
<b>AND ON HEARING</b> {{appearingParties}};
<b>THE APPEAL</b> from the order of {{varyingOrderJudgeName}} at {{result.varyingOrderLocation}}
dated {{result.varyingOrderDate | beautify-date-full-no-weekday}}, coming on for hearing on {{result.hearingDate | beautify-date-full-no-weekday}};
<b>AND ON HEARING</b> {{appearingParties}};
<b>AND ON READING</b> the materials filed herein; <b>AND ON JUDGMENT BEING PRONOUNCED ON THIS DATE</b>;
</div>
</div>

<!-- <DISMISS> -->
<!-- <DISMISS> -->
<div class="my-3 mx-0 row">
<div>
<b>THIS COURT ORDERS</b> that the appeal is <span v-if="result.orderAllowed"> allowed. </span> <span v-else> dismissed.</span>
</div>
</div>

<!-- <DISMISS> -->
<!-- <DISMISS> -->
<div class="my-3 mx-0 row">
<div>
<b>THIS COURT ORDERS</b> that {{result.ordersCourtMade}}
</div>
</div>

<!-- <FURTHER ORDERS> -->
<!-- <FURTHER ORDERS> -->
<div v-if="result.otherOrders" class="my-3 mx-0 row">
<div>
<b>AND THIS COURT FURTHER ORDERS</b> that {{result.furtherOrders}}.
</div>
</div>

<!-- <COSTs ORDERS> -->
<div class="my-3 mx-0 row">
<!-- <COSTs ORDERS> -->
<div class="my-3 mx-0 row">
<div>
<b>AND THIS COURT FURTHER ORDERS</b> that the {{successfullParties}}
<b>AND THIS COURT FURTHER ORDERS</b> that the {{successfullParties}}
do recover the costs of the appeal from {{unsuccessfullParties}} promptly after assessment.
</div>
</div>

<!-- <APPROVED> -->
<!-- <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%;">APPROVED AS TO FORM:</div>
<div style="width:50%;">BY THE COURT</div>
</div>

<!-- <Parties Signature> -->
<div class="m-0 row print-block" v-for="party,inx in signingPartyList" :key="'party-sign-'+inx">
<!-- <Parties Signature> -->
<div class="m-0 row print-block" v-for="party,inx in signingPartyList" :key="'party-sign-'+inx">
<div style="width:50%;">
<div style="height:3rem;" />
<div style="border-top:1px dashed grey; width:94%; " >
{{party.name}}
<div style="height:3rem;" />
<div style="border-top:1px dashed grey; width:94%; ">
Signature of {{party.name}}
<span v-if="party.responding">, Respondent</span>
<span v-else>, Appellant</span>
</div>
</div>
</div>
<div v-if="inx==0" style="width:50%;">
<div style="height:3rem;" />
<div style="border-top:1px dashed grey;">
Deputy Registrar
</div>
</div>
</div>
</div>


Expand Down
Loading