Add versions and release-notes components.

Author: FawzyMokhtar

src/app/root/components/index.ts

@@ -1,6 +1,7 @@
 import {TopNavComponent} from "./top-nav/top-nav.component";
 import {FooterComponent} from "./footer/footer.component";
 
+
 export const COMPONENTS: any[] = [
     TopNavComponent,
     FooterComponent

src/app/root/root-routing.module.ts

@@ -1,6 +1,8 @@
 import {NgModule} from "@angular/core";
 import {RouterModule, Routes} from "@angular/router";
 
+import * as fromShared from "../shared";
+
 import * as fromContainers from "./containers";
 
 const routes: Routes = [
@@ -23,6 +25,21 @@ const routes: Routes = [
                 loadChildren: () => import("../version1.0.0").then(m => m.Version100Module)
             }
         ]
+    },
+    {
+        path: "versions",
+        component: fromContainers.LayoutComponent,
+        children: [
+            {
+                path: "",
+                component: fromShared.VersionsComponent
+            },
+            {
+                path: "**",
+                pathMatch: "full",
+                redirectTo: ""
+            },
+        ]
     }
 ];
 

src/app/root/root.module.ts

@@ -2,6 +2,7 @@ import {BrowserModule} from "@angular/platform-browser";
 import {NgModule} from "@angular/core";
 import {HttpClientModule} from "@angular/common/http";
 
+import {SharedModule} from "../shared";
 import {RootRoutingModule} from "./root-routing.module";
 
 import * as fromContainers from "./containers";
@@ -17,6 +18,7 @@ import * as fromServices from "./services";
     BrowserModule,
     RootRoutingModule,
     HttpClientModule,
+    SharedModule.forRoot()
   ],
   providers: [
     ...fromServices.SERVICES

src/app/shared/components/index.ts

@@ -3,11 +3,16 @@ import {PostSectionNavigatorComponent} from "./post-section-navigator/post-secti
 import {PostArticleComponent} from "./post-article/post-article.component";
 import {PostNavigatorComponent} from "./post-navigator/post-navigator.component";
 import {SideNavigatorItemComponent} from "./side-navigator-item/side-navigator-item.component";
+import {VersionsComponent} from "./versions/versions.component";
+
+export * from "./versions/versions.component";
+
 
 export const COMPONENTS: any[] = [
     PostHeaderComponent,
     PostSectionNavigatorComponent,
     PostArticleComponent,
     PostNavigatorComponent,
-    SideNavigatorItemComponent
+    SideNavigatorItemComponent,
+    VersionsComponent
 ];

src/app/shared/components/versions/versions.component.html

@@ -0,0 +1,65 @@
+<div class="post-wrapper">
+
+    <div class="post">
+        <!-- Article -->
+        <app-post-article [title]="'DotNet Validator Versions'">
+
+            <ng-container class="article">
+
+                <!-- Pass article content to article component -->
+                <div>
+                    <h2 class="section-heading">
+                        Latest Version
+                    </h2>
+                    <table class="table table-bordered">
+                        <tbody>
+                            <tr>
+                                <th scope="row">{{latestVersion.id}}</th>
+                                <td>
+                                    <a [routerLink]="['/docs/' + latestVersion.version]">
+                                        Documentation
+                                    </a>
+                                </td>
+                                <td>
+                                    <a [routerLink]="['/docs/' + latestVersion.version + '/release-notes']">
+                                        Release Notes
+                                    </a>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+
+                </div>
+
+                <div>
+                    <h2 class="section-heading">
+                        Past Versions
+                    </h2>
+                    <table class="table table-bordered">
+                        <tbody>
+                            <tr *ngFor="let version of versions">
+                                <th scope="row">{{version.id}}</th>
+                                <td>
+                                    <a [routerLink]="['/docs/' + version.version]">
+                                        Documentation
+                                    </a>
+                                </td>
+                                <td>
+                                    <a [routerLink]="['/docs/' + version.version + '/release-notes']">
+                                        Release Notes
+                                    </a>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+
+                </div>
+
+            </ng-container>
+
+        </app-post-article>
+        <!-- End Article -->
+    </div>
+
+</div>
+<!-- Post Wrapper -->

src/app/shared/components/versions/versions.component.sass

@@ -0,0 +1,20 @@
+import {Component, OnInit} from "@angular/core";
+import {DocService} from "../../services";
+import {IVersion} from "../../models";
+
+@Component({
+  selector: "app-versions",
+  templateUrl: "./versions.component.html",
+  styleUrls: ["./versions.component.sass"]
+})
+export class VersionsComponent implements OnInit {
+
+  latestVersion: IVersion;
+  versions: IVersion[];
+
+  ngOnInit() {
+    this.latestVersion = DocService.getLatestVersion();
+    this.versions = DocService.getPastVersions();
+  }
+
+}

src/app/shared/components/versions/versions.component.ts

@@ -1165,6 +1165,11 @@ export const Versions: IVersion[] = [
             {
                 title: "Development",
                 posts: [
+                    {
+                        id: "release-notes",
+                        title: "Release Notes",
+                        route: resolveRoute(VERSIONS["1.0.0"], "release-notes"),
+                    },
                     {
                         id: "why-dotnet-validator",
                         title: "Why DotNet Validator?",

src/app/shared/data/versions.data.ts

@@ -1,3 +1,4 @@
 export * from "./shared.module";
 export * from "./models";
 export * from "./services";
+export * from "./components";

src/app/shared/index.ts

@@ -48,6 +48,14 @@ export class DocService {
         return Versions[Versions.length - 1];
     }
 
+
+    /**
+     * Gets all versions except the latest version.
+     */
+    public static getPastVersions(): IVersion[] {
+        return Versions.filter(version => version.id !== this.getLatestVersion().id);
+    }
+
     /**
      * Gets all posts in the specified documentation version.
      * @param versionId The unique identifier for the documentation version.