Add functional SSH generation to UI

Signed-off-by: Alexander Scheel <[email protected]>
hashicorp · Feb 11, 2022 · 3d02735 · 3d02735
1 parent 6ee76cc
commit 3d02735
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 1 deletion.
diff --git a/ui/app/models/secret-engine.js b/ui/app/models/secret-engine.js
@@ -170,6 +170,18 @@ export default Model.extend(Validations, {
   generateSigningKey: attr('boolean', {
     defaultValue: true,
   }),
+  keyType: attr('string', {
+    label: 'Key type',
+    possibleValues: [
+      'ssh-rsa',
+      'ecdsa-sha2-nistp256',
+      'ecdsa-sha2-nistp384',
+      'ecdsa-sha2-nistp521',
+      'ssh-ed25519',
+    ],
+    defaultValue: 'ssh-rsa',
+  }),
+  keyBits: attr('number'),
 
   saveCA(options) {
     if (this.type !== 'ssh') {
@@ -179,14 +191,16 @@ export default Model.extend(Validations, {
       this.setProperties({
         privateKey: null,
         publicKey: null,
+        keyType: null,
+        keyBits: null,
         generateSigningKey: false,
       });
     }
     return this.save({
       adapterOptions: {
         options: options,
         apiPath: 'config/ca',
-        attrsToSend: ['privateKey', 'publicKey', 'generateSigningKey'],
+        attrsToSend: ['privateKey', 'publicKey', 'generateSigningKey', 'keyType', 'keyBits'],
       },
     });
   },

diff --git a/ui/app/templates/components/configure-ssh-secret.hbs b/ui/app/templates/components/configure-ssh-secret.hbs
@@ -73,6 +73,22 @@
           </InfoTooltip>
         </label>
       </div>
+      <div class="field">
+        <label for="privateKey" class="is-label">
+          Key type
+        </label>
+        <div class="control">
+          <Textarea name="keyType" id="keyType" class="input" @value={{@model.keyType}} />
+        </div>
+      </div>
+      <div class="field">
+        <label for="keyBits" class="is-label">
+          Key bits
+        </label>
+        <div class="control">
+          <Textarea name="keyBits" id="keyBits" class="input" @value={{@model.keyBits}} />
+        </div>
+      </div>
     </div>
     <div class="field box is-fullwidth is-bottomless is-marginless">
       <div class="control">