From 2edd8f3be4d76fb7229e300af1143a45d83bf77d Mon Sep 17 00:00:00 2001
From: Richard Killen <richard.killen@oracle.com>
Date: Wed, 28 Sep 2022 13:55:22 -0500
Subject: [PATCH] Use disable instead of readonly for oj-text-area to work
 around Jet issue

---
 webui/src/css/app.css                            | 9 +++++++++
 webui/src/js/views/domain-code-view.html         | 6 +++---
 webui/src/js/views/image-code-view.html          | 2 +-
 webui/src/js/views/ingress-code-view.html        | 6 +++---
 webui/src/js/views/operator-code-view.html       | 2 +-
 webui/src/js/views/vz-application-code-view.html | 6 +++---
 webui/src/js/views/vz-component-code-view.html   | 6 +++---
 webui/src/js/views/vz-install-code-view.html     | 4 ++--
 8 files changed, 25 insertions(+), 16 deletions(-)

diff --git a/webui/src/css/app.css b/webui/src/css/app.css
index def6e8c3d..d8d4ef973 100644
--- a/webui/src/css/app.css
+++ b/webui/src/css/app.css
@@ -344,6 +344,15 @@ h6:first-child {
   padding: 2px;
 }
 
+/*
+ a JET bug causes oj-text-area readonly=true text to not be selectable.
+ we use disabled=true instead, and use these styles to simulate readonly.
+ */
+.wkt-code-view.oj-text-field.oj-disabled .oj-text-field-input {
+  color: black;
+  padding: 0;
+}
+
 .wkt-dialog {
   width: 500px;
   height: 500px;
diff --git a/webui/src/js/views/domain-code-view.html b/webui/src/js/views/domain-code-view.html
index 375855830..67f35c38a 100644
--- a/webui/src/js/views/domain-code-view.html
+++ b/webui/src/js/views/domain-code-view.html
@@ -27,17 +27,17 @@
                           help.instruction="[[shellLabelMapper('selector-help')]]">
         </oj-select-single>
       </oj-form-layout>
-      <oj-text-area class="wkt-code-view" max-rows="-1" value="{{scriptText}}" readonly="true">
+      <oj-text-area class="wkt-code-view" max-rows="-1" value="{{scriptText}}" disabled="true">
       </oj-text-area>
     </div>
 
     <div slot="domain" class="oj-panel wkt-code-view-platform-frame">
-      <oj-text-area class="wkt-code-view" max-rows="-1" value="{{domainText}}" readonly="true">
+      <oj-text-area class="wkt-code-view" max-rows="-1" value="{{domainText}}" disabled="true">
       </oj-text-area>
     </div>
 
     <div slot="configMap" class="oj-panel wkt-code-view-platform-frame">
-      <oj-text-area class="wkt-code-view" max-rows="-1" value="{{configMapText}}" readonly="true">
+      <oj-text-area class="wkt-code-view" max-rows="-1" value="{{configMapText}}" disabled="true">
       </oj-text-area>
     </div>
   </oj-switcher>
diff --git a/webui/src/js/views/image-code-view.html b/webui/src/js/views/image-code-view.html
index f3a8af473..ce3858a57 100644
--- a/webui/src/js/views/image-code-view.html
+++ b/webui/src/js/views/image-code-view.html
@@ -29,7 +29,7 @@
       <oj-text-area class="wkt-code-view"
                     max-rows="-1"
                     value="{{codeText}}"
-                    readonly="true">
+                    disabled="true">
       </oj-text-area>
     </div>
 
diff --git a/webui/src/js/views/ingress-code-view.html b/webui/src/js/views/ingress-code-view.html
index bda06f2be..af9583f67 100644
--- a/webui/src/js/views/ingress-code-view.html
+++ b/webui/src/js/views/ingress-code-view.html
@@ -26,7 +26,7 @@
                           help.instruction="[[shellLabelMapper('selector-help')]]">
         </oj-select-single>
       </oj-form-layout>
-      <oj-text-area class="wkt-code-view" max-rows="-1" value="{{installScriptText}}" readonly="true">
+      <oj-text-area class="wkt-code-view" max-rows="-1" value="{{installScriptText}}" disabled="true">
       </oj-text-area>
     </div>
 
@@ -38,12 +38,12 @@
                           help.instruction="[[shellLabelMapper('selector-help')]]">
         </oj-select-single>
       </oj-form-layout>
-      <oj-text-area class="wkt-code-view" max-rows="-1" value="{{addRoutesScriptText}}" readonly="true">
+      <oj-text-area class="wkt-code-view" max-rows="-1" value="{{addRoutesScriptText}}" disabled="true">
       </oj-text-area>
     </div>
 
     <div slot="routesYaml" class="oj-panel wkt-code-view-platform-frame">
-      <oj-text-area class="wkt-code-view" max-rows="-1" value="{{ingressRoutesYamlText}}" readonly="true">
+      <oj-text-area class="wkt-code-view" max-rows="-1" value="{{ingressRoutesYamlText}}" disabled="true">
       </oj-text-area>
     </div>
 
diff --git a/webui/src/js/views/operator-code-view.html b/webui/src/js/views/operator-code-view.html
index 160e2daa0..96b191860 100644
--- a/webui/src/js/views/operator-code-view.html
+++ b/webui/src/js/views/operator-code-view.html
@@ -14,6 +14,6 @@
   <oj-text-area class="wkt-code-view"
                 max-rows="-1"
                 value="{{codeText}}"
-                readonly="true">
+                disabled="true">
   </oj-text-area>
 </div>
diff --git a/webui/src/js/views/vz-application-code-view.html b/webui/src/js/views/vz-application-code-view.html
index 9395bab5c..d5fefb926 100644
--- a/webui/src/js/views/vz-application-code-view.html
+++ b/webui/src/js/views/vz-application-code-view.html
@@ -27,17 +27,17 @@
                           help.instruction="[[shellLabelMapper('selector-help')]]">
         </oj-select-single>
       </oj-form-layout>
-      <oj-text-area class="wkt-code-view" max-rows="-1" value="{{scriptText}}" readonly="true">
+      <oj-text-area class="wkt-code-view" max-rows="-1" value="{{scriptText}}" disabled="true">
       </oj-text-area>
     </div>
 
     <div slot="application" class="oj-panel wkt-code-view-platform-frame">
-      <oj-text-area class="wkt-code-view" max-rows="-1" value="{{applicationText}}" readonly="true">
+      <oj-text-area class="wkt-code-view" max-rows="-1" value="{{applicationText}}" disabled="true">
       </oj-text-area>
     </div>
 
     <div slot="project" class="oj-panel wkt-code-view-platform-frame">
-      <oj-text-area class="wkt-code-view" max-rows="-1" value="{{projectText}}" readonly="true">
+      <oj-text-area class="wkt-code-view" max-rows="-1" value="{{projectText}}" disabled="true">
       </oj-text-area>
     </div>
   </oj-switcher>
diff --git a/webui/src/js/views/vz-component-code-view.html b/webui/src/js/views/vz-component-code-view.html
index 868af6667..434e47f68 100644
--- a/webui/src/js/views/vz-component-code-view.html
+++ b/webui/src/js/views/vz-component-code-view.html
@@ -27,17 +27,17 @@
                           help.instruction="[[shellLabelMapper('selector-help')]]">
         </oj-select-single>
       </oj-form-layout>
-      <oj-text-area class="wkt-code-view" max-rows="-1" value="{{scriptText}}" readonly="true">
+      <oj-text-area class="wkt-code-view" max-rows="-1" value="{{scriptText}}" disabled="true">
       </oj-text-area>
     </div>
 
     <div slot="component" class="oj-panel wkt-code-view-platform-frame">
-      <oj-text-area class="wkt-code-view" max-rows="-1" value="{{componentText}}" readonly="true">
+      <oj-text-area class="wkt-code-view" max-rows="-1" value="{{componentText}}" disabled="true">
       </oj-text-area>
     </div>
 
     <div slot="configMap" class="oj-panel wkt-code-view-platform-frame">
-      <oj-text-area class="wkt-code-view" max-rows="-1" value="{{configMapText}}" readonly="true">
+      <oj-text-area class="wkt-code-view" max-rows="-1" value="{{configMapText}}" disabled="true">
       </oj-text-area>
     </div>
   </oj-switcher>
diff --git a/webui/src/js/views/vz-install-code-view.html b/webui/src/js/views/vz-install-code-view.html
index a7ca7179b..69ba780bd 100644
--- a/webui/src/js/views/vz-install-code-view.html
+++ b/webui/src/js/views/vz-install-code-view.html
@@ -27,12 +27,12 @@
                           help.instruction="[[shellLabelMapper('selector-help')]]">
         </oj-select-single>
       </oj-form-layout>
-      <oj-text-area class="wkt-code-view" max-rows="-1" value="{{scriptText}}" readonly="true">
+      <oj-text-area class="wkt-code-view" max-rows="-1" value="{{scriptText}}" disabled="true">
       </oj-text-area>
     </div>
 
     <div slot="verrazzano" class="oj-panel wkt-code-view-platform-frame">
-      <oj-text-area class="wkt-code-view" max-rows="-1" value="{{verrazzanoResourceText}}" readonly="true">
+      <oj-text-area class="wkt-code-view" max-rows="-1" value="{{verrazzanoResourceText}}" disabled="true">
       </oj-text-area>
     </div>