From d3f55cb9aee99b6cfb025c8e732009cfc6b0af40 Mon Sep 17 00:00:00 2001
From: BroodjeAap <davidzessen@gmail.com>
Date: Sun, 6 Dec 2020 16:15:33 +0100
Subject: [PATCH] Started prototyping the year value calculation instruction
 page on the MonthValuesPage

---
 lib/pages/MonthValuesPage.dart | 141 +++++++++++++++++++++++++++------
 1 file changed, 115 insertions(+), 26 deletions(-)

diff --git a/lib/pages/MonthValuesPage.dart b/lib/pages/MonthValuesPage.dart
index 0fcdd2d..e9e3132 100644
--- a/lib/pages/MonthValuesPage.dart
+++ b/lib/pages/MonthValuesPage.dart
@@ -1,32 +1,10 @@
+import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 
 import 'package:ohthatsa/other/AppDrawer.dart';
 import 'package:ohthatsa/util/Months.dart';
 
 class MonthValuesPage extends StatelessWidget {
-  final monthTableRowTextStyle = TextStyle(fontSize: 35);
-
-  TableRow getMonthTableRow(MapEntry<String, Month> month) {
-    return TableRow(
-        children: [
-          TableCell(
-              child: Text(
-                  month.key,
-                  style: monthTableRowTextStyle,
-                  textAlign: TextAlign.right
-              )
-          ),
-          TableCell(
-              child: Text(
-                  month.value.value.toString(),
-                  style: monthTableRowTextStyle,
-                  textAlign: TextAlign.center
-              )
-          )
-        ]
-    );
-  }
-
   @override
   Widget build(BuildContext context) {
     return Scaffold(
@@ -35,9 +13,120 @@ class MonthValuesPage extends StatelessWidget {
             title: Text("Month Values")
         ),
         body: Center(
-            child: Table(
-                children: Months.stringMap.entries.map(getMonthTableRow).toList()
-            )
+          child: Column(
+            children: <Widget>[
+              Text(
+                  "To calculate the value for a year,",
+                  style: TextStyle(fontSize: 20)
+              ),
+              Text(
+                  "Take only the last two digits: ",
+                  style: TextStyle(fontSize: 20)
+              ),
+              Row(
+                mainAxisAlignment: MainAxisAlignment.center,
+                children: <Widget>[
+                  Text(
+                    "YY",
+                    style: TextStyle(
+                      color: Colors.grey,
+                      fontSize: 25
+                    )
+                  ),
+                  Text(
+                    "YY",
+                    style: TextStyle(
+                      color: Colors.green,
+                        fontSize: 25
+                    )
+                  )
+                ],
+              ),
+              Text(
+                "Calculate:",
+                style: TextStyle(fontSize: 20)
+              ),
+              Text(
+                "(YY + floor(YY / 4)) % 7",
+                style: TextStyle(fontSize: 20)
+              ),
+              Text(
+                  "So for example:",
+                  style: TextStyle(fontSize: 20)
+              ),
+              Row(
+                mainAxisAlignment: MainAxisAlignment.center,
+                children: <Widget>[
+                  Text(
+                      "19",
+                      style: TextStyle(
+                          color: Colors.grey,
+                          fontSize: 25
+                      )
+                  ),
+                  Text(
+                      "67",
+                      style: TextStyle(
+                          color: Colors.green,
+                          fontSize: 25
+                      )
+                  )
+                ],
+              ),
+              Text(
+                  "The calculation becomes",
+                  style: TextStyle(fontSize: 20)
+              ),
+              Text(
+                  "(67 + floor(67 / 4)) % 7",
+                  style: TextStyle(fontSize: 20)
+              ),
+              Text(
+                  "Let's first calculate '67 / 4': 16.75",
+                  style: TextStyle(fontSize: 20)
+              ),
+              Text(
+                  "Fill that into the calculation:",
+                  style: TextStyle(fontSize: 20)
+              ),
+              Text(
+                  "(67 + floor(16.75)) % 7",
+                  style: TextStyle(fontSize: 20)
+              ),
+              Text(
+                  "'Floor' it:",
+                  style: TextStyle(fontSize: 20)
+              ),
+              Text(
+                  "(67 + 16) % 7",
+                  style: TextStyle(fontSize: 20)
+              ),
+              Text(
+                  "(67 + 16) % 7",
+                  style: TextStyle(fontSize: 20)
+              ),
+              Text(
+                  "Calculate '67 + 16': 83",
+                  style: TextStyle(fontSize: 20)
+              ),
+              Text(
+                  "And that leaves us with: ",
+                  style: TextStyle(fontSize: 20)
+              ),
+              Text(
+                  "83 % 7",
+                  style: TextStyle(fontSize: 20)
+              ),
+              Text(
+                  "The final calculation gives us a year value of:",
+                  style: TextStyle(fontSize: 20)
+              ),
+              Text(
+                  "6",
+                  style: TextStyle(fontSize: 20)
+              ),
+            ],
+          )
         )
     );
   }