(apps/mailbox) Fixed: Empty route related issues

This commit is contained in:
Sercan Yemen 2022-05-12 23:50:43 +03:00
parent 5378a6b6ef
commit 9521257b4d
4 changed files with 38 additions and 8 deletions

View File

@ -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>

View File

@ -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()
{
}
}

View File

@ -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

View File

@ -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,15 +142,15 @@ export const mailboxRoutes: Route[] = [
children : [
{
path : '',
pathMatch: 'full',
component: MailboxEmptyDetailsComponent
},
{
path : ':id',
component: MailboxDetailsComponent,
children : [
{
path : ':id',
resolve: {
mail: MailboxMailResolver
}
}
]
resolve : {
mail: MailboxMailResolver
}
}
]
},