todo-item-list-row.component.html
<div class="todo-item" *ngIf="this.todoItem"> | |
<li class="list-group-item d-flex justify-content-between lh-condensed" [ngClass]="this.todoItem.completed ? 'bg-completed' : ''"> | |
<div> | |
<h6 class="my-0">{{todoItem.title}}</h6> | |
<small class="text-muted">{{todoItem.description}}</small> | |
<div *ngIf="todoItem.dueDate"> | |
<small>{{'add-todo.due-date' | translate}}: | |
<b>{{todoItem.dueDate}}</b> | |
</small> | |
</div> | |
</div> | |
<div class="align-right btn-group-vertical"> | |
<button (click)="completeClick()" type="button" class="btn btn-success" aria-label="Edit"> | |
{{'todo-item.complete' | translate}} | |
</button> | |
<button *ngIf="!readOnlyTODO" (click)="editClick()" type="button" class="btn btn-info" aria-label="Edit"> | |
{{'todo-item.edit' | translate}} | |
</button> | |
<button *ngIf="!readOnlyTODO" (click)="deleteClick()" type="button" class="btn btn-danger" aria-label="Delete"> | |
{{'todo-item.delete' | translate}} | |
</button> | |
</div> | |
</li> | |
</div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment