ohthatsa/lib/pages/practice/instructions/YearInstructionPage.dart

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:numberpicker/numberpicker.dart';

import 'package:ohthatsa/other/AppDrawer.dart';
import 'package:ohthatsa/util/DayCalculator.dart';
import 'package:ohthatsa/util/TextStyles.dart';
import 'package:term_glyph/term_glyph.dart' as glyph;

class YearInstructionPage extends StatefulWidget {
  @override
  _YearInstructionPageState createState() => _YearInstructionPageState();
}

class _YearInstructionPageState extends State<YearInstructionPage> {
  int year = 0;
  int yy = 0;
  String centuriesString = "";
  String yyString = "";
  double yyDiv4 = 0.0;
  int yyDiv4Floored = 0;
  int yearValue = 0;


  @override
  void initState(){
    super.initState();
    this.setYearValues(DateTime.now().year);
  }
  void setYearValues(newYear){
    year = newYear;
    yy = year % 100;
    centuriesString = (year ~/ 100).toString();
    yyString = year.toString().substring(2);
    yyDiv4 = yy / 4;
    yyDiv4Floored = yyDiv4.floor();
    yearValue = DayCalculator.getYearValue(year);

    setState(() {});
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        drawer: AppDrawer(),
        appBar: AppBar(
            title: Text("Year Instructions")
        ),
        body: PageView(
            children: <Widget>[
              Container(
                  padding: EdgeInsets.fromLTRB(0, 50, 0, 10),
                  child: Column(
                    mainAxisAlignment: MainAxisAlignment.center,
                    crossAxisAlignment: CrossAxisAlignment.center,
                    children: <Widget>[
                      Text20("Take only the last two digits: "),
                      Row(
                        mainAxisAlignment: MainAxisAlignment.center,
                        children: <Widget>[
                          Text20("YY", color: Colors.grey),
                          Text20("YY", color: Colors.green),
                        ],
                      ),
                      Text20("Calculate:"),
                      Row(
                        mainAxisAlignment: MainAxisAlignment.center,
                        children: <Widget>[
                          Text20("("),
                          Text20("YY", color: Colors.green),
                          Text20(" + floor("),
                          Text20("YY", color: Colors.green),
                          Text20(" / 4)) % 7"),
                        ],
                      ),
                      Spacer(),
                      Row(
                        mainAxisAlignment: MainAxisAlignment.center,
                        children: <Widget>[
                          Text20("1", color: Colors.blue),
                          Text20(" - ", color: Colors.grey),
                          Text20("2", color: Colors.grey),
                        ],
                      )
                    ],
                  )
              ),
              Container(
                  padding: EdgeInsets.fromLTRB(0, 50, 0, 10),
                  child: Column(
                      mainAxisAlignment: MainAxisAlignment.center,
                      crossAxisAlignment: CrossAxisAlignment.center,
                      children: <Widget>[
                        NumberPicker(
                            value: year,
                            minValue: 1700,
                            maxValue: 2399,
                            onChanged: (newYear) => this.setYearValues(newYear)
                        ),
                        Row(
                          mainAxisAlignment: MainAxisAlignment.center,
                          children: <Widget>[
                            Text20("For "),
                            Text20(centuriesString),
                            Text20(year.toString().substring(2), color: Colors.green),
                            Text20(" our formula becomes: "),
                          ],
                        ),
                        Row(
                          mainAxisAlignment: MainAxisAlignment.center,
                          children: <Widget>[
                            Text20("("),
                            Text20(yyString, color: Colors.green),
                            Text20(" + floor("),
                            Text20(yyString, color: Colors.green, decor: TextDecoration.underline),
                            Text20(" / 4", decor: TextDecoration.underline),
                            Text20(")) % 7"),
                          ],
                        ),
                        Text(glyph.unicodeGlyphs.downArrow, style: TextStyle(fontSize: 15)),
                        Row(
                          mainAxisAlignment: MainAxisAlignment.center,
                          children: <Widget>[
                            Text20("("),
                            Text20(yyString, color: Colors.green),
                            Text20(" + "),
                            Text20("floor(" + yyDiv4.toString() + ")", decor: TextDecoration.underline),
                            Text20(") % 7"),
                          ],
                        ),
                        Text(glyph.unicodeGlyphs.downArrow, style: TextStyle(fontSize: 15)),
                        Row(
                          mainAxisAlignment: MainAxisAlignment.center,
                          children: <Widget>[
                            Text20("(", decor: TextDecoration.underline),
                            Text20(yyString, color: Colors.green, decor: TextDecoration.underline),
                            Text20(" + " + yyDiv4Floored.toString() + ")", decor: TextDecoration.underline),
                            Text20(" % 7"),
                          ],
                        ),
                        Text(glyph.unicodeGlyphs.downArrow, style: TextStyle(fontSize: 15)),
                        Row(
                          mainAxisAlignment: MainAxisAlignment.center,
                          children: <Widget>[
                            Text20((yy + yyDiv4Floored).toString(), decor: TextDecoration.underline),
                            Text20(" % 7", decor: TextDecoration.underline),
                          ],
                        ),
                        Text(glyph.unicodeGlyphs.downArrow, style: TextStyle(fontSize: 15)),
                        Row(
                          mainAxisAlignment: MainAxisAlignment.center,
                          children: <Widget>[
                            Text20("So the year value of " + year.toString() + " is: "),
                            Text20(yearValue.toString(), decor: TextDecoration.underline),
                          ],
                        ),
                        Spacer(),
                        Row(
                          mainAxisAlignment: MainAxisAlignment.center,
                          children: <Widget>[
                            Text20("1", color: Colors.grey),
                            Text20(" - ", color: Colors.grey),
                            Text20("2", color: Colors.blue),
                          ],
                        )
                      ]
                  )
              )
            ]
        )
    );
  }
}