From 57cecc7e07183850c3835b21d18ab05ab3326315 Mon Sep 17 00:00:00 2001
From: Arlen Johnson <arlen@sphericalcowgroup.com>
Date: Fri, 31 Mar 2023 10:44:07 -0400
Subject: [PATCH] Output uneditable values as text-only. Provide a darker
 background color to read-only fields. (CO-2586) (#59)

---
 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 a771355a8..0350e50ae 100644
--- a/app/src/View/Helper/FieldHelper.php
+++ b/app/src/View/Helper/FieldHelper.php
@@ -118,6 +118,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 {
       if($fieldType == 'boolean') {
         // A boolean field is a checkbox. Include the label with the field.
diff --git a/app/webroot/css/co-base.css b/app/webroot/css/co-base.css
index 84cbbea0f..06c85ae54 100644
--- a/app/webroot/css/co-base.css
+++ b/app/webroot/css/co-base.css
@@ -1059,6 +1059,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;
 }