alahouze/accountant-ui
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fix operation row action buttons.

Browse Source
This commit is contained in:
Alexis Lahouze 2017-08-27 19:41:48 +02:00
parent e592efd25d
commit b5abe44bd9
1 changed files with 27 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
src/operations/operationRow.component.ts
View File

@ -39,38 +39,36 @@ import { OperationEditModalComponent } from './operationEditModal.component';
<td>{{ operation.category }}</td> <td>{{ operation.category }}</td>
<td> <td>
<div class="btn-group btn-group-sm"> <!-- Edit operation, for non-canceled operation. -->
<!-- Edit operation, for non-canceled operation. --> <button type="button" class="btn-floating green lighten-2"
<button type="button" class="btn btn-success" *ngIf="!operation.canceled"
*ngIf="!operation.canceled" (click)="modify(operation)" title="edit">
(click)="modify(operation)" title="edit"> <span class="fa fa-pencil-square-o"></span>
<span class="fa fa-pencil-square-o"></span> </button>
</button>
<!-- Toggle pointed operation, for non-canceled operations. --> <!-- Toggle pointed operation, for non-canceled operations. -->
<button type="button" class="btn btn-secondary" <button type="button" class="btn-floating blue lighten-2"
*ngIf="!operation.canceled" *ngIf="!operation.canceled"
(click)="togglePointed(operation)" (click)="togglePointed(operation)"
[class.active]="operation.pointed" title="point"> [class.active]="operation.pointed" title="point">
<span class="fa" [class.fa-check-square-o]="operation.pointed" <span class="fa" [class.fa-check-square-o]="operation.pointed"
[class.fa-square-o]="!operation.pointed"></span> [class.fa-square-o]="!operation.pointed"></span>
</button> </button>
<!-- Toggle canceled operation. --> <!-- Toggle canceled operation. -->
<button type="button" class="btn btn-warning" <button type="button" class="btn-floating orange lighten-2"
(click)="toggleCanceled(operation)" (click)="toggleCanceled(operation)"
*ngIf="operation.scheduled_operation_id" *ngIf="operation.scheduled_operation_id"
[class.active]="operation.canceled" title="cancel"> [class.active]="operation.canceled" title="cancel">
<span class="fa fa-remove"></span> <span class="fa fa-remove"></span>
</button> </button>
<!-- Delete operation, with confirm. --> <!-- Delete operation, with confirm. -->
<button type="button" class="btn btn-danger" <button type="button" class="btn-floating red lighten-2"
(click)="confirmDelete(operation)" (click)="confirmDelete(operation)"
*ngIf="operation.id && !operation.scheduled_operation_id"> *ngIf="operation.id && !operation.scheduled_operation_id">
<span class="fa fa-trash-o"></span> <span class="fa fa-trash-o"></span>
</button> </button>
</div>
</td> </td>
` `
}) })