From d7dd01bff79b9e1e332638ebe6b7d72603291e9a Mon Sep 17 00:00:00 2001
From: Alex Buckley <alexbuckley@catalyst.net.nz>
Date: Sat, 24 Oct 2020 18:02:59 +0000
Subject: [PATCH] Bug 24012: Budget 'Locked" text colour changed and lock icon
 added

Test plan:
1. Go to Administration
2. Click on Budgets
3. Add a new bdget and check the 'Lock budget' box
4. Click on the 'Inactive budgets' tab
5. Note that 'Locked' is displayed in green
6. Apply patch
7. Compile the sass files (setup detailed here:https://wiki.koha-community.org/wiki/Working_with_SCSS_in_the_OPAC_and_staff_interface ) by running:
yarn build

8. Refresh the page and notice the 'Locked' text is now red, and there
is a lock icon to the left of the text. There is a space between the
lock icon and the 'Locked' text.

Sponsored-by: Catalyst IT
---
 koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss     | 14 ++++++++++++++
 .../intranet-tmpl/prog/en/modules/admin/aqbudgetperiods.tt |  4 ++--
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss b/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss
index a698ec9bf92..a7d78366451 100644
--- a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss
+++ b/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss
@@ -2327,6 +2327,19 @@ li {
     }
 }
 
+#activeperiodst {
+    i.fa.fa-lock {
+        padding: .3em;
+    }
+}
+
+#inactiveperiodst {
+    i.fa.fa-lock {
+        padding: .3em;
+    }
+}
+
+
 #basketcount {
     span {
         display: inline;
@@ -2581,6 +2594,7 @@ li {
     display: none;
 }
 
+
 // Override core jQueryUI widgets
 .ui-widget-content {
     background: #FFFFFF none;
diff --git a/koha-tmpl/intranet-tmpl/prog/en/modules/admin/aqbudgetperiods.tt b/koha-tmpl/intranet-tmpl/prog/en/modules/admin/aqbudgetperiods.tt
index f3dbc3a6a57..37c81056cab 100644
--- a/koha-tmpl/intranet-tmpl/prog/en/modules/admin/aqbudgetperiods.tt
+++ b/koha-tmpl/intranet-tmpl/prog/en/modules/admin/aqbudgetperiods.tt
@@ -441,7 +441,7 @@
                 <td><span title="[% period_active.budget_period_enddate | html %]">[% period_active.budget_period_enddate | $KohaDates %]</span></td>
                 <td>
                   [% IF ( period_active.budget_period_locked ) %]
-                    <span style="color:green;">Locked</span>&nbsp;
+                  <i class="fa fa-lock"></i><span style="color:red;">Locked</span>&nbsp;
                   [% END %]
                 </td>
                 <td class="data">[% period_active.budget_period_total | $Price %]</td>
@@ -475,7 +475,7 @@
                   <td><a href="/cgi-bin/koha/admin/aqbudgets.pl?budget_period_id=[% period_loo.budget_period_id | uri %]" title="View funds for [% period_loo.budget_period_description | html %]">[% period_loo.budget_period_description | html %]</a></td>
                   <td><span title="[% period_loo.budget_period_startdate | html %]">[% period_loo.budget_period_startdate | $KohaDates %]</span></td>
                   <td><span title="[% period_loo.budget_period_enddate | html %]">[% period_loo.budget_period_enddate | $KohaDates %]</span></td>
-                  <td> [% IF ( period_loo.budget_period_locked ) %]<span style="color:green;">Locked</span>&nbsp;[% ELSE %][% END %] </td>
+                  <td> [% IF ( period_loo.budget_period_locked ) %]<i class="fa fa-lock"></i><span style="color:red;">Locked</span>&nbsp;[% ELSE %][% END %] </td>
                   <td class="data">[% period_loo.budget_period_total | $Price %]</td>
                   <td>
                         [% PROCESS action_menu block_budget=period_loo %]
-- 
2.11.0