From f1181703f8583c204476f508ac0d98e96ae1b565 Mon Sep 17 00:00:00 2001
From: Arlen Johnson <arlen@sphericalcowgroup.com>
Date: Wed, 29 Mar 2023 15:56:46 -0400
Subject: [PATCH] Output uneditable values as text-only. Provide a darker
 background color to read-only fields. (CO-2586)

---
 app/src/View/Helper/FieldHelper.php | 3 +++
 app/webroot/css/co-base.css         | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/app/src/View/Helper/FieldHelper.php b/app/src/View/Helper/FieldHelper.php
index 9855fb0c7..8290576b9 100644
--- a/app/src/View/Helper/FieldHelper.php
+++ b/app/src/View/Helper/FieldHelper.php
@@ -114,6 +114,9 @@ public function control(string $fieldName,
       // This is a read-only timestamp, use the field to render itself
       $control = $this->viewObj->$fieldName->nice();
       $isRequired = false;
+    } elseif(!$this->editable) {
+      // Just output the field value.
+      $control =  $this->viewObj->$fieldName;
     } else {
       $control = $this->Form->control($fieldName, $coptions);
     }
diff --git a/app/webroot/css/co-base.css b/app/webroot/css/co-base.css
index 47c5fc25b..084402399 100644
--- a/app/webroot/css/co-base.css
+++ b/app/webroot/css/co-base.css
@@ -1061,6 +1061,9 @@ ul.form-list input[type="number"]:focus,
 ul.form-list input[type="password"]:focus {
   background-color: var(--cmg-color-yellow-004);
 }
+ul.form-list input[readonly="readonly"] {
+  background-color: var(--cmg-color-lightgray-004);
+}
 ul.form-list select {
   font-size: 0.9em;
 }