mails

listify-client/src/app/account/account.component.html

@@ -17,6 +17,44 @@
           {{ auth.user()?.onboardingCompleted ? 'Onboarding abgeschlossen' : 'Onboarding offen' }}
         </span>
       </div>
+
+      <section class="settings-section" aria-label="Task-Mail Einstellungen">
+        <div class="settings-heading">
+          <mat-icon aria-hidden="true">mark_email_unread</mat-icon>
+          <div>
+            <h2>Task-Mail</h2>
+            <p>Offene Tasks von heute und ueberfaellige Tasks.</p>
+          </div>
+        </div>
+
+        <mat-form-field appearance="outline">
+          <mat-label>Taegliche Benachrichtigung</mat-label>
+          <mat-select
+            [value]="auth.user()?.taskDigestPreference ?? 'both'"
+            [disabled]="savingTaskDigestPreference"
+            (selectionChange)="updateTaskDigestPreference($event.value)"
+          >
+            @for (option of taskDigestPreferenceOptions; track option.value) {
+              <mat-option [value]="option.value">
+                {{ option.label }}
+              </mat-option>
+            }
+          </mat-select>
+        </mat-form-field>
+
+        @for (option of taskDigestPreferenceOptions; track option.value) {
+          @if ((auth.user()?.taskDigestPreference ?? 'both') === option.value) {
+            <p class="settings-description">{{ option.description }}</p>
+          }
+        }
+
+        @if (savingTaskDigestPreference) {
+          <div class="saving-row">
+            <mat-progress-spinner mode="indeterminate" diameter="18" />
+            <span>Speichert...</span>
+          </div>
+        }
+      </section>
     </mat-card-content>
 
     <mat-card-actions align="end">