Merge pull request #28

Rename subscriptions to feed

Author: emp74ark

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@emp74ark/rss-angular",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Frontend for RSS Feeds client",
   "author": "emp74ark",
   "private": true,

package.json

@@ -24,16 +24,16 @@ export const routes: Routes = [
     canMatch: [authGuard],
   },
   {
-    path: 'subscriptions',
+    path: 'feeds',
     loadComponent: async () => {
-      const c = await import('./pages/subscriptions-page/subscriptions-page')
-      return c.SubscriptionsPage
+      const c = await import('./pages/feeds-page/feeds-page')
+      return c.FeedsPage
     },
-    data: { title: 'Subscriptions' },
+    data: { title: 'Feeds' },
     canMatch: [authGuard],
   },
   {
-    path: 'subscription/:subscriptionId/article/:articleId',
+    path: 'feed/:feedId/article/:articleId',
     loadComponent: async () => {
       const c = await import('./pages/article-page/article-page')
       return c.ArticlePage

src/app/app.routes.ts

@@ -32,7 +32,7 @@
               <mat-icon>link</mat-icon>
             </a>
             <a
-              routerLink="/subscription/{{ a.subscriptionId }}/article/{{ a._id }}"
+              routerLink="/feed/{{ a.feedId }}/article/{{ a._id }}"
               matIconButton
               title="Open the article"
             >

src/app/components/article-list/article-list.html

@@ -1,4 +1,12 @@
-import { ChangeDetectionStrategy, Component, DestroyRef, effect, inject, input, linkedSignal } from '@angular/core'
+import {
+  ChangeDetectionStrategy,
+  Component,
+  DestroyRef,
+  effect,
+  inject,
+  input,
+  linkedSignal,
+} from '@angular/core'
 import { AsyncPipe, DatePipe } from '@angular/common'
 import {
   MatCard,
@@ -68,7 +76,7 @@ export class ArticleList {
   $display = this.pageService.$display
 
   async onArticleClick(article: Article) {
-    await this.router.navigate(['subscription', article.subscriptionId, 'article', article._id])
+    await this.router.navigate(['feed', article.feedId, 'article', article._id])
   }
 
   markAsRead(article: Article, event: MouseEvent) {

src/app/components/article-list/article-list.ts

@@ -6,7 +6,7 @@ import { MatError } from '@angular/material/form-field'
   selector: 'app-bottom-error-sheet',
   imports: [MatBottomSheetModule, MatError],
   templateUrl: './bottom-error-sheet.html',
-  styleUrl: './bottom-error-sheet.css'
+  styleUrl: './bottom-error-sheet.css',
 })
 export class BottomErrorSheet {
   readonly data: { error?: string } = inject(MAT_BOTTOM_SHEET_DATA)

src/app/components/bottom-error-sheet/bottom-error-sheet.ts

@@ -1,4 +1,4 @@
-<h2 matDialogTitle>Add new subscription</h2>
+<h2 matDialogTitle>Add new feed</h2>
 <form
   matDialogContent
   [formGroup]="form"
@@ -8,7 +8,7 @@ <h2 matDialogTitle>Add new subscription</h2>
     <mat-label>Title</mat-label>
     <input
       matInput
-      placeholder="Subscription title"
+      placeholder="Feed title"
       type="text"
       formControlName="title"
     />
@@ -33,7 +33,6 @@ <h2 matDialogTitle>Add new subscription</h2>
   </mat-form-field>
   <ng-container formGroupName="settings">
     <mat-slide-toggle formControlName="enabled">Enabled</mat-slide-toggle>
-    <mat-slide-toggle formControlName="loadFullText">Load full text</mat-slide-toggle>
   </ng-container>
 
   @if (errorMessage()) {

src/app/components/subscription-add-form/subscription-add-form.css renamed to src/app/components/feed-add-form/feed-add-form.css

@@ -11,7 +11,7 @@ import { HttpErrorResponse } from '@angular/common/http'
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop'
 
 @Component({
-  selector: 'app-subscription-add-form',
+  selector: 'app-feed-add-form',
   imports: [
     ReactiveFormsModule,
     MatFormFieldModule,
@@ -20,15 +20,15 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop'
     MatDialogModule,
     MatButton,
   ],
-  templateUrl: './subscription-add-form.html',
-  styleUrl: './subscription-add-form.css',
+  templateUrl: './feed-add-form.html',
+  styleUrl: './feed-add-form.css',
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class SubscriptionAddForm {
+export class FeedAddForm {
   private readonly fb = inject(NonNullableFormBuilder)
   private readonly feedService = inject(FeedService)
   private readonly destroyRef = inject(DestroyRef)
-  private readonly dialogRef = inject(MatDialogRef<SubscriptionAddForm>)
+  private readonly dialogRef = inject(MatDialogRef<FeedAddForm>)
 
   readonly isLoading = signal<boolean>(false)
   readonly errorMessage = signal<string | null>(null)
@@ -39,15 +39,14 @@ export class SubscriptionAddForm {
     link: ['', Validators.required],
     settings: this.fb.group({
       enabled: [true],
-      loadFullText: [false],
     }),
   })
 
   onSubmit(): void {
     this.isLoading.set(true)
     this.form.disable()
     this.feedService
-      .addOneSubscription({ subscription: this.form.getRawValue() })
+      .addOneFeed({ feed: this.form.getRawValue() })
       .pipe(
         catchError((error: HttpErrorResponse) => {
           this.errorMessage.set(error.error.message)