From 203a4b3a555f2eeb0ddd68694f792fb772be478c Mon Sep 17 00:00:00 2001
From: dharini <dharini@hashicorp.com>
Date: Tue, 8 Feb 2022 19:37:21 -0800
Subject: [PATCH] =?UTF-8?q?feat:=20=F0=9F=8E=B8=20host=20typed=20forms?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 addons/core/translations/resources/en-us.yaml |  3 +
 ui/admin/app/components/form/host/index.hbs   | 64 +++++++++++++------
 2 files changed, 49 insertions(+), 18 deletions(-)

diff --git a/addons/core/translations/resources/en-us.yaml b/addons/core/translations/resources/en-us.yaml
index 27e3497c0..c9186a3f9 100644
--- a/addons/core/translations/resources/en-us.yaml
+++ b/addons/core/translations/resources/en-us.yaml
@@ -155,6 +155,9 @@ host:
     unknown: Unknown
     aws: AWS
     azure: Azure
+  form:
+    provider:
+      label: Provider Details
 session:
   title: Session
   title_plural: Sessions
diff --git a/ui/admin/app/components/form/host/index.hbs b/ui/admin/app/components/form/host/index.hbs
index 9b39cdb26..0045a8362 100644
--- a/ui/admin/app/components/form/host/index.hbs
+++ b/ui/admin/app/components/form/host/index.hbs
@@ -53,24 +53,52 @@
     {{/if}}
   </form.textarea>
 
-  <form.input
-    @name='address'
-    @type='text'
-    @value={{@model.attributes.address}}
-    @label={{t 'form.address.label'}}
-    @error={{@model.errors.name}}
-    @helperText={{t 'form.address.help'}}
-    readonly={{false}}
-    as |field|
-  >
-    {{#if @model.errors.name}}
-      <field.errors as |errors|>
-        {{#each @model.errors.name as |error|}}
-          <errors.message>{{error.message}}</errors.message>
-        {{/each}}
-      </field.errors>
-    {{/if}}
-  </form.input>
+  {{#if @model.isPlugin}}
+    <form.fieldset>
+      <:title>{{t 'resources.host.form.provider.label'}}</:title>
+      <:body>
+        <form.radioGroup
+          @name='provider'
+          @selectedValue={{@model.compositeType}}
+          @disabled={{true}}
+          as |radioGroup|
+        >
+          <radioGroup.card
+            @label={{@model.compositeType}}
+            @value={{@model.compositeType}}
+            @layout='tile'
+            @icon={{concat
+              'flight-icons/svg/'
+              @model.compositeType
+              '-color-16'
+            }}
+          />
+        </form.radioGroup>
+      </:body>
+    </form.fieldset>
+
+  {{else}}
+
+    <form.input
+      @name='address'
+      @type='text'
+      @value={{@model.attributes.address}}
+      @label={{t 'form.address.label'}}
+      @error={{@model.errors.name}}
+      @helperText={{t 'form.address.help'}}
+      readonly={{false}}
+      as |field|
+    >
+      {{#if @model.errors.name}}
+        <field.errors as |errors|>
+          {{#each @model.errors.name as |error|}}
+            <errors.message>{{error.message}}</errors.message>
+          {{/each}}
+        </field.errors>
+      {{/if}}
+    </form.input>
+
+  {{/if}}
   {{#if (can 'save model' @model)}}
     <form.actions
       @disabled={{if @model.cannotSave @model.cannotSave}}