@@ -6,38 +6,42 @@ import com.example.components.LineChart;
|
||||
import com.example.components.PieChart;
|
||||
import com.vaadin.flow.component.notification.Notification;
|
||||
import com.vaadin.flow.component.orderedlayout.VerticalLayout;
|
||||
import com.vaadin.flow.router.PageTitle;
|
||||
import com.vaadin.flow.router.HasDynamicTitle;
|
||||
import com.vaadin.flow.router.Route;
|
||||
|
||||
import java.util.List;
|
||||
|
||||
@Route("")
|
||||
@PageTitle("Dashboard")
|
||||
public class DashboardView extends VerticalLayout {
|
||||
public class DashboardView extends VerticalLayout implements HasDynamicTitle {
|
||||
|
||||
public DashboardView() {
|
||||
addClassName("dialect-content");
|
||||
|
||||
List<String> months = List.of(
|
||||
getTranslation("month.jan"), getTranslation("month.feb"),
|
||||
getTranslation("month.mar"), getTranslation("month.apr"),
|
||||
getTranslation("month.may"), getTranslation("month.jun"));
|
||||
|
||||
LineChart lineChart = new LineChart();
|
||||
lineChart.setWidthFull();
|
||||
lineChart.setHeight("400px");
|
||||
lineChart.setData("Umsatz 2026",
|
||||
lineChart.setData(getTranslation("chart.revenueSeries"),
|
||||
List.of(30.0, 40.0, 35.0, 50.0, 49.0, 60.0),
|
||||
List.of("Jan", "Feb", "Mär", "Apr", "Mai", "Jun"));
|
||||
months);
|
||||
lineChart.addPointClickListener(e -> {
|
||||
Notification.show("Serie %d, Punkt %d"
|
||||
.formatted(e.getSeriesIndex(), e.getDataPointIndex()));
|
||||
Notification.show(getTranslation("chart.pointClick",
|
||||
e.getSeriesIndex(), e.getDataPointIndex()));
|
||||
});
|
||||
|
||||
BarChart barChart = new BarChart();
|
||||
barChart.setWidthFull();
|
||||
barChart.setHeight("400px");
|
||||
barChart.setData("Umsatz 2026",
|
||||
barChart.setData(getTranslation("chart.revenueSeries"),
|
||||
List.of(30.0, 40.0, 35.0, 50.0, 49.0, 60.0),
|
||||
List.of("Jan", "Feb", "Mär", "Apr", "Mai", "Jun"));
|
||||
months);
|
||||
barChart.addPointClickListener(e -> {
|
||||
Notification.show("Serie %d, Punkt %d"
|
||||
.formatted(e.getSeriesIndex(), e.getDataPointIndex()));
|
||||
Notification.show(getTranslation("chart.pointClick",
|
||||
e.getSeriesIndex(), e.getDataPointIndex()));
|
||||
});
|
||||
|
||||
PieChart pieChart = new PieChart();
|
||||
@@ -45,13 +49,19 @@ public class DashboardView extends VerticalLayout {
|
||||
pieChart.setHeight("400px");
|
||||
pieChart.setData(
|
||||
List.of(30.0, 40.0, 35.0, 50.0),
|
||||
List.of("Nord", "Süd", "Ost", "West"));
|
||||
List.of(getTranslation("region.north"), getTranslation("region.south"),
|
||||
getTranslation("region.east"), getTranslation("region.west")));
|
||||
pieChart.addPointClickListener(e -> {
|
||||
Notification.show("Slice %d".formatted(e.getDataPointIndex()));
|
||||
Notification.show(getTranslation("chart.sliceClick", e.getDataPointIndex()));
|
||||
});
|
||||
|
||||
add(new Card("Umsatz-Entwicklung", lineChart),
|
||||
new Card("Umsatz nach Monat", barChart),
|
||||
new Card("Umsatz nach Region", pieChart));
|
||||
add(new Card(getTranslation("card.revenueTrend"), lineChart),
|
||||
new Card(getTranslation("card.revenueByMonth"), barChart),
|
||||
new Card(getTranslation("card.revenueByRegion"), pieChart));
|
||||
}
|
||||
|
||||
@Override
|
||||
public String getPageTitle() {
|
||||
return getTranslation("page.dashboard");
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user