Browse Source

DIV-1020: Update Initial Filing page front-end with dynamic form list

pull/172/head
ariannedee 5 years ago
parent
commit
ea4626573a
15 changed files with 421 additions and 291 deletions
  1. +1
    -1
      edivorce/apps/core/static/css/main.css
  2. +10
    -0
      edivorce/apps/core/static/css/main.scss
  3. +130
    -0
      edivorce/apps/core/templates/dashboard/help_scanning.html
  4. +75
    -25
      edivorce/apps/core/templates/dashboard/initial_filing.html
  5. +9
    -0
      edivorce/apps/core/templates/dashboard/partials/question_incomplete_warning.html
  6. +22
    -28
      edivorce/apps/core/templates/dashboard/print_form.html
  7. +10
    -0
      edivorce/apps/core/templates/partials/tooltips/certificate_of_pleading.html
  8. +1
    -1
      edivorce/apps/core/templates/partials/tooltips/form_desk_order_38.html
  9. +1
    -1
      edivorce/apps/core/templates/partials/tooltips/joint_family_claim.html
  10. +10
    -0
      edivorce/apps/core/templates/partials/tooltips/requisition_form.html
  11. +41
    -0
      edivorce/apps/core/utils/cso_filing.py
  12. +6
    -2
      edivorce/apps/core/views/main.py
  13. +79
    -81
      vue/package-lock.json
  14. +18
    -15
      vue/src/components/Uploader/Uploader.vue
  15. +8
    -137
      vue/src/pages/initial-filing/InitialFiling.vue

+ 1
- 1
edivorce/apps/core/static/css/main.css
File diff suppressed because it is too large
View File


+ 10
- 0
edivorce/apps/core/static/css/main.scss View File

@ -1501,6 +1501,16 @@ textarea {
}
}
.filing-page {
.upload-area {
padding: 32px 20px 32px 20px;
margin-bottom: 50px;
background-color: $color-grey-lightest;
border: 1px solid $color-grey-medium;
border-radius: 8px;
}
}
/* Column Grid in flexbox */
.row-flex {
display: -webkit-box;


+ 130
- 0
edivorce/apps/core/templates/dashboard/help_scanning.html View File

@ -0,0 +1,130 @@
{% extends 'base.html' %}
{% block title %}{{ block.super }}: Overview{% endblock %}
{% block progress %}
{% include "partials/dashnav.html" with active_page=active_page %}
{% endblock %}
{% block content %}
<h1>Get Help Opening and Saving PDF forms</h1>
<div>
<h3>Your divorce forms</h3>
<p>You can review, print, or save your forms by clicking on the
&ldquo;Review and Print&rdquo; button next to each form. This will open or
download a PDF version of the form.</p>
<p>&ldquo;PDF&rdquo; stand for Portable Document Format, which is a file
format created by Adobe and is a standard format for printed documents. A
PDF retains the design and layout of the document so it appears the same
wherever it is viewed or printed.</p>
</div>
<div class="question-well">
<h3>Open the form in your browser</h3>
<p>Your browser (e.g. Internet Explorer, Edge, Google Chrome, Firefox, or
Safari) may have a built-in PDF viewer. If so, you can open the forms
directly on the web.</p>
<ol type="1">
<li>Click on the &ldquo;Review and Print&rdquo; button to open the PDF
form in your browser window.
</li>
<li>Depending on your browser settings, your PDF might save the form to
your computer (see below) or it will open in a new tab or
window.
</li>
<li>To print, click on the printer icon at the top of the document (it
might be on the left or the right side).
</li>
<li>To save the file to your computer, click on the save icon (disk) or
download icon (downward arrow) at the top of the document.
</li>
</ol>
<p>
If you are having trouble viewing PDFs, you may need to adjust your
browser settings. See
<a href="https://helpx.adobe.com/acrobat/using/display-pdf-in-browser.html"
target="_blank">Adobe’s instructions for displaying PDFs</a> in
various browsers for detailed instructions.
</p>
</div>
<div class="question-well">
<h3>Save the forms to your computer</h3>
<p>It's a great idea to save the PDF’s of your forms to your computer so
you have a backup, and can print it later. You must have Adobe Reader
installed (or Preview on Mac), otherwise, you can
<a href="https://get.adobe.com/reader/" target="_blank">download it
here</a>.
</p>
<ol type="1">
<li>Right-click on the &ldquo;Review and Print&rdquo; button next to the
name of the document.
</li>
<li>Select &ldquo;Save Target As&rdquo; or &ldquo;Save Link As&rdquo;.</li>
<li>Choose a folder to keep your forms in (for example
&ldquo;Documents&rdquo;). You may want to make a note of where you
saved it.
</li>
<li>Open Adobe Reader: When Adobe Reader is open, go to File, then to
Open, then to where you saved the document. Double-click on the
document to open it.<br/>
OR<br/>
FInd the file: On your computer, find where you saved the document
and double-click it.
</li>
<li>View and/or print your form.</li>
</ol>
</div>
<div class="question-well">
<h3>Download the form through your browser</h3>
<p>Depending on your browser settings, your PDF forms may download
automatically.</p>
<ol type="1">
<li>If asked, choose a folder to keep your forms in (for example
&ldquo;Documents&rdquo;). You may want to make a note of where you
saved it.
</li>
<li>Open Adobe Reader (or Preview on Mac). If you need to, you can <a
href="https://get.adobe.com/reader/" target="_blank">download it
here</a>.
</li>
<li>When Adobe Reader is open, go to File, then to Open, then go to
your &ldquo;Downloads&rdquo; folder (or to where you saved the
document).
</li>
<li>View and/or print your form.</li>
</ol>
</div>
{% endblock %}
{% block backToDashboard %}
<div class="mid_banner-dash">
<a href="{% url 'dashboard_nav' 'initial_filing' %}">
<i class="fa fa-arrow-circle-o-left" aria-hidden="true"></i> View
Application Stages
</a>
</div>
{% endblock %}
{% block formbuttons %}
<!-- no button -->
{% endblock %}
{% block sidebarNav %}
<!-- no sidebarNav -->
{% endblock %}
{% block sidebar %}
<!-- no sidebar -->
{% endblock %}

+ 75
- 25
edivorce/apps/core/templates/dashboard/initial_filing.html View File

@ -5,35 +5,74 @@
{% block progress %}{% include "partials/dashnav.html" with active_page=active_page %}{% endblock %}
{% block container_col %}filing-page{% endblock %}
{% block content %}
<h1>Initial Filing</h1>
{% if how_to_file == 'Online' %}
{% if derived.any_errors %}
{% include "dashboard/partials/question_incomplete_warning.html" %}
{% endif %}
<p>
Your filing (submitting completed documents to the court registry) occurs in two parts. The initial filing initiates the divorce
proceeding. Once
initial filing is complete you will receive a Court Filing Number. This number is important as it will allow you or your spouse to file
the
Your filing (submitting completed documents to the court registry) occurs in two parts.
The initial filing initiates the divorce proceeding.
Once initial filing is complete you will receive a Court Filing Number.
This number is important as it will allow you or your spouse to file the
remaining documents required to complete your divorce.
</p>
<p>Missing a form required on this page? Check the <a href="{% url 'dashboard_nav' 'print_form' %}">Review Forms</a> step.</p>
<p><a>Need help with Scanning your documents?</a></p>
<p><b>Missing a form required on this page?</b> Check the <a href="{% url 'dashboard_nav' 'print_form' %}">Review Forms</a> step.</p>
<p><a href="{% url 'dashboard_nav' 'help_saving_pdf' %}">Need help with Scanning your documents?</a></p>
<div id="vue-app">
<initial-filing-uploader
signing-location="{{ signing_location }}"
signing-location-you="{{ signing_location_you }}"
signing-location-spouse="{{ signing_location_spouse }}"
proxy-root-path="{{ proxy_root_path }}">
</initial-filing-uploader>
<div class="upload-area">
{% if how_to_sign == 'Together' and signing_location == 'In-person' %}
<div>
<p>The {% include "partials/tooltips/joint_family_claim.html" with text="Notice of Joint Family Claim Form (F1)" %} will be
automatically filed for you.</p>
</div>
{% elif how_to_sign == 'Separately' and signing_location_you == 'In-person' %}
<div>
<p>The {% include "partials/tooltips/joint_family_claim.html" with text="Notice of Joint Family Claim Form (F1)" %} will be
automatically filed for you.</p>
</div>
{% else %}
<p>The following forms will be automatically filed for you:</p>
<ul>
<li>{% include "partials/tooltips/joint_family_claim.html" with text="Notice of Joint Family Claim Form (F1)" %}</li>
<li>{% include "partials/tooltips/requisition_form.html" %}</li>
<li>{% include "partials/tooltips/certificate_of_pleading.html" %}</li>
</ul>
<p>
The following forms will be submitted for you but
require {% include "partials/tooltips/swear_affirm.html" with text="swearing/affirming" %}
before filing (see next step for details)
</p>
<ul>
<li>{% include "partials/tooltips/form_child_support_37.html" %}</li>
<li>{% include "partials/tooltips/form_desk_order_38.html" %}</li>
</ul>
{% endif %}
<div id="vue-app">
<initial-filing-uploader
:form-types="{{ form_types }}"
proxy-root-path="{{ proxy_root_path }}">
</initial-filing-uploader>
</div>
</div>
<h3>Filing with Court Services Online</h3>
<p>When you click Next, you will be taken to the Court Services Online e-filing hub. In the next few steps you will be able to do a final
review of your filed documentation, pay for your filing and (if completed successfully) receive a Package Number.</p>
<p>Once your filings have been reviewed by the Court Registry (?), you will be provided a Court Filing Number (?) via e-mail. This may
take up
to one week.</p>
<p>You will need your Court Filing Number if you are filing any additional documentation.</p>
<p>
When you click Next, you will be taken to the Court Services Online e-filing hub.
In the next few steps you will be able to do a final review of the documents you are submitting for filing,
pay for your filing and (if completed successfully) receive a Package Number.
</p>
<p>
Once your filings have been reviewed by the {% include "partials/tooltips/court_registry.html" %},
you will be provided a {% include "partials/tooltips/court_file_number.html" %} via e-mail.
This may take up to one week.
</p>
<p>
<b>You will need your Court Filing Number if you are filing any additional documentation.</b>
</p>
{% elif how_to_file == 'In-person' %}
<p>
You don't need to complete this step. Go to <a href="{% url 'dashboard_nav' 'swear_forms' %}">Swear Forms</a> for further instruction.
@ -53,13 +92,10 @@
{% block formbuttons %}
<div class="form-buttons clearfix">
<a class="btn btn-primary" href="{% url 'dashboard_nav' 'print_form' %}"><i class="fa fa-arrow-circle-o-left"></i>&nbsp;&nbsp;&nbsp;Back</a>
{% if initial_filing_submitted %}
<a class="btn btn-success pull-right" href="{% url 'dashboard_nav' 'wait_for_number' %}">Next&nbsp;&nbsp;&nbsp;<i
class="fa fa-arrow-circle-o-right"></i></a>
{% else %}
<a class="btn btn-success pull-right" href="{% url 'dashboard_nav' 'wait_for_number' %}">Next</a>
{% endif %}
<a class="btn btn-primary pull-right save-spinner" href="{% url 'submit_initial_files' %}"><i class="fa fa-floppy-o"></i>&nbsp;&nbsp;&nbsp;
<a class="btn btn-primary pull-right save-spinner" href="{% url 'submit_initial_files' %}">
<i class="fa fa-floppy-o"></i>&nbsp;&nbsp;&nbsp;
Submit Documents</a>
</div>
{% endblock %}
@ -67,7 +103,21 @@
<!-- no sidebar -->
{% endblock %}
{% block sidebarText %}
{% include "dashboard/partials/sidebar_help.html" %}
<h3>What happens with the initial filing?</h3>
<p>
The registry staff will review the documents you have submitted for filing
and providing that all required fields have been properly completed,
they will process the $210.00 fee, assign a file number to the documents
and stamp/seal them.
</p>
<p>
Note: There is an additional $7.00 fee for submitting each package online.
</p>
<p>
You will be notified via email whether your initial filing was accepted or not.
If corrections should be required, you will need to make the corrections identified
and resubmit your initial filing.
</p>
{% endblock %}
{% block extra_css %}


+ 9
- 0
edivorce/apps/core/templates/dashboard/partials/question_incomplete_warning.html View File

@ -0,0 +1,9 @@
<div class="review-warning">
<div><span class="exclamation"><i class="fa fa-fw fa-exclamation-circle"></i></span></div>
<div>
At least one question in the <a href="{% url 'question_steps' 'review' %}">Questionnaire</a> portion of
this application is incomplete.
Generally, filing incomplete forms will cause your filing to be rejected by the Court Registry.
We recommend you go back to the <a href="{% url 'question_steps' 'review' %}">Questionnaire</a> and complete all pages.
</div>
</div>

+ 22
- 28
edivorce/apps/core/templates/dashboard/print_form.html View File

@ -8,15 +8,7 @@
{% block content %}
<h1>Review and Print your Divorce Forms</h1>
{% if derived.any_errors %}
<div class="review-warning">
<div><span class="exclamation"><i class="fa fa-fw fa-exclamation-circle"></i></span></div>
<div>
At least one question in the <a href="{% url 'question_steps' 'review' %}">Questionnaire</a> portion of
this application is incomplete.
Generally, filing incomplete forms will cause your filing to be rejected by the Court Registry.
We recommend you go back to the <a href="{% url 'question_steps' 'review' %}">Questionnaire</a> and complete all pages.
</div>
</div>
{% include "dashboard/partials/question_incomplete_warning.html" %}
{% endif %}
<p>
To get divorced, you need to get a divorce order. Only the court has the
@ -459,25 +451,27 @@
- Does not require signatures.
">Completed Registration of Divorce form (Federal)<i class="fa fa-question-circle" aria-hidden="true"></i></span>
</li>
{% if name_change_you == 'YES' or name_change_spouse == 'YES' %}
<li>
<span class="tooltip-link" data-toggle="tooltip" data-placement="right"
data-html="true"
title="
<b>Identification of Applicant (VSA 512)</b>
<br /><br />
This form is used by the Court to notify Vital Statistics of court-ordered legal changes of name.
<br /><br />
- Does not require signatures.
">Completed Identification of Applicant (VSA 512)<i class="fa fa-question-circle" aria-hidden="true"></i></span>
for anyone requesting a name change
<ul>
{% if name_change_you == 'YES' %}
<li>Claimant 1 ({% you_name %})</li>{% endif %}
{% if name_change_spouse == 'YES' %}
<li>Claimant 2 ({% spouse_name %})</li>{% endif %}
</ul>
</li>
{% if derived.wants_other_orders %}
{% if name_change_you == 'YES' or name_change_spouse == 'YES' %}
<li>
<span class="tooltip-link" data-toggle="tooltip" data-placement="right"
data-html="true"
title="
<b>Identification of Applicant (VSA 512)</b>
<br /><br />
This form is used by the Court to notify Vital Statistics of court-ordered legal changes of name.
<br /><br />
- Does not require signatures.
">Completed Identification of Applicant (VSA 512)<i class="fa fa-question-circle" aria-hidden="true"></i></span>
for anyone requesting a name change
<ul>
{% if name_change_you == 'YES' %}
<li>Claimant 1 ({% you_name %})</li>{% endif %}
{% if name_change_spouse == 'YES' %}
<li>Claimant 2 ({% spouse_name %})</li>{% endif %}
</ul>
</li>
{% endif %}
{% endif %}
{% if derived.has_children_of_marriage %}
<li>


+ 10
- 0
edivorce/apps/core/templates/partials/tooltips/certificate_of_pleading.html View File

@ -0,0 +1,10 @@
<span class="tooltip-link" data-toggle="{% if hover %}tooltip-hover{% else %}tooltip{% endif %}" data-placement="right"
data-html="true"
title="
<b>Certificate of Pleadings Form (F36)</b>
<br /><br />
This form is completed by registry staff after your application has been reviewed by them.
It shows the judge that your application has been checked and is complete.
<br /><br />
- Does not require signatures when filed online.">
Certificate of Pleadings Form (F36)<i class="fa fa-question-circle" aria-hidden="true"></i></span>

+ 1
- 1
edivorce/apps/core/templates/partials/tooltips/form_desk_order_38.html View File

@ -5,4 +5,4 @@
<br /><br />
This form sets out all the facts of your marriage and separation for the court and gives information about parenting time if you have children.
It requires swearing/affirming and signatures by both you and your spouse in front of a commissioner.">
Affidavit — Desk Order Divorce (Form 38)<i class="fa fa-question-circle" aria-hidden="true"></i></span>
Affidavit — Desk Order Divorce Form (F38)<i class="fa fa-question-circle" aria-hidden="true"></i></span>

+ 1
- 1
edivorce/apps/core/templates/partials/tooltips/joint_family_claim.html View File

@ -6,4 +6,4 @@
This form starts your divorce proceeding. It gives the court details about you and your spouse, your marriage and separation, and what you're asking the court for.
<br /><br />
- Does not require signatures when filed online.">
Notice of Joint Family Claim<i class="fa fa-question-circle" aria-hidden="true"></i></span>
{% if text %}{{ text }}{% else %}Notice of Joint Family Claim{% endif %}<i class="fa fa-question-circle" aria-hidden="true"></i></span>

+ 10
- 0
edivorce/apps/core/templates/partials/tooltips/requisition_form.html View File

@ -0,0 +1,10 @@
<span class="tooltip-link" data-toggle="{% if hover %}tooltip-hover{% else %}tooltip{% endif %}" data-placement="right"
data-html="true"
title="
<b>Requisition Form (F35)</b>
<br /><br />
This form is a request to the Court for your application for divorce.
It tells the court that you want a divorce and outlines all the documents you are filing in support of your application.
<br /><br />
- Does not require signatures when filed online.">
Requisition Form (F35)<i class="fa fa-question-circle" aria-hidden="true"></i></span>

+ 41
- 0
edivorce/apps/core/utils/cso_filing.py View File

@ -3,6 +3,7 @@ import random
from django.conf import settings
from edivorce.apps.core.models import UserResponse
from edivorce.apps.core.utils.derived import get_derived_data
def file_documents(user, initial=False):
@ -39,3 +40,43 @@ def _save_response(user, question, value):
response, _ = UserResponse.objects.get_or_create(bceid_user=user, question_id=question)
response.value = value
response.save()
def forms_to_file(responses_dict, initial=False):
forms = []
derived = responses_dict.get('derived', get_derived_data(responses_dict))
if initial:
forms.append({'doc_type': 'MC', 'party_code': 0})
how_to_sign = responses_dict.get('how_to_sign')
signing_location_both = responses_dict.get('signing_location') if how_to_sign == 'Together' else None
signing_location_you = responses_dict.get('signing_location_you') if how_to_sign == 'Separately' else None
signing_location_spouse = responses_dict.get('signing_location_spouse') if how_to_sign == 'Separately' else None
if signing_location_both == 'In-person' or signing_location_you == 'In-person':
forms.append({'doc_type': 'AFTL', 'party_code': 0})
forms.append({'doc_type': 'RDP', 'party_code': 0})
elif signing_location_you == 'Virtual' and signing_location_spouse == 'In-person':
forms.append({'doc_type': 'AFTL', 'party_code': 0})
forms.append({'doc_type': 'OFI', 'party_code': 0})
forms.append({'doc_type': 'EFSS', 'party_code': 1})
forms.append({'doc_type': 'RDP', 'party_code': 0})
if derived['has_children_of_marriage']:
forms.append({'doc_type': 'AAI', 'party_code': 0})
if derived['wants_other_orders'] and responses_dict.get('name_change_you') == 'YES':
forms.append({'doc_type': 'NCV', 'party_code': 1})
elif signing_location_both == 'Virtual' or (signing_location_you == 'Virtual' and signing_location_spouse == 'Virtual'):
forms.append({'doc_type': 'AFTL', 'party_code': 0})
forms.append({'doc_type': 'OFI', 'party_code': 0})
forms.append({'doc_type': 'EFSS', 'party_code': 1})
forms.append({'doc_type': 'EFSS', 'party_code': 2})
forms.append({'doc_type': 'RDP', 'party_code': 0})
if derived['has_children_of_marriage']:
forms.append({'doc_type': 'AAI', 'party_code': 0})
if derived['wants_other_orders'] and responses_dict.get('name_change_you') == 'YES':
forms.append({'doc_type': 'NCV', 'party_code': 1})
if derived['wants_other_orders'] and responses_dict.get('name_change_spouse') == 'YES':
forms.append({'doc_type': 'NCV', 'party_code': 1})
else:
return []
return forms

+ 6
- 2
edivorce/apps/core/views/main.py View File

@ -7,7 +7,7 @@ from django.utils import timezone
from edivorce.apps.core.utils.derived import get_derived_data
from ..decorators import bceid_required, intercept, prequal_completed
from ..utils.cso_filing import file_documents
from ..utils.cso_filing import file_documents, forms_to_file
from ..utils.question_step_mapping import list_of_registries
from ..utils.step_completeness import get_error_dict, get_missed_question_keys, get_step_completeness, is_complete, get_formatted_incomplete_list
from ..utils.template_step_order import template_step_order
@ -204,11 +204,15 @@ def dashboard_nav(request, nav_step):
if nav_step in ('print_form', 'swear_forms', 'next_steps') and responses_dict.get('court_registry_for_filing'):
responses_dict['court_registry_for_filing_address'] = f"123 {responses_dict.get('court_registry_for_filing')} St"
responses_dict['court_registry_for_filing_postal_code'] = 'V0A 1A1'
if nav_step in ('print_form',):
if nav_step in ('print_form', 'initial_filing'):
responses_dict_by_step = get_step_responses(responses_dict)
responses_dict.update(get_error_dict(responses_dict_by_step))
responses_dict['derived'] = get_derived_data(responses_dict)
if nav_step == 'initial_filing':
forms = forms_to_file(responses_dict, initial=True)
responses_dict['form_types'] = forms
return render(request, template_name=template_name, context=responses_dict)


+ 79
- 81
vue/package-lock.json View File

@ -1687,6 +1687,16 @@
"integrity": "sha512-+G7P8jJmCHr+S+cLfQxygbWhXy+8YTVGzAkpEbcLo2mLoL7tij/VG41QSHACSf5QgYRhMZYHuNc6drJaO0Da+w==",
"dev": true
},
"ansi-styles": {
"version": "4.3.0",
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
"dev": true,
"optional": true,
"requires": {
"color-convert": "^2.0.1"
}
},
"cacache": {
"version": "13.0.1",
"resolved": "https://registry.npmjs.org/cacache/-/cacache-13.0.1.tgz",
@ -1713,6 +1723,34 @@
"unique-filename": "^1.1.1"
}
},
"chalk": {
"version": "4.1.0",
"resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
"integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
"dev": true,
"optional": true,
"requires": {
"ansi-styles": "^4.1.0",
"supports-color": "^7.1.0"
}
},
"color-convert": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
"dev": true,
"optional": true,
"requires": {
"color-name": "~1.1.4"
}
},
"color-name": {
"version": "1.1.4",
"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
"dev": true,
"optional": true
},
"find-cache-dir": {
"version": "3.3.1",
"resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-3.3.1.tgz",
@ -1734,6 +1772,25 @@
"path-exists": "^4.0.0"
}
},
"has-flag": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
"integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
"dev": true,
"optional": true
},
"loader-utils": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.0.tgz",
"integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==",
"dev": true,
"optional": true,
"requires": {
"big.js": "^5.2.2",
"emojis-list": "^3.0.0",
"json5": "^2.1.2"
}
},
"locate-path": {
"version": "5.0.0",
"resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
@ -1798,6 +1855,16 @@
"minipass": "^3.1.1"
}
},
"supports-color": {
"version": "7.2.0",
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
"integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
"dev": true,
"optional": true,
"requires": {
"has-flag": "^4.0.0"
}
},
"terser-webpack-plugin": {
"version": "2.3.8",
"resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-2.3.8.tgz",
@ -1814,6 +1881,18 @@
"terser": "^4.6.12",
"webpack-sources": "^1.4.3"
}
},
"vue-loader-v16": {
"version": "npm:vue-loader@16.0.0-beta.8",
"resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.0.0-beta.8.tgz",
"integrity": "sha512-oouKUQWWHbSihqSD7mhymGPX1OQ4hedzAHyvm8RdyHh6m3oIvoRF+NM45i/bhNOlo8jCnuJhaSUf/6oDjv978g==",
"dev": true,
"optional": true,
"requires": {
"chalk": "^4.1.0",
"hash-sum": "^2.0.0",
"loader-utils": "^2.0.0"
}
}
}
},
@ -10956,87 +11035,6 @@
}
}
},
"vue-loader-v16": {
"version": "npm:vue-loader@16.0.0-beta.8",
"resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.0.0-beta.8.tgz",
"integrity": "sha512-oouKUQWWHbSihqSD7mhymGPX1OQ4hedzAHyvm8RdyHh6m3oIvoRF+NM45i/bhNOlo8jCnuJhaSUf/6oDjv978g==",
"dev": true,
"optional": true,
"requires": {
"chalk": "^4.1.0",
"hash-sum": "^2.0.0",
"loader-utils": "^2.0.0"
},
"dependencies": {
"ansi-styles": {
"version": "4.3.0",
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
"dev": true,
"optional": true,
"requires": {
"color-convert": "^2.0.1"
}
},
"chalk": {
"version": "4.1.0",
"resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
"integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
"dev": true,
"optional": true,
"requires": {
"ansi-styles": "^4.1.0",
"supports-color": "^7.1.0"
}
},
"color-convert": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
"dev": true,
"optional": true,
"requires": {
"color-name": "~1.1.4"
}
},
"color-name": {
"version": "1.1.4",
"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
"dev": true,
"optional": true
},
"has-flag": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
"integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
"dev": true,
"optional": true
},
"loader-utils": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.0.tgz",
"integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==",
"dev": true,
"optional": true,
"requires": {
"big.js": "^5.2.2",
"emojis-list": "^3.0.0",
"json5": "^2.1.2"
}
},
"supports-color": {
"version": "7.2.0",
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
"integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
"dev": true,
"optional": true,
"requires": {
"has-flag": "^4.0.0"
}
}
}
},
"vue-style-loader": {
"version": "4.1.2",
"resolved": "https://registry.npmjs.org/vue-style-loader/-/vue-style-loader-4.1.2.tgz",


+ 18
- 15
vue/src/components/Uploader/Uploader.vue View File

@ -5,8 +5,8 @@
<a href="javascript:void(0)" :id="'Tooltip-' + uniqueId">
{{ formDef.name }} <i class="fa fa-question-circle"></i>
</a>
<strong v-if="party === 1"> - For You</strong>
<strong v-if="party === 2"> - For Your Spouse</strong>
<span v-if="party === 1"> - For You</span>
<span v-if="party === 2"> - For Your Spouse</span>
</h5>
<tooltip :text="formDef.help" :target="'#Tooltip-' + uniqueId"></tooltip>
<label :for="inputId" class="sr-only">
@ -95,12 +95,13 @@
</template>
</file-upload>
</div>
<div class="pull-right" v-if="!tooBig">
<div class="pull-left">
<a v-if="files.length" :href="pdfURL" target="_blank">{{ pdfURL }}</a>
</div>
<div class="text-right" v-if="!tooBig">
<em>(Maximum {{ maxMegabytes }} MB)</em>
</div>
<a v-if="files.length" :href="pdfURL" target="_blank">{{ pdfURL }}</a>
<modal ref="warningModal" class="warning-modal" v-model="showWarning">
{{ warningText }}
</modal>
@ -220,7 +221,7 @@
// Automatically activate upload after compression completes
if (newFile && newFile.compressed && !newFile.active) {
newFile.active = true;
}
}
},
inputFilter(newFile, oldFile, prevent) {
if (newFile && !oldFile) {
@ -249,7 +250,7 @@
quality: 0.9,
maxWidth: 3300,
maxHeight: 3300,
convertSize: Infinity,
convertSize: Infinity,
success(result) {
self.$refs.upload.update(newFile, {
error: false,
@ -266,7 +267,7 @@
});
},
});
}
}
else {
newFile.compressed = true;
}
@ -440,7 +441,7 @@
})
.then((response) => {
// check for errors in the graphQL response
this.retries = 0;
this.retries = 0;
if (response.data.errors && response.data.errors.length) {
response.data.errors.forEach((error) => {
console.log("error", error.message || error);
@ -532,9 +533,9 @@
width: 100%;
display: block;
text-align: left;
border: 2px #365ebe dashed;
border-radius: 6px;
padding: 18px 32px 0 18px;
border: 1px #365ebe dashed;
border-radius: 8px;
padding: 20px 32px 0 24px;
margin-bottom: 5px;
&.dragging {
@ -582,10 +583,12 @@
h5.uploader-label {
display: block;
margin-top: 30px;
margin-bottom: 10px;
margin-top: 20px;
margin-bottom: 20px;
font-weight: normal;
font-size: 1em;
font-size: 21px;
color: #365ebe;
text-decoration: underline;
a {
font-weight: bold;


+ 8
- 137
vue/src/pages/initial-filing/InitialFiling.vue View File

@ -1,137 +1,9 @@
<template>
<div class="question-well-border-less" id="app">
<template
v-if="
signingLocation === 'In-person' || signingLocationYou === 'In-person'
"
>
<div>
<div id="app">
<template v-for="item in formTypes">
<div>
<p>
The Notice of Joint Family Claim Form (F1) will be automatically
filed for you.
</p>
<Uploader v-bind:doc-type="item.doc_type" :party="item.party_code"/>
</div>
<div>
<!-- MC - Marriage Certificate -->
<Uploader doc-type="MC" />
</div>
<div>
<!-- AFTL - Affidavit of Translator -->
<Uploader doc-type="AFTL" />
</div>
<div>
<!-- RDP - Registration of Divorce Proceeding -->
<Uploader doc-type="RDP" />
</div>
</div>
</template>
<template
v-else-if="
signingLocationYou === 'Virtual' &&
signingLocationSpouse === 'In-person'
"
>
<div>
<p>The following forms will be automatically filed for you:</p>
<ul>
<li>Notice of Joint Family Claim Form (F1)</li>
<li>Requisition Form (F35)</li>
<li>Certificate of Pleadings Form (F36)</li>
</ul>
<p>
The following forms will be submitted for you but require swearing /
affirming <i class="fa fa-question-circle"></i> before filing (see
next step for details)
</p>
<ul>
<li>Child Support Affidavit (F37)</li>
<li>Affidavit - Desk Order Divorce Form (F38)</li>
</ul>
<div>
<!-- MC - Marriage Certificate -->
<Uploader doc-type="MC" />
</div>
<div>
<!-- AFTL - Affidavit of Translator -->
<Uploader doc-type="AFTL" />
</div>
<div>
<!-- OFI - Final Order (F52) -->
<Uploader doc-type="OFI" />
</div>
<div>
<!-- EFSS - Electronic Filing Statement - Supreme (F96) -->
<Uploader doc-type="EFSS" :party="1" />
</div>
<div>
<!-- RDP - Registration of Divorce Proceeding -->
<Uploader doc-type="RDP" />
</div>
<div>
<!-- AAI - Agreement as to Annual Income (F9) -->
<Uploader doc-type="AAI" />
</div>
<div>
<!-- NCV Name Change Form Vital Statistics -->
<Uploader doc-type="NCV" :party="1" />
</div>
</div>
</template>
<template v-else>
<div>
<p>The following forms will be automatically filed for you:</p>
<ul>
<li>Notice of Joint Family Claim Form (F1)</li>
<li>Requisition Form (F35)</li>
<li>Certificate of Pleadings Form (F36)</li>
</ul>
<p>
The following forms will be submitted for you but require swearing /
affirming <i class="fa fa-question-circle"></i> before filing (see
next step for details)
</p>
<ul>
<li>Child Support Affidavit (F37)</li>
<li>Affidavit - Desk Order Divorce Form (F38)</li>
</ul>
<div>
<!-- MC - Marriage Certificate -->
<Uploader doc-type="MC" />
</div>
<div>
<!-- AFTL - Affidavit of Translator -->
<Uploader doc-type="AFTL" />
</div>
<div>
<!-- OFI - Final Order (F52) -->
<Uploader doc-type="OFI" />
</div>
<div>
<!-- EFSS - Electronic Filing Statement - Supreme (F96) -->
<Uploader doc-type="EFSS" :party="1" />
</div>
<div>
<!-- EFSS - Electronic Filing Statement - Supreme (F96) -->
<Uploader doc-type="EFSS" :party="2" />
</div>
<div>
<!-- RDP - Registration of Divorce Proceeding -->
<Uploader doc-type="RDP" />
</div>
<div>
<!-- AAI - Agreement as to Annual Income (F9) -->
<Uploader doc-type="AAI" />
</div>
<div>
<!-- NCV Name Change Form Vital Statistics -->
<Uploader doc-type="NCV" :party="1" />
</div>
<div>
<!-- NCV Name Change Form Vital Statistics -->
<Uploader doc-type="NCV" :party="2" />
</div>
</div>
</template>
</div>
</template>
@ -145,19 +17,18 @@
Uploader,
},
props: {
signingLocation: String,
signingLocationYou: String,
signingLocationSpouse: String,
formTypes: JSON,
proxyRootPath: String,
},
};
</script>
<style scoped lang="scss">
.question-well-border-less {
padding: 10px 20px 30px 20px;
.upload-area {
padding: 32px 20px 32px 20px;
margin-bottom: 50px;
background-color: #f2f2f2;
border: 1px solid #ddd;
border-radius: 6px;
border-radius: 8px;
}
</style>

Loading…
Cancel
Save