flutter/lib/widgets/routines/log.dart

/*
 * This file is part of wger Workout Manager <https://github.com/wger-project>.
 * Copyright (C) 2020, 2021 wger Team
 *
 * wger Workout Manager is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * wger Workout Manager is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

import 'package:flutter/material.dart';
import 'package:intl/intl.dart';
import 'package:wger/helpers/colors.dart';
import 'package:wger/helpers/date.dart';
import 'package:wger/helpers/errors.dart';
import 'package:wger/helpers/misc.dart';
import 'package:wger/l10n/generated/app_localizations.dart';
import 'package:wger/models/workouts/log.dart';
import 'package:wger/models/workouts/routine.dart';
import 'package:wger/models/workouts/session.dart';
import 'package:wger/widgets/measurements/charts.dart';
import 'package:wger/widgets/routines/charts.dart';
import 'package:wger/widgets/routines/forms/session.dart';

class SessionInfo extends StatefulWidget {
  final WorkoutSession _session;

  const SessionInfo(this._session);

  @override
  State<SessionInfo> createState() => _SessionInfoState();
}

class _SessionInfoState extends State<SessionInfo> {
  bool editMode = false;

  @override
  Widget build(BuildContext context) {
    final i18n = AppLocalizations.of(context);

    return Padding(
      padding: const EdgeInsets.all(16.0),
      child: Column(
        children: [
          ListTile(
            title: Text(
              i18n.workoutSession,
              style: Theme.of(context).textTheme.headlineSmall,
            ),
            subtitle: Text(
              DateFormat.yMd(
                Localizations.localeOf(context).languageCode,
              ).format(widget._session.date),
            ),
            onTap: () => setState(() => editMode = !editMode),
            trailing: Icon(editMode ? Icons.edit_off : Icons.edit),
            contentPadding: EdgeInsets.zero,
          ),
          if (editMode)
            SessionForm(
              widget._session.routineId!,
              onSaved: () => setState(() => editMode = false),
              session: widget._session,
            )
          else
            Column(
              children: [
                _buildInfoRow(
                  context,
                  i18n.timeStart,
                  widget._session.timeStart != null
                      ? MaterialLocalizations.of(
                          context,
                        ).formatTimeOfDay(widget._session.timeStart!)
                      : '-/-',
                ),
                _buildInfoRow(
                  context,
                  i18n.timeEnd,
                  widget._session.timeEnd != null
                      ? MaterialLocalizations.of(context).formatTimeOfDay(widget._session.timeEnd!)
                      : '-/-',
                ),
                _buildInfoRow(
                  context,
                  i18n.impression,
                  widget._session.impressionAsString,
                ),
                _buildInfoRow(
                  context,
                  i18n.notes,
                  widget._session.notes.isNotEmpty ? widget._session.notes : '-/-',
                ),
              ],
            ),
        ],
      ),
    );
  }

  Widget _buildInfoRow(BuildContext context, String label, String value) {
    return Padding(
      padding: const EdgeInsets.symmetric(vertical: 4.0),
      child: Row(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Text(
            '$label: ',
            style: Theme.of(context).textTheme.titleMedium?.copyWith(fontWeight: FontWeight.bold),
          ),
          Expanded(child: Text(value)),
        ],
      ),
    );
  }
}

class ExerciseLogChart extends StatelessWidget {
  final Map<num, List<Log>> _logs;
  final DateTime _selectedDate;

  const ExerciseLogChart(this._logs, this._selectedDate);

  @override
  Widget build(BuildContext context) {
    final colors = generateChartColors(_logs.keys.length).iterator;

    return Column(
      mainAxisSize: MainAxisSize.max,
      children: [
        LogChartWidgetFl(_logs, _selectedDate),
        SingleChildScrollView(
          scrollDirection: Axis.horizontal,
          child: Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              ..._logs.keys.map((reps) {
                colors.moveNext();

                return Indicator(
                  color: colors.current,
                  text: formatNum(reps).toString(),
                  isSquare: false,
                );
              }),
            ],
          ),
        ),
        const SizedBox(height: 15),
      ],
    );
  }
}

class DayLogWidget extends StatelessWidget {
  final DateTime _date;
  final Routine _routine;

  const DayLogWidget(this._date, this._routine);

  @override
  Widget build(BuildContext context) {
    final sessionApi = _routine.sessions.firstWhere(
      (sessionApi) => sessionApi.session.date.isSameDayAs(_date),
    );
    final exercises = sessionApi.exercises;

    return Card(
      child: Column(
        children: [
          SessionInfo(sessionApi.session),
          ...exercises.map((exercise) {
            final translation = exercise.getTranslation(
              Localizations.localeOf(context).languageCode,
            );
            return Column(
              children: [
                Text(
                  translation.name,
                  style: Theme.of(context).textTheme.titleMedium,
                ),
                ...sessionApi.logs
                    .where((l) => l.exerciseId == exercise.id)
                    .map(
                      (log) => Row(
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                        children: [
                          Text(log.singleLogRepTextNoNl),
                          IconButton(
                            icon: const Icon(Icons.delete),
                            key: ValueKey('delete-log-${log.id}'),
                            onPressed: () {
                              showDeleteDialog(context, translation.name, log);
                            },
                          ),
                        ],
                      ),
                    ),
                Padding(
                  padding: const EdgeInsets.symmetric(horizontal: 15),
                  child: ExerciseLogChart(
                    _routine.groupLogsByRepetition(
                      logs: _routine.filterLogsByExercise(exercise.id!),
                      filterNullReps: true,
                      filterNullWeights: true,
                    ),
                    _date,
                  ),
                ),
              ],
            );
          }),
        ],
      ),
    );
  }
}