purchasing/fuse-angular
3
0
Fork 0
mirror of https://github.com/richard-loafle/fuse-angular.git synced 2025-12-21 10:57:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

(linting) Migrated over to the ESLint

Browse Source
This commit is contained in:
sercan
2021-05-14 17:17:06 +03:00
parent 0c5f5b9165
commit d159ae1458
182 changed files with 3543 additions and 2400 deletions
Download Patch File Download Diff File Expand all files Collapse all files

116
src/app/modules/admin/dashboards/analytics/analytics.component.ts
View File

@@ -19,7 +19,6 @@ export class AnalyticsComponent implements OnInit, OnDestroy
chartVisits: ApexOptions;
chartVisitorsVsPageViews: ApexOptions;
data: any;
private _unsubscribeAll: Subject<any> = new Subject<any>();
chartAge: ApexOptions;
averagePurchaseValueOptions: ApexOptions;
@@ -34,6 +33,8 @@ export class AnalyticsComponent implements OnInit, OnDestroy
uniqueVisitorsOptions: ApexOptions;
uniquePurchasesOptions: ApexOptions;
private _unsubscribeAll: Subject<any> = new Subject<any>();
/**
* Constructor
*/
@@ -90,6 +91,21 @@ export class AnalyticsComponent implements OnInit, OnDestroy
this._unsubscribeAll.complete();
}
// -----------------------------------------------------------------------------------------------------
// @ Public methods
// -----------------------------------------------------------------------------------------------------
/**
* Track by function for ngFor loops
*
* @param index
* @param item
*/
trackByFn(index: number, item: any): any
{
return item.id || index;
}
// -----------------------------------------------------------------------------------------------------
// @ Private methods
// -----------------------------------------------------------------------------------------------------
@@ -113,7 +129,7 @@ export class AnalyticsComponent implements OnInit, OnDestroy
// 2. Filter out the ones that doesn't have cross reference so we only left with the ones that use the 'url(#id)' syntax
// 3. Insert the 'currentURL' at the front of the 'fill' attribute value
Array.from(element.querySelectorAll('*[fill]'))
.filter((el) => el.getAttribute('fill').indexOf('url(') !== -1)
.filter(el => el.getAttribute('fill').indexOf('url(') !== -1)
.forEach((el) => {
const attrVal = el.getAttribute('fill');
el.setAttribute('fill', `url(${currentURL}${attrVal.slice(attrVal.indexOf('#'))}`);
@@ -182,10 +198,7 @@ export class AnalyticsComponent implements OnInit, OnDestroy
format: 'MMM dd, yyyy'
},
y : {
formatter(value: number): string
{
return `${value}`;
}
formatter: (value: number): string => `${value}`
}
},
xaxis : {
@@ -261,9 +274,7 @@ export class AnalyticsComponent implements OnInit, OnDestroy
},
yaxis : {
labels: {
formatter: (val) => {
return val.toString();
}
formatter: val => val.toString()
}
}
};
@@ -301,9 +312,7 @@ export class AnalyticsComponent implements OnInit, OnDestroy
},
yaxis : {
labels: {
formatter: (val) => {
return val.toString();
}
formatter: val => val.toString()
}
}
};
@@ -341,9 +350,7 @@ export class AnalyticsComponent implements OnInit, OnDestroy
},
yaxis : {
labels: {
formatter: (val) => {
return val.toString();
}
formatter: val => val.toString()
}
}
};
@@ -472,15 +479,13 @@ export class AnalyticsComponent implements OnInit, OnDestroy
fillSeriesColor: false,
theme : 'dark',
custom : ({
seriesIndex,
w
}) => {
return `<div class="flex items-center h-8 min-h-8 max-h-8 px-3">
<div class="w-3 h-3 rounded-full" style="background-color: ${w.config.colors[seriesIndex]};"></div>
<div class="ml-2 text-md leading-none">${w.config.labels[seriesIndex]}:</div>
<div class="ml-2 text-md font-bold leading-none">${w.config.series[seriesIndex]}%</div>
</div>`;
}
seriesIndex,
w
}) => `<div class="flex items-center h-8 min-h-8 max-h-8 px-3">
<div class="w-3 h-3 rounded-full" style="background-color: ${w.config.colors[seriesIndex]};"></div>
<div class="ml-2 text-md leading-none">${w.config.labels[seriesIndex]}:</div>
<div class="ml-2 text-md font-bold leading-none">${w.config.series[seriesIndex]}%</div>
</div>`
}
};
@@ -530,15 +535,13 @@ export class AnalyticsComponent implements OnInit, OnDestroy
fillSeriesColor: false,
theme : 'dark',
custom : ({
seriesIndex,
w
}) => {
return `<div class="flex items-center h-8 min-h-8 max-h-8 px-3">
<div class="w-3 h-3 rounded-full" style="background-color: ${w.config.colors[seriesIndex]};"></div>
<div class="ml-2 text-md leading-none">${w.config.labels[seriesIndex]}:</div>
<div class="ml-2 text-md font-bold leading-none">${w.config.series[seriesIndex]}%</div>
</div>`;
}
seriesIndex,
w
}) => `<div class="flex items-center h-8 min-h-8 max-h-8 px-3">
<div class="w-3 h-3 rounded-full" style="background-color: ${w.config.colors[seriesIndex]};"></div>
<div class="ml-2 text-md leading-none">${w.config.labels[seriesIndex]}:</div>
<div class="ml-2 text-md font-bold leading-none">${w.config.series[seriesIndex]}%</div>
</div>`
}
};
@@ -588,15 +591,13 @@ export class AnalyticsComponent implements OnInit, OnDestroy
fillSeriesColor: false,
theme : 'dark',
custom : ({
seriesIndex,
w
}) => {
return `<div class="flex items-center h-8 min-h-8 max-h-8 px-3">
<div class="w-3 h-3 rounded-full" style="background-color: ${w.config.colors[seriesIndex]};"></div>
<div class="ml-2 text-md leading-none">${w.config.labels[seriesIndex]}:</div>
<div class="ml-2 text-md font-bold leading-none">${w.config.series[seriesIndex]}%</div>
</div>`;
}
seriesIndex,
w
}) => `<div class="flex items-center h-8 min-h-8 max-h-8 px-3">
<div class="w-3 h-3 rounded-full" style="background-color: ${w.config.colors[seriesIndex]};"></div>
<div class="ml-2 text-md leading-none">${w.config.labels[seriesIndex]}:</div>
<div class="ml-2 text-md font-bold leading-none">${w.config.series[seriesIndex]}%</div>
</div>`
}
};
@@ -646,31 +647,14 @@ export class AnalyticsComponent implements OnInit, OnDestroy
fillSeriesColor: false,
theme : 'dark',
custom : ({
seriesIndex,
w
}) => {
return `<div class="flex items-center h-8 min-h-8 max-h-8 px-3">
<div class="w-3 h-3 rounded-full" style="background-color: ${w.config.colors[seriesIndex]};"></div>
<div class="ml-2 text-md leading-none">${w.config.labels[seriesIndex]}:</div>
<div class="ml-2 text-md font-bold leading-none">${w.config.series[seriesIndex]}%</div>
</div>`;
}
seriesIndex,
w
}) => `<div class="flex items-center h-8 min-h-8 max-h-8 px-3">
<div class="w-3 h-3 rounded-full" style="background-color: ${w.config.colors[seriesIndex]};"></div>
<div class="ml-2 text-md leading-none">${w.config.labels[seriesIndex]}:</div>
<div class="ml-2 text-md font-bold leading-none">${w.config.series[seriesIndex]}%</div>
</div>`
}
};
}
// -----------------------------------------------------------------------------------------------------
// @ Public methods
// -----------------------------------------------------------------------------------------------------
/**
* Track by function for ngFor loops
*
* @param index
* @param item
*/
trackByFn(index: number, item: any): any
{
return item.id || index;
}
}