371 lines
11 KiB
Dart
371 lines
11 KiB
Dart
import 'dart:io';
|
||
import 'dart:math';
|
||
|
||
import 'package:auto_route/auto_route.dart';
|
||
import 'package:file_picker/file_picker.dart';
|
||
import 'package:flutter/cupertino.dart';
|
||
import 'package:flutter/material.dart';
|
||
import 'package:remever/common/functions.dart';
|
||
import 'package:remever/common/resources.dart';
|
||
import 'package:remever/common/utils.dart';
|
||
import 'package:remever/common/widgets/typography.dart';
|
||
import 'package:remever/common/widgets/w_if.dart';
|
||
import 'package:remever/common/widgets/wspace.dart';
|
||
import 'package:remever/components/extensions/context.dart';
|
||
import 'package:remever/components/extensions/state.dart';
|
||
import 'package:remever/gen/assets.gen.dart';
|
||
import 'package:remever/inject.dart';
|
||
import 'package:remever/models/create_ticket_dto.dart';
|
||
import 'package:remever/router.gr.dart';
|
||
import 'package:remever/screens/collections/widgets/collection_progress_bar.dart';
|
||
import 'package:remever/screens/create_card/widgets/crud_ticket.dart';
|
||
import 'package:remever/services/tickets/tickets_interface.dart';
|
||
import 'package:remever/widgets/debug/app_debug.dart';
|
||
import 'package:remever/widgets/primary_button.dart';
|
||
|
||
@RoutePage()
|
||
class CreateScreen extends StatefulWidget {
|
||
const CreateScreen({super.key});
|
||
|
||
@override
|
||
State<CreateScreen> createState() => _CreateScreenState();
|
||
}
|
||
|
||
class _CreateScreenState extends State<CreateScreen> {
|
||
CreateTicketDto _dto = CreateTicketDto();
|
||
|
||
void _pickImage(bool isQuestion) async {
|
||
final result = await FilePicker.platform.pickFiles();
|
||
|
||
if (result == null || result.files.isEmpty) {
|
||
showErrorToast('Файл не выбран');
|
||
return;
|
||
}
|
||
|
||
final filePath = result.files.single.path;
|
||
|
||
if (filePath == null) {
|
||
showErrorToast('Не удалось получить путь к файлу');
|
||
|
||
return;
|
||
}
|
||
|
||
final file = File(filePath);
|
||
final bytes = await file.readAsBytes();
|
||
|
||
_dto =
|
||
isQuestion
|
||
? _dto.copyWith(questionImage: bytes)
|
||
: _dto.copyWith(answerImage: bytes);
|
||
|
||
safeSetState(() {});
|
||
}
|
||
|
||
void _onCollectionTap() {
|
||
{
|
||
context.pushRoute(
|
||
CollectionSearchRoute(
|
||
onCollectionSelect: (collection) {
|
||
safeSetState(() => _dto = _dto.copyWith(collection: collection));
|
||
},
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
void _onCreateTap() async {
|
||
if (_dto.collection == null ||
|
||
_dto.answer == null ||
|
||
_dto.question == null) {
|
||
showErrorToast('Необходимо заполнить все поля');
|
||
return;
|
||
}
|
||
|
||
await getIt<TicketsInterface>().createTicket(_dto);
|
||
|
||
context.pushRoute(CollectionRoute());
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Scaffold(
|
||
backgroundColor: AppColors.gray_bg,
|
||
appBar: _buildAppBar(),
|
||
body: _buildMain(context),
|
||
);
|
||
}
|
||
|
||
AppBar _buildAppBar() {
|
||
return AppBar(
|
||
toolbarHeight: 66.h,
|
||
backgroundColor: AppColors.white,
|
||
shadowColor: Colors.transparent,
|
||
title: AppTypography(
|
||
'Создать карточку',
|
||
type: SemiBold20px(),
|
||
color: AppColors.body_text,
|
||
),
|
||
centerTitle: true,
|
||
);
|
||
}
|
||
|
||
Widget _buildMain(BuildContext context) {
|
||
return Padding(
|
||
padding: const EdgeInsets.symmetric(horizontal: 16).r,
|
||
child: Column(
|
||
children: <Widget>[
|
||
Expanded(
|
||
child: SingleChildScrollView(
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: <Widget>[
|
||
const HSpace(16),
|
||
_filters(),
|
||
const HSpace(16),
|
||
AppTypography('Коллекция', type: Medium16px()),
|
||
const HSpace(4),
|
||
_buildCollection(context),
|
||
const HSpace(16),
|
||
AppTypography('Вопрос', type: Medium16px()),
|
||
const HSpace(4),
|
||
CrudTicket(
|
||
onTextTap: () {
|
||
context.pushRoute(
|
||
CrudCollectionFullscreenField(
|
||
title: 'Вопрос',
|
||
hint: '',
|
||
height: 313,
|
||
content: _dto.question,
|
||
onEditingComplete: (res) {
|
||
safeSetState(() {
|
||
_dto = _dto.copyWith(question: res);
|
||
});
|
||
},
|
||
),
|
||
);
|
||
},
|
||
onImageTap: () => _pickImage(true),
|
||
isQuestion: true,
|
||
dto: _dto,
|
||
),
|
||
const HSpace(16),
|
||
AppTypography('Ответ', type: Medium16px()),
|
||
const HSpace(4),
|
||
CrudTicket(
|
||
onTextTap: () {
|
||
context.pushRoute(
|
||
CrudCollectionFullscreenField(
|
||
title: 'Ответ',
|
||
hint: '',
|
||
height: 313,
|
||
content: _dto.answer,
|
||
onEditingComplete: (res) {
|
||
safeSetState(() {
|
||
_dto = _dto.copyWith(answer: res);
|
||
});
|
||
},
|
||
),
|
||
);
|
||
},
|
||
onImageTap: () => _pickImage(false),
|
||
isQuestion: false,
|
||
dto: _dto,
|
||
),
|
||
revertCard(),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
_buildCreateButton(),
|
||
const HSpace(31),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget revertCard() {
|
||
return SizedBox(
|
||
height: 52.h,
|
||
child: Row(
|
||
children: <Widget>[
|
||
Center(
|
||
child: Assets.icons.typeFlip2.image(height: 20.h, width: 20.w),
|
||
),
|
||
const WSpace(2),
|
||
Flexible(
|
||
fit: FlexFit.tight,
|
||
child: AppTypography(
|
||
'Создать карточку-наоборот',
|
||
type: Medium16px(),
|
||
),
|
||
),
|
||
SizedBox(
|
||
height: 20.h,
|
||
width: 36.w,
|
||
child: FittedBox(
|
||
fit: BoxFit.contain,
|
||
child: CupertinoSwitch(
|
||
activeTrackColor: AppColors.primary,
|
||
value: _dto.needRevert ?? false,
|
||
onChanged: (bool value) {
|
||
safeSetState(() {
|
||
_dto = _dto.copyWith(needRevert: value);
|
||
});
|
||
},
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _filters() {
|
||
return AppDebug(
|
||
builder: (context, isDebug) {
|
||
if (!isDebug) return SizedBox();
|
||
return Row(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: <Widget>[
|
||
_buildFilterButton(AppColors.gray_bg, 'Запомнить', () {}),
|
||
_buildFilterButton(AppColors.white, 'Держать в фокусе', () {}),
|
||
],
|
||
);
|
||
},
|
||
);
|
||
}
|
||
|
||
Widget _buildCreateButton() {
|
||
return PrimaryButton(
|
||
color: AppColors.primary,
|
||
child: AppTypography(
|
||
'Создать карточку',
|
||
type: Medium14px(),
|
||
color: AppColors.white,
|
||
),
|
||
onTap: () => _onCreateTap(),
|
||
);
|
||
}
|
||
|
||
///
|
||
/// Построение кнопки фильтра
|
||
///
|
||
Widget _buildFilterButton(Color color, String title, void Function()? onTap) {
|
||
return GestureDetector(
|
||
onTap: onTap,
|
||
child: Container(
|
||
width: 158.h,
|
||
height: 36.h,
|
||
decoration: BoxDecoration(
|
||
borderRadius: const BorderRadius.all(Radius.circular(16)).r,
|
||
color: color,
|
||
),
|
||
child: Center(child: AppTypography(title, type: SemiBold14px())),
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildCollection(BuildContext context) {
|
||
return GestureDetector(
|
||
onTap: () => _onCollectionTap(),
|
||
child: Container(
|
||
constraints: BoxConstraints(minHeight: 66.h, maxHeight: 84.h),
|
||
decoration: BoxDecoration(
|
||
borderRadius: BorderRadius.circular(12).r,
|
||
color: AppColors.white,
|
||
),
|
||
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8).r,
|
||
child: Wif(
|
||
condition: _dto.collection != null,
|
||
builder: (context) {
|
||
return Row(
|
||
children: <Widget>[_buildAvatar(), const WSpace(5), _buildInfo()],
|
||
);
|
||
},
|
||
fallback: (context) {
|
||
return Row(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
AppTypography('Выберите коллекцию ', type: Bold14px()),
|
||
],
|
||
);
|
||
},
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
///
|
||
/// Построение основной информации
|
||
///
|
||
Widget _buildInfo() {
|
||
return SizedBox(
|
||
width: 230.w,
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: <Widget>[
|
||
_buildTitle(),
|
||
const HSpace(4),
|
||
Row(
|
||
children: <Widget>[
|
||
Assets.icons.typeCards.image(
|
||
height: 18.h,
|
||
width: 18.w,
|
||
color: AppColors.disabled,
|
||
),
|
||
const WSpace(2),
|
||
AppTypography(
|
||
'${_dto.collection!.likesCount.toString()} ${Utils.declOfNum(_dto.collection!.likesCount, ['карточек', 'карточки', 'карточек'])}',
|
||
type: Regular14px(),
|
||
color: AppColors.disabled,
|
||
),
|
||
],
|
||
),
|
||
const HSpace(6),
|
||
const CollectionProgressBar(),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
///
|
||
/// Название коллекции
|
||
///
|
||
Widget _buildTitle() {
|
||
return AppTypography(
|
||
_dto.collection!.title,
|
||
type: Medium16px(),
|
||
maxLines: 2,
|
||
softWrap: true,
|
||
);
|
||
}
|
||
|
||
///
|
||
/// Обложка коллекции
|
||
///
|
||
Widget _buildAvatar() {
|
||
return SizedBox.square(
|
||
dimension: 50.r,
|
||
child: DecoratedBox(
|
||
decoration: BoxDecoration(shape: BoxShape.circle, color: AppColors.bg),
|
||
|
||
child: Wif(
|
||
condition: _dto.collection?.image != null,
|
||
builder:
|
||
(context) => ClipOval(
|
||
child: Image.memory(_dto.collection!.image!, fit: BoxFit.cover),
|
||
),
|
||
fallback:
|
||
(context) => Center(
|
||
child: AppTypography(
|
||
_dto.collection!.title.substring(0, 1),
|
||
type: Bold34px(),
|
||
),
|
||
),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
}
|