New component version of the forbidden-message partial

ui/app/components/forbidden-message.js

@@ -0,0 +1,5 @@
+import Component from '@ember/component';
+import { tagName } from '@ember-decorators/component';
+
+@tagName('')
+export default class ForbiddenMessage extends Component {}

ui/app/templates/components/forbidden-message.hbs

@@ -0,0 +1,22 @@
+<div data-test-error class="empty-message">
+  <h3 data-test-error-title class="empty-message-headline">Not Authorized</h3>
+  <p data-test-error-message class="empty-message-body">
+    {{#if token.secret}}
+      Your <LinkTo @route="settings.tokens">ACL token</LinkTo> does not provide the
+      {{#if permission}}
+        <code>{{permission}}</code>
+      {{else}}
+        required
+      {{/if}}
+      permission. Contact your administrator if this is an error.
+    {{else}}
+      Provide an <LinkTo @route="settings.tokens">ACL token</LinkTo> with the
+      {{#if permission}}
+      <code>{{permission}}</code>
+      {{else}}
+        requisite
+      {{/if}}
+      permission to view this.
+    {{/if}}
+  </p>
+</div>