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 123 124 125 126 127 128 129 130 131 | 22x 22x 7x 22x 7x 7x 22x 7x 7x 22x 22x 7x 22x 22x 7x 22x 7x 7x 7x 22x 7x 22x 22x 7x 22x 7x 7x 7x 7x 7x 22x 7x 7x 7x 22x 7x 7x 22x 7x 22x 7x 22x 7x 7x 22x 1x 2x 2x 7x 7x 7x 22x 22x 22x 7x 22x 7x 7x 22x | <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" class="scrape-title" (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>
@if (creating && thumbnail) {
<div class="thumbnail-preview">
<div class="thumbnail"
[style.background-image]="thumbnailRefs | thumbnail: !thumbnailEmoji && !thumbnailColor : false | async | cssUrl: url.value"
[style.background-color]="thumbnailColor"
[style.background-size]="thumbnailRadius ? 'cover' : 'contain'"
[style.border-radius.px]="thumbnailRadius">{{ thumbnailEmoji }}</div>
</div>
}
</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>
|