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.
frontend/src/app/components/editor/node-picker/node-picker.component.html

57 lines
2.9 KiB

<ion-list>
<ion-item button (click)="onSelect('paragraph')" class="node">
<i class="fa" slot="start" [ngClass]="typeIcons.node"></i>
<ion-label>Paragraph</ion-label>
</ion-item>
<ion-item button (click)="onSelect('markdown')" class="markdown">
<i class="fa" slot="start" [ngClass]="typeIcons.markdown"></i>
<ion-label>Markdown</ion-label>
</ion-item>
<ion-item button (click)="onSelect('database_ref')" class="db" *ngIf="!formMode">
<i class="fa" slot="start" [ngClass]="typeIcons.db"></i>
<ion-label>Database</ion-label>
</ion-item>
<ion-item button (click)="onSelect('code_ref')" class="code" *ngIf="!formMode">
<i class="fa" slot="start" [ngClass]="typeIcons.code"></i>
<ion-label>Code Editor</ion-label>
</ion-item>
<ion-item button (click)="onSelect('file_ref')" class="files" *ngIf="!formMode">
<i class="fa" slot="start" [ngClass]="typeIcons.files"></i>
<ion-label>Upload Files</ion-label>
</ion-item>
<!-- Form inputs -->
<ion-item button (click)="onSelect('form_input_text')" class="form-input form-input-text" *ngIf="formMode">
<i class="fa" slot="start" [ngClass]="typeIcons.form_input_text"></i>
<ion-label>Text Input</ion-label>
</ion-item>
<ion-item button (click)="onSelect('form_input_number')" class="form-input form-input-number" *ngIf="formMode">
<i class="fa" slot="start" [ngClass]="typeIcons.form_input_number"></i>
<ion-label>Number Input</ion-label>
</ion-item>
<ion-item button (click)="onSelect('form_input_password')" class="form-input form-input-password" *ngIf="formMode">
<i class="fa" slot="start" [ngClass]="typeIcons.form_input_password"></i>
<ion-label>Password Input</ion-label>
</ion-item>
<ion-item button (click)="onSelect('form_input_email')" class="form-input form-input-email" *ngIf="formMode">
<i class="fa" slot="start" [ngClass]="typeIcons.form_input_email"></i>
<ion-label>E-Mail Input</ion-label>
</ion-item>
<ion-item button (click)="onSelect('form_input_select')" class="form-input form-input-select" *ngIf="formMode">
<i class="fa" slot="start" [ngClass]="typeIcons.form_input_select"></i>
<ion-label>Single-Select Input</ion-label>
</ion-item>
<ion-item button (click)="onSelect('form_input_multiselect')" class="form-input form-input-multiselect" *ngIf="formMode">
<i class="fa" slot="start" [ngClass]="typeIcons.form_input_multiselect"></i>
<ion-label>Multi-Select Input</ion-label>
</ion-item>
<ion-item button (click)="onSelect('form_input_textarea')" class="form-input form-input-textarea" *ngIf="formMode">
<i class="fa" slot="start" [ngClass]="typeIcons.form_input_textarea"></i>
<ion-label>Paragraph Input</ion-label>
</ion-item>
<!-- <ion-item button (click)="onSelect('form_input_wysiwyg')" class="form-input form-input-wysiwyg">-->
<!-- <i class="fa" slot="start" [ngClass]="typeIcons.form_input_wysiwyg"></i>-->
<!-- <ion-label>Rich-Text Input</ion-label>-->
<!-- </ion-item>-->
</ion-list>