LP1897121 Make privacy waiver more prominent on patron summary bar

Moves privacy waiver section up on the summary side bar (in the AngularJS
circulation interface) under the alerting notes section, and adds a little
styling.

Release-note: Makes privacy waiver more prominent on patron summary bar

Signed-off-by: Terran McCanna <[email protected]>
Signed-off-by: Jane Sandberg <[email protected]>

Author: tmccanna

Open-ILS/src/templates/staff/circ/patron/t_summary.tt2

@@ -19,6 +19,22 @@
     <div ng-if="patron().photo_url()" class="row">
          <div class="col-md-8 patron_photo_wrap"><img class="img-responsive img-rounded" src="{{patron().photo_url()}}" alt=""></div>
     </div>
+    <div class="row panel" ng-if="patron().waiver_entries().length > 0">
+      <div class="patron-summary-waiver">
+        [% l('Authorized users of this account') %]
+      </div>
+      <div ng-repeat="waiver in patron().waiver_entries()">
+        <div class="col-md-5">{{waiver.name()}}</div>
+        <div class="col-md-7">
+          <ul>
+            <li ng-show="waiver.place_holds() == 't'">[% l('Place holds') %]</li>
+            <li ng-show="waiver.pickup_holds() == 't'">[% l('Pick up holds') %]</li>
+            <li ng-show="waiver.view_history() == 't'">[% l('View borrowing history') %]</li>
+            <li ng-show="waiver.checkout_items() == 't'">[% l('Check out items') %]</li>
+          </ul>
+        </div>
+      </div>
+    </div>
     <div class="row" 
       ng-class="{'patron-summary-divider' : alert_penalties().length}">
       <div class="col-md-5">[% l('Profile') %]</div>
@@ -177,20 +193,6 @@
       <div class="col-md-5">[% l('Name Keywords') %]</div>
       <div class="col-md-7">{{patron().name_keywords()}}</div>
     </div>
-    <div class="row patron-summary-divider" ng-if="patron().waiver_entries().length > 0">
-      [% l('Allow others to use my account') %]
-    </div>
-    <div class="row" ng-repeat="waiver in patron().waiver_entries()">
-      <div class="col-md-5">{{waiver.name()}}</div>
-      <div class="col-md-7">
-        <ul>
-          <li ng-show="waiver.place_holds() == 't'">[% l('Place holds') %]</li>
-          <li ng-show="waiver.pickup_holds() == 't'">[% l('Pick up holds') %]</li>
-          <li ng-show="waiver.view_history() == 't'">[% l('View borrowing history') %]</li>
-          <li ng-show="waiver.checkout_items() == 't'">[% l('Check out items') %]</li>
-        </ul>
-      </div>
-    </div>
   </div>
 
   <div class="row" ng-repeat="addr in patron().addresses()">

Open-ILS/src/templates/staff/css/circ.css.tt2

@@ -29,6 +29,13 @@
   color: var(--bs-green-600);
 }
 
+.patron-summary-waiver {
+  background-color: var(--badge-info-bg);
+  color: var(--badge-info-color);
+  font-weight: bold;
+  padding: 3px;
+}
+
 [data-bs-theme="dark"] .patron-summary-pref-name {
   color: var(--bs-green-400);
 }