25 lines
1.1 KiB
HTML
25 lines
1.1 KiB
HTML
|
<div class="code-wrapper" style="width: 100%; height: 600px; margin-top: 10px;">
|
||
|
<ion-toolbar>
|
||
|
<ion-item>
|
||
|
<ion-label position="floating">Language</ion-label>
|
||
|
<ion-select style="min-width: 40px;" [(ngModel)]="editorOptions.language" (ionChange)="onSelectChange()">
|
||
|
<ion-select-option *ngFor="let lang of languageOptions" [value]="lang.toLowerCase()">{{lang}}</ion-select-option>
|
||
|
</ion-select>
|
||
|
</ion-item>
|
||
|
</ion-toolbar>
|
||
|
<div class="ed-wrapper" style="width: 100%; height: 480px;">
|
||
|
<ngx-monaco-editor style="width: 100%; height: 100%;"
|
||
|
[options]="editorOptions"
|
||
|
[(ngModel)]="editorValue"
|
||
|
(ngModelChange)="onEditorModelChange($event)"
|
||
|
#theEditor
|
||
|
></ngx-monaco-editor>
|
||
|
</div>
|
||
|
<ion-toolbar>
|
||
|
<ion-buttons slot="end">
|
||
|
<ion-button (click)="onDropClick()"><ion-icon name="alert" color="danger"></ion-icon> Drop Editor</ion-button>
|
||
|
<ion-button (click)="onSaveClick()"><ion-icon name="save" [color]="dirty ? 'warning' : 'success'"></ion-icon> Save Changes</ion-button>
|
||
|
</ion-buttons>
|
||
|
</ion-toolbar>
|
||
|
</div>
|