(apps/mailbox) Fixed: Empty route related issues

src/app/modules/admin/apps/mailbox/empty-details/empty-details.component.html

@@ -0,0 +1,11 @@
+<div class="flex flex-col flex-auto overflow-y-auto lg:overflow-hidden bg-card dark:bg-default">
+
+    <!-- Select mail to read -->
+    <div class="flex flex-col flex-auto items-center justify-center bg-gray-100 dark:bg-transparent">
+        <mat-icon
+            class="icon-size-24"
+            [svgIcon]="'iconsmind:mailbox_empty'"></mat-icon>
+        <div class="mt-4 text-2xl font-semibold tracking-tight text-secondary">Select a mail to read</div>
+    </div>
+
+</div>

src/app/modules/admin/apps/mailbox/empty-details/empty-details.component.ts

@@ -0,0 +1,16 @@
+import { Component, ViewEncapsulation } from '@angular/core';
+
+@Component({
+    selector     : 'mailbox-empty-details',
+    templateUrl  : './empty-details.component.html',
+    encapsulation: ViewEncapsulation.None
+})
+export class MailboxEmptyDetailsComponent
+{
+    /**
+     * Constructor
+     */
+    constructor()
+    {
+    }
+}

src/app/modules/admin/apps/mailbox/mailbox.module.ts

@@ -20,6 +20,7 @@ import { SharedModule } from 'app/shared/shared.module';
 import { MailboxComponent } from 'app/modules/admin/apps/mailbox/mailbox.component';
 import { MailboxComposeComponent } from 'app/modules/admin/apps/mailbox/compose/compose.component';
 import { MailboxDetailsComponent } from 'app/modules/admin/apps/mailbox/details/details.component';
+import { MailboxEmptyDetailsComponent } from 'app/modules/admin/apps/mailbox/empty-details/empty-details.component';
 import { MailboxListComponent } from 'app/modules/admin/apps/mailbox/list/list.component';
 import { MailboxSettingsComponent } from 'app/modules/admin/apps/mailbox/settings/settings.component';
 import { MailboxSidebarComponent } from 'app/modules/admin/apps/mailbox/sidebar/sidebar.component';
@@ -30,6 +31,7 @@ import { mailboxRoutes } from 'app/modules/admin/apps/mailbox/mailbox.routing';
         MailboxComponent,
         MailboxComposeComponent,
         MailboxDetailsComponent,
+        MailboxEmptyDetailsComponent,
         MailboxListComponent,
         MailboxSettingsComponent,
         MailboxSidebarComponent

src/app/modules/admin/apps/mailbox/mailbox.routing.ts

@@ -5,6 +5,7 @@ import { MailboxFiltersResolver, MailboxFoldersResolver, MailboxLabelsResolver,
 import { MailboxListComponent } from 'app/modules/admin/apps/mailbox/list/list.component';
 import { MailboxDetailsComponent } from 'app/modules/admin/apps/mailbox/details/details.component';
 import { MailboxSettingsComponent } from 'app/modules/admin/apps/mailbox/settings/settings.component';
+import { MailboxEmptyDetailsComponent } from 'app/modules/admin/apps/mailbox/empty-details/empty-details.component';
 
 /**
  * Mailbox custom route matcher
@@ -141,17 +142,17 @@ export const mailboxRoutes: Route[] = [
                 children             : [
                     {
                         path     : '',
-                        component: MailboxDetailsComponent,
+                        pathMatch: 'full',
-                        children : [
+                        component: MailboxEmptyDetailsComponent
+                    },
                     {
                         path     : ':id',
+                        component: MailboxDetailsComponent,
                         resolve  : {
                             mail: MailboxMailResolver
                         }
                     }
                 ]
-                    }
-                ]
             },
             {
                 path     : 'settings',