Added intro page to demo project

RinMinase · Mar 9, 2020 · e207c80 · e207c80
1 parent cb44634
commit e207c80
Showing 1 changed file with 41 additions and 4 deletions.
diff --git a/demo/src/app/installation.component.ts b/demo/src/app/installation.component.ts
@@ -3,13 +3,50 @@ import { Component, OnInit } from "@angular/core";
 @Component({
   selector: "app-installation",
   template: `
-    <p>
-      installation works!
-    </p>
+    <div>
+      <h1>Angular Chart.js</h1>
+
+      <ng-container *ngFor="let badge of badges">
+        <p class="text-center">
+          <ng-container *ngFor="let item of badge">
+            <span [ngClass]="{ 'pr-2': item }">
+              <a [href]="item.link"><img [src]="item.badge"/></a>
+            </span>
+          </ng-container>
+        </p>
+      </ng-container>
+    </div>
   `,
-  styles: [],
+  styles: [``],
 })
 export class InstallationComponent implements OnInit {
+  baseBadgeURL: string = "https://img.shields.io/";
+  badgeFormat: string = "style=for-the-badge";
+  badges: Array<Array<{ link: string; badge: string; spacer?: boolean }>> = [
+    [
+      {
+        badge: `${this.baseBadgeURL}circleci/build/github/RinMinase/ng-charts/master.svg?logo=circleci&${this.badgeFormat}`,
+        link: "https://circleci.com/gh/RinMinase/ng-charts",
+        spacer: true,
+      },
+      {
+        badge: `${this.baseBadgeURL}badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg?${this.badgeFormat}`,
+        link: "https://semantic-release.gitbook.io/semantic-release",
+      },
+    ],
+    [
+      {
+        badge: `${this.baseBadgeURL}bundlephobia/minzip/@rinminase/ng-charts?logo=webpack&logoColor=white&${this.badgeFormat}`,
+        link: "https://bundlephobia.com/result?p=@rinminase/ng-charts",
+        spacer: true,
+      },
+      {
+        badge: `${this.baseBadgeURL}npm/dw/@rinminase/ng-charts?logo=npm&${this.badgeFormat}`,
+        link: "https://www.npmjs.com/package/@rinminase/ng-charts",
+      },
+    ],
+  ];
+
   constructor() {}
 
   ngOnInit(): void {}