AngularJS Material: Material Design component library for AngularJS (1.x). Use angular/material2 channel for Angular Material (v2+).
Splaktar on master
fix(toast): apply theming corre… perf(icon): better handling of … fix(list): copy ng-show, ng-hid… and 49 more (compare)
Splaktar on v1.1.0-rc.5
release: version 1.1.0-rc.5 (compare)
Splaktar on master
feat(panel): initial implementa… update(panel): promise logic im… update(panel): add and remove p… and 44 more (compare)
Splaktar on v1.1.0-rc4
release: version 1.1.0-rc4 (compare)
Splaktar on v1.1.0-rc3
release: version 1.1.0-rc3 (compare)
Splaktar on es6-tutorial
Prepare clean start Remove bow… install angular-material And i… working version of starter-app and 19 more (compare)
Splaktar on master
Tutorial Readme updates Updates for Tutorial #2 Update README with tutorial ste… and 56 more (compare)
Splaktar on fixBlurryRightNavIe11
fix(sidenav): rightNav button a… (compare)
Splaktar on master
fix(dialog): don't clobber md-d… update version number in packag… update(changelog): sort so 1.1.… and 1 more (compare)
Splaktar on fixSideNavDemo
docs(sidenav): leftNav text isn… (compare)
Splaktar on fixSideNavDemo
docs(sidenav): invalid `md-whit… (compare)
Splaktar on master
update(changelog): add missing … fix(toolbar): remove transition… fix(tests): Cleans up the DOM a… and 2 more (compare)
Splaktar on master
update(docs): improve docs for … update(docs): renamed `md-text-… fix(list): clickable list-items… and 71 more (compare)
Splaktar on improveExtendThemeDoc
update(docs): improve docs for … (compare)
Splaktar on improveExtendThemeDocs
update(docs): improve docs for … (compare)
Splaktar on updateThemingDocs
update(docs): renamed `md-text-… (compare)
Splaktar on master
fix(demo, codepen): use secure … fix(build, layout): remove depr… update(build): remove stale bow… and 72 more (compare)
Splaktar on v1.1.0-rc2
release: version 1.1.0-rc2 (compare)
Splaktar on master
fix(checkbox): pointer events d… update(tests): remove disabled/… fix(datepicker): enable scrolli… and 20 more (compare)
Splaktar on v1.0.6
Revert "fix(select): made selec… update(layout): add layout-nowr… fix(whiteframe): update breakpo… and 57 more (compare)
<mat-icon color="primary">business</mat-icon>
<mat-form-field class="field-with-icon">
<input matInput [formControl]="name" placeholder="{{'NAME' | translate}}" value="" required>
<mat-error *ngIf="duplicateError == true">
{{'DUPLICATE_CUSTOMER_NAME' |translate}}
</mat-error>
</mat-form-field>
data
values?
@ViewChildren(MatProgressBar) progress: QueryList<MatProgressBar>;
playTrack(event){
let pr = this.progress.filter(ins => ins._elementRef.nativeElement.dataset.hash == id)[0];
pr.value = 50;
}
@cdskill
Hi guys, is there someone who can help me with the sorting of column of dataTable ?
there is my issue : I actually retrieve from the server a field of type date with the format TZ (yyyy-MM-dd'T'HH:mm:ss.SSS'Z') and then I format this with momentJS to have a this format DD/MM/YYYY HH:mm
BUT the sorting method of the column considere it like a string
so the sort is f*cked up...
I tried to go this way : I created a new Class
export class DateFinal {
inputDate?: any;
outputDate?: string;
public toString = () : string => {
return this.outputDate;
}
}
in the inputDate I define the the TZ format date and the output the DD/MM/YYYY HH:mm
in the md-cell of the datatble, with the toString() method I dispay the formated date
but I want that the sorting accessor SORT the date column in the inputDate attribut of the object DateFinal
is there an other way ? any solution ?
let tmpValue = new DateFinal();
tmpValue.inputDate = new Date(value);
tmpValue.outputDate = moment(value).format(this.options.format);
return tmpValue;
ngOnInit() {
this.dataSource = new MatTableDataSource < any > (this.data.rows);
this.dataSource.sortingDataAccessor = (item, property) => {
if(item[property] instanceof DateFinal) {
return item[property].inputDate;
} else {
return item[property];
}
};
}
ngAfterViewInit() {
this.dataSource.paginator = this.paginator;
this.dataSource.sort = this.sort;
}