All files / app/shared/components/article-moderation-panel article-moderation-panel.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
6x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<div class="moderation-panel-status">
    <ui-status-icon [status]="version().approved" />
    <span>{{ statusText() }}</span>
</div>
 
<div class="moderation-panel-info">
    <div class="moderation-panel-info-row">
        <span class="moderation-panel-info-label">Автор:</span>
        <span>{{ version().author }}</span>
    </div>
    <div class="moderation-panel-info-row">
        <span class="moderation-panel-info-label">Время:</span>
        <span>{{ version().date | formatDate }}</span>
    </div>
</div>
 
<ui-text-input
    label="Комментарий"
    [multiline]="true"
    [rows]="3"
    [value]="comment()"
    (valueChanged)="onCommentChange($event)"
/>
 
<div class="moderation-panel-actions">
    @if (!isApproved()) {
        <ui-button
            variant="filled"
            accent="success"
            [disabled]="isLoading()"
            [loading]="isLoading()"
            (click)="approve()"
        >
            Одобрить
        </ui-button>
    }
    @if (!isPending()) {
        <ui-button
            variant="outlined"
            [disabled]="isLoading()"
            [loading]="isLoading()"
            (click)="sendToReview()"
        >
            На проверку
        </ui-button>
    }
    @if (!isRejected()) {
        <ui-button
            variant="outlined"
            accent="danger"
            [disabled]="isLoading()"
            [loading]="isLoading()"
            (click)="reject()"
        >
            Отклонить
        </ui-button>
    }
</div>