Instantly share code, notes, and snippets.

Embed
What would you like to do?
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