mirror of
https://github.com/akveo/ngx-admin.git
synced 2025-12-16 15:40:11 +01:00
feat(tables): add angular2-datatable component page (#1038)
This commit is contained in:
daoudaDiallo
Lex Zhukov
parent
cc82cd2b38
commit
f98b128140
11 changed files with 888 additions and 1 deletions
|
|
@ -55,6 +55,7 @@
|
|||
"@ngx-translate/http-loader": "0.0.3",
|
||||
"amcharts3": "github:amcharts/amcharts3",
|
||||
"ammap3": "github:amcharts/ammap3",
|
||||
"angular2-datatable": "0.6.0",
|
||||
"animate.css": "3.5.2",
|
||||
"bootstrap": "4.0.0-alpha.6",
|
||||
"chart.js": "1.1.1",
|
||||
|
|
|
|||
|
|
@ -191,6 +191,14 @@ export const PAGES_MENU = [
|
|||
title: 'general.menu.smart_tables',
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
path: 'datatables',
|
||||
data: {
|
||||
menu: {
|
||||
title: 'Data Tables',
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
|
|||
|
|
@ -0,0 +1,15 @@
|
|||
import * as _ from 'lodash';
|
||||
import {Pipe, PipeTransform} from '@angular/core';
|
||||
|
||||
@Pipe({
|
||||
name: 'dataFilter'
|
||||
})
|
||||
export class DataFilterPipe implements PipeTransform {
|
||||
|
||||
transform(array: any[], query: string): any {
|
||||
if (query) {
|
||||
return _.filter(array, row=>row.name.indexOf(query) > -1);
|
||||
}
|
||||
return array;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
import { Component, OnInit } from '@angular/core';
|
||||
import { DataTablesService } from './dataTables.service';
|
||||
|
||||
@Component({
|
||||
selector: 'data-tables',
|
||||
templateUrl: './dataTables.html',
|
||||
styleUrls: ['./dataTables.scss']
|
||||
})
|
||||
export class DataTables {
|
||||
|
||||
data;
|
||||
filterQuery = "";
|
||||
rowsOnPage = 10;
|
||||
sortBy = "email";
|
||||
sortOrder = "asc";
|
||||
|
||||
constructor(private service: DataTablesService) {
|
||||
this.service.getData().then((data) => {
|
||||
this.data = data;
|
||||
});
|
||||
}
|
||||
|
||||
toInt(num: string) {
|
||||
return +num;
|
||||
}
|
||||
|
||||
sortByWordLength = (a: any) => {
|
||||
return a.city.length;
|
||||
}
|
||||
|
||||
}
|
||||
89
src/app/pages/tables/components/dataTables/dataTables.html
Normal file
89
src/app/pages/tables/components/dataTables/dataTables.html
Normal file
|
|
@ -0,0 +1,89 @@
|
|||
<div class="widgets">
|
||||
<div class="row">
|
||||
<ba-card title="Basic Example" baCardClass="with-scroll" class="data-table-container">
|
||||
<div class="row">
|
||||
<div class="col-sm-2">
|
||||
<label class="label-control">Rows on page</label>
|
||||
<select class="form-control input-sm" [(ngModel)]="rowsOnPage">
|
||||
<option [ngValue]="5">5</option>
|
||||
<option [ngValue]="10">10</option>
|
||||
<option [ngValue]="15">15</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<div class="row">
|
||||
<label class="col-sm-12 label-control">Sort by</label>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="offset-sm-1 col-sm-5">
|
||||
<div class="row">
|
||||
<select class="form-control input-sm" [(ngModel)]="sortBy">
|
||||
<option ngValue="name">Name</option>
|
||||
<option ngValue="email">Email</option>
|
||||
<option ngValue="age">Age</option>
|
||||
<option [ngValue]="sortByWordLength">City</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="offset-sm-1 col-sm-5">
|
||||
<div class="row">
|
||||
<select class="form-control input-sm" [(ngModel)]="sortOrder">
|
||||
<option ngValue="asc">Ascending</option>
|
||||
<option ngValue="desc">Descending</option>
|
||||
<option ngValue="badValue">Bad value</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">User information</div>
|
||||
|
||||
<table class="table table-striped" [mfData]="data | dataFilter : filterQuery" #mf="mfDataTable" [mfRowsOnPage]="rowsOnPage" [(mfSortBy)]="sortBy" [(mfSortOrder)]="sortOrder">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width: 10%"></th>
|
||||
<th style="width: 20%">
|
||||
<mfDefaultSorter by="name">Name</mfDefaultSorter>
|
||||
</th>
|
||||
<th style="width: 40%">
|
||||
<mfDefaultSorter by="email">Email</mfDefaultSorter>
|
||||
</th>
|
||||
<th style="width: 10%">
|
||||
<mfDefaultSorter by="age">Age</mfDefaultSorter>
|
||||
</th>
|
||||
<th style="width: 20%">
|
||||
<mfDefaultSorter [by]="sortByWordLength">City</mfDefaultSorter>
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="5">
|
||||
Filter by name:
|
||||
<input class="form-control" [(ngModel)]="filterQuery" />
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let item of mf.data">
|
||||
<td>
|
||||
<button (click)="remove(item)" class="btn btn-danger">x</button>
|
||||
</td>
|
||||
<td>{{item.name}}</td>
|
||||
<td>{{item.email}}</td>
|
||||
<td class="text-right">{{item.age}}</td>
|
||||
<td>{{item.city | uppercase}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<td colspan="5">
|
||||
<mfBootstrapPaginator [rowsOnPageSet]="[5,10,15]"></mfBootstrapPaginator>
|
||||
</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
</ba-card>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
@import '../../../../theme/sass/conf/conf';
|
||||
:host /deep/ .widgets {
|
||||
.data-table-container {
|
||||
width: 100%;
|
||||
.panel-heading {
|
||||
margin-top: 25px;
|
||||
}
|
||||
}
|
||||
}
|
||||
715
src/app/pages/tables/components/dataTables/dataTables.service.ts
Normal file
715
src/app/pages/tables/components/dataTables/dataTables.service.ts
Normal file
|
|
@ -0,0 +1,715 @@
|
|||
import {Injectable} from '@angular/core';
|
||||
|
||||
@Injectable()
|
||||
export class DataTablesService {
|
||||
|
||||
dataTableData = [{
|
||||
'name': 'Wing',
|
||||
'email': 'tellus.eu.augue@arcu.com',
|
||||
'regDate': '2016-01-09T14:48:34-08:00',
|
||||
'city': 'Paglieta',
|
||||
'age': 25
|
||||
},
|
||||
{
|
||||
'name': 'Whitney',
|
||||
'email': 'sed.dictum@Donec.org',
|
||||
'regDate': '2017-01-23T20:09:52-08:00',
|
||||
'city': 'Bear',
|
||||
'age': 32
|
||||
},
|
||||
{
|
||||
'name': 'Oliver',
|
||||
'email': 'mauris@Craslorem.ca',
|
||||
'regDate': '2015-11-19T19:11:33-08:00',
|
||||
'city': 'Bruderheim',
|
||||
'age': 31
|
||||
},
|
||||
{
|
||||
'name': 'Vladimir',
|
||||
'email': 'mi.Aliquam@Phasellus.net',
|
||||
'regDate': '2015-11-02T07:59:34-08:00',
|
||||
'city': 'Andenne',
|
||||
'age': 50
|
||||
},
|
||||
{
|
||||
'name': 'Maggy',
|
||||
'email': 'ligula@acorciUt.edu',
|
||||
'regDate': '2017-02-25T15:42:17-08:00',
|
||||
'city': 'HomprŽ',
|
||||
'age': 24
|
||||
},
|
||||
{
|
||||
'name': 'Unity',
|
||||
'email': 'Nunc.commodo@justo.org',
|
||||
'regDate': '2016-03-07T03:47:55-08:00',
|
||||
'city': 'Ried im Innkreis',
|
||||
'age': 23
|
||||
},
|
||||
{
|
||||
'name': 'Ralph',
|
||||
'email': 'augue@penatibuset.net',
|
||||
'regDate': '2017-02-27T20:03:50-08:00',
|
||||
'city': 'Cwmbran',
|
||||
'age': 45
|
||||
},
|
||||
{
|
||||
'name': 'Medge',
|
||||
'email': 'sagittis.augue@taciti.edu',
|
||||
'regDate': '2016-03-02T03:59:17-08:00',
|
||||
'city': 'Maranguape',
|
||||
'age': 21
|
||||
},
|
||||
{
|
||||
'name': 'Orli',
|
||||
'email': 'nascetur@mipedenonummy.edu',
|
||||
'regDate': '2016-11-07T20:48:43-08:00',
|
||||
'city': 'Gibbons',
|
||||
'age': 38
|
||||
},
|
||||
{
|
||||
'name': 'Ainsley',
|
||||
'email': 'morbi.tristique.senectus@enim.ca',
|
||||
'regDate': '2016-02-11T22:14:36-08:00',
|
||||
'city': 'Guardia Perticara',
|
||||
'age': 43
|
||||
},
|
||||
{
|
||||
'name': 'Candice',
|
||||
'email': 'turpis.non.enim@fringillami.com',
|
||||
'regDate': '2015-04-23T12:29:39-07:00',
|
||||
'city': 'Aylmer',
|
||||
'age': 25
|
||||
},
|
||||
{
|
||||
'name': 'Alexis',
|
||||
'email': 'lacinia.orci.consectetuer@dolorFuscefeugiat.ca',
|
||||
'regDate': '2016-08-18T12:06:56-07:00',
|
||||
'city': 'Halkirk',
|
||||
'age': 35
|
||||
},
|
||||
{
|
||||
'name': 'Diana',
|
||||
'email': 'pede.Cras@a.edu',
|
||||
'regDate': '2016-12-24T00:53:04-08:00',
|
||||
'city': 'Palermo',
|
||||
'age': 31
|
||||
},
|
||||
{
|
||||
'name': 'Tyrone',
|
||||
'email': 'ornare.In@duilectus.co.uk',
|
||||
'regDate': '2015-03-31T11:45:57-07:00',
|
||||
'city': 'Bellevue',
|
||||
'age': 36
|
||||
},
|
||||
{
|
||||
'name': 'Brennan',
|
||||
'email': 'scelerisque.lorem@enim.net',
|
||||
'regDate': '2016-09-07T16:12:31-07:00',
|
||||
'city': 'Oxford County',
|
||||
'age': 38
|
||||
},
|
||||
{
|
||||
'name': 'Lillith',
|
||||
'email': 'non@lectus.edu',
|
||||
'regDate': '2016-08-01T12:45:06-07:00',
|
||||
'city': 'Lillois-WitterzŽe',
|
||||
'age': 25
|
||||
},
|
||||
{
|
||||
'name': 'Wayne',
|
||||
'email': 'at.egestas.a@Pellentesque.edu',
|
||||
'regDate': '2016-02-23T10:20:18-08:00',
|
||||
'city': 'Baie-Saint-Paul',
|
||||
'age': 32
|
||||
},
|
||||
{
|
||||
'name': 'Vielka',
|
||||
'email': 'Nam.porttitor@Uttincidunt.ca',
|
||||
'regDate': '2016-07-18T19:26:59-07:00',
|
||||
'city': 'Rodgau',
|
||||
'age': 21
|
||||
},
|
||||
{
|
||||
'name': 'Armando',
|
||||
'email': 'Aliquam@orciin.net',
|
||||
'regDate': '2016-12-07T17:31:26-08:00',
|
||||
'city': 'Khanewal',
|
||||
'age': 30
|
||||
},
|
||||
{
|
||||
'name': 'Justin',
|
||||
'email': 'gravida.non.sollicitudin@placerataugue.edu',
|
||||
'regDate': '2016-09-23T20:17:41-07:00',
|
||||
'city': 'İslahiye',
|
||||
'age': 20
|
||||
},
|
||||
{
|
||||
'name': 'Zorita',
|
||||
'email': 'enim@risus.org',
|
||||
'regDate': '2015-06-14T12:12:00-07:00',
|
||||
'city': 'Burdinne',
|
||||
'age': 20
|
||||
},
|
||||
{
|
||||
'name': 'Mariam',
|
||||
'email': 'purus.mauris.a@odiosagittis.ca',
|
||||
'regDate': '2016-10-14T18:52:48-07:00',
|
||||
'city': 'Bharatpur',
|
||||
'age': 22
|
||||
},
|
||||
{
|
||||
'name': 'Malik',
|
||||
'email': 'Nam@enimEtiam.org',
|
||||
'regDate': '2016-09-20T18:06:55-07:00',
|
||||
'city': 'Neerheylissem',
|
||||
'age': 28
|
||||
},
|
||||
{
|
||||
'name': 'Claire',
|
||||
'email': 'sapien@Nullamlobortis.ca',
|
||||
'regDate': '2016-12-29T09:49:13-08:00',
|
||||
'city': 'San Fratello',
|
||||
'age': 24
|
||||
},
|
||||
{
|
||||
'name': 'Hilel',
|
||||
'email': 'tempor@purusmaurisa.edu',
|
||||
'regDate': '2016-07-09T12:03:31-07:00',
|
||||
'city': 'La Cruz',
|
||||
'age': 30
|
||||
},
|
||||
{
|
||||
'name': 'Alea',
|
||||
'email': 'vulputate@orciUt.ca',
|
||||
'regDate': '2015-03-21T02:28:40-07:00',
|
||||
'city': 'Leominster',
|
||||
'age': 43
|
||||
},
|
||||
{
|
||||
'name': 'Nash',
|
||||
'email': 'Nunc.ullamcorper.velit@egetmetuseu.edu',
|
||||
'regDate': '2016-10-21T10:38:41-07:00',
|
||||
'city': 'Gravataí',
|
||||
'age': 20
|
||||
},
|
||||
{
|
||||
'name': 'Brennan',
|
||||
'email': 'Vestibulum@Sedpharetra.org',
|
||||
'regDate': '2016-06-06T22:37:33-07:00',
|
||||
'city': 'Carleton',
|
||||
'age': 31
|
||||
},
|
||||
{
|
||||
'name': 'Diana',
|
||||
'email': 'Cras.vulputate@erosturpisnon.edu',
|
||||
'regDate': '2016-09-07T18:40:26-07:00',
|
||||
'city': 'Ripabottoni',
|
||||
'age': 36
|
||||
},
|
||||
{
|
||||
'name': 'Farrah',
|
||||
'email': 'dignissim.tempor.arcu@gravidamaurisut.edu',
|
||||
'regDate': '2016-11-30T23:52:41-08:00',
|
||||
'city': 'Aguacaliente (San Francisco)',
|
||||
'age': 37
|
||||
},
|
||||
{
|
||||
'name': 'August',
|
||||
'email': 'tincidunt.Donec@dictumeleifendnunc.org',
|
||||
'regDate': '2016-11-21T05:57:31-08:00',
|
||||
'city': 'Hameln',
|
||||
'age': 21
|
||||
},
|
||||
{
|
||||
'name': 'Reese',
|
||||
'email': 'et.magnis.dis@montesnasceturridiculus.net',
|
||||
'regDate': '2015-07-01T14:09:53-07:00',
|
||||
'city': 'St. Catharines',
|
||||
'age': 22
|
||||
},
|
||||
{
|
||||
'name': 'Pascale',
|
||||
'email': 'pede.ultrices@lacinia.com',
|
||||
'regDate': '2016-02-18T05:11:43-08:00',
|
||||
'city': 'Newmarket',
|
||||
'age': 50
|
||||
},
|
||||
{
|
||||
'name': 'Gage',
|
||||
'email': 'In.mi.pede@diameu.edu',
|
||||
'regDate': '2016-07-31T17:51:58-07:00',
|
||||
'city': 'Ilhéus',
|
||||
'age': 20
|
||||
},
|
||||
{
|
||||
'name': 'Nora',
|
||||
'email': 'Ut.semper.pretium@luctussit.net',
|
||||
'regDate': '2016-01-23T17:01:09-08:00',
|
||||
'city': 'Kirkintilloch',
|
||||
'age': 32
|
||||
},
|
||||
{
|
||||
'name': 'Jameson',
|
||||
'email': 'dolor.Fusce.feugiat@tempusnon.ca',
|
||||
'regDate': '2016-06-24T08:52:43-07:00',
|
||||
'city': 'Uikhoven',
|
||||
'age': 46
|
||||
},
|
||||
{
|
||||
'name': 'Ryder',
|
||||
'email': 'Vestibulum.accumsan@egetmetus.co.uk',
|
||||
'regDate': '2015-08-02T00:01:28-07:00',
|
||||
'city': 'São Gonçalo',
|
||||
'age': 28
|
||||
},
|
||||
{
|
||||
'name': 'Lyle',
|
||||
'email': 'libero.nec.ligula@euaugueporttitor.co.uk',
|
||||
'regDate': '2015-11-15T05:40:15-08:00',
|
||||
'city': 'Vieux-Genappe',
|
||||
'age': 29
|
||||
},
|
||||
{
|
||||
'name': 'Carly',
|
||||
'email': 'vitae.sodales@pretium.co.uk',
|
||||
'regDate': '2016-01-11T16:09:51-08:00',
|
||||
'city': 'Spresiano',
|
||||
'age': 48
|
||||
},
|
||||
{
|
||||
'name': 'Hector',
|
||||
'email': 'luctus@orci.com',
|
||||
'regDate': '2016-12-20T18:58:28-08:00',
|
||||
'city': 'Jerzu',
|
||||
'age': 35
|
||||
},
|
||||
{
|
||||
'name': 'Luke',
|
||||
'email': 'luctus.aliquet.odio@bibendumDonecfelis.edu',
|
||||
'regDate': '2016-03-06T03:19:08-08:00',
|
||||
'city': 'Bothey',
|
||||
'age': 45
|
||||
},
|
||||
{
|
||||
'name': 'Celeste',
|
||||
'email': 'et.malesuada.fames@utdolordapibus.org',
|
||||
'regDate': '2015-10-04T23:37:46-07:00',
|
||||
'city': 'Armstrong',
|
||||
'age': 42
|
||||
},
|
||||
{
|
||||
'name': 'Ila',
|
||||
'email': 'urna.Nullam@nullaCraseu.ca',
|
||||
'regDate': '2015-05-10T09:00:25-07:00',
|
||||
'city': 'Flint',
|
||||
'age': 34
|
||||
},
|
||||
{
|
||||
'name': 'Leila',
|
||||
'email': 'vehicula@orciUtsagittis.net',
|
||||
'regDate': '2016-11-13T02:20:11-08:00',
|
||||
'city': 'Ulloa (Barrial)',
|
||||
'age': 35
|
||||
},
|
||||
{
|
||||
'name': 'Zahir',
|
||||
'email': 'eleifend.non.dapibus@auguescelerisque.edu',
|
||||
'regDate': '2015-07-13T14:10:16-07:00',
|
||||
'city': 'Ñuñoa',
|
||||
'age': 21
|
||||
},
|
||||
{
|
||||
'name': 'Jin',
|
||||
'email': 'fames.ac.turpis@Namligula.edu',
|
||||
'regDate': '2015-06-17T23:31:55-07:00',
|
||||
'city': 'San Felipe',
|
||||
'age': 25
|
||||
},
|
||||
{
|
||||
'name': 'Wallace',
|
||||
'email': 'natoque.penatibus@tortorIntegeraliquam.com',
|
||||
'regDate': '2016-11-02T22:00:54-07:00',
|
||||
'city': 'Rock Springs',
|
||||
'age': 39
|
||||
},
|
||||
{
|
||||
'name': 'Wallace',
|
||||
'email': 'nulla.magna.malesuada@cursusNuncmauris.edu',
|
||||
'regDate': '2016-01-25T09:13:43-08:00',
|
||||
'city': 'Copiapó',
|
||||
'age': 31
|
||||
},
|
||||
{
|
||||
'name': 'Buffy',
|
||||
'email': 'est@Vestibulumanteipsum.edu',
|
||||
'regDate': '2016-10-10T13:54:26-07:00',
|
||||
'city': 'Sens',
|
||||
'age': 48
|
||||
},
|
||||
{
|
||||
'name': 'Jin',
|
||||
'email': 'orci.in@nuncsitamet.org',
|
||||
'regDate': '2017-01-23T07:56:18-08:00',
|
||||
'city': 'Drumheller',
|
||||
'age': 44
|
||||
},
|
||||
{
|
||||
'name': 'Ethan',
|
||||
'email': 'ad@enimcommodohendrerit.com',
|
||||
'regDate': '2015-07-09T20:16:24-07:00',
|
||||
'city': 'Ghaziabad',
|
||||
'age': 32
|
||||
},
|
||||
{
|
||||
'name': 'Sheila',
|
||||
'email': 'dictum@rhoncus.com',
|
||||
'regDate': '2015-10-15T05:15:47-07:00',
|
||||
'city': 'Hay River',
|
||||
'age': 25
|
||||
},
|
||||
{
|
||||
'name': 'Jolie',
|
||||
'email': 'facilisis@uterat.net',
|
||||
'regDate': '2016-04-30T20:48:31-07:00',
|
||||
'city': 'Anderlues',
|
||||
'age': 32
|
||||
},
|
||||
{
|
||||
'name': 'Eugenia',
|
||||
'email': 'dolor@nibhsit.ca',
|
||||
'regDate': '2017-01-23T06:17:22-08:00',
|
||||
'city': 'Wardha',
|
||||
'age': 36
|
||||
},
|
||||
{
|
||||
'name': 'Suki',
|
||||
'email': 'pretium.neque@consequatnecmollis.net',
|
||||
'regDate': '2016-04-20T07:03:02-07:00',
|
||||
'city': 'Meldert',
|
||||
'age': 42
|
||||
},
|
||||
{
|
||||
'name': 'Barrett',
|
||||
'email': 'a@lobortismaurisSuspendisse.edu',
|
||||
'regDate': '2015-08-27T11:25:51-07:00',
|
||||
'city': 'Keith',
|
||||
'age': 40
|
||||
},
|
||||
{
|
||||
'name': 'Tashya',
|
||||
'email': 'nascetur@tinciduntadipiscingMauris.ca',
|
||||
'regDate': '2015-05-31T10:57:18-07:00',
|
||||
'city': 'Sint-Amandsberg',
|
||||
'age': 30
|
||||
},
|
||||
{
|
||||
'name': 'Doris',
|
||||
'email': 'vitae@Ut.net',
|
||||
'regDate': '2015-03-17T08:21:56-07:00',
|
||||
'city': 'Freirina',
|
||||
'age': 27
|
||||
},
|
||||
{
|
||||
'name': 'Herrod',
|
||||
'email': 'arcu.Vestibulum@augueporttitorinterdum.co.uk',
|
||||
'regDate': '2016-08-31T10:30:49-07:00',
|
||||
'city': 'Hollabrunn',
|
||||
'age': 47
|
||||
},
|
||||
{
|
||||
'name': 'Patience',
|
||||
'email': 'gravida@in.ca',
|
||||
'regDate': '2017-02-26T03:44:58-08:00',
|
||||
'city': 'Borsbeek',
|
||||
'age': 21
|
||||
},
|
||||
{
|
||||
'name': 'arden',
|
||||
'email': 'tincidunt.nunc.ac@nibhenim.ca',
|
||||
'regDate': '2017-01-29T12:42:50-08:00',
|
||||
'city': 'Wolkrange',
|
||||
'age': 36
|
||||
},
|
||||
{
|
||||
'name': 'Harper',
|
||||
'email': 'tempor.lorem@quisturpis.edu',
|
||||
'regDate': '2016-04-07T12:53:49-07:00',
|
||||
'city': 'Marano Lagunare',
|
||||
'age': 49
|
||||
},
|
||||
{
|
||||
'name': 'Burke',
|
||||
'email': 'lobortis@velpede.ca',
|
||||
'regDate': '2015-06-01T22:29:44-07:00',
|
||||
'city': 'Nadiad',
|
||||
'age': 49
|
||||
},
|
||||
{
|
||||
'name': 'Jael',
|
||||
'email': 'hendrerit.a.arcu@montes.edu',
|
||||
'regDate': '2016-05-08T03:28:35-07:00',
|
||||
'city': 'Cuenca',
|
||||
'age': 32
|
||||
},
|
||||
{
|
||||
'name': 'Stephanie',
|
||||
'email': 'dictum@Inmi.net',
|
||||
'regDate': '2016-03-29T01:03:51-07:00',
|
||||
'city': 'Driekapellen',
|
||||
'age': 39
|
||||
},
|
||||
{
|
||||
'name': 'Frances',
|
||||
'email': 'lectus.quis.massa@non.ca',
|
||||
'regDate': '2015-05-21T14:05:00-07:00',
|
||||
'city': 'Bama',
|
||||
'age': 38
|
||||
},
|
||||
{
|
||||
'name': 'Mark',
|
||||
'email': 'est.Mauris@arcuvel.ca',
|
||||
'regDate': '2015-08-01T19:53:38-07:00',
|
||||
'city': 'St. Andrews',
|
||||
'age': 44
|
||||
},
|
||||
{
|
||||
'name': 'Roth',
|
||||
'email': 'enim.non.nisi@Lorem.net',
|
||||
'regDate': '2016-10-12T15:20:15-07:00',
|
||||
'city': 'Teltow',
|
||||
'age': 26
|
||||
},
|
||||
{
|
||||
'name': 'Dakota',
|
||||
'email': 'sed.orci@ligulaAeneaneuismod.org',
|
||||
'regDate': '2016-05-21T06:15:26-07:00',
|
||||
'city': 'Dover',
|
||||
'age': 25
|
||||
},
|
||||
{
|
||||
'name': 'Teegan',
|
||||
'email': 'augue.eu.tempor@Integervulputate.org',
|
||||
'regDate': '2017-02-18T17:49:14-08:00',
|
||||
'city': 'Hattem',
|
||||
'age': 40
|
||||
},
|
||||
{
|
||||
'name': 'Chandler',
|
||||
'email': 'a.odio@sedturpis.edu',
|
||||
'regDate': '2015-05-23T17:57:39-07:00',
|
||||
'city': 'Wellington',
|
||||
'age': 34
|
||||
},
|
||||
{
|
||||
'name': 'Kathleen',
|
||||
'email': 'Ut.tincidunt.vehicula@consectetuerrhoncusNullam.edu',
|
||||
'regDate': '2016-03-09T13:50:40-08:00',
|
||||
'city': 'Weelde',
|
||||
'age': 30
|
||||
},
|
||||
{
|
||||
'name': 'Scarlet',
|
||||
'email': 'Suspendisse.non@montesnascetur.com',
|
||||
'regDate': '2015-06-21T11:13:19-07:00',
|
||||
'city': 'Tuktoyaktuk',
|
||||
'age': 32
|
||||
},
|
||||
{
|
||||
'name': 'Haley',
|
||||
'email': 'risus@Cras.net',
|
||||
'regDate': '2017-01-22T07:25:39-08:00',
|
||||
'city': 'Hudiksvall',
|
||||
'age': 23
|
||||
},
|
||||
{
|
||||
'name': 'Jesse',
|
||||
'email': 'odio@amet.org',
|
||||
'regDate': '2016-01-29T13:03:43-08:00',
|
||||
'city': 'Veere',
|
||||
'age': 43
|
||||
},
|
||||
{
|
||||
'name': 'Noble',
|
||||
'email': 'vulputate.risus.a@Quisqueliberolacus.co.uk',
|
||||
'regDate': '2016-08-16T08:07:57-07:00',
|
||||
'city': 'Cornwall',
|
||||
'age': 47
|
||||
},
|
||||
{
|
||||
'name': 'Phelan',
|
||||
'email': 'nascetur.ridiculus@fringilla.edu',
|
||||
'regDate': '2015-11-09T06:20:07-08:00',
|
||||
'city': 'Oosterhout',
|
||||
'age': 50
|
||||
},
|
||||
{
|
||||
'name': 'Amos',
|
||||
'email': 'Phasellus.fermentum@montesnascetur.ca',
|
||||
'regDate': '2016-01-20T22:02:46-08:00',
|
||||
'city': 'Llaillay',
|
||||
'age': 31
|
||||
},
|
||||
{
|
||||
'name': 'Pandora',
|
||||
'email': 'aliquet.Phasellus@sociis.ca',
|
||||
'regDate': '2016-02-21T02:47:32-08:00',
|
||||
'city': 'São José dos Pinhais',
|
||||
'age': 38
|
||||
},
|
||||
{
|
||||
'name': 'Jada',
|
||||
'email': 'eu@a.edu',
|
||||
'regDate': '2016-01-10T23:12:06-08:00',
|
||||
'city': 'Venezia',
|
||||
'age': 33
|
||||
},
|
||||
{
|
||||
'name': 'Abraham',
|
||||
'email': 'Nunc@Vivamus.com',
|
||||
'regDate': '2017-02-15T20:23:36-08:00',
|
||||
'city': 'Wambeek',
|
||||
'age': 41
|
||||
},
|
||||
{
|
||||
'name': 'Bert',
|
||||
'email': 'non.bibendum@mollisduiin.org',
|
||||
'regDate': '2015-07-17T06:27:40-07:00',
|
||||
'city': 'Vezzi Portio',
|
||||
'age': 35
|
||||
},
|
||||
{
|
||||
'name': 'Lars',
|
||||
'email': 'dolor.Fusce.feugiat@metusurnaconvallis.ca',
|
||||
'regDate': '2015-07-05T17:29:50-07:00',
|
||||
'city': 'Pinneberg',
|
||||
'age': 21
|
||||
},
|
||||
{
|
||||
'name': 'Bethany',
|
||||
'email': 'Sed.nulla.ante@sociosquadlitora.net',
|
||||
'regDate': '2015-12-23T01:47:18-08:00',
|
||||
'city': 'Idaho Falls',
|
||||
'age': 20
|
||||
},
|
||||
{
|
||||
'name': 'Jasmine',
|
||||
'email': 'id.enim.Curabitur@tellus.com',
|
||||
'regDate': '2016-11-23T15:51:48-08:00',
|
||||
'city': 'Narbonne',
|
||||
'age': 48
|
||||
},
|
||||
{
|
||||
'name': 'Brody',
|
||||
'email': 'ac.orci@facilisisnon.com',
|
||||
'regDate': '2015-11-18T20:56:24-08:00',
|
||||
'city': 'Livingston',
|
||||
'age': 30
|
||||
},
|
||||
{
|
||||
'name': 'alec',
|
||||
'email': 'in@aliquameu.org',
|
||||
'regDate': '2015-04-21T03:17:43-07:00',
|
||||
'city': 'Harlingen',
|
||||
'age': 21
|
||||
},
|
||||
{
|
||||
'name': 'Audrey',
|
||||
'email': 'Donec@Aliquamadipiscinglobortis.org',
|
||||
'regDate': '2016-12-06T20:14:43-08:00',
|
||||
'city': 'Sars-la-Buissire',
|
||||
'age': 25
|
||||
},
|
||||
{
|
||||
'name': 'Forrest',
|
||||
'email': 'leo.elementum@ridiculus.co.uk',
|
||||
'regDate': '2015-09-15T11:17:42-07:00',
|
||||
'city': 'Langholm',
|
||||
'age': 50
|
||||
},
|
||||
{
|
||||
'name': 'Jessica',
|
||||
'email': 'a.mi.fringilla@montes.net',
|
||||
'regDate': '2016-07-29T15:13:38-07:00',
|
||||
'city': 'Sioux City',
|
||||
'age': 42
|
||||
},
|
||||
{
|
||||
'name': 'Cedric',
|
||||
'email': 'Praesent.eu.nulla@tempordiamdictum.co.uk',
|
||||
'regDate': '2016-10-02T05:17:43-07:00',
|
||||
'city': 'Nazilli',
|
||||
'age': 21
|
||||
},
|
||||
{
|
||||
'name': 'Maile',
|
||||
'email': 'pharetra@Duisatlacus.edu',
|
||||
'regDate': '2016-12-29T18:47:43-08:00',
|
||||
'city': 'Salerno',
|
||||
'age': 40
|
||||
},
|
||||
{
|
||||
'name': 'acton',
|
||||
'email': 'consequat.auctor@Quisque.org',
|
||||
'regDate': '2017-01-19T05:53:38-08:00',
|
||||
'city': 'Motta Camastra',
|
||||
'age': 46
|
||||
},
|
||||
{
|
||||
'name': 'Macey',
|
||||
'email': 'faucibus@tellus.org',
|
||||
'regDate': '2015-10-30T13:07:22-07:00',
|
||||
'city': 'St. Thomas',
|
||||
'age': 40
|
||||
},
|
||||
{
|
||||
'name': 'Iona',
|
||||
'email': 'rutrum.justo@eu.org',
|
||||
'regDate': '2015-11-10T14:36:30-08:00',
|
||||
'city': 'Legal',
|
||||
'age': 48
|
||||
},
|
||||
{
|
||||
'name': 'Eve',
|
||||
'email': 'risus.Morbi@aliquameros.com',
|
||||
'regDate': '2015-12-21T09:25:33-08:00',
|
||||
'city': 'Illapel',
|
||||
'age': 42
|
||||
},
|
||||
{
|
||||
'name': 'Jayme',
|
||||
'email': 'a.nunc.In@convallisante.ca',
|
||||
'regDate': '2016-02-07T10:22:09-08:00',
|
||||
'city': 'Ville de Maniwaki',
|
||||
'age': 30
|
||||
},
|
||||
{
|
||||
'name': 'Bo',
|
||||
'email': 'posuere.cubilia.Curae@estNunclaoreet.net',
|
||||
'regDate': '2016-08-16T20:42:44-07:00',
|
||||
'city': 'Pak Pattan',
|
||||
'age': 24
|
||||
},
|
||||
{
|
||||
'name': 'Matthew',
|
||||
'email': 'enim.Mauris.quis@vehicula.edu',
|
||||
'regDate': '2015-05-01T01:53:59-07:00',
|
||||
'city': 'Alacant',
|
||||
'age': 35
|
||||
},
|
||||
{
|
||||
'name': 'Justina',
|
||||
'email': 'Donec.nibh@Vivamusmolestie.ca',
|
||||
'regDate': '2015-06-24T14:38:07-07:00',
|
||||
'city': 'Kobbegem',
|
||||
'age': 22
|
||||
}
|
||||
];
|
||||
|
||||
getData(): Promise<any> {
|
||||
return new Promise((resolve, reject) => {
|
||||
setTimeout(() => {
|
||||
resolve(this.dataTableData);
|
||||
}, 2000);
|
||||
});
|
||||
}
|
||||
}
|
||||
1
src/app/pages/tables/components/dataTables/index.ts
Normal file
1
src/app/pages/tables/components/dataTables/index.ts
Normal file
|
|
@ -0,0 +1 @@
|
|||
export * from './dataTables.component';
|
||||
|
|
@ -3,6 +3,9 @@ import { CommonModule } from '@angular/common';
|
|||
import { FormsModule } from '@angular/forms';
|
||||
import { NgaModule } from '../../theme/nga.module';
|
||||
import { Ng2SmartTableModule } from 'ng2-smart-table';
|
||||
import { DataTableModule } from "angular2-datatable";
|
||||
import { HttpModule } from "@angular/http";
|
||||
import { DataFilterPipe } from './components/dataTables/data-filter.pipe';
|
||||
|
||||
import { routing } from './tables.routing';
|
||||
import { Tables } from './tables.component';
|
||||
|
|
@ -16,6 +19,8 @@ import { CondensedTable } from './components/basicTables/components/condensedTab
|
|||
import { ContextualTable } from './components/basicTables/components/contextualTable';
|
||||
import { SmartTables } from './components/smartTables/smartTables.component';
|
||||
import { SmartTablesService } from './components/smartTables/smartTables.service';
|
||||
import { DataTables } from './components/dataTables/dataTables.component';
|
||||
import { DataTablesService } from './components/dataTables/dataTables.service';
|
||||
|
||||
@NgModule({
|
||||
imports: [
|
||||
|
|
@ -24,6 +29,8 @@ import { SmartTablesService } from './components/smartTables/smartTables.service
|
|||
NgaModule,
|
||||
routing,
|
||||
Ng2SmartTableModule,
|
||||
DataTableModule,
|
||||
HttpModule
|
||||
],
|
||||
declarations: [
|
||||
Tables,
|
||||
|
|
@ -35,10 +42,13 @@ import { SmartTablesService } from './components/smartTables/smartTables.service
|
|||
ContextualTable,
|
||||
ResponsiveTable,
|
||||
SmartTables,
|
||||
DataTables,
|
||||
DataFilterPipe
|
||||
],
|
||||
providers: [
|
||||
BasicTablesService,
|
||||
SmartTablesService,
|
||||
DataTablesService
|
||||
]
|
||||
})
|
||||
export class TablesModule {
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ import { Routes, RouterModule } from '@angular/router';
|
|||
import { Tables } from './tables.component';
|
||||
import { BasicTables } from './components/basicTables/basicTables.component';
|
||||
import { SmartTables } from './components/smartTables/smartTables.component';
|
||||
import { DataTables } from './components/dataTables/dataTables.component';
|
||||
|
||||
// noinspection TypeScriptValidateTypes
|
||||
const routes: Routes = [
|
||||
|
|
@ -11,7 +12,8 @@ const routes: Routes = [
|
|||
component: Tables,
|
||||
children: [
|
||||
{ path: 'basictables', component: BasicTables },
|
||||
{ path: 'smarttables', component: SmartTables }
|
||||
{ path: 'smarttables', component: SmartTables },
|
||||
{ path: 'datatables', component: DataTables }
|
||||
]
|
||||
}
|
||||
];
|
||||
|
|
|
|||
|
|
@ -296,6 +296,12 @@ amdefine@>=0.0.4:
|
|||
version "3.21.0"
|
||||
resolved "https://codeload.github.com/amcharts/ammap3/tar.gz/00086807e39549325fe361336b2289d8fc524753"
|
||||
|
||||
angular2-datatable@0.6.0:
|
||||
version "0.6.0"
|
||||
resolved "https://registry.yarnpkg.com/angular2-datatable/-/angular2-datatable-0.6.0.tgz#ca008f74087f0cb87da5709ed2f2d1d061772632"
|
||||
dependencies:
|
||||
lodash "^4.0.0"
|
||||
|
||||
animate.css@3.5.2:
|
||||
version "3.5.2"
|
||||
resolved "https://registry.yarnpkg.com/animate.css/-/animate.css-3.5.2.tgz#91e668dc069a808e5e499514867b97aae0166c36"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue