All files / app/features/history/components/picture-pending-card picture-pending-card.component.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<div
    class="pending-card"
    data-testid="pending-card"
    tabindex="0"
    role="button"
    (click)="emitPictureClick()"
    (keydown.enter)="emitPictureClick()"
    (keydown.space)="emitPictureClick(); $event.preventDefault()"
    [attr.aria-label]="'Перейти к иллюстрации: ' + group().currentTitle"
>
    <img
        class="pending-card__thumbnail"
        [src]="group().currentThumbnailUrl"
        [alt]="group().currentTitle"
        data-testid="pending-card-thumbnail"
    />
    <div class="pending-card__content">
        <span
            class="pending-card__title"
            data-testid="pending-card-title"
        >
            {{ group().currentTitle }}
        </span>
        @for (pending of group().items; track pending.id) {
            <div
                class="pending-card__item"
                [class.pending-card__item--delete]="pending.pendingType === 'delete'"
                data-testid="pending-item"
            >
                <ui-icon
                    name="schedule"
                    class="pending-card__icon"
                    tooltip="Ожидает модерации"
                />
                <span
                    class="pending-card__type"
                    data-testid="pending-item-type"
                >
                    {{ pendingLabels[pending.pendingType] }}
                </span>
                <span class="pending-card__separator">·</span>
                <span
                    class="pending-card__author"
                    data-testid="pending-item-author"
                >
                    {{ pending.user }}
                </span>
            </div>
        }
    </div>
</div>