Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-16 15:40:11 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(temperature-dragger): update getUrlPath to return fragment instead of path

Browse source 
motivation: fix clip path and blur filter failing to render under useHash: true routing option

close issue #5758
This commit is contained in:
Raynald Mirville 2020-12-07 14:14:44 -05:00
parent 98166c5274
commit 6074d5ccfb
2 changed files with 4 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/app/pages/dashboard/temperature/temperature-dragger/temperature-dragger.component.html
View file

@ -19,8 +19,8 @@
</defs> </defs>
<g [attr.transform]="styles.arcTranslateStr"> <g [attr.transform]="styles.arcTranslateStr">
<g class="toClip" [attr.clip-path]="getUrlPath('#sliderClip')"> <g class="toClip" [attr.clip-path]="getUrlFragment('#sliderClip')">
<g class="toFilter" [attr.filter]="getUrlPath('#blurFilter')"> <g class="toFilter" [attr.filter]="getUrlFragment('#blurFilter')">
<path [attr.d]="arc.d" [attr.fill]="off ? styles.nonSelectedArc.color : arc.color" *ngFor="let arc of styles.gradArcs"></path> <path [attr.d]="arc.d" [attr.fill]="off ? styles.nonSelectedArc.color : arc.color" *ngFor="let arc of styles.gradArcs"></path>
</g> </g>
<!-- ngFor is a quirk fix for webkit rendering issues --> <!-- ngFor is a quirk fix for webkit rendering issues -->

7
src/app/pages/dashboard/temperature/temperature-dragger/temperature-dragger.component.ts
View file

@ -129,11 +129,8 @@ export class TemperatureDraggerComponent implements AfterViewInit, OnChanges {
this.invalidatePinPosition(); this.invalidatePinPosition();
} }
getUrlPath(id: string) { getUrlFragment(id: string) {
const baseHref = this.locationStrategy.getBaseHref().replace(/\/$/, ''); return `url(${id}${this.svgControlId})`;
const path = this.location.path().replace(/\/$/, '');
return `url(${baseHref}${path}${id}${this.svgControlId})`;
} }
private invalidate(): void { private invalidate(): void {