risadmin_prod/authsec_angular_clarity_modern
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update editnewdash.component.ts

Browse Source
This commit is contained in:
Gaurav Kumar
2025-11-01 10:03:00 +05:30
parent 3e70f85644
commit 6bfe890cd9
1 changed files with 120 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

150
frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/editnewdash/editnewdash.component.ts
View File

@@ -131,16 +131,16 @@ export class EditnewdashComponent implements OnInit {
protected componentCollection = [
{ name: "Common Filter", componentInstance: CommonFilterComponent },
{ name: "Line Chart", componentInstance: LineChartComponent },
{ name: "Doughnut Chart", componentInstance: DoughnutChartComponent },
{ name: "Radar Chart", componentInstance: RadarChartComponent },
{ name: "Bar Chart", componentInstance: BarChartComponent },
{ name: "Pie Chart", componentInstance: PieChartComponent },
{ name: "Polar Area Chart", componentInstance: PolarChartComponent },
{ name: "Bubble Chart", componentInstance: BubbleChartComponent },
{ name: "Scatter Chart", componentInstance: ScatterChartComponent },
{ name: "Dynamic Chart", componentInstance: DynamicChartComponent },
{ name: "Financial Chart", componentInstance: FinancialChartComponent },
{ name: "Line Chart", componentInstance: UnifiedChartComponent },
{ name: "Doughnut Chart", componentInstance: UnifiedChartComponent },
{ name: "Radar Chart", componentInstance: UnifiedChartComponent },
{ name: "Bar Chart", componentInstance: UnifiedChartComponent },
{ name: "Pie Chart", componentInstance: UnifiedChartComponent },
{ name: "Polar Area Chart", componentInstance: UnifiedChartComponent },
{ name: "Bubble Chart", componentInstance: UnifiedChartComponent },
{ name: "Scatter Chart", componentInstance: UnifiedChartComponent },
{ name: "Dynamic Chart", componentInstance: UnifiedChartComponent },
{ name: "Financial Chart", componentInstance: UnifiedChartComponent },
{ name: "To Do Chart", componentInstance: ToDoChartComponent },
{ name: "Grid View", componentInstance: GridViewComponent },
{ name: "Compact Filter", componentInstance: CompactFilterComponent },
@@ -393,6 +393,27 @@ export class EditnewdashComponent implements OnInit {
}
});
// Map chart names to unified chart types
const chartTypeMap = {
'Radar Chart': 'radar',
'Line Chart': 'line',
'Doughnut Chart': 'doughnut',
'Bar Chart': 'bar',
'Pie Chart': 'pie',
'Polar Area Chart': 'polar',
'Bubble Chart': 'bubble',
'Scatter Chart': 'scatter',
'Dynamic Chart': 'line',
'Financial Chart': 'line'
};
// If this is a chart, set the chartType property
if (chartTypeMap.hasOwnProperty(dashboard.name)) {
dashboard.chartType = chartTypeMap[dashboard.name];
// Change the name to "Unified Chart" for consistency
dashboard.name = "Unified Chart";
}
// Ensure compact filter configuration properties are properly initialized
if (dashboard.component === 'Compact Filter' || dashboard.name === 'Compact Filter') {
// Make sure all compact filter properties exist
@@ -417,6 +438,23 @@ export class EditnewdashComponent implements OnInit {
}
});
// Map unified chart types back to chart names for serialization
const chartNameMap = {
'radar': 'Radar Chart',
'line': 'Line Chart',
'doughnut': 'Doughnut Chart',
'bar': 'Bar Chart',
'pie': 'Pie Chart',
'polar': 'Polar Area Chart',
'bubble': 'Bubble Chart',
'scatter': 'Scatter Chart'
};
// If this is a unified chart, set the name back to the appropriate chart name
if (dashboard.name === 'Unified Chart' && dashboard.chartType && chartNameMap.hasOwnProperty(dashboard.chartType)) {
dashboard.name = chartNameMap[dashboard.chartType];
}
// Ensure compact filter configuration properties are preserved
if (dashboard.name === 'Compact Filter') {
// Make sure all compact filter properties exist
@@ -428,6 +466,7 @@ export class EditnewdashComponent implements OnInit {
}
});
}
// Add method to get available fields for a filter dropdown (excluding already selected fields)
getAvailableFields(filters: any[], currentIndex: number, allFields: string[]): string[] {
if (!filters || !allFields) {
@@ -473,6 +512,7 @@ export class EditnewdashComponent implements OnInit {
}
}
switch (componentType) {
// Handle all chart types by converting them to unified charts
case "radar_chart":
return this.dashboardArray.push({
cols: 5,
@@ -480,8 +520,13 @@ export class EditnewdashComponent implements OnInit {
x: 0,
y: 0,
chartid: maxChartId + 1,
component: RadarChartComponent,
name: "Radar Chart"
component: UnifiedChartComponent,
name: "Unified Chart",
chartType: 'radar',
xAxis: '',
yAxis: '',
table: '',
connection: undefined
});
case "line_chart":
return this.dashboardArray.push({
@@ -490,8 +535,13 @@ export class EditnewdashComponent implements OnInit {
x: 0,
y: 0,
chartid: maxChartId + 1,
component: LineChartComponent,
name: "Line Chart"
component: UnifiedChartComponent,
name: "Unified Chart",
chartType: 'line',
xAxis: '',
yAxis: '',
table: '',
connection: undefined
});
case "doughnut_chart":
return this.dashboardArray.push({
@@ -500,8 +550,13 @@ export class EditnewdashComponent implements OnInit {
x: 0,
y: 0,
chartid: maxChartId + 1,
component: DoughnutChartComponent,
name: "Doughnut Chart"
component: UnifiedChartComponent,
name: "Unified Chart",
chartType: 'doughnut',
xAxis: '',
yAxis: '',
table: '',
connection: undefined
});
case "bar_chart":
return this.dashboardArray.push({
@@ -510,8 +565,13 @@ export class EditnewdashComponent implements OnInit {
x: 0,
y: 0,
chartid: maxChartId + 1,
component: BarChartComponent,
name: "Bar Chart"
component: UnifiedChartComponent,
name: "Unified Chart",
chartType: 'bar',
xAxis: '',
yAxis: '',
table: '',
connection: undefined
});
case "pie_chart":
return this.dashboardArray.push({
@@ -520,8 +580,13 @@ export class EditnewdashComponent implements OnInit {
x: 0,
y: 0,
chartid: maxChartId + 1,
component: PieChartComponent,
name: "Pie Chart"
component: UnifiedChartComponent,
name: "Unified Chart",
chartType: 'pie',
xAxis: '',
yAxis: '',
table: '',
connection: undefined
});
case "polar_area_chart":
return this.dashboardArray.push({
@@ -530,8 +595,13 @@ export class EditnewdashComponent implements OnInit {
x: 0,
y: 0,
chartid: maxChartId + 1,
component: PolarChartComponent,
name: "Polar Area Chart"
component: UnifiedChartComponent,
name: "Unified Chart",
chartType: 'polar',
xAxis: '',
yAxis: '',
table: '',
connection: undefined
});
case "bubble_chart":
return this.dashboardArray.push({
@@ -540,8 +610,13 @@ export class EditnewdashComponent implements OnInit {
x: 0,
y: 0,
chartid: maxChartId + 1,
component: BubbleChartComponent,
name: "Bubble Chart"
component: UnifiedChartComponent,
name: "Unified Chart",
chartType: 'bubble',
xAxis: '',
yAxis: '',
table: '',
connection: undefined
});
case "scatter_chart":
return this.dashboardArray.push({
@@ -550,8 +625,13 @@ export class EditnewdashComponent implements OnInit {
x: 0,
y: 0,
chartid: maxChartId + 1,
component: ScatterChartComponent,
name: "Scatter Chart"
component: UnifiedChartComponent,
name: "Unified Chart",
chartType: 'scatter',
xAxis: '',
yAxis: '',
table: '',
connection: undefined
});
case "dynamic_chart":
return this.dashboardArray.push({
@@ -560,8 +640,13 @@ export class EditnewdashComponent implements OnInit {
x: 0,
y: 0,
chartid: maxChartId + 1,
component: DynamicChartComponent,
name: "Dynamic Chart"
component: UnifiedChartComponent,
name: "Unified Chart",
chartType: 'line', // Default to line for dynamic chart
xAxis: '',
yAxis: '',
table: '',
connection: undefined
});
case "financial_chart":
return this.dashboardArray.push({
@@ -570,8 +655,13 @@ export class EditnewdashComponent implements OnInit {
x: 0,
y: 0,
chartid: maxChartId + 1,
component: FinancialChartComponent,
name: "Financial Chart"
component: UnifiedChartComponent,
name: "Unified Chart",
chartType: 'line', // Default to line for financial chart
xAxis: '',
yAxis: '',
table: '',
connection: undefined
});
case "to_do_chart":
return this.dashboardArray.push({