Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 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 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 | 10x 10x 4x 10x 4x 4x 10x 4x 4x 10x 10x 4x 10x 4x 10x 4x 4x 4x 10x 4x 10x 4x 10x 4x 4x 4x 4x 4x 10x 4x 4x 4x 10x 4x 4x 10x 4x 10x 4x 10x 4x 4x 4x 4x 10x 10x 10x 4x 10x 4x 4x 10x | <ng-container [formGroup]="group"
cdkDropListGroup>
<label [for]="id + '-url'" i18n>URL:</label>
<div class="form-array">
<input [id]="id + '-url'" name="url" type="text" formControlName="url">
<button type="button" (click)="alts.addLink('')" i18n-title title="+ Add another alternate URL" i18n>📎️</button>
</div>
<app-links #alts
[id]="id + '-alts'"
fieldName="alternateUrls"
i18n-label label="Alts:"
[showLabel]="dropping || !!alts.links?.length"
i18n-emoji emoji="📎️"
[showAdd]="false"
[group]="group"
[class.no-margin]="!dropping && !alts.links?.length"></app-links>
<label [for]="id + '-title'" i18n>Title:</label>
<div class="form-array">
<input [id]="id + '-title'"
name="title"
type="text"
[formControl]="title"
(blur)="validate($any($event.target))">
@if (web) {
@if (scrapingTitle) {
<app-loading class="event-loading"
[inline]="true"
i18n-title title="Scrape Title"></app-loading>
} @else {
<button type="button" (click)="scrapeTitle()" i18n-title title="Scrape Title" i18n>🪝</button>
}
}
</div>
<label [for]="id + '-published'" i18n>Published:</label>
<div class="form-array">
<input [id]="id + '-published'"
name="published"
type="datetime-local"
step="1"
[formControl]="published"
(blur)="validate($any($event.target))">
@if (web) {
@if (scrapingPublished) {
<app-loading class="event-loading"
[inline]="true"
i18n-title title="Scrape Published"></app-loading>
} @else {
<button type="button" (click)="scrapePublished()" i18n-title title="Scrape Published" i18n>🪝</button>
}
}
<button type="button" (click)="sources.addLink('')" i18n-title title="+ Add another source" i18n>📜️</button>
</div>
<span><!-- Published Errors --></span>
<div>
@if (published.touched && published.errors?.['required']) {
<div class="error" i18n>
Published date is required.
</div>
}
</div>
<app-links #sources
[id]="id + '-sources'"
fieldName="sources"
i18n-label label="Sources:"
[showLabel]="dropping || !!sources.links?.length"
i18n-emoji emoji="🔗️"
[showAdd]="false"
[group]="group"
[class.no-margin]="!dropping && !sources.links?.length"></app-links>
<div class="add-plugins-label">
<label [for]="id + '-plugins'" class="mobile-inline" i18n>Add Plugin:</label>
<app-select-plugin #pluginSelect
[id]="id + '-plugins'"
class="shrink"
[add]="true"
i18n-title title="Add Plugin"
(pluginChange)="togglePlugin($event); pluginSelect.plugin = ''"></app-select-plugin>
</div>
<app-form-plugins #pluginsFormComponent id="plugins"
(togglePlugin)="togglePlugin($event)"
[group]="group"></app-form-plugins>
@if (customEditor) {
<span><!-- Editor --></span>
<div #fill class="fill-editor">
<ngx-monaco-editor #ed
[formControl]="comment"
[options]="codeOptions"
[style.width]="'min(900px, 50vw)'"
[style.height]="'min(200px, 90vh)'"
appResizeHandle
[appFillWidth]="fill"
[hitArea]="config.mobile ? 48 : 20"></ngx-monaco-editor>
</div>
} @else {
<label [for]="ed.id" class="editor-label">{{ editorLabel }}:</label><!-- TODO: Let plugins change comment label -->
<div #fill class="fill-editor">
<app-editor #ed
class="bubble"
[addButton]="true"
[addCommentTitle]="addEditorTitle"
[addCommentLabel]="addEditorLabel"
[control]="comment"
[tags]="tags"
[fillWidth]="fill"
[url]="web && url.value"
(scrape)="scrapeAll()"
[scraping]="scrapingAll"
(syncEditor)="syncEditor()"
(syncTags)="setTags($event)"
(addSource)="addSource($event)"
(uploadCompleted)="completedUploads.push($event)"></app-editor>
</div>
}
<app-tags #tagsFormComponent [group]="group" [origin]="origin"></app-tags>
</ng-container>
|