33 lines
915 B
HTML
33 lines
915 B
HTML
<div class="header">
|
|
<div class="exit" (click)="modalService.cancel()"></div>
|
|
<h1>Create an item</h1>
|
|
</div>
|
|
|
|
<div class="select-add-container">
|
|
<!-- wrapper for easier styling -->
|
|
<app-select-add
|
|
class="select"
|
|
[options]="modalService.active.input"
|
|
[default]="modalService.active.input[0]"
|
|
[alwaysDropShadow]="true"
|
|
[onlyShadowBorder]="true"
|
|
[placeholder]="'Tag this item…'"
|
|
(value)="selected = $event"
|
|
></app-select-add>
|
|
</div>
|
|
<!-- wrapper for easier styling -->
|
|
|
|
<textarea placeholder="Write a description here…" [(ngModel)]="description"></textarea>
|
|
|
|
<div>
|
|
<!-- wrapper for easier styling -->
|
|
<app-toggle
|
|
[beforeText]="'This task hasn\'t been finished yet'"
|
|
[afterText]="'Goal already accomplished'"
|
|
[default]="false"
|
|
(value)="isDone = $event"
|
|
></app-toggle>
|
|
</div>
|
|
<!-- wrapper for easier styling -->
|
|
|
|
<button (click)="submit()">Create</button>
|