jbc.lol
unoffical wafrn mirror
wafrn.net
atproto
social-network
activitypub
1<mat-expansion-panel>
2 <mat-expansion-panel-header>
3 <mat-panel-title>{{ 'settings.confettiOptions' | translate }}</mat-panel-title>
4 </mat-expansion-panel-header>
5 <app-setting-entry [setting]="data.disableConfetti"></app-setting-entry>
6 <app-setting-entry [setting]="data.enableConfettiReceivingLike"></app-setting-entry>
7 <hr />
8 <div class="mb-3">
9 <mat-form-field class="w-full mat-form-field-no-padding">
10 <mat-label>{{ data.confettiMultiplier.translationKey | translate }}</mat-label>
11 <input
12 matNativeControl
13 placeholder="1"
14 type="number"
15 min="0"
16 [value]="values().confettiMultiplier"
17 (input)="updateMultiplier($event)"
18 spellcheck="false"
19 />
20 </mat-form-field>
21 <div class="setting-description">{{ data.confettiMultiplier.translationDescriptionKey ?? '' | translate }}</div>
22 </div>
23 <app-setting-entry [setting]="data.flatConfetti"></app-setting-entry>
24 <hr />
25 <p>{{ 'settings.confettiTestAreaDescription' | translate }}</p>
26 <div class="flex flex-wrap gap-3 align-items-center">
27 <mat-form-field class="block flex-grow-1 mat-form-field-no-padding">
28 <mat-label>{{ 'settings.confettiType' | translate }}</mat-label>
29 <mat-select [(value)]="confettiType" (selectionChange)="updateTypeSelect($event)">
30 @for (variant of confettiTypeData | KeyValue; track $index) {
31 <mat-option [value]="variant.key">{{ variant.value | translate }}</mat-option>
32 }
33 </mat-select>
34 </mat-form-field>
35 <div class="flex gap-2 flex-grow-1"
36 ><button mat-flat-button class="flex-grow-1" (click)="showConfetti($event)">{{
37 'settings.confettiTestLocational' | translate
38 }}</button>
39 <button mat-flat-button class="flex-grow-1" (click)="showConfetti()">{{
40 'settings.confettiTestGeneric' | translate
41 }}</button></div
42 >
43 </div>
44</mat-expansion-panel>