UI/vault 12818/oracle banner sll (#19019)

* glimmerize alert-banner

* structure for the DocLink todo: css important remove

* styling done. kind of strange, but should help in future

* clean up

* test coverage

* changelog

* address pr comments

* clean up

* amended language on banner to match most recent change.

* add return

* clean up

* modify the banner title and shorten message

* update language

changelog/19019.txt

@@ -0,0 +1,3 @@
+```release-note: improvement
+ui: Add alert-banner about configuring an Oracle DB secret engine if using SSL.
+```

ui/app/templates/components/database-connection.hbs

@@ -160,7 +160,18 @@
         {{/if}}
       </div>
     {{/unless}}
-
+    {{#if (eq @model.plugin_name "vault-plugin-database-oracle")}}
+      <AlertBanner
+        @type="info"
+        @title="Connecting using SSL or TNS Names"
+        @message="To create database connections using SSL or TNS names you may need to provide additional Oracle configuration files for your Vault cluster. If you have already provided these files, they may need to updated if you are creating connections to database hosts not covered by the existing configuration files."
+      >
+        <DocLink @path="/vault/docs/secrets/databases/oracle">
+          <Icon @name="learn-link" />
+          Oracle Database Secrets Engine
+        </DocLink>
+      </AlertBanner>
+    {{/if}}
     <div class="field is-grouped is-grouped-split is-fullwidth box is-bottomless">
       <div class="field is-grouped">
         <div class="control">

ui/tests/acceptance/secrets/backend/database/secret-test.js

@@ -229,6 +229,12 @@ const connectionTests = [
       assert
         .dom('[data-test-input="root_rotation_statements"]')
         .exists(`Root rotation statements exists for ${name}`);
+      assert
+        .dom('[data-test-alert-banner="alert"]')
+        .hasTextContaining(
+          `Warning Please ensure that your Oracle plugin has the default name of vault-plugin-database-oracle. Custom naming is not supported in the UI at this time. If the plugin is already named vault-plugin-database-oracle, disregard this warning.`,
+          'warning banner displays about connections with SSL.'
+        );
     },
   },
 ];
@@ -264,7 +270,7 @@ module('Acceptance | secrets/database/*', function (hooks) {
   });
 
   test('Connection create and edit form for each plugin', async function (assert) {
-    assert.expect(160);
+    assert.expect(169);
     const backend = await mount();
     for (const testCase of connectionTests) {
       await connectionPage.visitCreate({ backend });
@@ -287,6 +293,11 @@ module('Acceptance | secrets/database/*', function (hooks) {
         testCase.requiredFields(assert, testCase.name);
         continue;
       }
+      if (testCase.plugin !== 'vault-plugin-database-oracle') {
+        assert
+          .dom('[data-test-alert-banner="alert"]')
+          .doesNotExist('Does not show alert-banners specific only to the Oracle db.');
+      }
       testCase.requiredFields(assert, testCase.name);
       await connectionPage.toggleVerify();
       await connectionPage.save();