Use ng2-materialize in schedule module.
This commit is contained in:
parent
fbcec48038
commit
fe2d539812
@ -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,
|
||||||
|
@ -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ébut</th>
|
<th>Date de dé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>
|
||||||
|
@ -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>
|
||||||
`
|
`
|
||||||
})
|
})
|
||||||
|
Loading…
Reference in New Issue
Block a user