From 56053130486c31384e7cb9fbf32f8f91112abb45 Mon Sep 17 00:00:00 2001
From: Chelsea Shaw <chelshaw.dev@gmail.com>
Date: Mon, 10 Aug 2020 13:17:54 -0500
Subject: [PATCH] Ui/wrap tool ttl (#9691)

* Update ttl picker in wrap tool
---
 ui/app/components/tool-actions-form.js   | 5 +++++
 ui/app/templates/partials/tools/wrap.hbs | 9 ++++++++-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/ui/app/components/tool-actions-form.js b/ui/app/components/tool-actions-form.js
index 2878fc0c0644..b9a96e60be57 100644
--- a/ui/app/components/tool-actions-form.js
+++ b/ui/app/components/tool-actions-form.js
@@ -137,6 +137,11 @@ export default Component.extend(DEFAULTS, {
       this.reset();
     },
 
+    updateTtl(evt) {
+      const ttl = evt.enabled ? `${evt.seconds}s` : '30m';
+      set(this, 'wrapTTL', ttl);
+    },
+
     codemirrorUpdated(val, codemirror) {
       codemirror.performLint();
       const hasErrors = codemirror.state.lint.marked.length > 0;
diff --git a/ui/app/templates/partials/tools/wrap.hbs b/ui/app/templates/partials/tools/wrap.hbs
index 5301927ecc48..02d2b7c5aa5e 100644
--- a/ui/app/templates/partials/tools/wrap.hbs
+++ b/ui/app/templates/partials/tools/wrap.hbs
@@ -52,7 +52,14 @@
         }}
       </div>
     </div>
-  {{ttl-picker labelText='Wrap TTL' onChange=(action (mut wrapTTL))}}
+    <TtlPicker2
+      @label="Wrap TTL"
+      @initialValue="30m"
+      @onChange={{action 'updateTtl'}}
+      @helperTextDisabled="Vault will use the default (30m)"
+      @helperTextEnabled="Wrap will expire after"
+      @changeOnInit={{true}}
+    />
   </div>
   <div class="field is-grouped box is-fullwidth is-bottomless">
     <div class="control">