|
|
|
@ -1,7 +1,4 @@ |
|
|
|
import { StartLoader, StopLoader } from '@abp/ng.core'; |
|
|
|
import { Component, Input, OnInit } from '@angular/core'; |
|
|
|
import { Actions, ofActionSuccessful } from '@ngxs/store'; |
|
|
|
import { filter } from 'rxjs/operators'; |
|
|
|
import { Component, Input } from '@angular/core'; |
|
|
|
|
|
|
|
@Component({ |
|
|
|
selector: 'abp-button', |
|
|
|
@ -11,7 +8,7 @@ import { filter } from 'rxjs/operators'; |
|
|
|
</button> |
|
|
|
`,
|
|
|
|
}) |
|
|
|
export class ButtonComponent implements OnInit { |
|
|
|
export class ButtonComponent { |
|
|
|
@Input() |
|
|
|
buttonClass: string = 'btn btn-primary'; |
|
|
|
|
|
|
|
@ -27,47 +24,9 @@ export class ButtonComponent implements OnInit { |
|
|
|
@Input() |
|
|
|
disabled: boolean = false; |
|
|
|
|
|
|
|
@Input() |
|
|
|
requestType: string | string[]; |
|
|
|
|
|
|
|
@Input() |
|
|
|
requestURLContainSearchValue: string; |
|
|
|
|
|
|
|
get icon(): string { |
|
|
|
return `${this.loading ? 'fa fa-spin fa-spinner' : this.iconClass || 'd-none'}`; |
|
|
|
} |
|
|
|
|
|
|
|
constructor(private actions: Actions) {} |
|
|
|
|
|
|
|
ngOnInit(): void { |
|
|
|
if (this.requestType || this.requestURLContainSearchValue) { |
|
|
|
this.actions |
|
|
|
.pipe( |
|
|
|
ofActionSuccessful(StartLoader, StopLoader), |
|
|
|
filter((event: StartLoader | StopLoader) => { |
|
|
|
let condition = true; |
|
|
|
if (this.requestType) { |
|
|
|
if (!Array.isArray(this.requestType)) this.requestType = [this.requestType]; |
|
|
|
|
|
|
|
condition = |
|
|
|
condition && |
|
|
|
this.requestType.findIndex(type => type.toLowerCase() === event.payload.method.toLowerCase()) > -1; |
|
|
|
} |
|
|
|
|
|
|
|
if (condition && this.requestURLContainSearchValue) { |
|
|
|
condition = |
|
|
|
condition && |
|
|
|
event.payload.url.toLowerCase().indexOf(this.requestURLContainSearchValue.toLowerCase()) > -1; |
|
|
|
} |
|
|
|
|
|
|
|
return condition; |
|
|
|
}), |
|
|
|
) |
|
|
|
.subscribe(() => { |
|
|
|
setTimeout(() => { |
|
|
|
this.loading = !this.loading; |
|
|
|
}, 0); |
|
|
|
}); |
|
|
|
} |
|
|
|
} |
|
|
|
constructor() {} |
|
|
|
} |
|
|
|
|