Use colours to denote Appends that have not been Uploaded, yet

[kgashok]

Right now, the user could potentially refresh something and some appends might get lost.

[kgashok]

The approach I shall take is as follows:

type alias Model =
    { filePath : String
    , ...
    , postsToUpload : Maybe String
    }

and textarea in View as follows:

textarea
                [ class "height-adjusting-textarea"
                , id "update"
                , placeholder "Update?"
                , onInput UpdateStatus
                , value model.status
                ]
                []

If postToUpload is not Nothing, then I will change the backgorund colour of textarea with id update to be changed to yellow.

How do I go about doing this?

Options

• Use CSS?
• Use Elm to do the update?

Which one is the preferred way to do it? And I would like help to accomplish it both ways.

[kgashok]

Getting input from Slack Elm

• http://package.elm-lang.org/packages/elm-lang/html/2.0.0/Html-Attributes#classList