Merge pull request #60 from raj-rathod/rajesh

Rajesh

src/app/components/Algorithms/backtracking/backtracking-algorithm/backtracking-algorithm.component.html

@@ -1 +1 @@
-<p>backtracking-algorithm works!</p>
+<p class="text-center mt-5">Coming soon</p>

src/app/components/Algorithms/brute-force/brute-force-algorithm/brute-force-algorithm.component.html

@@ -1 +1 @@
-<p>brute-force-algorithm works!</p>
+<p class="text-center mt-5">Coming soon</p>

src/app/components/Algorithms/divide-and-conquer/divide-and-conquer-algorithm/divide-and-conquer-algorithm.component.html

@@ -1 +1 @@
-<p>divide-and-conquer-algorithm works!</p>
+<p class="text-center mt-5">Coming soon</p>

src/app/components/Algorithms/dynamic-programming/dynamic-programming-algorithm/dynamic-programming-algorithm.component.html

@@ -1 +1 @@
-<p>dynamic-programming-algorithm works!</p>
+<p class="text-center mt-5">Coming soon</p>

src/app/components/Algorithms/greedy/greedy-algorithm/greedy-algorithm.component.html

@@ -1 +1 @@
-<p>greedy-algorithm works!</p>
+<p class="text-center mt-5">Coming soon</p>

src/app/components/Algorithms/hashing/hashing-algorithm/hashing-algorithm.component.html

@@ -1 +1 @@
-<p>hashing-algorithm works!</p>
+<p class="text-center mt-5">Coming soon</p>

src/app/components/Algorithms/randomized/randomized-algorithm/randomized-algorithm.component.html

@@ -1 +1 @@
-<p>randomized-algorithm works!</p>
+<p class="text-center mt-5">Coming soon</p>

src/app/components/Algorithms/recursive/recursive-algorithm/recursive-algorithm.component.html

@@ -1 +1 @@
-<p>recursive-algorithm works!</p>
+<p class="text-center mt-5">Coming soon</p>

src/app/components/Algorithms/searching/searching-algorithm/searching-algorithm.component.html

@@ -1 +1 @@
-<p>searching-algorithm works!</p>
+<p class="text-center mt-5">Coming soon</p>

src/app/components/Algorithms/sorting/sorting-algorithm/sorting-algorithm.component.html

@@ -1 +1 @@
-<p>sorting-algorithm works!</p>
+<p class="text-center mt-5">Coming soon</p>

src/app/core/algorithms/algorithms-meta-data.ts

@@ -1,6 +1,5 @@
 import { Helper } from "src/app/helper/helper"
-
-const algorithms = {
+const algorithmsData = {
     defination:"An algorithm is a procedure used for solving a problem or performing a computation. Algorithms act as an exact list of instructions that conduct specified actions step by step in either hardware- or software-based routines",
     characteristics:[
         "<b>Clear and Unambiguous</b>: The algorithm should be clear and unambiguous. Each of its steps should be clear in all aspects and must lead to only one meaning",
@@ -49,11 +48,11 @@ const algorithms = {
 }
 
 export const algorithmMetaData = {
-    defination: Helper.setHeader(algorithms.defination),
-    characteristics: Helper.setListwithTitleHtml("What are the Characteristics of an Algorithm", algorithms.characteristics),
-    properties: Helper.setListwithTitleHtml("Properties of Algorithm", algorithms.properties),
-    types: Helper.setListwithTitleHtml("Types of Algorithm", algorithms.types),
-    others: Helper.setListwithTitleHtml("How to Design an Algorithm", algorithms.others),
-    advantages: Helper.setListwithTitleHtml("Advantages", algorithms.advantages),
-    disadvantages: Helper.setListwithTitleHtml("Disadvantages", algorithms.disadvantages),
+    defination: Helper.setHeader(algorithmsData.defination),
+    characteristics: Helper.setListwithTitleHtml("What are the Characteristics of an Algorithm", algorithmsData.characteristics),
+    properties: Helper.setListwithTitleHtml("Properties of Algorithm", algorithmsData.properties),
+    types: Helper.setListwithTitleHtml("Types of Algorithm", algorithmsData.types),
+    others: Helper.setListwithTitleHtml("How to Design an Algorithm", algorithmsData.others),
+    advantages: Helper.setListwithTitleHtml("Advantages", algorithmsData.advantages),
+    disadvantages: Helper.setListwithTitleHtml("Disadvantages", algorithmsData.disadvantages),
 }

src/app/helper/helper.ts

@@ -1,3 +1,5 @@
+import { RouterLinkData } from "../shared/interfaces/meta-data.interface";
+
 export class Helper{
      static setListwithTitleHtml(title: string, list:string[]): string{
           let listHtml = `<h4>${title}</h4>`;
@@ -17,4 +19,5 @@ export class Helper{
      static setHeader(header:string):string {
           return `<p>${header}</p>`
      }
+
 }

src/app/layout/algorithm/algorithm.component.html

@@ -7,6 +7,14 @@ <h1 class="text-center mt-4 pt-3">Algorithms</h1>
 <div class="mt-md-4 mt-3" [innerHtml]="algorithmMetaData.characteristics"></div>
 <div class="mt-md-4 mt-3" [innerHtml]="algorithmMetaData.properties"></div>
 <div class="mt-md-4 mt-3" [innerHtml]="algorithmMetaData.types"></div>
+<div class="mt-md-4 mt-3 d-flex align-items-center horizontal-scroll">
+    <ng-container *ngFor="let data of algorithms; let i = index">
+     <div *ngIf="i !=0" class="box p-lg-2 p-1 px-lg-3 px-2 tab me-lg-4 me-3" [routerLink]="data.route">
+          <p class="m-0">{{data.name}}</p>
+     </div>
+    </ng-container>
+
+</div>
 <div class="mt-md-4 mt-3" [innerHtml]="algorithmMetaData.others"></div>
 <div class="mt-md-4 mt-3" [innerHtml]="algorithmMetaData.advantages"></div>
 <div class="mt-md-4 mt-3" [innerHtml]="algorithmMetaData.disadvantages"></div>

src/app/layout/algorithm/algorithm.component.ts

@@ -1,6 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 import { Location } from '@angular/common';
 import { algorithmMetaData } from 'src/app/core/algorithms/algorithms-meta-data';
+import { algorithms } from 'src/app/core/meta-data/router-meta-data';
 
 @Component({
   selector: 'app-algorithm',
@@ -9,6 +10,7 @@ import { algorithmMetaData } from 'src/app/core/algorithms/algorithms-meta-data'
 })
 export class AlgorithmComponent implements OnInit {
   algorithmMetaData = algorithmMetaData;
+  algorithms = algorithms;
   constructor(
     private location: Location
   ) { }