Bug Fix: Show Error messages on Auth Configuration page (#8500)

* manually trigger error handler

* add a catch

* remove uneeded return

ui/app/components/auth-config-form/options.js

@@ -30,6 +30,13 @@ export default AuthConfigComponent.extend({
       if (err instanceof DS.AdapterError === false) {
         throw err;
       }
+      // because we're not calling model.save the model never updates with
+      // the error.  Forcing the error message by manually setting the errorMessage
+      try {
+        this.model.set('errorMessage', err.errors.firstObject);
+      } catch {
+        // do nothing
+      }
       return;
     }
     if (this.wizard.currentMachine === 'authentication' && this.wizard.featureState === 'config') {

ui/app/templates/components/auth-config-form/options.hbs

@@ -1,7 +1,7 @@
 <form {{action (perform saveModel) on="submit"}}>
   <div class="box is-sideless is-fullwidth is-marginless">
+    <MessageError @model={{model}} @errorMessage={{model.errorMessage}}/>
     <NamespaceReminder @mode="save" @noun="Auth Method" />
-    {{message-error model=model}}
     {{#each model.tuneAttrs as |attr|}}
       {{form-field data-test-field attr=attr model=model}}
     {{/each}}