data driven about us screen

src/app/services/community-highlight.service.ts

@@ -0,0 +1,37 @@
+import { Injectable, inject } from '@angular/core';
+import { HttpClient, HttpParams } from '@angular/common/http';
+import { Observable } from 'rxjs';
+
+import { CommunityHighlight } from '../interfaces/community-highlight';
+import { getAppConfig } from './app-config.service';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class CommunityHighlightService {
+  private http = inject(HttpClient);
+  private baseUrl = `${getAppConfig().apiBaseUrl}/api/community`;
+
+  /** Fetch community highlights, optionally filtered by active status. */
+  getCommunityHighlights(active?: boolean): Observable<CommunityHighlight[]> {
+    let params = new HttpParams();
+    if (active !== undefined) params = params.set('active', String(active));
+    return this.http.get<CommunityHighlight[]>(this.baseUrl, { params });
+  }
+
+  getCommunityHighlight(id: number): Observable<CommunityHighlight> {
+    return this.http.get<CommunityHighlight>(`${this.baseUrl}/${id}`);
+  }
+
+  createCommunityHighlight(payload: Omit<CommunityHighlight, 'id'>): Observable<CommunityHighlight> {
+    return this.http.post<CommunityHighlight>(this.baseUrl, payload);
+  }
+
+  updateCommunityHighlight(id: number, payload: Partial<CommunityHighlight>): Observable<CommunityHighlight> {
+    return this.http.put<CommunityHighlight>(`${this.baseUrl}/${id}`, payload);
+  }
+
+  deleteCommunityHighlight(id: number): Observable<void> {
+    return this.http.delete<void>(`${this.baseUrl}/${id}`);
+  }
+}

src/app/services/history-entry.service.ts

@@ -0,0 +1,37 @@
+import { Injectable, inject } from '@angular/core';
+import { HttpClient, HttpParams } from '@angular/common/http';
+import { Observable } from 'rxjs';
+
+import { HistoryEntry } from '../interfaces/history-entry';
+import { getAppConfig } from './app-config.service';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class HistoryEntryService {
+  private http = inject(HttpClient);
+  private baseUrl = `${getAppConfig().apiBaseUrl}/api/history`;
+
+  /** Fetch history entries, optionally filtered by active status. */
+  getHistoryEntries(active?: boolean): Observable<HistoryEntry[]> {
+    let params = new HttpParams();
+    if (active !== undefined) params = params.set('active', String(active));
+    return this.http.get<HistoryEntry[]>(this.baseUrl, { params });
+  }
+
+  getHistoryEntry(id: number): Observable<HistoryEntry> {
+    return this.http.get<HistoryEntry>(`${this.baseUrl}/${id}`);
+  }
+
+  createHistoryEntry(payload: Omit<HistoryEntry, 'id'>): Observable<HistoryEntry> {
+    return this.http.post<HistoryEntry>(this.baseUrl, payload);
+  }
+
+  updateHistoryEntry(id: number, payload: Partial<HistoryEntry>): Observable<HistoryEntry> {
+    return this.http.put<HistoryEntry>(`${this.baseUrl}/${id}`, payload);
+  }
+
+  deleteHistoryEntry(id: number): Observable<void> {
+    return this.http.delete<void>(`${this.baseUrl}/${id}`);
+  }
+}

src/app/services/team-member.service.ts

@@ -0,0 +1,37 @@
+import { Injectable, inject } from '@angular/core';
+import { HttpClient, HttpParams } from '@angular/common/http';
+import { Observable } from 'rxjs';
+
+import { TeamMember } from '../interfaces/team-member';
+import { getAppConfig } from './app-config.service';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class TeamMemberService {
+  private http = inject(HttpClient);
+  private baseUrl = `${getAppConfig().apiBaseUrl}/api/team`;
+
+  /** Fetch team members, optionally filtered by active status. */
+  getTeamMembers(active?: boolean): Observable<TeamMember[]> {
+    let params = new HttpParams();
+    if (active !== undefined) params = params.set('active', String(active));
+    return this.http.get<TeamMember[]>(this.baseUrl, { params });
+  }
+
+  getTeamMember(id: number): Observable<TeamMember> {
+    return this.http.get<TeamMember>(`${this.baseUrl}/${id}`);
+  }
+
+  createTeamMember(payload: Omit<TeamMember, 'id'>): Observable<TeamMember> {
+    return this.http.post<TeamMember>(this.baseUrl, payload);
+  }
+
+  updateTeamMember(id: number, payload: Partial<TeamMember>): Observable<TeamMember> {
+    return this.http.put<TeamMember>(`${this.baseUrl}/${id}`, payload);
+  }
+
+  deleteTeamMember(id: number): Observable<void> {
+    return this.http.delete<void>(`${this.baseUrl}/${id}`);
+  }
+}