Use ng2-materialize in schedule module.

This commit is contained in:
Alexis Lahouze 2017-08-28 08:58:35 +02:00
parent fbcec48038
commit fe2d539812
3 changed files with 17 additions and 17 deletions

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 { ScheduleService } from './schedule.service'; import { ScheduleService } from './schedule.service';
import { ScheduleDeleteModalComponent } from './scheduleDeleteModal.component'; import { ScheduleDeleteModalComponent } from './scheduleDeleteModal.component';
@ -30,7 +31,8 @@ import { ScheduleListState } from './schedule.states';
NgLoggerModule, NgLoggerModule,
ToastrModule, ToastrModule,
NgbModule, NgbModule,
TextMaskModule TextMaskModule,
MaterializeModule,
], ],
providers: [ providers: [
ScheduleService, ScheduleService,

View File

@ -16,7 +16,7 @@ import { Schedule } from './schedule';
selector: 'schedule-list', selector: 'schedule-list',
template: ` template: `
<div class="row"> <div class="row">
<table class="table table-sm table-striped table-condensed table-hover"> <table class="bordered highlight responsive-table">
<thead> <thead>
<tr> <tr>
<th>Date de d&eacute;but</th> <th>Date de d&eacute;but</th>
@ -33,7 +33,7 @@ import { Schedule } from './schedule';
<tbody> <tbody>
<tr> <tr>
<td colspan="8"> <td colspan="8">
<button class="btn btn-success" (click)="add()"> <button mz-button class="green" (click)="add()">
Ajouter Ajouter
</button> </button>
</td> </td>

View File

@ -33,21 +33,19 @@ import { Schedule } from './schedule';
<td>{{ schedule.category }}</td> <td>{{ schedule.category }}</td>
<td> <td>
<div class="btn-group btn-group-sm"> <!-- Edit operation. -->
<!-- Edit operation. --> <button mz-button [float]="true" class="green"
<button type="button" class="btn btn-success" (click)="modify()" title="edit">
(click)="modify()" title="edit"> <span class="fa fa-pencil-square-o"></span>
<span class="fa fa-pencil-square-o"></span> </button>
</button>
<!-- Remove operation. --> <!-- Remove operation. -->
<button type="button" class="btn btn-danger" <button mz-button [float]="true" class="red"
[hidden]="!schedule.id" [hidden]="!schedule.id"
(click)="confirmDelete()" (click)="confirmDelete()"
title="remove"> title="remove">
<span class="fa fa-trash"></span> <span class="fa fa-trash"></span>
</button> </button>
</div>
</td> </td>
` `
}) })