Show alert for unverified User

js/forum/src/app.js

@@ -5,6 +5,7 @@ import routes from 'flarum/initializers/routes';
 import components from 'flarum/initializers/components';
 import humanTime from 'flarum/initializers/humanTime';
 import boot from 'flarum/initializers/boot';
+import alertEmailConfirmation from 'flarum/initializers/alertEmailConfirmation';
 
 const app = new ForumApp();
 
@@ -15,5 +16,6 @@ app.initializers.add('humanTime', humanTime);
 
 app.initializers.add('preload', preload, -100);
 app.initializers.add('boot', boot, -100);
+app.initializers.add('alertEmailConfirmation', alertEmailConfirmation, -100);
 
 export default app;

js/forum/src/initializers/alertEmailConfirmation.js

@@ -0,0 +1,36 @@
+import Alert from 'flarum/components/Alert';
+import Button from 'flarum/components/Button';
+
+/**
+ * The `alertEmailConfirmation` initializer shows an Alert if loggend in
+ * user's email is not confirmed
+ *
+ * @param {ForumApp} app
+ */
+export default function alertEmailConfirmation(app) {
+  const user = app.session.user;
+
+  if (!user || user.isActivated()) return;
+
+  let alert;
+
+  const resendButton = Button.component({
+    className: 'Button Button--link',
+    children: app.translator.trans('core.forum.user_confirmation.resend_button'),
+    onclick: () => {
+      app.request({
+        method: 'POST',
+        url: app.forum.attribute('apiUrl') + '/users/' + user.id() + '/send-confirmation',
+      }).then(() => app.alerts.dismiss(alert));
+    }
+  });
+
+  app.alerts.show(
+    alert = new Alert({
+      type: 'error',
+      dismissible: false,
+      children: app.translator.trans('core.forum.user_confirmation.alert_message'),
+      controls: [resendButton]
+    })
+  );
+}