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.
90 lines
3.2 KiB
90 lines
3.2 KiB
<ng-container>
|
|
<div
|
|
*ngIf="!page.isViewOnly() && ( 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>
|
|
<div
|
|
*ngIf="page.isViewOnly() && ( record.type === 'paragraph'
|
|
|| record.type === 'header1'
|
|
|| record.type === 'header2'
|
|
|| record.type === 'header3'
|
|
|| record.type === 'header4'
|
|
|| record.type === 'block_code'
|
|
|| record.type === 'click_link' )"
|
|
(click)="onHostDblClick()"
|
|
class="host-host ion-padding"
|
|
#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' && !page.isViewOnly()"
|
|
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>
|
|
<ul
|
|
*ngIf="record.type === 'ul' && page.isViewOnly()"
|
|
class="host-host ion-padding"
|
|
>
|
|
<li
|
|
#liItems
|
|
*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
|
|
[readonly]="page.isViewOnly()"
|
|
[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
|
|
[readonly]="page.isViewOnly()"
|
|
[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
|
|
[readonly]="page.isViewOnly()"
|
|
[hostRecord]="record"
|
|
(hostRecordChange)="onRecordChange($event)"
|
|
(requestParentSave)="onRequestParentSave($event)"
|
|
(requestParentDelete)="onRequestDelete($event)"
|
|
></editor-files>
|
|
</div>
|
|
</ng-container>
|