All files / app/shared/components/articles-history-item articles-history-item.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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
4x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<div
    class="history-item"
    [class.history-item--selected]="selected()"
    [class.history-item--selectable]="selectable()"
    [attr.tabindex]="selectable() ? 0 : undefined"
    role="option"
    [attr.aria-selected]="selected()"
    (click)="onItemClick()"
    (keydown.enter)="onItemClick()"
    (keydown.space)="onItemClick(); $event.preventDefault()"
>
    <div class="left-col">
        @if (item().isNew) {
            <ui-icon-button
                label="Новая редакция"
                [disabled]="true"
                icon="note_add"
                (click)="$event.stopPropagation()"
            />
        } @else {
            <ui-icon-button
                label="Просмотр изменений"
                icon="difference"
                [link]="diffLink()"
                (click)="$event.stopPropagation()"
            />
        }
    </div>
    <div class="content-col">
        <div class="title-row">
            <ui-status-icon [status]="item().approved" />
            <a
                class="title"
                data-testid="title"
                [routerLink]="['/articles', item().articleId, 'version', item().versionId]"
                (click)="$event.stopPropagation()"
            >
                {{ item().title }}
            </a>
        </div>
        <div
            class="meta-row"
            data-testid="meta-row"
        >
            <span
                class="time"
                data-testid="time"
            >
                {{ item().date | formatTime }}
            </span>
            ·
            <span
                class="author"
                data-testid="author"
            >
                {{ item().author }}
            </span>
            @if (item().info) {
                <span
                    class="author-comment"
                    data-testid="author-comment"
                >
                    {{ item().info }}
                </span>
            }
        </div>
        @if (item().comment) {
            <div
                class="moderator-comment"
                data-testid="moderator-comment"
            >
                <b>Модератор:</b>
                {{ item().comment }}
            </div>
        }
    </div>
    @if (selected()) {
        <div
            class="selection-overlay"
            data-testid="selection-overlay"
        >
            @if (canCompare()) {
                <ui-button
                    data-testid="compare-button"
                    accent="primary"
                    (click)="onCompareClick($event)"
                >
                    Сравнить
                </ui-button>
            } @else {
                <span
                    class="selection-hint"
                    data-testid="selection-hint"
                >
                    Выберите ещё одну версию для сравнения
                </span>
            }
        </div>
    }
</div>