DIV-112 created dashboard nav and template block

edivorce/apps/core/static/css/main.scss

@@ -460,6 +460,10 @@ textarea {
 		flex: 0 0 262px;
 		background-color: $color-grey-lighter;
 	}
+	.dashnav-column {
+		flex: 0 0 262px;
+		background-color: $brand-blue;
+	}
 	.more_information-column {
 		flex: 0 0 306px;
 		background-color: $color-grey-lighter;
@@ -482,7 +486,8 @@ textarea {
 
 /* Side Progress Navigation */
 
-.progress-column {
+.progress-column,
+.dashnav-column {
 	h4 {
 		color: $color-grey-dark;
 		padding: 0 18px;
@@ -499,8 +504,14 @@ textarea {
 			i {
 				font-size: 20px;
 				border: solid 1px $color-grey-dark;
-				padding: 7px;
-				border-radius: 50%;
+				padding: 8px;
+				border-radius: 36px;
+				&.fa:before {
+					width: 20px;
+				    text-align: center;
+				    display: block;
+				    height: 20px;
+				}
 			}
 		}
 		.progress-content {
@@ -549,6 +560,30 @@ textarea {
 	}
 }
 
+.dashnav-column {
+	h4 {
+		color: #ffffff;
+	}
+	.progress-question {
+		.progress-icon {
+			width: 36px;
+			i {
+				font-size: 20px;
+				border: none;
+				padding: 0;
+			}
+		}
+		.progress-content {
+			width: 180px;
+			color: #ffffff;
+			font-weight: 600;
+		}
+		i {
+			color: #ffffff;
+		}
+	}
+}
+
 
 
 

edivorce/apps/core/templates/base.html

@@ -34,7 +34,7 @@
                     <div class="col-sm-8">
                         <div class="top_banner-logo">
                             <a href="{% url 'intro' %}"><img src="{% static 'svg/bc-logo.svg' %}" /></a>
-                            <p>Joint Divorce <span class="beta">beta</span></p>
+                            <p>Online Divorce Assistant <span class="beta">beta</span></p>
                         </div>
                     </div>
                     <div class="col-sm-4">
@@ -76,8 +76,10 @@
         {% endif %}
 
         <div class="row-flex">
-        	{% include "progress.html" %}
-
+            {% block progress %}
+            {% endblock %}
+            {% block dashnav %}
+            {% endblock %}
             <div class="col">
                 <div class="col-flex content-column">
                     {% block content %}{% endblock %}
@@ -96,7 +98,7 @@
 
         <footer class="footer">
 
-            
+
         </footer>
 
 

edivorce/apps/core/templates/dashnav.html

@@ -0,0 +1,28 @@
+<div class="col-flex dashnav-column">
+    <h4>Dashboard</h4>
+
+    <a href="{% url 'prequalification' '01' %}" class="progress-question">
+        <span class="progress-icon"><i class="fa fa-share-alt" aria-hidden="true"></i></span>
+        <span class="progress-content">Qualifying Questions</span>
+    </a>
+    <a href="{% url 'question_steps' '01_orders' %}" class="progress-question">
+        <span class="progress-icon"><i class="fa fa-commenting" aria-hidden="true"></i></span>
+        <span class="progress-content">What Are You Asking For?</span>
+    </a>
+    <a href="{% url 'question_steps' '02_claimant' %}" class="progress-question active">
+        <span class="progress-icon"><i class="fa fa-info" aria-hidden="true"></i></span>
+        <span class="progress-content">Your information</span>
+    </a>
+    <a href="{% url 'question_steps' '03_respondent' %}" class="progress-question">
+        <span class="progress-icon"><i class="fa fa-user" aria-hidden="true"></i></span>
+        <span class="progress-content">Your spouse</span>
+    </a>
+    <a href="{% url 'question_steps' '04_marriage' %}" class="progress-question">
+        <span class="progress-icon"><i class="fa fa-link" aria-hidden="true"></i></span>
+        <span class="progress-content">Your marriage</span>
+    </a>
+    <a href="{% url 'question_steps' '05_separation' %}" class="progress-question">
+        <span class="progress-icon"><i class="fa fa-chain-broken" aria-hidden="true"></i></span>
+        <span class="progress-content">Your separation</span>
+    </a>
+</div>

edivorce/apps/core/templates/overview.html

@@ -2,6 +2,8 @@
 
 {% block title %}{{ block.super }}: Overview{% endblock %}
 
+{% block progress %}{% include "dashnav.html" %}{% endblock %}
+
 {% block content %}
 
 <h2>Your Information</h2>

edivorce/apps/core/templates/prequalification/step_01.html

@@ -3,6 +3,8 @@
 
 {% block title %}{{ block.super }}: Prequalification{% endblock %}
 
+{% block progress %}{% include "dashnav.html" %}{% endblock %}
+
 {% block content %}
 
 <h1>Do you qualify for a divorce in BC?</h1>

edivorce/apps/core/templates/prequalification/step_02.html

@@ -3,6 +3,8 @@
 
 {% block title %}{{ block.super }}: Prequalification{% endblock %}
 
+{% block progress %}{% include "dashnav.html" %}{% endblock %}
+
 {% block content %}
 
                 <h1>Do you qualify for a divorce in BC?</h1>

edivorce/apps/core/templates/prequalification/step_03.html

@@ -3,6 +3,8 @@
 
 {% block title %}{{ block.super }}: Prequalification{% endblock %}
 
+{% block progress %}{% include "dashnav.html" %}{% endblock %}
+
 {% block content %}
 
 <div class="question-well">

edivorce/apps/core/templates/prequalification/step_04.html

@@ -3,6 +3,8 @@
 
 {% block title %}{{ block.super }}: Prequalification{% endblock %}
 
+{% block progress %}{% include "dashnav.html" %}{% endblock %}
+
 {% block content %}
 
 <h3>Do you and your spouse have any children (includes step children, adopted children). The  legal term is children of the marriage

edivorce/apps/core/templates/prequalification/step_05.html

@@ -3,6 +3,8 @@
 
 {% block title %}{{ block.super }}: Prequalification{% endblock %}
 
+{% block progress %}{% include "dashnav.html" %}{% endblock %}
+
 {% block content %}
 
 <h1>Do you qualify for a divorce in BC?</h1>

edivorce/apps/core/templates/prequalification/step_06.html

@@ -3,6 +3,8 @@
 
 {% block title %}{{ block.super }}: Prequalification{% endblock %}
 
+{% block progress %}{% include "dashnav.html" %}{% endblock %}
+
 {% block content %}
 
 <h1>Do you qualify for a divorce in BC?</h1>

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

@@ -3,6 +3,8 @@
 
 {% block title %}{{ block.super }}: Prequalification{% endblock %}
 
+{% block progress %}{% include "progress.html" %}{% endblock %}
+
 {% block content %}
 
 

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

@@ -3,6 +3,8 @@
 
 {% block title %}{{ block.super }}: Your Information{% endblock %}
 
+{% block progress %}{% include "progress.html" %}{% endblock %}
+
 {% block content %}
 
 <h1><small>Step 2:</small>Your Information</h1>

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

@@ -2,6 +2,8 @@
 
 {% block title %}{{ block.super }}: Your Spouse{% endblock %}
 
+{% block progress %}{% include "progress.html" %}{% endblock %}
+
 {% block content %}
 
 

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

@@ -3,6 +3,8 @@
 
 {% block title %}{{ block.super }}: Your Marriage{% endblock %}
 
+{% block progress %}{% include "progress.html" %}{% endblock %}
+
 {% block content %}
 
 <h1><small>Step 4: </small>Your Marriage</h1>

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

@@ -3,6 +3,8 @@
 
 {% block title %}{{ block.super }}: Reason For Divorce{% endblock %}
 
+{% block progress %}{% include "progress.html" %}{% endblock %}
+
 {% block content %}
 
 

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

@@ -3,6 +3,8 @@
 
 {% block title %}{{ block.super }}: Declarations{% endblock %}
 
+{% block progress %}{% include "progress.html" %}{% endblock %}
+
 {% block content %}
 
 <h1><small>Step 6:</small>Spousal Support</h1>

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

@@ -2,6 +2,8 @@
 {% load input_field %}
 {% block title %}{{ block.super }}: Application Location{% endblock %}
 
+{% block progress %}{% include "progress.html" %}{% endblock %}
+
 {% block content %}
 
 <h1><small>Step 7:</small>Property and Debt</h1>

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

@@ -2,6 +2,8 @@
 
 {% block title %}{{ block.super }}: Other Orders{% endblock %}
 
+{% block progress %}{% include "progress.html" %}{% endblock %}
+
 {% block content %}
 
 

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

@@ -3,6 +3,8 @@
 
 {% block title %}{{ block.super }}: Spousal Support{% endblock %}
 
+{% block progress %}{% include "progress.html" %}{% endblock %}
+
 {% block content %}
 
 

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

@@ -3,6 +3,8 @@
 
 {% block title %}{{ block.super }}: Property And Debts{% endblock %}
 
+{% block progress %}{% include "progress.html" %}{% endblock %}
+
 {% block content %}
 
 

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

@@ -2,6 +2,8 @@
 
 {% block title %}{{ block.super }}: Review{% endblock %}
 
+{% block progress %}{% include "progress.html" %}{% endblock %}
+
 {% block content %}
 
 <h1><small>Step 11</small> Review</h1>

edivorce/apps/core/templates/question/12_uncategorized.html

@@ -2,6 +2,8 @@
 
 {% block title %}{{ block.super }}: Review{% endblock %}
 
+{% block progress %}{% include "progress.html" %}{% endblock %}
+
 {% block content %}
 <div class="container-wrapper">
     <div class="container">