diff --git a/src/app/adf-home/df-welcome-page/df-welcome-page.component.html b/src/app/adf-home/df-welcome-page/df-welcome-page.component.html index d9331d40..9a65dbed 100644 --- a/src/app/adf-home/df-welcome-page/df-welcome-page.component.html +++ b/src/app/adf-home/df-welcome-page/df-welcome-page.component.html @@ -61,9 +61,15 @@

- {{ 'home.welcomePage.clientPlatformHeading' | transloco }} + {{ 'home.quickstartPage.quickstartSubHeading' | transloco }}

+
    +
  1. {{ 'home.quickstartPage.quickstartSteps.stepOne' | transloco }}
  2. +
  3. {{ 'home.quickstartPage.quickstartSteps.stepTwo' | transloco }}
  4. +
  5. {{ 'home.quickstartPage.quickstartSteps.stepThree' | transloco }}
  6. +
+

{{ 'home.welcomePage.nativeExamplesHeading' | transloco }} @@ -94,3 +100,5 @@

+ + diff --git a/src/app/adf-home/df-welcome-page/df-welcome-page.component.ts b/src/app/adf-home/df-welcome-page/df-welcome-page.component.ts index 3a956c65..fe24a5a7 100644 --- a/src/app/adf-home/df-welcome-page/df-welcome-page.component.ts +++ b/src/app/adf-home/df-welcome-page/df-welcome-page.component.ts @@ -19,6 +19,9 @@ import { faHeart, } from '@fortawesome/free-solid-svg-icons'; import { TranslocoPipe } from '@ngneat/transloco'; +import { DfQuickstartPageComponent } from '../df-quickstart-page/df-quickstart-page.component'; +import { DfResourcesPageComponent } from '../df-resources-page/df-resources-page.component'; +import { DfDownloadPageComponent } from '../df-download-page/df-download-page.component'; @Component({ selector: 'df-welcome-page', @@ -34,6 +37,9 @@ import { TranslocoPipe } from '@ngneat/transloco'; DfIconCardLinkComponent, AsyncPipe, TranslocoPipe, + DfQuickstartPageComponent, + DfResourcesPageComponent, + DfDownloadPageComponent, ], }) export class DfWelcomePageComponent { diff --git a/src/app/adf-home/routes.ts b/src/app/adf-home/routes.ts index dea8961e..0c35be04 100644 --- a/src/app/adf-home/routes.ts +++ b/src/app/adf-home/routes.ts @@ -2,33 +2,46 @@ import { Routes } from '@angular/router'; import { ROUTES } from '../shared/types/routes'; export const HomeRoutes: Routes = [ - { path: '', redirectTo: ROUTES.WELCOME, pathMatch: 'full' }, { - path: ROUTES.WELCOME, + path: '', loadComponent: () => import('./df-welcome-page/df-welcome-page.component').then( m => m.DfWelcomePageComponent ), }, - { - path: ROUTES.QUICKSTART, - loadComponent: () => - import('./df-quickstart-page/df-quickstart-page.component').then( - m => m.DfQuickstartPageComponent - ), - }, - { - path: ROUTES.RESOURCES, - loadComponent: () => - import('./df-resources-page/df-resources-page.component').then( - m => m.DfResourcesPageComponent - ), - }, - { - path: ROUTES.DOWNLOAD, - loadComponent: () => - import('./df-download-page/df-download-page.component').then( - m => m.DfDownloadPageComponent - ), - }, + // { + // path: ROUTES.WELCOME, + // loadComponent: () => + // import('./df-welcome-page/df-welcome-page.component').then( + // m => m.DfWelcomePageComponent + // ), + // }, + // { + // path: ROUTES.WELCOME, + // loadComponent: () => + // import('./df-welcome-page/df-welcome-page.component').then( + // m => m.DfWelcomePageComponent + // ), + // }, + // { + // path: ROUTES.QUICKSTART, + // loadComponent: () => + // import('./df-quickstart-page/df-quickstart-page.component').then( + // m => m.DfQuickstartPageComponent + // ), + // }, + // { + // path: ROUTES.RESOURCES, + // loadComponent: () => + // import('./df-resources-page/df-resources-page.component').then( + // m => m.DfResourcesPageComponent + // ), + // }, + // { + // path: ROUTES.DOWNLOAD, + // loadComponent: () => + // import('./df-download-page/df-download-page.component').then( + // m => m.DfDownloadPageComponent + // ), + // }, ]; diff --git a/src/app/shared/components/df-side-nav/df-side-nav.component.ts b/src/app/shared/components/df-side-nav/df-side-nav.component.ts index 7c3fabb0..6535fed8 100644 --- a/src/app/shared/components/df-side-nav/df-side-nav.component.ts +++ b/src/app/shared/components/df-side-nav/df-side-nav.component.ts @@ -32,7 +32,7 @@ import { of, switchMap } from 'rxjs'; import { MatDialog, MatDialogModule } from '@angular/material/dialog'; import { DfSearchDialogComponent } from '../df-search-dialog/df-search-dialog.component'; import { UntilDestroy } from '@ngneat/until-destroy'; - +import { CommonModule } from '@angular/common'; @UntilDestroy({ checkProperties: true }) @Component({ selector: 'df-side-nav', @@ -54,6 +54,7 @@ import { UntilDestroy } from '@ngneat/until-destroy'; NgFor, NgTemplateOutlet, MatDialogModule, + CommonModule, ], }) export class DfSideNavComponent implements OnInit { diff --git a/src/app/shared/utilities/route.ts b/src/app/shared/utilities/route.ts index 480340fc..bf15fbdb 100644 --- a/src/app/shared/utilities/route.ts +++ b/src/app/shared/utilities/route.ts @@ -44,13 +44,7 @@ export function accessibleRoutes( navs: Array