feat: editable new-order poll interval in admin settings

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

src/app/features/admin/settings/pages/admin-settings-page.component.html

@@ -32,4 +32,23 @@
       <span class="saved-message" *ngIf="showSavedMessage()">{{ 'adminSettings.currencyRatesSaved' | translate }}</span>
     </div>
   </div>
+
+  <div class="settings-card">
+    <h2>{{ 'adminSettings.notificationInterval' | translate }}</h2>
+    <p class="settings-explain">{{ 'adminSettings.notificationIntervalExplain' | translate }}</p>
+    <div class="rate-row">
+      <input
+        class="rate-input"
+        type="number"
+        min="1"
+        step="1"
+        [ngModel]="notificationIntervalSecondsDraft()"
+        (ngModelChange)="notificationIntervalSecondsDraft.set($event)"
+      />
+    </div>
+    <div class="rate-actions">
+      <button type="button" class="save-button" (click)="saveNotificationInterval()">{{ 'adminSettings.notificationIntervalSave' | translate }}</button>
+      <span class="saved-message" *ngIf="showNotificationIntervalSaved()">{{ 'adminSettings.notificationIntervalSaved' | translate }}</span>
+    </div>
+  </div>
 </section>

src/app/features/admin/settings/pages/admin-settings-page.component.spec.ts

@@ -0,0 +1,42 @@
+import { TestBed } from '@angular/core/testing';
+import { provideRouter } from '@angular/router';
+import { signal } from '@angular/core';
+import { AdminSettingsPageComponent } from './admin-settings-page.component';
+import { AdminOrderWatcherService } from '../../shell/services/admin-order-watcher.service';
+
+describe('AdminSettingsPageComponent notification interval', () => {
+  let watcherStub: {
+    intervalMs: ReturnType<typeof signal<number>>;
+    setIntervalSeconds: jasmine.Spy;
+  };
+
+  beforeEach(() => {
+    watcherStub = {
+      intervalMs: signal(15000),
+      setIntervalSeconds: jasmine.createSpy('setIntervalSeconds'),
+    };
+
+    TestBed.configureTestingModule({
+      imports: [AdminSettingsPageComponent],
+      providers: [
+        provideRouter([]),
+        { provide: AdminOrderWatcherService, useValue: watcherStub },
+      ],
+    });
+  });
+
+  it('initializes the draft from the current interval in seconds', () => {
+    const fixture = TestBed.createComponent(AdminSettingsPageComponent);
+    expect(fixture.componentInstance.notificationIntervalSecondsDraft()).toBe(15);
+  });
+
+  it('saveNotificationInterval calls setIntervalSeconds with the draft value', () => {
+    const fixture = TestBed.createComponent(AdminSettingsPageComponent);
+    const component = fixture.componentInstance;
+
+    component.notificationIntervalSecondsDraft.set(30);
+    component.saveNotificationInterval();
+
+    expect(watcherStub.setIntervalSeconds).toHaveBeenCalledWith(30);
+  });
+});

src/app/features/admin/settings/pages/admin-settings-page.component.ts

@@ -6,6 +6,7 @@ import { TranslatePipe } from '../../../../i18n/translate.pipe';
 import { ToggleComponent } from '../../../../shared/ui/toggle/toggle.component';
 import { CurrencyRatesService } from '../../../../services/currency-rates.service';
 import { LanguageService } from '../../../../services/language.service';
+import { AdminOrderWatcherService } from '../../shell/services/admin-order-watcher.service';
 
 const SAVED_MESSAGE_DURATION_MS = 2000;
 
@@ -25,6 +26,16 @@ export class AdminSettingsPageComponent {
   readonly rateDrafts = signal<Record<string, number>>({ ...this.currencyRates.rates() });
   readonly showSavedMessage = signal(false);
 
+  readonly orderWatcher = inject(AdminOrderWatcherService);
+  readonly notificationIntervalSecondsDraft = signal(Math.round(this.orderWatcher.intervalMs() / 1000));
+  readonly showNotificationIntervalSaved = signal(false);
+
+  saveNotificationInterval(): void {
+    this.orderWatcher.setIntervalSeconds(this.notificationIntervalSecondsDraft());
+    this.showNotificationIntervalSaved.set(true);
+    setTimeout(() => this.showNotificationIntervalSaved.set(false), SAVED_MESSAGE_DURATION_MS);
+  }
+
   onCompactToggle(compact: boolean): void {
     this.preferences.setDensity(compact ? 'compact' : 'comfortable');
   }