From 215c3c87e5d60bc8fb978cd2e8cc4182a2c0e830 Mon Sep 17 00:00:00 2001
From: Jake McDermott <yo@jakemcdermott.me>
Date: Tue, 12 Mar 2019 20:27:15 -0400
Subject: [PATCH] enable input source linking for secret textarea fields

---
 .../input/textarea-secret.directive.js        |  7 ++
 .../input/textarea-secret.partial.html        | 75 +++++++++++++------
 2 files changed, 59 insertions(+), 23 deletions(-)

diff --git a/awx/ui/client/lib/components/input/textarea-secret.directive.js b/awx/ui/client/lib/components/input/textarea-secret.directive.js
index 54f13d045f..fb4b29d870 100644
--- a/awx/ui/client/lib/components/input/textarea-secret.directive.js
+++ b/awx/ui/client/lib/components/input/textarea-secret.directive.js
@@ -93,6 +93,13 @@ function AtInputTextareaSecretController (baseInputController, eventService) {
             input.value = '';
         });
     };
+
+    vm.onLookupClick = () => {
+        if (scope.state._onInputLookup) {
+            const { id, label, required, type } = scope.state;
+            scope.state._onInputLookup({ id, label, required, type });
+        }
+    };
 }
 
 AtInputTextareaSecretController.$inject = [
diff --git a/awx/ui/client/lib/components/input/textarea-secret.partial.html b/awx/ui/client/lib/components/input/textarea-secret.partial.html
index 2ae5bb9e76..0b5db6c0db 100644
--- a/awx/ui/client/lib/components/input/textarea-secret.partial.html
+++ b/awx/ui/client/lib/components/input/textarea-secret.partial.html
@@ -1,32 +1,61 @@
 <div class="col-sm-{{::col}} at-InputContainer">
     <div class="form-group at-u-flat">
         <at-input-label></at-input-label>
-
-        <div ng-class="{ 'input-group': state._edit }">
-            <div ng-if="state._edit" class="input-group-btn at-InputGroup-button input-group-prepend">
-                <button class="btn at-ButtonHollow--white at-Input-button--fixed-md"
-                        ng-disabled="!state._enableToggle && (state._disabled || form.disabled)"
-                        ng-click="state._isBeingReplaced = !state._isBeingReplaced">
-                    {{ state._buttonText }}
+        <div ng-class="{ 'input-group': state.tagMode }">
+            <div class="input-group-btn at-InputGroup-button input-group-prepend" ng-show="state.tagMode">
+                <button
+                  class="btn at-ButtonHollow--white at-Input-button--long-sm"
+                  ng-disabled="state._disabled || form.disabled"
+                  ng-click="vm.onLookupClick()"
+                >
+                    <i class="fa fa-search"></i>
+                </button>
+            </div>
+            <input
+              ng-show="ssh && !state.asTag"
+              ng-disabled="state._disabled || form.disabled"
+              class="at-InputFile--hidden"
+              ng-class="{'at-InputFile--drag': drag }"
+              type="file"
+              name="files"
+            />
+            <div
+              ng-show="state.asTag"
+              class="form-control at-Input at-InputTaggedTextarea"
+              ng-class="{
+                'at-Input--rejected': state._rejected,
+                }"
+              >
+              <div class="at-InputTagContainer">
+                  <at-tag
+                    icon="external"
+                    tag="state._tagValue"
+                    remove-tag="state._onRemoveTag(state)"
+                  />
+              </div>
+            </div>
+            <textarea
+              class="form-control at-Input at-InputTextarea"
+              ng-show="!state.asTag"
+              ng-model="state[state._activeModel]"
+              ng-class="{ 'at-Input--rejected': state._rejected }"
+              ng-attr-rows="{{::state._rows || 6 }}"
+              ng-attr-maxlength="{{ state.max_length || undefined }}"
+              ng-attr-tabindex="{{ tab || undefined }}"
+              ng-attr-placeholder="{{state._placeholder || undefined }}"
+              ng-disabled="state._disabled || form.disabled"
+            />
+            <div ng-if="state._edit" class="input-group-btn at-InputGroup-button input-group-append">
+                <button
+                  class="btn at-ButtonHollow--white at-Input-button--long-sm"
+                  ng-disabled="state.asTag || (!state._enableToggle && (state._disabled || form.disabled))"
+                  ng-click="state._isBeingReplaced = !state._isBeingReplaced"
+                >
+                  <i ng-show="!state._isBeingReplaced" class="fa fa-undo"></i>
+                  <i ng-show="state._isBeingReplaced" class="fa fa-undo fa-flip-horizontal"></i>
                 </button>
             </div>
-            <input ng-show="ssh"
-                   ng-disabled="state._disabled || form.disabled"
-                   class="at-InputFile--hidden"
-                   ng-class="{'at-InputFile--drag': drag }"
-                   type="file"
-                   name="files" />
-            <textarea class="form-control at-Input at-InputTextarea"
-                      ng-model="state[state._activeModel]"
-                      ng-class="{ 'at-Input--rejected': state._rejected }"
-                      ng-attr-rows="{{::state._rows || 6 }}"
-                      ng-attr-maxlength="{{ state.max_length || undefined }}"
-                      ng-attr-tabindex="{{ tab || undefined }}"
-                      ng-attr-placeholder="{{state._placeholder || undefined }}"
-                      ng-disabled="state._disabled || form.disabled" />
-            </textarea>
         </div>
-
         <at-input-message></at-input-message>
     </div>
 </div>