import 'package:flutter/material.dart'; import 'package:selfprivacy/config/brand_theme.dart'; import 'package:selfprivacy/logic/cubit/services/services_cubit.dart'; import 'package:selfprivacy/logic/models/service.dart'; import 'package:selfprivacy/ui/components/brand_button/brand_button.dart'; import 'package:selfprivacy/ui/components/brand_card/brand_card.dart'; import 'package:selfprivacy/ui/components/brand_header/brand_header.dart'; import 'package:selfprivacy/ui/components/brand_icons/brand_icons.dart'; import 'package:selfprivacy/ui/components/brand_text/brand_text.dart'; import 'package:selfprivacy/ui/components/icon_status_mask/icon_status_mask.dart'; class ServicesPage extends StatefulWidget { ServicesPage({Key key}) : super(key: key); @override _ServicesPageState createState() => _ServicesPageState(); } class _ServicesPageState extends State { @override Widget build(BuildContext context) { final serviceCubit = context.watch(); final connected = serviceCubit.state.connected; final uninitialized = serviceCubit.state.uninitialized; return Scaffold( appBar: PreferredSize( child: BrandHeader(title: 'Сервисы'), preferredSize: Size.fromHeight(52), ), body: ListView( padding: brandPagePadding2, children: [ SizedBox(height: 24), ...connected.map((service) => _Card(service: service)).toList(), if (uninitialized.isNotEmpty) ...[ BrandText.body1('не подключены'), SizedBox(height: 30), ], ...uninitialized.map((service) => _Card(service: service)).toList() ], ), ); } } class _Card extends StatelessWidget { const _Card({Key key, @required this.service}) : super(key: key); final Service service; @override Widget build(BuildContext context) { String title; IconData iconData; String description; switch (service.type) { case ServiceTypes.messanger: iconData = BrandIcons.messanger; title = 'Мессенджер'; description = 'Delta Chat срфеТекст-текст описание. Если бы мне надо было обсудить что-то от чего зависит жизнь. Я бы выбрал Delta.Chat + свой почтовый сервер.'; break; case ServiceTypes.mail: iconData = BrandIcons.envelope; title = 'Почта'; description = 'Электронная почта для семьи или компании '; break; case ServiceTypes.passwordManager: iconData = BrandIcons.key; title = 'Менеджер паролей'; description = 'Надёжное хранилище для ваших паролей и ключей доступа'; break; case ServiceTypes.github: iconData = BrandIcons.github; title = 'Git сервер'; description = 'Сервис для приватного хранения своих разработок'; break; case ServiceTypes.cloud: iconData = BrandIcons.upload; title = 'Файловое Облако'; description = 'Сервис для доступа к вашим файлам в любой точке мира'; break; } return BrandCard( child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ IconStatusMaks( status: service.state, child: Icon(iconData, size: 30, color: Colors.white), ), SizedBox(height: 10), BrandText.h2(title), SizedBox(height: 10), if (service.state == ServiceStateType.uninitialized) ...[ BrandText.body1(description), SizedBox(height: 10), BrandButton.text( title: 'Подключить', onPressed: () { context.read().connect(service); }) ], if (service.state == ServiceStateType.stable) BrandText.body2('Подключен'), ], ), ); } }