All files / app/features/article/pages/article-edit article-edit.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
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
@if (error()) {
    <app-error
        title="Ошибка"
        [message]="error()"
    />
} @else {
    <app-sidebar-action
        [order]="30"
        icon="save"
        label="Сохранить"
        priority="primary"
        [disabled]="isSaving()"
        (activated)="save()"
    />
    <app-sidebar-action
        [order]="20"
        icon="close"
        label="Отмена"
        priority="secondary"
        [disabled]="isSaving()"
        (activated)="cancel()"
    />
 
    <ui-workspace (activeTabChange)="onTabChange($event)">
        <ui-workspace-tab
            label="Редактор"
            icon="edit"
            [keepAlive]="true"
        >
            <ng-template>
                <lib-editor
                    [content]="editorContent()"
                    [customExtensions]="editorExtensions"
                    [linksStatus]="updateLinksState()"
                    (updateLinksEvent)="updateLinks($event)"
                    (contentChanged)="contentChanged($event)"
                />
            </ng-template>
        </ui-workspace-tab>
        <ui-workspace-tab
            label="Просмотр"
            icon="visibility"
        >
            <ng-template>
                <app-preview
                    [content]="editorContent()"
                    [articleId]="articleId()"
                />
            </ng-template>
        </ui-workspace-tab>
        <ui-workspace-tab
            label="Что изменено"
            icon="difference"
        >
            <ng-template>
                <app-diff-view
                    [oldText]="originalContent()"
                    [newText]="editorContent()"
                />
            </ng-template>
        </ui-workspace-tab>
    </ui-workspace>
}