WorkFlow/settings/index.jsx at master · thecouchcoder/WorkFlow · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
function Settings(props){
  //setup because first time through will crash otherwise
  props.settings.flowTime = !props.settings.flowTime ? "25" : props.settings.flowTime;
  props.settings.shortBreakTime = !props.settings.shortBreakTime ? "5" : props.settings.shortBreakTime;
  props.settings.longBreakTime = !props.settings.longBreakTime ? "15" : props.settings.longBreakTime;

  return(
    <Page>
      <Section
        title={<Text bold align="center">WorkFlow Settings</Text>}>
        <Text>Flow Time in minutes</Text>
        <Button label="+" onClick={()=> {
            let t = parseInt(props.settings.flowTime) + 1;
            props.settingsStorage.setItem('flowTime', t.toString());
        }}/>
        <Text align="center">{props.settings.flowTime}</Text>
        <Button label="-" onClick={()=> {
            if (props.settings.flowTime > 1){
              let t = parseInt(props.settings.flowTime) - 1;
              props.settingsStorage.setItem('flowTime', t.toString());
            }
         }}/>

        <Text>Short Break Time in minutes</Text>
        <Button label="+" onClick={()=> {
            let t = parseInt(props.settings.shortBreakTime) + 1;
            props.settingsStorage.setItem('shortBreakTime', t.toString());
        }}/>
        <Text align="center">{props.settings.shortBreakTime}</Text>
        <Button label="-" onClick={()=> {
            if (props.settings.shortBreakTime > 1){
              let t = parseInt(props.settings.shortBreakTime) - 1;
              props.settingsStorage.setItem('shortBreakTime', t.toString());
            }
         }}/>

        <Text>Long Break Time in minutes</Text>
        <Button label="+" onClick={()=> {
            let t = parseInt(props.settings.longBreakTime) + 1;
            props.settingsStorage.setItem('longBreakTime', t.toString());
        }}/>
        <Text align="center">{props.settings.longBreakTime}</Text>
        <Button label="-" onClick={()=> {
            if (props.settings.longBreakTime > 1){
              let t = parseInt(props.settings.longBreakTime) - 1;
              props.settingsStorage.setItem('longBreakTime', t.toString());
            }
         }}/>
      </Section>
    </Page>
  );
}


registerSettingsPage(Settings);