Merge pull request #450 from SrijaVuppala295/titlebar

Changed Title in the Titlebar according to the pages !!!
sakeel-103 · Oct 29, 2024 · 597319f · 597319f
2 parents 11e809a + e2c68b9
commit 597319f
Show file tree

Hide file tree

Showing 7 changed files with 53 additions and 13 deletions.
diff --git a/src/app/components/bfs-page/bfs-page.component.ts b/src/app/components/bfs-page/bfs-page.component.ts
@@ -2,6 +2,7 @@ import { Component, AfterViewInit, OnInit } from '@angular/core';
 import { RouterModule } from '@angular/router';
 import { FormsModule } from '@angular/forms';
 import { AuthService } from '../../services/auth.service';
+import { Title } from '@angular/platform-browser';
 import { NavbarComponent } from '../navbar/navbar.component';
 
 @Component({
@@ -24,9 +25,11 @@ export class BfsPageComponent implements AfterViewInit, OnInit {
   isDropdownOpen: boolean = false;
   private finalPath: number[] = []; // To store the final path taken
 
-  constructor(private authService: AuthService) {}
+  constructor(private authService: AuthService,private titleService: Title) {}
 
-  ngOnInit(): void {}
+  ngOnInit(): void {
+    this.titleService.setTitle('GraphExplorer Pro | BFS');
+  }
 
   ngAfterViewInit(): void {
     this.bfsCanvas = document.getElementById('bfs-canvas') as HTMLCanvasElement;

diff --git a/src/app/components/dfs-page/dfs-page.component.ts b/src/app/components/dfs-page/dfs-page.component.ts
@@ -3,6 +3,7 @@ import { RouterModule } from '@angular/router';
 import { FormsModule } from '@angular/forms';
 import { AuthService } from '../../services/auth.service';
 import { NavbarComponent } from '../navbar/navbar.component';
+import { Title } from '@angular/platform-browser';
 
 @Component({
   selector: 'app-dfs-page',
@@ -12,6 +13,15 @@ import { NavbarComponent } from '../navbar/navbar.component';
   styleUrls: ['./dfs-page.component.css'],
 })
 export class DfsPageComponent implements AfterViewInit, OnInit {
+
+  // constructor(private titleService: Title) { }
+
+  // ngOnInit(): void {
+
+  //   this.titleService.setTitle('GraphExplorer | DFS');
+  // }
+
+
   private nodes: { label: string; x: number; y: number }[] = [];
   private edges: [number, number][] = [];
 
@@ -24,10 +34,10 @@ export class DfsPageComponent implements AfterViewInit, OnInit {
   customEdgeInput: string = '';
   isDropdownOpen: boolean = false;
 
-  constructor(private authService: AuthService) {}
+  constructor(private authService: AuthService,private titleService: Title) {}
 
   ngOnInit(): void {
-    // No need to access the canvas here
+    this.titleService.setTitle('GraphExplorer Pro | DFS');
   }
 
   ngAfterViewInit(): void {

diff --git a/src/app/components/faq/faq.component.ts b/src/app/components/faq/faq.component.ts
@@ -1,5 +1,7 @@
-import { Component, AfterViewInit } from '@angular/core';
+import { Component, AfterViewInit, OnInit } from '@angular/core';
 import { NavbarComponent } from '../navbar/navbar.component';
+import { Title } from '@angular/platform-browser';
+import { AuthService } from '../../services/auth.service';
 
 @Component({
   selector: 'app-faq',
@@ -9,6 +11,14 @@ import { NavbarComponent } from '../navbar/navbar.component';
   styleUrls: ['./faq.component.css']
 })
 export class FaqComponent implements AfterViewInit {
+
+  constructor(private authService: AuthService,private titleService: Title) {}
+
+  ngOnInit(): void {
+    this.titleService.setTitle('GraphExplorer Pro | FAQ');
+  }
+
+
   ngAfterViewInit() {
     // const faqItems = document.querySelectorAll<HTMLElement>('.faq-item');
     // faqItems.forEach((item) => {
@@ -27,6 +37,10 @@ export class FaqComponent implements AfterViewInit {
     //     });
     //   }
     // });
+
+
+
+
     document.addEventListener('DOMContentLoaded', () => {
       const togglers = document.querySelectorAll('[data-toggle]');
 

diff --git a/src/app/components/login-page/login-page.component.html b/src/app/components/login-page/login-page.component.html
@@ -4,7 +4,7 @@
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Login Form</title>
+  <title>GraphExplorer|LoginForm</title>
   <link href="https://unpkg.com/[email protected]/css/boxicons.min.css" rel="stylesheet" />
   <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet" />
 </head>

diff --git a/src/app/components/quiz/quiz.component.ts b/src/app/components/quiz/quiz.component.ts
@@ -2,6 +2,8 @@ import { Component, OnInit } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { trigger, state, style, animate, transition } from '@angular/animations';
 import { NavbarComponent } from '../navbar/navbar.component';
+import { AuthService } from '../../services/auth.service';
+import { Title } from '@angular/platform-browser';
 
 interface Question {
   text: string;
@@ -31,6 +33,14 @@ interface Question {
   ],
 })
 export class QuizComponent implements OnInit {
+
+
+  constructor(private authService: AuthService,private titleService: Title) {}
+
+  ngOnInit(): void {
+    this.titleService.setTitle('GraphExplorer Pro | Quiz');
+    this.shuffleQuestions();
+  }
   questions: Question[] = [
     { text: "In a complete graph with n vertices, how many edges are there?", options: ["n", "n-1", "n(n-1)/2", "2^n"], correctAnswer: 2, difficulty: "easy" },
     { text: "What is the chromatic number of a planar graph?", options: ["2", "3", "4", "5"], correctAnswer: 2, difficulty: "easy" },
@@ -52,9 +62,7 @@ export class QuizComponent implements OnInit {
   quizStarted: boolean = false; // Track whether the quiz has started
   animationState: string = 'normal';
 
-  ngOnInit() {
-    this.shuffleQuestions();
-  }
+
 
   get currentQuestion(): Question {
     return this.questions[this.currentQuestionIndex];

diff --git a/src/app/components/reviews/reviews.component.ts b/src/app/components/reviews/reviews.component.ts
@@ -5,6 +5,8 @@ import { CommonModule } from '@angular/common';
 import { NavbarComponent } from '../navbar/navbar.component';
 import { RouterModule } from '@angular/router';
 import { FormsModule } from '@angular/forms';
+import { Title } from '@angular/platform-browser';
+import { AuthService } from '../../services/auth.service';
 
 interface Review {
   id: number;
@@ -40,10 +42,13 @@ export class ReviewComponent implements OnInit {
   newQuestion: Partial<Question> = {};
   newReply: Partial<Reply> = {};
 
-  constructor(private http: HttpClient) {}
+
+  constructor(private http: HttpClient,private authService: AuthService,private titleService: Title) {}
 
-  ngOnInit() {
+  ngOnInit():void {
     this.fetchReviews();
+    this.titleService.setTitle('GraphExplorer Pro | Reviews');
+
   }
 
   fetchReviews() {

diff --git a/src/index.html b/src/index.html
@@ -3,7 +3,7 @@
 
 <head>
   <meta charset="utf-8" />
-  <title>EccomPRJ - Real-Time Collaboration</title>
+  <title>GraphExplorer Pro</title>
   <base href="/" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <link rel="icon" type="image/png" sizes="32x32"
@@ -820,4 +820,4 @@ <h2>What Our Users Say</h2>
 
   </body>
 
-</html>
+</html>