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

Use ng2-materialize in operations module.

Browse Source
This commit is contained in:
Alexis Lahouze 2017-08-28 08:44:42 +02:00
parent 4a1c246e00
commit fbcec48038
3 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/operations/operation.module.ts
View File

@ -10,6 +10,7 @@ import { NgLoggerModule, Level } from '@nsalaun/ng-logger';
import { NgbModule } from '@ng-bootstrap/ng-bootstrap'; import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
import { ToastrModule } from 'ngx-toastr'; import { ToastrModule } from 'ngx-toastr';
import { TextMaskModule } from 'angular2-text-mask'; import { TextMaskModule } from 'angular2-text-mask';
import { MaterializeModule } from 'ng2-materialize';
import { BalanceChartComponent } from './balanceChart.component'; import { BalanceChartComponent } from './balanceChart.component';
import { CategoryChartComponent } from './categoryChart.component'; import { CategoryChartComponent } from './categoryChart.component';
@ -33,7 +34,8 @@ import { OperationListState } from './operation.states'
NgLoggerModule, NgLoggerModule,
ToastrModule, ToastrModule,
NgbModule, NgbModule,
TextMaskModule TextMaskModule,
MaterializeModule,
], ],
providers: [ providers: [
CategoryService, CategoryService,

2
src/operations/operationList.component.ts
View File

@ -50,7 +50,7 @@ import { OperationEditModalComponent } from './operationEditModal.component';
<tbody> <tbody>
<tr> <tr>
<td colspan="7"> <td colspan="7">
<button class="btn waves-effect green lighten2" (click)="add()"> <button mz-button class="green lighten2" (click)="add()">
Ajouter Ajouter
</button> </button>
</td> </td>

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

@ -40,14 +40,14 @@ import { OperationEditModalComponent } from './operationEditModal.component';
<td> <td>
<!-- Edit operation, for non-canceled operation. --> <!-- Edit operation, for non-canceled operation. -->
<button type="button" class="btn-floating green lighten-2" <button mz-button [float]="true" class="green"
*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-floating blue lighten-2" <button mz-button [float]="true" class="blue"
*ngIf="!operation.canceled" *ngIf="!operation.canceled"
(click)="togglePointed(operation)" (click)="togglePointed(operation)"
[class.active]="operation.pointed" title="point"> [class.active]="operation.pointed" title="point">
@ -56,7 +56,7 @@ import { OperationEditModalComponent } from './operationEditModal.component';
</button> </button>
<!-- Toggle canceled operation. --> <!-- Toggle canceled operation. -->
<button type="button" class="btn-floating orange lighten-2" <button mz-button [float]="true" class="orange"
(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">
@ -64,7 +64,7 @@ import { OperationEditModalComponent } from './operationEditModal.component';
</button> </button>
<!-- Delete operation, with confirm. --> <!-- Delete operation, with confirm. -->
<button type="button" class="btn-floating red lighten-2" <button mz-button [float]="true" class="red"
(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>