DIV-293 added modal content to pages

edivorce/apps/core/templates/question/01_orders.html

@@ -116,6 +116,8 @@
     </div>
 </div>
 
+
+
 <div id="questions_modal" class="modal fade" tabindex="-1" role="dialog">
     <div class="modal-dialog" role="document">
         <div class="modal-content">

edivorce/apps/core/templates/question/02_claimant.html

@@ -152,15 +152,17 @@
     </div>
 </div>
 
+
 <div id="questions_modal" class="modal fade" tabindex="-1" role="dialog">
     <div class="modal-dialog" role="document">
         <div class="modal-content">
             <div class="modal-header">
                 <i class="fa fa-info" aria-hidden="true"></i>
-                <h1 class="modal-title">Your information</h1>
+                <h1 class="modal-title">Your Information</h1>
             </div>
             <div class="modal-body">
-                <p>Tell us who you are.  Make sure you have a copy of your marriage certificate. The spelling of your names must match the format on the marriage certificate.</p>
+                <p>Next up, we have questions about who you are. Later on, we’ll ask the same questions about your spouse. </p>
+                <p>Make sure you have a copy of your marriage certificate or registration of marriage. The spelling of your name must match what is on the marriage certificate. </p>
             </div>
             <div class="modal-footer">
                 <a type="button" class="btn btn-primary btn-lg" data-dismiss="modal">Continue</a>

edivorce/apps/core/templates/question/03_respondent.html

@@ -166,6 +166,24 @@
         </div>
     </div>
 </div>
+
+<div id="questions_modal" class="modal fade" tabindex="-1" role="dialog">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <i class="fa fa-user" aria-hidden="true"></i>
+                <h1 class="modal-title">Your Spouse</h1>
+            </div>
+            <div class="modal-body">
+                <p>Next we need to get some details about your spouse.  Make sure you have a copy of your marriage certificate or registration of marriage. The spelling of the name must match what is on the marriage certificate.</p>
+            </div>
+            <div class="modal-footer">
+                <a type="button" class="btn btn-primary btn-lg" data-dismiss="modal">Continue</a>
+            </div>
+        </div>
+    </div>
+</div>
+
 {% endblock %}
 
 {% block formBack %}{% prev_step step='respondent' %}{% endblock %}

edivorce/apps/core/templates/question/04_marriage.html

@@ -117,6 +117,25 @@
     <div class="radio"><label>{% input_field type="radio" name="marital_status_before_spouse" value="Divorced" %}Divorced</label></div>
     <div class="radio"><label>{% input_field type="radio" name="marital_status_before_spouse" value="Widowed" %}Widowed</label></div>
 </div>
+
+
+<div id="questions_modal" class="modal fade" tabindex="-1" role="dialog">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <i class="fa fa-link" aria-hidden="true"></i>
+                <h1 class="modal-title">Your  Marriage</h1>
+            </div>
+            <div class="modal-body">
+                <p>Now we’d like to learn about the details of your marriage history. Make sure you have a copy of your marriage certificate. You will need this to provide us with the exact date of your marriage.</p>
+            </div>
+            <div class="modal-footer">
+                <a type="button" class="btn btn-primary btn-lg" data-dismiss="modal">Continue</a>
+            </div>
+        </div>
+    </div>
+</div>
+
 {% endblock %}
 
 {% block formBack %}{% prev_step step='marriage' %}{% endblock %}

edivorce/apps/core/templates/question/05_separation.html

@@ -65,6 +65,23 @@
     </div>
 </div>
 
+<div id="questions_modal" class="modal fade" tabindex="-1" role="dialog">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <i class="fa fa-chain-broken" aria-hidden="true"></i>
+                <h1 class="modal-title">Your separation</h1>
+            </div>
+            <div class="modal-body">
+                <p>Ok, the next few questions uses some legal terms but we'll try and help you understand what they mean in plain language.</p>
+            </div>
+            <div class="modal-footer">
+                <a type="button" class="btn btn-primary btn-lg" data-dismiss="modal">Continue</a>
+            </div>
+        </div>
+    </div>
+</div>
+
 {% endblock %}
 
 {% block formBack %}{% prev_step step='separation' %}{% endblock %}

edivorce/apps/core/templates/question/06_support.html

@@ -124,6 +124,29 @@
         </div>
     </div>
 </div>
+
+
+<div id="questions_modal" class="modal fade" tabindex="-1" role="dialog">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <i class="fa fa-life-ring" aria-hidden="true"></i>
+                <h1 class="modal-title">Spousal Support</h1>
+            </div>
+            <div class="modal-body">
+                <p>Okay, {{ name_you }} now we need to ask you several questions about spousal support.</p>
+                <p>Spousal support is paid by one spouse to financially support the other spouse after separation, under an agreement or order.  The purpose of spousal support is to help meet the on-going financial needs of a financially dependent spouse for a defined period of time.</p>
+                <p>The answers you provide will be used to populate what's called a Draft Final Order (Form 52). A draft final order sets out what orders (decisions) you want the court to make. This will be reviewed by a judge or master.  If the judge or master makes the order you ask for, they'll sign the draft order you filed and it becomes your final court order.</p>
+                <p>If there's a problem with your order and the judge or master doesn't approve it, the court registry will let you know. You might have to draft another version of the order or appear in court to give the judge or master more information about what you wrote in the order.</p>
+                <p><a href="http://www.familylaw.lss.bc.ca/resources/fact_sheets/tipsForDraftingOrders.php" target="_blank">source</a></p>
+            </div>
+            <div class="modal-footer">
+                <a type="button" class="btn btn-primary btn-lg" data-dismiss="modal">Continue</a>
+            </div>
+        </div>
+    </div>
+</div>
+
 {% endblock %}
 
 {% block formBack %}{% prev_step step='support' %}{% endblock %}

edivorce/apps/core/templates/question/07_property.html

@@ -115,6 +115,32 @@
     <p>This section is about excluded property - e.g. property owned by the respondent at the time you moved in together, and gifts or inheritances the respondent received. Compensation is cash instead of ownership of your share of the property.</p>
     {% input_field type="textarea" name="other_property_claims" rows="8" cols="65" class="response-textarea" %}
 </div>
+
+
+
+
+
+
+<div id="questions_modal" class="modal fade" tabindex="-1" role="dialog">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <i class="fa fa-home" aria-hidden="true"></i>
+                <h1 class="modal-title">Property and Debt</h1>
+            </div>
+            <div class="modal-body">
+                <p>Okay {{ name_you }}, next up let's go over some questions pertaining to the division of property and debt. The answers you provide will be used to populate what's called a Draft Final Order (Form 52). </p>
+                <p>A draft final order sets out what orders (decisions) you want the court to make. This will be reviewed by a judge or master.  If the judge or master makes the order you ask for, they'll sign the draft order you filed and it becomes your final court order.</p>
+                <p>If there's a problem with your order and the judge or master doesn't approve it, the court registry will let you know. You might have to draft another version of the order or appear in court to give the judge or master more information about what you wrote in the order.</p>
+                <p><a href="http://www.familylaw.lss.bc.ca/resources/fact_sheets/tipsForDraftingOrders.php" target="_blank">source</a></p>
+            </div>
+            <div class="modal-footer">
+                <a type="button" class="btn btn-primary btn-lg" data-dismiss="modal">Continue</a>
+            </div>
+        </div>
+    </div>
+</div>
+
 {% endblock %}
 
 {% block formBack %}{% prev_step step='property' %}{% endblock %}

edivorce/apps/core/templates/question/08_other_orders.html

@@ -13,6 +13,29 @@
 <h3>Want other orders as follows: </h3>
 {% input_field type="textarea" name="other_orders_detail" rows="8" cols="65" class="response-textarea" %}
 
+
+
+
+
+<div id="questions_modal" class="modal fade" tabindex="-1" role="dialog">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <i class="fa fa-gavel" aria-hidden="true"></i>
+                <h1 class="modal-title">Other Orders</h1>
+            </div>
+            <div class="modal-body">
+                <p>This section will allow you to provide the details for any other orders you are seeking.</p>
+            </div>
+            <div class="modal-footer">
+                <a type="button" class="btn btn-primary btn-lg" data-dismiss="modal">Continue</a>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+
 {% endblock %}
 
 {% block formBack %}{% prev_step step='other_orders' %}{% endblock %}

edivorce/apps/core/templates/question/09_other_questions.html

@@ -95,6 +95,7 @@
     <p>If you select the "specific date" option you will need to request this as an "other" order and you will need to provide affidavit evidence to support the order. </p>
 
 </div>
+
 {% endblock %}
 
 {% block formBack %}{% prev_step step='other_questions' %}{% endblock %}

edivorce/apps/core/templates/question/10_location.html

@@ -33,6 +33,25 @@
         {% endfor %}
     </select>
 </div>
+
+
+<div id="questions_modal" class="modal fade" tabindex="-1" role="dialog">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <i class="fa fa-location-arrow" aria-hidden="true"></i>
+                <h1 class="modal-title">Filing Location</h1>
+            </div>
+            <div class="modal-body">
+                <p>Ok, we're almost done asking you questions. The last set of information that we need to know is where  you will be filing your divorce document. You will need to file your documents in person at a court registry."</p>
+            </div>
+            <div class="modal-footer">
+                <a type="button" class="btn btn-primary btn-lg" data-dismiss="modal">Continue</a>
+            </div>
+        </div>
+    </div>
+</div>
+
 {% endblock %}
 
 {% block formBack %}{% prev_step step='location' %}{% endblock %}

edivorce/apps/core/templates/question/11_review.html

@@ -159,7 +159,26 @@
     </div>
 </div>
 
+
+<div id="questions_modal" class="modal fade" tabindex="-1" role="dialog">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <i class="fa fa-file" aria-hidden="true"></i>
+                <h1 class="modal-title">Review your answers</h1>
+            </div>
+            <div class="modal-body">
+                <p>Congratulations, you're almost done. You've answered all the questions which will allow us to produce your divorce documents. Before we do this, please review the answers you provided for accuracy and make any required changes.</p>
+            </div>
+            <div class="modal-footer">
+                <a type="button" class="btn btn-primary btn-lg" data-dismiss="modal">Continue</a>
+            </div>
+        </div>
+    </div>
+</div>
+
 {% endblock %}
+
 {% block formbuttons %}
 
 <div class="form-buttons clearfix">