FFT-179 Add a link to go from Edit Payroll to Edit Forecast (#618)

Co-authored-by: Sam Dudley <samuel.dudley@digital.trade.gov.uk> Co-authored-by: Sam Dudley <dudley.co.uk@gmail.com>
uktrade · Feb 12, 2025 · 147a329 · 147a329
1 parent d40be6a
commit 147a329
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 2 deletions.
diff --git a/forecast/templates/forecast/edit/edit.html b/forecast/templates/forecast/edit/edit.html
@@ -11,6 +11,16 @@
 
 {% block title %}Edit Forecast{% endblock %}
 
+{% block page_heading %}
+<div style="display: flex; align-items: baseline; gap: 2rem;">
+    {{ block.super }}
+    {% can_access_edit_payroll user as user_can_access_edit_payroll %}
+    {% if user_can_access_edit_payroll and settings.PAYROLL.ENABLE_FORECAST %}
+        <a class="govuk-link" href="{% url 'payroll:edit' view.cost_centre_details.cost_centre_code view.financial_year %}">Go to Payroll</a>
+    {% endif %}
+</div>
+{% endblock %}
+
 {% block page_content %}
     <div class="govuk-grid-row date-selection-download">
 

diff --git a/forecast/templates/forecast/edit/forecast_base.html b/forecast/templates/forecast/edit/forecast_base.html
@@ -16,7 +16,9 @@ <h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title
           </div>
         </div>
     {% endif %}
-    <h1 class="govuk-heading-l">{{ view.title }}</h1>
+    {% block page_heading %}
+      <h1 class="govuk-heading-l">{{ view.title }}</h1>
+    {% endblock page_heading %}
     <a href="{% url 'forecast_cost_centre' view.cost_centre_details.cost_centre_code view.financial_year %}" target="_blank" class="govuk-heading-m cost-centre-heading-link">{{ view.cost_centre_details.cost_centre_name }} ({{ view.cost_centre_details.cost_centre_code }}) </a>
     <dl class="govuk-summary-list">
         <div class="govuk-summary-list__row">

diff --git a/front_end/styles/styles.scss b/front_end/styles/styles.scss
@@ -373,6 +373,14 @@ th {
   font-size: 16px;
 }
 
+// Utility classes
+
 .scrollable {
   overflow-x: auto;
 }
+
+.flex-spread {
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+}
diff --git a/payroll/templates/payroll/page/edit_payroll.html b/payroll/templates/payroll/page/edit_payroll.html
@@ -10,7 +10,13 @@
 {% endblock breadcrumbs %}
 
 {% block content %}
-    <h1 class="govuk-heading-l">Edit payroll</h1>
+    <div class="flex-spread">
+        <h1 class="govuk-heading-l">Edit payroll</h1>
+        {# This assumes that a user with access to payroll also has access to forecast #}
+        {% if settings.PAYROLL.ENABLE_FORECAST %}
+            <a class="govuk-link" href="{% url 'edit_forecast' cost_centre_code financial_year %}">Go to Forecast</a>
+        {% endif %}
+    </div>
 
     <div id="payroll-app"></div>