listmonk: remove (#87)

flake.nix

@@ -20,11 +20,11 @@
         {
           packages = rec {
             website = pkgs.callPackage ./derivation.nix {
-              contentApi = "content.dd-ix.net";
+              contentApi = "https://content.dd-ix.net";
               mkPnpmPackage = pnpm2nix.packages."${system}".mkPnpmPackage;
             };
             website-static = pkgs.callPackage ./derivation.nix {
-              contentApi = "content.dd-ix.net";
+              contentApi = "https://content.dd-ix.net";
               static = true;
               mkPnpmPackage = pnpm2nix.packages."${system}".mkPnpmPackage;
             };

src/app/core/mailing-list/mailing-list.component.html

@@ -1,15 +1,6 @@
 <div class="typography">
   <h2 i18n>Subscribe to the {{ listName }} mailing list</h2>
-  <form (submit)="$event.preventDefault();submit()" [formGroup]="form" class="form">
-    <feel-text-field formControlName="email" i18n-label label="E-Mail" type="text">
-      <feel-form-error *ngIf="form.controls?.['email']?.touched && !form.controls?.['email']?.valid" i18n>A valid
-        e-mail
-        is required!
-      </feel-form-error>
-    </feel-text-field>
-
-    <feel-button [disabled]="working || !form.valid" class="button" i18n-label label="Submit">
-      <app-icon-send/>
-    </feel-button>
-  </form>
+  <feel-button *ngIf="listId" class="button" i18n-label label="Subscribe" [link]='buildLink(listId)'>
+    <app-icon-send />
+  </feel-button>
 </div>

src/app/core/mailing-list/mailing-list.component.ts

@@ -1,23 +1,17 @@
-import {Component, Input} from '@angular/core';
-import {FormControl, FormGroup, ReactiveFormsModule, Validators} from '@angular/forms'
-import {CardComponent} from "../card/card.component";
-import {CommonModule} from "@angular/common";
-import {MailingListService} from "../../api/mailing-list.service";
-import {ButtonComponent, FormErrorComponent, TextFieldComponent} from "@feel/form";
-import {IconSendComponent} from "../../icons/icon-send/icon-send.component";
-import {NotificationService} from "@feel/notification";
+import { Component, Input } from '@angular/core';
+import { CardComponent } from "../card/card.component";
+import { CommonModule } from "@angular/common";
+import { ButtonComponent } from "@feel/form";
+import { IconSendComponent } from "../../icons/icon-send/icon-send.component";
 
 @Component({
   selector: 'app-mailing-list',
   templateUrl: './mailing-list.component.html',
   styleUrls: ['./mailing-list.component.scss'],
   imports: [
     CommonModule,
-    ReactiveFormsModule,
     CardComponent,
-    TextFieldComponent,
     ButtonComponent,
-    FormErrorComponent,
     IconSendComponent,
   ],
   standalone: true
@@ -27,40 +21,9 @@ export class MailingListComponent {
   @Input()
   public listName: string | null = null;
   @Input()
-  public listId: number | null = null;
-  protected form = new FormGroup({
-    email: new FormControl(null, [Validators.required, Validators.email]),
-  });
-  protected working = false;
+  public listId: string | null = null;
 
-  constructor(
-    private readonly mailingListService: MailingListService,
-    private readonly notificationService: NotificationService,
-  ) {
-  }
-
-  protected submit(): void {
-    if (!Number.isFinite(this.listId)) {
-      throw new Error("Mailing list not defined");
-    }
-
-    if (this.working || !this.form.valid) {
-      return;
-    }
-
-    const value = this.form.value;
-
-    this.working = true;
-    this.mailingListService.subscribe(this.listId!, value.email!)
-      .subscribe({
-        next: () => {
-          this.notificationService.success($localize`Successfully subscribed to mailing list.`);
-        },
-        error: err => {
-          console.error(err);
-          this.notificationService.error($localize`Failed to subscribe to mailing list.`);
-        },
-        complete: () => this.working = false,
-      });
+  protected buildLink(listId: string): string {
+    return `https://lists.dd-ix.net/postorius/lists/${listId}.lists.dd-ix.net/`;
   }
 }

src/app/pages/blog/blog-list/blog-list.component.html

@@ -22,6 +22,6 @@ <h1 i18n>News &amp; Events</h1>
 
 <app-card>
   <div class="mailing-list">
-    <app-mailing-list [listId]="3" [listName]="'News'" />
+    <app-mailing-list listId="news" listName="News" />
   </div>
 </app-card>

src/app/pages/blog/blog.routes.ts

@@ -5,11 +5,7 @@ export const routes: Routes = [
     path: '',
     loadComponent: () => import("./blog-list/blog-list.component").then(c => c.BlogListComponent),
   },
-  {
-    path: 'subscribe',
-    loadComponent: () => import("./blog-subscribe/blog-subscribe.component").then(c => c.BlogSubscribeComponent)
-  },
-  {
+   {
     path: ':slug',
     loadComponent: () => import("./blog-post/blog-post.component").then(c => c.BlogPostComponent)
   },

src/app/pages/event/event.routes.ts

@@ -1,14 +1,6 @@
-import {Routes} from '@angular/router';
+import { Routes } from '@angular/router';
 
 export const routes: Routes = [
-  {
-    path: '',
-    loadComponent: () => import("./event-list/event-list.component").then(c => c.EventListComponent),
-  },
-  {
-    path: 'subscribe',
-    loadComponent: () => import("../blog/blog-subscribe/blog-subscribe.component").then(c => c.BlogSubscribeComponent)
-  },
   {
     path: ':slug',
     loadComponent: () => import("./event-post/event-post.component").then(c => c.EventPostComponent)