You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
57 lines
2.1 KiB
57 lines
2.1 KiB
<ng-container>
|
|
<div
|
|
*ngIf="record.type === 'paragraph' || record.type === 'header1' || record.type === 'header2' || record.type === 'header3' || record.type === 'header4' || record.type === 'block_code' || record.type === 'click_link'"
|
|
class="host-host ion-padding"
|
|
contenteditable="true"
|
|
(keyup)="onKeyUp($event)"
|
|
(blur)="record.value=hostContainer.innerHTML"
|
|
(dblclick)="onHostDblClick()"
|
|
#hostContainer
|
|
[ngClass]="{'paragraph': record.type === 'paragraph', 'header1': record.type === 'header1', 'header2': record.type === 'header2', 'header3': record.type === 'header3', 'header4': record.type === 'header4', 'block_code': record.type === 'block_code', 'click_link': record.type === 'click_link'}"
|
|
[innerHTML]="record.value.replace('\n', '<br>')"
|
|
></div>
|
|
<ul
|
|
*ngIf="record.type === 'ul'"
|
|
class="host-host ion-padding"
|
|
>
|
|
<li
|
|
#liItems
|
|
contenteditable="true"
|
|
(keyup)="onUlKeyUp($event, i)"
|
|
(keydown)="onUlKeyDown($event, i)"
|
|
*ngFor="let line of listLines; let i = index"
|
|
[innerHTML]="listLines[i]"
|
|
></li>
|
|
</ul>
|
|
<div *ngIf="record.type === 'page_sep'" class="hr-wrapper">
|
|
<hr>
|
|
</div>
|
|
<div
|
|
*ngIf="record.type === 'database_ref'"
|
|
class="db-wrapper"
|
|
>
|
|
<editor-database
|
|
[hostRecord]="record"
|
|
(hostRecordChange)="onRecordChange($event)"
|
|
(requestParentSave)="onRequestParentSave($event)"
|
|
(requestParentDelete)="onRequestDelete($event)"
|
|
></editor-database>
|
|
</div>
|
|
<div class="code-wrapper" *ngIf="record.type === 'code_ref'">
|
|
<editor-code
|
|
[hostRecord]="record"
|
|
(hostRecordChange)="onRecordChange($event)"
|
|
(requestParentSave)="onRequestParentSave($event)"
|
|
(requestParentDelete)="onRequestDelete($event)"
|
|
></editor-code>
|
|
</div>
|
|
<div class="files-wrapper" *ngIf="record.type === 'file_ref'">
|
|
<editor-files
|
|
[hostRecord]="record"
|
|
(hostRecordChange)="onRecordChange($event)"
|
|
(requestParentSave)="onRequestParentSave($event)"
|
|
(requestParentDelete)="onRequestDelete($event)"
|
|
></editor-files>
|
|
</div>
|
|
</ng-container>
|