add endpoint for general stats

load build data to graph redesign top info tiles place add button on header folder restructure
2023-12-30 00:45:33 +01:00
parent ce7a260760
commit 600c2057fe
38 changed files with 563 additions and 886 deletions
--- a/frontend/lib/components/dashboard/quick_info_banner.dart
+++ b/frontend/lib/components/dashboard/quick_info_banner.dart
@ -0,0 +1,83 @@
+import 'package:aurcache/components/dashboard/quick_info_tile.dart';
+import 'package:aurcache/utils/file_formatter.dart';
+import 'package:flutter/material.dart';
+
+import '../../constants/color_constants.dart';
+import '../../models/quick_info_data.dart';
+import '../../utils/responsive.dart';
+import '../../models/stats.dart';
+
+class QuickInfoBanner extends StatelessWidget {
+  const QuickInfoBanner({
+    Key? key,
+    required this.stats,
+  }) : super(key: key);
+
+  final Stats stats;
+
+  @override
+  Widget build(BuildContext context) {
+    final Size _size = MediaQuery.of(context).size;
+    return Column(
+      children: [
+        const SizedBox(height: defaultPadding),
+        Responsive(
+          mobile: _buildBanner(
+            crossAxisCount: _size.width < 650 ? 2 : 4,
+            childAspectRatio: _size.width < 650 ? 1.2 : 1,
+          ),
+          tablet: _buildBanner(),
+          desktop: _buildBanner(
+            childAspectRatio: _size.width < 1400 ? 2.75 : 2.75,
+          ),
+        ),
+      ],
+    );
+  }
+
+  List<QuickInfoData> buildQuickInfoData() {
+    return [
+      QuickInfoData(
+          color: primaryColor,
+          icon: Icons.widgets,
+          title: "Total Packages",
+          subtitle: stats.total_packages.toString()),
+      QuickInfoData(
+          color: const Color(0xFFFFA113),
+          icon: Icons.hourglass_top,
+          title: "Active Builds",
+          subtitle: stats.active_builds.toString()),
+      QuickInfoData(
+          color: const Color(0xFFA4CDFF),
+          icon: Icons.build,
+          title: "Total Builds",
+          subtitle: stats.total_builds.toString()),
+      QuickInfoData(
+          color: const Color(0xFFd50000),
+          icon: Icons.storage,
+          title: "Repo Size",
+          subtitle: stats.repo_storage_size.readableFileSize()),
+      QuickInfoData(
+          color: const Color(0xFF00F260),
+          icon: Icons.timelapse,
+          title: "Average Build Time",
+          subtitle: stats.avg_build_time.toString()),
+    ];
+  }
+
+  Widget _buildBanner({int crossAxisCount = 5, double childAspectRatio = 1}) {
+    final quickInfo = buildQuickInfoData();
+    return GridView.builder(
+      physics: const NeverScrollableScrollPhysics(),
+      shrinkWrap: true,
+      itemCount: quickInfo.length,
+      gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
+        crossAxisCount: crossAxisCount,
+        crossAxisSpacing: defaultPadding,
+        mainAxisSpacing: defaultPadding,
+        childAspectRatio: childAspectRatio,
+      ),
+      itemBuilder: (context, idx) => QuickInfoTile(data: quickInfo[idx]),
+    );
+  }
+}