From 2f58db84c8e74be65a1373d92a2f82f3c2b5a543 Mon Sep 17 00:00:00 2001
From: emelko <ml.kochsiek@mailbox.org>
Date: Wed, 6 Jun 2018 16:14:08 +0200
Subject: [PATCH 1/7] Edit temperature, save value to db, show on dayview

---
 app.js         |  8 ++++--
 day-view.js    | 22 ++++++++++++---
 db.js          | 20 ++++++-------
 home.js        |  6 +---
 list.js        | 60 ---------------------------------------
 temperature.js | 76 ++++++++++++++++++++++++++++++++++++++++++++++++++
 6 files changed, 109 insertions(+), 83 deletions(-)
 delete mode 100644 list.js
 create mode 100644 temperature.js

diff --git a/app.js b/app.js
index 8976a63..3a310a0 100644
--- a/app.js
+++ b/app.js
@@ -1,6 +1,7 @@
 import { createStackNavigator } from 'react-navigation'
 import Home from './home'
-import TemperatureList from './list'
+
+import Temperature from './temperature'
 import Calendar from './calendar'
 import DayView from './day-view'
 import Bleeding from './bleeding'
@@ -11,8 +12,9 @@ YellowBox.ignoreWarnings(['Warning: isMounted(...) is deprecated'])
 
 export default createStackNavigator({
   home: { screen: Home },
-  temperatureList: { screen: TemperatureList },
+
+  temperature: { screen: Temperature },
   calendar: { screen: Calendar },
   dayView: { screen: DayView },
   bleeding: { screen: Bleeding }
-})
\ No newline at end of file
+})
diff --git a/day-view.js b/day-view.js
index 5f3e307..2685b9f 100644
--- a/day-view.js
+++ b/day-view.js
@@ -19,24 +19,38 @@ export default class DayView extends Component {
 
   render() {
     const navigate = this.props.navigation.navigate
-    const day = this.state.cycleDay
-    const bleedingValue = day.bleeding && day.bleeding.value
+    const cycleDay = this.state.cycleDay
+    const bleedingValue = cycleDay.bleeding && cycleDay.bleeding.value
     let bleedingLabel
     if (typeof bleedingValue === 'number') {
       bleedingLabel = `Bleeding: ${labels[bleedingValue]}`
+      if (cycleDay.bleeding.exclude) bleedingLabel += " (Excluded)"
     } else {
       bleedingLabel = ''
     }
+    const temperatureValue = cycleDay.temperature && cycleDay.temperature.value
+    let temperatureLabel
+    if (typeof temperatureValue === 'number') {
+      temperatureLabel = `Temperature: ${temperatureValue}`
+      if (cycleDay.temperature.exclude) temperatureLabel += " (Excluded)"
+    } else {
+      temperatureLabel = ''
+    }
 
     return (
       <View style={styles.container}>
-        <Text style={styles.welcome}>{formatDateForViewHeader(day.date)}</Text>
+        <Text style={styles.welcome}>{formatDateForViewHeader(cycleDay.date)}</Text>
         <Text>Cycle day {getCycleDay()}</Text>
         <Text style={styles.welcome}>{bleedingLabel}</Text>
+        <Text style={styles.welcome}>{temperatureLabel}</Text>
         <Button
-          onPress={() => navigate('bleeding', { cycleDay: day })}
+          onPress={() => navigate('bleeding', { cycleDay })}
           title="Edit bleeding">
         </Button>
+        <Button
+          onPress={() => navigate('temperature', { cycleDay })}
+          title="Edit temperature">
+        </Button>
       </View >
     )
   }
diff --git a/db.js b/db.js
index dd2648e..13e70c7 100644
--- a/db.js
+++ b/db.js
@@ -1,8 +1,9 @@
 import realm from 'realm'
 
 let db
-let cycleDaysSortedbyTempValueView = []
+
 let bleedingDaysSortedByDate = []
+let cycleDaysSortedbyDate = []
 
 const TemperatureSchema = {
   name: 'Temperature',
@@ -46,19 +47,17 @@ async function openDatabase() {
     // we only want this in dev mode
     deleteRealmIfMigrationNeeded: true
   })
+
+  bleedingDaysSortedByDate = db.objects('CycleDay').fil<<<<<<< 933b64056a13d04c3bfdebf531962b84d9daa4ce
   // just for testing purposes, the highest temperature will be topmost
   // because I was too layz to make a scroll view
-  cycleDaysSortedbyTempValueView = db.objects('CycleDay').filtered('temperature != null').sorted('temperature.value', true)
-  bleedingDaysSortedByDate = db.objects('CycleDay').filtered('bleeding != null').sorted('date', true)
+  cycleDaysSortedbyTempValueView = db.objects('CycleDay').filtered('temperature != null').sorted('temperature.value', true) tered('bleeding != null').sorted('date', true)
+  cycleDaysSortedbyDate = db.objects('CycleDay').sorted('date', true)
 }
 
-function saveTemperature(date, temperature) {
+function saveTemperature(cycleDay, temperature) {
   db.write(() => {
-    const doc = {
-      date,
-      temperature
-    }
-    db.create('CycleDay', doc)
+    cycleDay.temperature = temperature
   })
 }
 
@@ -81,10 +80,9 @@ function getOrCreateCycleDay(localDate) {
 }
 
 export {
-  cycleDaysSortedbyTempValueView,
   openDatabase,
   saveTemperature,
   saveBleeding,
   getOrCreateCycleDay,
   bleedingDaysSortedByDate
-}
\ No newline at end of file
+}
diff --git a/home.js b/home.js
index 3552246..0ae1a4d 100644
--- a/home.js
+++ b/home.js
@@ -17,10 +17,6 @@ export default class Home extends Component {
     return (
       <View style={styles.container}>
         <Text style={styles.welcome}>Welcome! Today is day {getCycleDay()} of your current cycle</Text>
-        <Button
-          onPress={() => navigate('temperatureList')}
-          title="Edit symptoms for today">
-        </Button>
         <Button
           onPress={() => navigate('calendar')}
           title="Go to calendar">
@@ -28,4 +24,4 @@ export default class Home extends Component {
       </View>
     )
   }
-}
\ No newline at end of file
+}
diff --git a/list.js b/list.js
deleted file mode 100644
index cd8d831..0000000
--- a/list.js
+++ /dev/null
@@ -1,60 +0,0 @@
-import React, { Component } from 'react'
-import {
-  View,
-  Text,
-  Button,
-  TextInput,
-  FlatList,
-  Keyboard
-} from 'react-native'
-
-import * as styles from './styles'
-import { cycleDaysSortedbyTempValueView, saveTemperature } from './db'
-
-export default class Temp extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {
-      currentValue: '',
-      rerenderToggle: false
-    }
-  }
-
-  render() {
-    return (
-      <View style={styles.container}>
-        <TextInput
-          placeholder="Enter your temperature"
-          onChangeText={(val) => {
-            this.setState({currentValue: val})
-          }}
-          keyboardType='numeric'
-          value = {this.state.currentValue}
-        />
-        <Button
-          onPress={() => {
-            console.log(Number(this.state.currentValue))
-            saveTemperature(
-              new Date(),
-              {
-                value: Number(this.state.currentValue),
-                exclude: false
-              }
-            )
-            this.setState({currentValue: ''})
-            // FlatList only reacts to primitive value changes,
-            // this boolean toggle makes sure the list updates
-            this.setState({ reRender: !this.state.rerenderToggle})
-            Keyboard.dismiss()
-          }}
-          title="Save"
-        />
-        <FlatList
-          data = { cycleDaysSortedbyTempValueView }
-          renderItem={({item}) => <Text>{item.temperature.value}</Text>}
-          extraData = { this.state }
-        />
-      </View>
-    )
-  }
-}
diff --git a/temperature.js b/temperature.js
new file mode 100644
index 0000000..be03abe
--- /dev/null
+++ b/temperature.js
@@ -0,0 +1,76 @@
+import React, { Component } from 'react'
+import {
+  View,
+  Text,
+  Button,
+  TextInput,
+  Switch
+} from 'react-native'
+
+import styles from './styles'
+import { saveTemperature } from './db'
+import { formatDateForViewHeader } from './format'
+import getCycleDay from './get-cycle-day'
+
+export default class Temp extends Component {
+  constructor(props) {
+    super(props)
+    const cycleDay = props.navigation.state.params.cycleDay
+    console.log(cycleDay.temperature ? cycleDay.temperature.value : '')
+    this.state = {
+      cycleDay,
+      currentValue: cycleDay.temperature ? cycleDay.temperature.value.toString() : '',
+      exclude: cycleDay.temperature ? cycleDay.temperature.exclude : false
+    }
+  }
+
+  render() {
+    const navigate = this.props.navigation.navigate
+    const cycleDay = this.state.cycleDay
+    return (
+      <View style={styles.container}>
+        <Text style={styles.welcome}>{formatDateForViewHeader(cycleDay.date)}</Text>
+        <Text>Cycle day {getCycleDay()}</Text>
+        <Text>Temperature</Text>
+        <TextInput
+          placeholder="Enter temperature"
+          onChangeText={(val) => {
+            this.setState({currentValue: val})
+          }}
+          keyboardType='numeric'
+          value = {this.state.currentValue}
+        />
+        <Text>Exclude</Text>
+        <Switch
+          onValueChange = {(val) => {
+            this.setState({ exclude: val })
+          }}
+          value = { this.state.exclude }
+        />
+        <Button
+          onPress={() => {
+            navigate('dayView', { cycleDay })
+          }}
+          title="Cancel">
+        </Button>
+        <Button
+          onPress={() => {
+            saveTemperature(cycleDay)
+            navigate('dayView', { cycleDay })
+          }}
+          title="Delete entry">
+        </Button>
+        <Button
+          onPress={() => {
+            saveTemperature(cycleDay, {
+              value: Number(this.state.currentValue),
+              exclude: this.state.exclude
+            })
+            navigate('dayView', { cycleDay })
+          }}
+          title="Save">
+        </Button>
+      </View>
+    )
+  }
+}

From d4633e0900fae5b67ae151d4893bce91ef1bc8c1 Mon Sep 17 00:00:00 2001
From: Julia Friesel <julia.friesel@gmail.com>
Date: Wed, 6 Jun 2018 17:04:28 +0200
Subject: [PATCH 2/7] Get previous temperature and fill it as placeholder

---
 db.js          | 20 +++++++++++++-------
 temperature.js | 14 +++++++++++---
 2 files changed, 24 insertions(+), 10 deletions(-)

diff --git a/db.js b/db.js
index 13e70c7..c80efb2 100644
--- a/db.js
+++ b/db.js
@@ -1,9 +1,8 @@
 import realm from 'realm'
 
 let db
-
-let bleedingDaysSortedByDate = []
 let cycleDaysSortedbyDate = []
+let bleedingDaysSortedByDate = []
 
 const TemperatureSchema = {
   name: 'Temperature',
@@ -48,11 +47,8 @@ async function openDatabase() {
     deleteRealmIfMigrationNeeded: true
   })
 
-  bleedingDaysSortedByDate = db.objects('CycleDay').fil<<<<<<< 933b64056a13d04c3bfdebf531962b84d9daa4ce
-  // just for testing purposes, the highest temperature will be topmost
-  // because I was too layz to make a scroll view
-  cycleDaysSortedbyTempValueView = db.objects('CycleDay').filtered('temperature != null').sorted('temperature.value', true) tered('bleeding != null').sorted('date', true)
   cycleDaysSortedbyDate = db.objects('CycleDay').sorted('date', true)
+  bleedingDaysSortedByDate = db.objects('CycleDay').filtered('bleeding != null').sorted('date', true)
 }
 
 function saveTemperature(cycleDay, temperature) {
@@ -79,10 +75,20 @@ function getOrCreateCycleDay(localDate) {
   return result
 }
 
+function getPreviousTemperature(cycleDay) {
+  const cycleDayIndex = cycleDaysSortedbyDate.findIndex(day => day === cycleDay)
+  const previousCycleDays = cycleDaysSortedbyDate.slice(cycleDayIndex + 1)
+  const winner = previousCycleDays.find(cycleDay => cycleDay.temperature)
+  if (!winner) return null
+  return winner.temperature.value
+}
+
 export {
+  cycleDaysSortedbyDate,
   openDatabase,
   saveTemperature,
   saveBleeding,
   getOrCreateCycleDay,
-  bleedingDaysSortedByDate
+  bleedingDaysSortedByDate,
+  getPreviousTemperature
 }
diff --git a/temperature.js b/temperature.js
index be03abe..36e46f2 100644
--- a/temperature.js
+++ b/temperature.js
@@ -8,7 +8,7 @@ import {
 } from 'react-native'
 
 import styles from './styles'
-import { saveTemperature } from './db'
+import { saveTemperature, getPreviousTemperature } from './db'
 import { formatDateForViewHeader } from './format'
 import getCycleDay from './get-cycle-day'
 
@@ -16,10 +16,18 @@ export default class Temp extends Component {
   constructor(props) {
     super(props)
     const cycleDay = props.navigation.state.params.cycleDay
-    console.log(cycleDay.temperature ? cycleDay.temperature.value : '')
+    let initialValue
+
+    if(cycleDay.temperature) {
+      initialValue = cycleDay.temperature.toString()
+    } else {
+      const prevTemp = getPreviousTemperature(cycleDay)
+      initialValue = prevTemp ? prevTemp.toString() : ''
+    }
+
     this.state = {
       cycleDay,
-      currentValue: cycleDay.temperature ? cycleDay.temperature.value.toString() : '',
+      currentValue: initialValue,
       exclude: cycleDay.temperature ? cycleDay.temperature.exclude : false
     }
   }

From d93164ae04e3d2f38085dfbe47fadd999d199741 Mon Sep 17 00:00:00 2001
From: emelko <ml.kochsiek@mailbox.org>
Date: Tue, 12 Jun 2018 11:30:36 +0200
Subject: [PATCH 3/7] Bugfix parsing only value of temp toString

---
 temperature.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/temperature.js b/temperature.js
index 36e46f2..03491e6 100644
--- a/temperature.js
+++ b/temperature.js
@@ -19,7 +19,7 @@ export default class Temp extends Component {
     let initialValue
 
     if(cycleDay.temperature) {
-      initialValue = cycleDay.temperature.toString()
+      initialValue = cycleDay.temperature.value.toString()
     } else {
       const prevTemp = getPreviousTemperature(cycleDay)
       initialValue = prevTemp ? prevTemp.toString() : ''

From cc9746a0acb3bd0d1ae938f3b66b6dd70c11e679 Mon Sep 17 00:00:00 2001
From: Julia Friesel <julia.friesel@gmail.com>
Date: Tue, 12 Jun 2018 12:45:32 +0200
Subject: [PATCH 4/7] Remove cycleDay from state

---
 bleeding.js    | 13 ++++++-------
 temperature.js | 13 ++++++-------
 2 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/bleeding.js b/bleeding.js
index 359a94f..01fc4ce 100644
--- a/bleeding.js
+++ b/bleeding.js
@@ -15,22 +15,21 @@ import getCycleDay from './get-cycle-day'
 export default class Bleeding extends Component {
   constructor(props) {
     super(props)
-    const cycleDay = props.navigation.state.params.cycleDay
-    let bleedingValue = cycleDay.bleeding && cycleDay.bleeding.value
+    this.cycleDay = props.navigation.state.params.cycleDay
+    let bleedingValue = this.cycleDay.bleeding && this.cycleDay.bleeding.value
     if (! (typeof bleedingValue === 'number') ){
       bleedingValue = -1
     }
     this.state = {
-      cycleDay,
       currentValue: bleedingValue,
-      exclude: cycleDay.bleeding ? cycleDay.bleeding.exclude : false
+      exclude: this.cycleDay.bleeding ? this.cycleDay.bleeding.exclude : false
     }
   }
 
   // TODO display cycle day
   render() {
     const navigate = this.props.navigation.navigate
-    const day = this.state.cycleDay
+    const day = this.cycleDay
     const bleedingRadioProps = [
       {label: labels[0], value: 0 },
       {label: labels[1], value: 1 },
@@ -48,13 +47,13 @@ export default class Bleeding extends Component {
           formHorizontal={true}
           labelHorizontal={false}
           onPress={(itemValue) => {
-            this.setState({ currentValue: itemValue })
+            this.setState({currentValue: itemValue})
           }}
         />
         <Text>Exclude</Text>
         <Switch
           onValueChange={(val) => {
-            this.setState({ exclude: val })
+            this.setState({exclude: val})
           }}
           value={this.state.exclude} />
         <Button
diff --git a/temperature.js b/temperature.js
index 03491e6..cbeed31 100644
--- a/temperature.js
+++ b/temperature.js
@@ -15,26 +15,25 @@ import getCycleDay from './get-cycle-day'
 export default class Temp extends Component {
   constructor(props) {
     super(props)
-    const cycleDay = props.navigation.state.params.cycleDay
+    this.cycleDay = props.navigation.state.params.cycleDay
     let initialValue
 
-    if(cycleDay.temperature) {
-      initialValue = cycleDay.temperature.value.toString()
+    if(this.cycleDay.temperature) {
+      initialValue = this.cycleDay.temperature.value.toString()
     } else {
-      const prevTemp = getPreviousTemperature(cycleDay)
+      const prevTemp = getPreviousTemperature(this.cycleDay)
       initialValue = prevTemp ? prevTemp.toString() : ''
     }
 
     this.state = {
-      cycleDay,
       currentValue: initialValue,
-      exclude: cycleDay.temperature ? cycleDay.temperature.exclude : false
+      exclude: this.cycleDay.temperature ? this.cycleDay.temperature.exclude : false
     }
   }
 
   render() {
     const navigate = this.props.navigation.navigate
-    const cycleDay = this.state.cycleDay
+    const cycleDay = this.cycleDay
     return (
       <View style={styles.container}>
         <Text style={styles.welcome}>{formatDateForViewHeader(cycleDay.date)}</Text>

From 724e73ad142b66bc2bcc3c5fdd88689f188d7f96 Mon Sep 17 00:00:00 2001
From: Julia Friesel <julia.friesel@gmail.com>
Date: Tue, 12 Jun 2018 13:10:42 +0200
Subject: [PATCH 5/7] Fix getPreviousTemperature, only use temp dates

---
 db.js             | 11 ++++++++---
 package-lock.json |  5 +++++
 package.json      |  1 +
 3 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/db.js b/db.js
index c80efb2..8f34199 100644
--- a/db.js
+++ b/db.js
@@ -1,8 +1,10 @@
 import realm from 'realm'
+import { LocalDate } from 'js-joda'
 
 let db
 let cycleDaysSortedbyDate = []
 let bleedingDaysSortedByDate = []
+let temperatureDaysSortedByDate
 
 const TemperatureSchema = {
   name: 'Temperature',
@@ -49,6 +51,7 @@ async function openDatabase() {
 
   cycleDaysSortedbyDate = db.objects('CycleDay').sorted('date', true)
   bleedingDaysSortedByDate = db.objects('CycleDay').filtered('bleeding != null').sorted('date', true)
+  temperatureDaysSortedByDate = db.objects('CycleDay').filtered('temperature != null').sorted('date', true)
 }
 
 function saveTemperature(cycleDay, temperature) {
@@ -76,9 +79,11 @@ function getOrCreateCycleDay(localDate) {
 }
 
 function getPreviousTemperature(cycleDay) {
-  const cycleDayIndex = cycleDaysSortedbyDate.findIndex(day => day === cycleDay)
-  const previousCycleDays = cycleDaysSortedbyDate.slice(cycleDayIndex + 1)
-  const winner = previousCycleDays.find(cycleDay => cycleDay.temperature)
+  cycleDay.wrappedDate = LocalDate.parse(cycleDay.date)
+  const winner = temperatureDaysSortedByDate.find(day => {
+    const wrappedDate = LocalDate.parse(day.date)
+    return wrappedDate.isBefore(cycleDay.wrappedDate)
+  })
   if (!winner) return null
   return winner.temperature.value
 }
diff --git a/package-lock.json b/package-lock.json
index 9cedc1c..95bf355 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4687,6 +4687,11 @@
         "merge-stream": "^1.0.1"
       }
     },
+    "js-joda": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/js-joda/-/js-joda-1.8.2.tgz",
+      "integrity": "sha512-3w+3TnKqiplQyG/YQk31cBhJ/sg2Xb/fX7lneiK+z+nEjTzdfvHqJquJhtzyEA1NyLJKNpIeOQSBr3Q4nY+O8Q=="
+    },
     "js-tokens": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-3.0.2.tgz",
diff --git a/package.json b/package.json
index aa857af..98d3dae 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
     "lint": "eslint app test"
   },
   "dependencies": {
+    "js-joda": "^1.8.2",
     "moment": "^2.22.1",
     "react": "16.3.1",
     "react-native": "0.55.4",

From 61e44ceb2fd2f5cd093b678f653ce215c3db5410 Mon Sep 17 00:00:00 2001
From: emelko <ml.kochsiek@mailbox.org>
Date: Tue, 12 Jun 2018 13:30:33 +0200
Subject: [PATCH 6/7] No values for day now don't display empty elements
 anymore but sets them to null

---
 day-view.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/day-view.js b/day-view.js
index 2685b9f..0d4e45c 100644
--- a/day-view.js
+++ b/day-view.js
@@ -26,7 +26,7 @@ export default class DayView extends Component {
       bleedingLabel = `Bleeding: ${labels[bleedingValue]}`
       if (cycleDay.bleeding.exclude) bleedingLabel += " (Excluded)"
     } else {
-      bleedingLabel = ''
+      bleedingLabel = null
     }
     const temperatureValue = cycleDay.temperature && cycleDay.temperature.value
     let temperatureLabel
@@ -34,7 +34,7 @@ export default class DayView extends Component {
       temperatureLabel = `Temperature: ${temperatureValue}`
       if (cycleDay.temperature.exclude) temperatureLabel += " (Excluded)"
     } else {
-      temperatureLabel = ''
+      temperatureLabel = null
     }
 
     return (

From f2ad9f10c0faa3b3dedce52b31db3a1acbc671b1 Mon Sep 17 00:00:00 2001
From: emelko <ml.kochsiek@mailbox.org>
Date: Wed, 13 Jun 2018 12:25:58 +0200
Subject: [PATCH 7/7] Disable save button for temp when no value entered

---
 temperature.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/temperature.js b/temperature.js
index cbeed31..ba7121c 100644
--- a/temperature.js
+++ b/temperature.js
@@ -75,6 +75,7 @@ export default class Temp extends Component {
             })
             navigate('dayView', { cycleDay })
           }}
+          disabled={ this.state.currentValue === '' }
           title="Save">
         </Button>
       </View>