diff --git a/src/app/ContentService/contentresolver.service.ts b/src/app/ContentService/contentresolver.service.ts index 3ab58f9..5dc3d7f 100644 --- a/src/app/ContentService/contentresolver.service.ts +++ b/src/app/ContentService/contentresolver.service.ts @@ -8,7 +8,6 @@ export class ContentResolver implements Resolve { resolve(route: ActivatedRouteSnapshot) { const routeId = route.paramMap.get('id'); - if (routeId) { const db = getDatabase(); const docRef = ref(db, routeId); diff --git a/src/app/home/home.component.ts b/src/app/home/home.component.ts index c7b9470..0dd918c 100644 --- a/src/app/home/home.component.ts +++ b/src/app/home/home.component.ts @@ -1,6 +1,16 @@ import { Component, OnInit } from '@angular/core'; +import { query } from '@angular/fire/database'; import { ActivatedRoute } from '@angular/router'; -import { getDatabase, ref, set, get, DataSnapshot } from 'firebase/database'; +import { + getDatabase, + ref, + set, + get, + DataSnapshot, + Database, + onChildChanged, + Query, +} from 'firebase/database'; @Component({ selector: 'app-home', @@ -10,7 +20,7 @@ import { getDatabase, ref, set, get, DataSnapshot } from 'firebase/database'; export class HomeComponent implements OnInit { routeId: string | null; text: string | null = null; - + textref: any; constructor(private route: ActivatedRoute) { this.routeId = this.route.snapshot.paramMap.get('id'); this.text = this.route.snapshot.data['content']; // Resolved content @@ -33,6 +43,16 @@ export class HomeComponent implements OnInit { .catch((error) => { console.error('Error:', error); }); + + // Set up a real-time listener for changes in the database + const db = getDatabase(); + const docRef = ref(db, this.routeId); + + // Listen for changes in a specific child ('text' in this case) + onChildChanged(docRef, (snapshot) => { + // console.log('Child changed:', snapshot.val()); + this.text = snapshot.val() || null; + }); } else { console.error('Route ID is null or undefined'); } @@ -57,7 +77,9 @@ export class HomeComponent implements OnInit { }); } - async checkIfRouteIdExistsInRealtimeDatabase(routeId: string): Promise { + async checkIfRouteIdExistsInRealtimeDatabase( + routeId: string + ): Promise { const db = getDatabase(); const docRef = ref(db, routeId); @@ -96,4 +118,6 @@ export class HomeComponent implements OnInit { console.error('Route ID is null or undefined'); } } + + // setup a realtime listener for text from realtime database }