Merge branch 'version-1-0-0' into 'development'

Version 1.0.0

See merge request Works.Al-Mokhtar/shared/dotnet-validator-docs!3

Author: FawzyMokhtar

package.json

@@ -24,6 +24,7 @@
     "@types/lodash": "^4.14.136",
     "bootstrap": "^4.3.1",
     "font-awesome": "^4.7.0",
+    "highlight.js": "^9.15.9",
     "lodash": "^4.17.15",
     "rxjs": "~6.4.0",
     "tslib": "^1.10.0",

src/app/root/components/footer/footer.component.html

@@ -10,20 +10,27 @@
             </div>
             <div class="nav-item">
                 <span class="nav-link section-title">Community</span>
-                <a routerLink="/" class="nav-link">
+                <a href="{{settings.stackOverflow}}" target="blank" class="nav-link">
                     <i class="fa fa-stack-overflow"></i>
-                    Stack Overflow
+                    StackOverflow
                 </a>
             </div>
             <div class="nav-item">
                 <span class="nav-link section-title">More</span>
-                <a routerLink="/" class="nav-link">
+                <a href="{{settings.gitHubRepo}}" target="blank" class="nav-link">
                     <i class="fa fa-github"></i>
                     GitHub
+                    <a href="{{settings.gitHubRepo + '/stargazers'}}" target="blank" class="badge badge-light">
+                        <i class="fa fa-star"></i>
+                        {{  (gitHubRepo$ | async)?.stargazers_count}}
+                    </a>
                 </a>
-                <a routerLink="/" class="nav-link">
+                <a href="{{settings.nugetPackage}}" target="blank" class="nav-link">
                     <i class="fa fa-download"></i>
                     Nuget
+                    <span class="badge badge-light">
+                        {{  (nugetPackage$ | async)?.data[0].totalDownloads}}
+                    </span>
                 </a>
             </div>
         </nav>

src/app/root/components/footer/footer.component.ts

@@ -1,11 +1,26 @@
-import {Component} from "@angular/core";
+import {Component, OnInit} from "@angular/core";
+import {Observable} from "rxjs";
+import {environment} from "../../../../environments/environment";
+import {LibService} from "../../services";
+import {IGitHubRepo, INugetPackage} from "../../models";
 
 @Component({
   selector: "app-footer",
   templateUrl: "./footer.component.html",
   styleUrls: ["./footer.component.sass"]
 })
-export class FooterComponent {
+export class FooterComponent implements OnInit {
 
   year: number = new Date().getFullYear();
+  settings = environment;
+
+  gitHubRepo$: Observable<IGitHubRepo>;
+  nugetPackage$: Observable<INugetPackage>;
+
+  constructor (private libService: LibService) {}
+
+  ngOnInit() {
+    this.gitHubRepo$ = this.libService.fetchGitHubRepo();
+    this.nugetPackage$ = this.libService.fetchNugetPackage();
+  }
 }

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/components/top-nav/top-nav.component.html

@@ -8,11 +8,11 @@
             <a routerLink="/versions" class="version">{{ version$ | async}}</a>
         </div>
         <div class="navbar-nav">
-            <a routerLink="" class="nav-link">
+            <a href="{{settings.gitHubRepo}}" target="blank" class="nav-link">
                 <i class="fa fa-github"></i>
                 GitHub
             </a>
-            <a routerLink="" class="nav-link">
+            <a href="{{settings.nugetPackage}}" target="blank" class="nav-link">
                 <i class="fa fa-download"></i>
                 Download
             </a>

src/app/root/components/top-nav/top-nav.component.ts

@@ -1,6 +1,7 @@
 import {Component, OnInit} from "@angular/core";
 import {GlobalService} from "../../services";
 import {Observable} from "rxjs";
+import {environment} from "../../../../environments/environment";
 
 @Component({
   selector: "app-top-nav",
@@ -9,6 +10,8 @@ import {Observable} from "rxjs";
 })
 export class TopNavComponent implements OnInit {
 
+  settings = environment;
+
   version$: Observable<string>;
 
   constructor (private globalService: GlobalService) {}

src/app/root/models/git-hub-repo.model.ts

@@ -0,0 +1,4 @@
+export interface IGitHubRepo {
+    id: string;
+    stargazers_count: number;
+}

src/app/root/models/index.ts

@@ -0,0 +1,2 @@
+export * from "./git-hub-repo.model";
+export * from "./nuget-package.model";

src/app/root/models/nuget-package.model.ts

@@ -0,0 +1,19 @@
+export interface INugetPackage {
+    data: {
+        id: string;
+        version: string;
+        description: string;
+        summary: string;
+        title: string;
+        licenseUrl: string;
+        tags: string[];
+        authors: string[];
+        totalDownloads: number;
+        verified: boolean;
+        versions: {
+            version: string,
+            downloads: number,
+            "@id": string;
+        }[];
+    }[];
+}

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

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