mirror of
https://github.com/flutter/samples.git
synced 2025-11-13 00:08:24 +00:00
[Gallery] Fix directory structure (#312)
This commit is contained in:
Pierre-Louis
GitHub
279
gallery/lib/studies/rally/tabs/overview.dart
Normal file
279
gallery/lib/studies/rally/tabs/overview.dart
Normal file
@@ -0,0 +1,279 @@
|
||||
// Copyright 2019 The Flutter team. All rights reserved.
|
||||
// Use of this source code is governed by a BSD-style license that can be
|
||||
// found in the LICENSE file.
|
||||
|
||||
import 'dart:math' as math;
|
||||
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/rendering.dart';
|
||||
import 'package:gallery/data/gallery_options.dart';
|
||||
|
||||
import 'package:gallery/l10n/gallery_localizations.dart';
|
||||
import 'package:gallery/layout/adaptive.dart';
|
||||
import 'package:gallery/layout/text_scale.dart';
|
||||
import 'package:gallery/studies/rally/colors.dart';
|
||||
import 'package:gallery/studies/rally/data.dart';
|
||||
import 'package:gallery/studies/rally/finance.dart';
|
||||
import 'package:gallery/studies/rally/formatters.dart';
|
||||
|
||||
/// A page that shows a status overview.
|
||||
class OverviewView extends StatefulWidget {
|
||||
@override
|
||||
_OverviewViewState createState() => _OverviewViewState();
|
||||
}
|
||||
|
||||
class _OverviewViewState extends State<OverviewView> {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final alerts = DummyDataService.getAlerts(context);
|
||||
|
||||
if (isDisplayDesktop(context)) {
|
||||
const sortKeyName = 'Overview';
|
||||
return SingleChildScrollView(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.symmetric(vertical: 24),
|
||||
child: Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Flexible(
|
||||
flex: 7,
|
||||
child: Semantics(
|
||||
sortKey: const OrdinalSortKey(1, name: sortKeyName),
|
||||
child: _OverviewGrid(spacing: 24),
|
||||
),
|
||||
),
|
||||
SizedBox(width: 24),
|
||||
Flexible(
|
||||
flex: 3,
|
||||
child: Container(
|
||||
width: 400,
|
||||
child: Semantics(
|
||||
sortKey: const OrdinalSortKey(2, name: sortKeyName),
|
||||
child: _AlertsView(alerts: alerts),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
} else {
|
||||
return SingleChildScrollView(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.symmetric(vertical: 12),
|
||||
child: Column(
|
||||
children: [
|
||||
_AlertsView(alerts: alerts.sublist(0, 1)),
|
||||
SizedBox(height: 12),
|
||||
_OverviewGrid(spacing: 12),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
class _OverviewGrid extends StatelessWidget {
|
||||
const _OverviewGrid({Key key, @required this.spacing}) : super(key: key);
|
||||
|
||||
final double spacing;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final accountDataList = DummyDataService.getAccountDataList(context);
|
||||
final billDataList = DummyDataService.getBillDataList(context);
|
||||
final budgetDataList = DummyDataService.getBudgetDataList(context);
|
||||
|
||||
return LayoutBuilder(builder: (context, constraints) {
|
||||
final textScaleFactor =
|
||||
GalleryOptions.of(context).textScaleFactor(context);
|
||||
|
||||
// Only display multiple columns when the constraints allow it and we
|
||||
// have a regular text scale factor.
|
||||
final minWidthForTwoColumns = 600;
|
||||
final hasMultipleColumns = isDisplayDesktop(context) &&
|
||||
constraints.maxWidth > minWidthForTwoColumns &&
|
||||
textScaleFactor <= 2;
|
||||
final boxWidth = hasMultipleColumns
|
||||
? constraints.maxWidth / 2 - spacing / 2
|
||||
: double.infinity;
|
||||
|
||||
return Wrap(
|
||||
runSpacing: spacing,
|
||||
children: [
|
||||
Container(
|
||||
width: boxWidth,
|
||||
child: _FinancialView(
|
||||
title: GalleryLocalizations.of(context).rallyAccounts,
|
||||
total: sumAccountDataPrimaryAmount(accountDataList),
|
||||
financialItemViews:
|
||||
buildAccountDataListViews(accountDataList, context),
|
||||
buttonSemanticsLabel:
|
||||
GalleryLocalizations.of(context).rallySeeAllAccounts,
|
||||
),
|
||||
),
|
||||
if (hasMultipleColumns) SizedBox(width: spacing),
|
||||
Container(
|
||||
width: boxWidth,
|
||||
child: _FinancialView(
|
||||
title: GalleryLocalizations.of(context).rallyBills,
|
||||
total: sumBillDataPrimaryAmount(billDataList),
|
||||
financialItemViews: buildBillDataListViews(billDataList, context),
|
||||
buttonSemanticsLabel:
|
||||
GalleryLocalizations.of(context).rallySeeAllBills,
|
||||
),
|
||||
),
|
||||
_FinancialView(
|
||||
title: GalleryLocalizations.of(context).rallyBudgets,
|
||||
total: sumBudgetDataPrimaryAmount(budgetDataList),
|
||||
financialItemViews:
|
||||
buildBudgetDataListViews(budgetDataList, context),
|
||||
buttonSemanticsLabel:
|
||||
GalleryLocalizations.of(context).rallySeeAllBudgets,
|
||||
),
|
||||
],
|
||||
);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
class _AlertsView extends StatelessWidget {
|
||||
const _AlertsView({Key key, this.alerts}) : super(key: key);
|
||||
|
||||
final List<AlertData> alerts;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final isDesktop = isDisplayDesktop(context);
|
||||
|
||||
return Container(
|
||||
padding: const EdgeInsetsDirectional.only(start: 16, top: 4, bottom: 4),
|
||||
color: RallyColors.cardBackground,
|
||||
child: Column(
|
||||
children: [
|
||||
Container(
|
||||
width: double.infinity,
|
||||
padding: isDesktop ? EdgeInsets.symmetric(vertical: 16) : null,
|
||||
child: MergeSemantics(
|
||||
child: Wrap(
|
||||
alignment: WrapAlignment.spaceBetween,
|
||||
crossAxisAlignment: WrapCrossAlignment.center,
|
||||
children: [
|
||||
Text(GalleryLocalizations.of(context).rallyAlerts),
|
||||
if (!isDesktop)
|
||||
FlatButton(
|
||||
onPressed: () {},
|
||||
child: Text(GalleryLocalizations.of(context).rallySeeAll),
|
||||
textColor: Colors.white,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
for (AlertData alert in alerts) ...[
|
||||
Container(color: RallyColors.primaryBackground, height: 1),
|
||||
_Alert(alert: alert),
|
||||
]
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _Alert extends StatelessWidget {
|
||||
const _Alert({
|
||||
Key key,
|
||||
@required this.alert,
|
||||
}) : super(key: key);
|
||||
|
||||
final AlertData alert;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return MergeSemantics(
|
||||
child: Container(
|
||||
padding: isDisplayDesktop(context)
|
||||
? EdgeInsets.symmetric(vertical: 8)
|
||||
: null,
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Expanded(
|
||||
child: Text(alert.message),
|
||||
),
|
||||
SizedBox(
|
||||
width: 100,
|
||||
child: Align(
|
||||
alignment: Alignment.topRight,
|
||||
child: IconButton(
|
||||
onPressed: () {},
|
||||
icon: Icon(alert.iconData, color: RallyColors.white60),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _FinancialView extends StatelessWidget {
|
||||
const _FinancialView({
|
||||
this.title,
|
||||
this.total,
|
||||
this.financialItemViews,
|
||||
this.buttonSemanticsLabel,
|
||||
});
|
||||
|
||||
final String title;
|
||||
final String buttonSemanticsLabel;
|
||||
final double total;
|
||||
final List<FinancialEntityCategoryView> financialItemViews;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final theme = Theme.of(context);
|
||||
return Container(
|
||||
color: RallyColors.cardBackground,
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||
children: [
|
||||
MergeSemantics(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||
children: [
|
||||
Padding(
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: Text(title),
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(left: 16, right: 16),
|
||||
child: Text(
|
||||
usdWithSignFormat(context).format(total),
|
||||
style: theme.textTheme.body2.copyWith(
|
||||
fontSize: 44 / reducedTextScale(context),
|
||||
fontWeight: FontWeight.w600,
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
...financialItemViews.sublist(
|
||||
0, math.min(financialItemViews.length, 3)),
|
||||
FlatButton(
|
||||
child: Text(
|
||||
GalleryLocalizations.of(context).rallySeeAll,
|
||||
semanticsLabel: buttonSemanticsLabel,
|
||||
),
|
||||
textColor: Colors.white,
|
||||
onPressed: () {},
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user