<commit_before><div class="etime-container" [ngClass]="{mobiletimer: isMobile()}">
    <app-eorzean-time [date]="etime.getEorzeanTime() | async"></app-eorzean-time>
</div>
<div class="buttons">
    <mat-checkbox [(ngModel)]="muted" (change)="saveMuted()">{{"Mute_alarms" | translate}}</mat-checkbox>
    <mat-checkbox [(ngModel)]="compact" (change)="saveCompact()">{{"Compact_display" | translate}}</mat-checkbox>
    <button mat-mini-fab (click)="openAddAlarmPopup()">
        <mat-icon>add_alert</mat-icon>
    </button>
    <button mat-mini-fab (click)="openOptionsPopup()">
        <mat-icon>settings</mat-icon>
    </button>
</div>
<div *ngIf="(getAlarms() | async)?.length === 0"><h4 class="no-alarm">{{'ALARMS.No_alarm' | translate}}</h4></div>
<mat-grid-list cols="{{getCols()}}" rowHeight="3:4" class="grid" *ngIf="!compact">
    <mat-grid-tile *ngFor="let alarm of getAlarms() | async">
        <app-alarm-card [alarm]="alarm"
                        [compact]="compact"
                        [alerted]="alarmService.isAlerted(alarm.itemId) | async"
                        [spawned]="alarmService.isAlarmSpawned(alarm, time)"
                        [timer]="alarmService.getAlarmTimerString(alarm, time)"
                        (delete)="deleteAlarm(alarm)"></app-alarm-card>
    </mat-grid-tile>
</mat-grid-list>
<mat-list *ngIf="compact" dense>
    <mat-list-item *ngFor="let alarm of getAlarms() | async"
                   class="compact-alarm"
                   [ngClass]="{
                   'mat-elevation-z2': alarmService.isAlerted(alarm.itemId) | async,
                   'mat-elevation-z8': alarmService.isAlarmSpawned(alarm, time),
                   'primary-background': alarmService.isAlarmSpawned(alarm, time),
                   'accent-background': alarmService.isAlerted(alarm.itemId) | async
                   }">
        <img mat-list-avatar [appXivdbTooltip]="alarm.itemId" [src]="alarm.icon | icon" alt="">
        <span matLine>{{alarm.itemId | itemName | i18n}}</span>
        <i matLine>{{alarm.zoneId | placeName | i18n}} - {{alarm.areaId | placeName | i18n}}  -
            <span class="coords" *ngIf="compact">X: {{alarm.coords[0]}} - Y: {{alarm.coords[1]}}</span>
            <span *ngIf="alarm.slot">({{alarm.slot}})</span></i>
        <app-map-position [zoneId]="alarm.zoneId"
                          class="map-marker"
                          [marker]="{x:alarm.coords[0], y:alarm.coords[1]}"></app-map-position>
        <span>{{alarmService.getAlarmTimerString(alarm, time)}}</span>
        <button mat-button (click)="deleteAlarm(alarm)" color="warn">
            <mat-icon>delete</mat-icon>
            {{'Delete' | translate}}
        </button>
    </mat-list-item>
</mat-list><commit_msg>style: changed compact alarm delete button for a simple icon button<commit_after><div class="etime-container" [ngClass]="{mobiletimer: isMobile()}">
    <app-eorzean-time [date]="etime.getEorzeanTime() | async"></app-eorzean-time>
</div>
<div class="buttons">
    <mat-checkbox [(ngModel)]="muted" (change)="saveMuted()">{{"Mute_alarms" | translate}}</mat-checkbox>
    <mat-checkbox [(ngModel)]="compact" (change)="saveCompact()">{{"Compact_display" | translate}}</mat-checkbox>
    <button mat-mini-fab (click)="openAddAlarmPopup()">
        <mat-icon>add_alert</mat-icon>
    </button>
    <button mat-mini-fab (click)="openOptionsPopup()">
        <mat-icon>settings</mat-icon>
    </button>
</div>
<div *ngIf="(getAlarms() | async)?.length === 0"><h4 class="no-alarm">{{'ALARMS.No_alarm' | translate}}</h4></div>
<mat-grid-list cols="{{getCols()}}" rowHeight="3:4" class="grid" *ngIf="!compact">
    <mat-grid-tile *ngFor="let alarm of getAlarms() | async">
        <app-alarm-card [alarm]="alarm"
                        [compact]="compact"
                        [alerted]="alarmService.isAlerted(alarm.itemId) | async"
                        [spawned]="alarmService.isAlarmSpawned(alarm, time)"
                        [timer]="alarmService.getAlarmTimerString(alarm, time)"
                        (delete)="deleteAlarm(alarm)"></app-alarm-card>
    </mat-grid-tile>
</mat-grid-list>
<mat-list *ngIf="compact" dense>
    <mat-list-item *ngFor="let alarm of getAlarms() | async"
                   class="compact-alarm"
                   [ngClass]="{
                   'mat-elevation-z2': alarmService.isAlerted(alarm.itemId) | async,
                   'mat-elevation-z8': alarmService.isAlarmSpawned(alarm, time),
                   'primary-background': alarmService.isAlarmSpawned(alarm, time),
                   'accent-background': alarmService.isAlerted(alarm.itemId) | async
                   }">
        <img mat-list-avatar [appXivdbTooltip]="alarm.itemId" [src]="alarm.icon | icon" alt="">
        <span matLine>{{alarm.itemId | itemName | i18n}}</span>
        <i matLine>{{alarm.zoneId | placeName | i18n}} - {{alarm.areaId | placeName | i18n}}  -
            <span class="coords" *ngIf="compact">X: {{alarm.coords[0]}} - Y: {{alarm.coords[1]}}</span>
            <span *ngIf="alarm.slot">({{alarm.slot}})</span></i>
        <app-map-position [zoneId]="alarm.zoneId"
                          class="map-marker"
                          [marker]="{x:alarm.coords[0], y:alarm.coords[1]}"></app-map-position>
        <span>{{alarmService.getAlarmTimerString(alarm, time)}}</span>
        <button mat-icon-button (click)="deleteAlarm(alarm)" color="warn">
            <mat-icon>delete</mat-icon>
        </button>
    </mat-list-item>
</mat-list>
{'fraction_non_alphanumeric': 0.19329710144927537, 'fraction_numerical': 0.006159420289855073, 'mean_word_length': 2.7945017182130583, 'pattern_counts': {'":': 0, '<': 101, '<?xml version=': 0, '>': 101, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2552896', 'n_tokens_mistral': 1944, 'n_tokens_neox': 1861, 'n_words': 253}