aboutsummaryrefslogtreecommitdiff
path: root/src/View/Timer.elm
blob: 5d98fd11afb138c822c6660c40c3ecf419fdddd8 (plain)
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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
module View.Timer
  ( timerView
  ) where

import Html (..)
import Html.Attributes (..)
import Html.Events (..)
import String
import Time (Time)
import Signal
import Maybe

import Model.Model (..)
import Model.Timer (..)
import Model.TimerEdition (..)
import Model.Id (..)

import Update.Update (..)
import Update.UpdateTimer (..)

import View.ActivatedClasses (..)

import Utils.Maybe (..)

timerView : Model -> (Id, Timer) -> Html
timerView model (id, timer) =
  div
    [ class <| "timer" ++ (if timer.isRunning then " isRunning" else "") ]
    [ button
        [ class "name block" ]
        [ text timer.name ]
    , let maybeEdition = filterMaybe (\te -> te.id == id) model.timerEdition
      in  case maybeEdition of
            Just edition ->
              button
                [ class "time block edition" ]
                [ text (editionView edition.numbers) ]
            Nothing ->
              button
                [ class "time block"
                , onClick (Signal.send updates (EditTimer id))
                ]
                [ text (timeView timer.currentTime) ]
    , button
        [ class <| "restart block"
        , onClick (Signal.send updates (UpdateTimer id Restart))
        ]
        [ i [ class "fa fa-fw fa-backward" ] [] ]
    , button
        [ class <| "playPause block"
        , onClick (Signal.send updates (UpdateTimer id ToggleRunning))
        ]
        [ let icon = if timer.isRunning then "fa-pause" else "fa-play"
          in  i
                [ class <| "fa fa-fw " ++ icon ]
                []
        ]
    , button
        [ class <| "stop block"
        , onClick (Signal.send updates (UpdateTimer id Stop))
        ]
        [ i [ class "fa fa-fw fa-stop" ] [] ]
    , button
        [ class <| "remove block"
        , onClick (Signal.send updates (RemoveTimer id))
        ]
        [ i [ class "fa fa-fw fa-remove" ] [] ]
    ]

editionView : Numbers -> String
editionView numbers =
  let (minutes, seconds) = toMinutesAndSeconds numbers
  in  minutes ++ " : " ++ seconds

timeView : Time -> String
timeView time =
  let totalSeconds = truncate (time / 1000)
      totalMinutes = totalSeconds // 60
      restSeconds = totalSeconds `rem` 60
  in  (toString totalMinutes) ++ " : " ++ (String.padLeft 2 '0' (toString restSeconds))