OPH-86 | When not logged in and direct link it show a white page (#121)

* feat: open mocklogin when no acmidm

When no acmidm open the mocklogin page

Refs: oph-86

* feat: login on process route

Refs: oph-86

* feat: add copy icon next to process title

When rpessed the current url is been copied

Refs: oph-86

* feat: when passing on a process id that cannot be found it will show the error page

Refs: oph-86

* Update toaster texts

---------

Co-authored-by: Martijn Bogaert <martijn.bogaert@sirus.be>

Author: JonasVanHoof

app/controllers/processes/process/index.js

@@ -108,4 +108,22 @@ export default class ProcessesProcessIndexController extends Controller {
     this.diagrams = undefined;
     this.latestDiagram = undefined;
   }
+
+  @action
+  copyUrl() {
+    try {
+      navigator.clipboard.writeText(window.location.href);
+      this.toaster.success('Link naar proces gekopieerd', undefined, {
+        timeOut: 5000,
+      });
+    } catch (error) {
+      this.toaster.error(
+        'Er liep iets mis bij het kopiëren van de link naar het proces',
+        undefined,
+        {
+          timeOut: 5000,
+        },
+      );
+    }
+  }
 }

app/routes/auth/login.js

@@ -1,13 +1,20 @@
 import Route from '@ember/routing/route';
-import { inject as service } from '@ember/service';
+
+import { service } from '@ember/service';
+
 import ENV from 'frontend-openproceshuis/config/environment';
 
 export default class AuthLoginRoute extends Route {
   @service session;
+  @service router;
 
   beforeModel() {
     if (this.session.prohibitAuthentication('index')) {
-      window.location.replace(buildLoginUrl(ENV.acmidm));
+      if (isValidAcmidmConfig(ENV.acmidm)) {
+        window.location.replace(buildLoginUrl(ENV.acmidm));
+      } else {
+        this.router.replaceWith('mock-login');
+      }
     }
   }
 }
@@ -22,3 +29,12 @@ function buildLoginUrl({ authUrl, clientId, authRedirectUrl, scope }) {
 
   return loginUrl.href;
 }
+
+function isValidAcmidmConfig(acmidmConfig) {
+  return Object.values(acmidmConfig).every(
+    (value) =>
+      typeof value === 'string' &&
+      value.trim() !== '' &&
+      !value.startsWith('{{'),
+  );
+}

app/routes/processes/process.js

@@ -4,14 +4,35 @@ import ENV from 'frontend-openproceshuis/config/environment';
 
 export default class ProcessesProcessRoute extends Route {
   @service store;
+  @service router;
+  @service session;
+
+  beforeModel(transition) {
+    if (!this.session.isAuthenticated) {
+      this.session.requireAuthentication(transition, 'auth.login');
+    }
+  }
 
   async model(params) {
-    const query = {
-      reload: true,
-      include:
-        'process-statistics,files,publisher,publisher.primary-site,publisher.primary-site.contacts,publisher.classification,ipdc-products,information-assets',
-      'filter[files][:not:status]': ENV.resourceStates.archived,
-    };
-    return await this.store.findRecord('process', params.id, query);
+    try {
+      const process = await this.store.findRecord('process', params.id, {
+        'filter[files][:not:status]': ENV.resourceStates.archived,
+        include: [
+          'process-statistics',
+          'files',
+          'publisher',
+          'publisher.primary-site',
+          'publisher.primary-site.contacts',
+          'publisher.classification',
+          'ipdc-products',
+          'information-assets',
+        ].join(','),
+        reload: true,
+      });
+
+      return process;
+    } catch (error) {
+      throw new Error(`Er werd geen process met id "${params.id}" gevonden.`);
+    }
   }
 }

app/templates/processes/error.hbs

@@ -0,0 +1,10 @@
+{{page-title "Process niet gevonden"}}
+
+<LayoutDetail>
+  <Oops
+    @title="Het lijkt erop dat het proces waarnaar je zoekt niet bestaat of niet meer beschikbaar is."
+    @content="Controleer even of je de juiste link gebruikt of neem contact op met de beheerder indien je denkt dat dit een fout is."
+    @image="/assets/images/page-not-found.svg"
+  />
+  {{outlet}}
+</LayoutDetail>

app/templates/processes/process/index.hbs

@@ -11,7 +11,15 @@
 {{else}}
   <PageHeader>
     <:title>
-      {{this.process.title}}
+      <div class="au-u-flex au-u-flex--vertical-center">
+        {{this.process.title}}
+        <AuButton
+          class="au-u-padding-left-small"
+          @icon="link"
+          @skin="link"
+          @hideText={{true}}
+          {{on "click" this.copyUrl}}
+        /></div>
     </:title>
     <:action>
       <AuPill @icon="clock-rewind">Laatst aangepast op