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
81
82
83
84
85
86
87
88
89
|
module View.Form exposing
( textInput
, radioInputs
)
import Html exposing (..)
import Html.Attributes exposing (..)
import Form exposing (Form, FieldState)
import Form.Input as Input
import Form.Error as FormError exposing (Error(..))
import Msg exposing (Msg)
import LoggedData exposing (LoggedData)
import Model.Translations as Translations exposing (Translations)
import Utils.Maybe exposing (isJust)
textInput : Translations -> Form String a -> (Html Form.Msg -> Html msg) -> String -> Html msg
textInput translations form htmlMap fieldName =
let field = Form.getFieldAsString fieldName form
in div
[ classList
[ ("textInput", True)
, ("error", isJust field.liveError)
]
]
[ htmlMap <|
Input.textInput
field
[ id fieldName
, classList [ ("filled", isJust field.value) ]
]
, label
[ for fieldName ]
[ text (Translations.getMessage fieldName translations) ]
, case field.liveError of
Just error -> formError translations error
Nothing -> text ""
]
radioInputs : Translations -> Form String a -> (Html Form.Msg -> Html msg) -> String -> List String -> Html msg
radioInputs translations form htmlMap radioName fieldNames =
let field = Form.getFieldAsString radioName form
in div
[ classList
[ ("radioGroup", True)
, ("error", isJust field.liveError)
]
]
[ div
[ class "title" ]
[ text (Translations.getMessage radioName translations) ]
, div
[ class "radioElems" ]
(List.map (radioInput translations field htmlMap) fieldNames)
, case field.liveError of
Just error -> formError translations error
Nothing -> text ""
]
radioInput : Translations -> FieldState String String -> (Html Form.Msg -> Html msg) -> String -> Html msg
radioInput translations field htmlMap fieldName =
label
[ for fieldName ]
[ htmlMap <|
Input.radioInput
field.path
field
[ id fieldName
, value fieldName
, checked (field.value == Just fieldName)
]
, text (Translations.getMessage fieldName translations)
]
formError : Translations -> FormError.Error String -> Html msg
formError translations error =
let errorElement error params =
div
[ class "errorMessage" ]
[ text (Translations.getParamMessage params error translations) ]
in case error of
CustomError key -> errorElement key []
SmallerIntThan n -> errorElement "SmallerIntThan" [toString n]
GreaterIntThan n -> errorElement "GreaterIntThan" [toString n]
error -> errorElement (toString error) []
|
