Initial commit: mail-server with WebFlux backend and Angular v22 Synthwave frontend

Co-authored-by: Junie <junie@jetbrains.com>
2026-11-05 01:07:29 +01:00
commit 0339413d6e
78 changed files with 6808 additions and 0 deletions
@@ -0,0 +1,85 @@
+import { Component, inject } from '@angular/core';
+import { RouterLink } from '@angular/router';
+import { FormsModule } from '@angular/forms';
+import { MailService } from '../../services/mail.service';
+import { Router } from '@angular/router';
+
+@Component({
+  selector: 'app-compose',
+  standalone: true,
+  imports: [RouterLink, FormsModule],
+  template: `
+    <div class="glass-panel p-6">
+      <h2 class="text-lg font-orbitron font-bold text-synth-cyan mb-6 flex items-center gap-2">
+        <span class="text-synth-pink">✉️</span> COMPOSE MESSAGE
+      </h2>
+
+      @if (success) {
+        <div class="mb-4 p-3 rounded-lg bg-synth-cyan/20 border border-synth-cyan/40 text-synth-cyan text-sm font-mono">
+          Message sent successfully!
+        </div>
+      }
+
+      <form (ngSubmit)="onSend()" class="space-y-4">
+        <div>
+          <label for="to" class="block text-xs font-mono text-synth-cyan mb-1">TO</label>
+          <input id="to" type="email" [(ngModel)]="to" name="to" required
+            class="w-full bg-synth-darker/80 border border-synth-cyan/40 rounded-xl px-4 py-3 text-sm text-slate-200 font-mono focus:outline-none focus:ring-2 focus:ring-synth-pink focus:border-synth-cyan transition-all"
+            placeholder="recipient@example.com">
+        </div>
+
+        <div>
+          <label for="subject" class="block text-xs font-mono text-synth-cyan mb-1">SUBJECT</label>
+          <input id="subject" type="text" [(ngModel)]="subject" name="subject" required
+            class="w-full bg-synth-darker/80 border border-synth-cyan/40 rounded-xl px-4 py-3 text-sm text-slate-200 font-mono focus:outline-none focus:ring-2 focus:ring-synth-pink focus:border-synth-cyan transition-all"
+            placeholder="Enter subject...">
+        </div>
+
+        <div>
+          <label for="body" class="block text-xs font-mono text-synth-cyan mb-1">BODY</label>
+          <textarea id="body" [(ngModel)]="body" name="body" rows="10" required
+            class="w-full bg-synth-darker/80 border border-synth-cyan/40 rounded-xl px-4 py-3 text-sm text-slate-200 font-mono focus:outline-none focus:ring-2 focus:ring-synth-pink focus:border-synth-cyan transition-all resize-none"
+            placeholder="Write your message..."></textarea>
+        </div>
+
+        <div class="flex gap-3 pt-4">
+          <button type="submit" [disabled]="sending"
+            class="cyber-btn px-8 py-3 rounded-xl text-sm font-bold">
+            {{ sending ? 'SENDING...' : 'SEND' }}
+          </button>
+          <a routerLink="/inbox" class="px-6 py-3 rounded-xl text-xs font-mono text-slate-400 border border-slate-600 hover:text-slate-200 hover:border-slate-400 transition-all text-center">
+            CANCEL
+          </a>
+        </div>
+      </form>
+    </div>
+  `,
+  styles: ``
+})
+export default class ComposeComponent {
+  private mailService = inject(MailService);
+  private router = inject(Router);
+
+  to = '';
+  subject = '';
+  body = '';
+  sending = false;
+  success = false;
+
+  onSend(): void {
+    this.sending = true;
+    this.mailService.send({ to: this.to, subject: this.subject, body: this.body }).subscribe({
+      next: () => {
+        this.success = true;
+        this.sending = false;
+        this.to = '';
+        this.subject = '';
+        this.body = '';
+        setTimeout(() => this.router.navigate(['/inbox']), 1500);
+      },
+      error: () => {
+        this.sending = false;
+      }
+    });
+  }
+}