Updating a game using Forms and Elements for input to Elm 0.17

[Tobias Hermann]

Hi,

here I have this game "pick and gloat" (source, online version) I would like to update from Elm 0.16 to Elm 0.17. It uses Forms and Elements to position stuff that can be tapped/clicked. It does not even use the removed Touch package, but Html.Events.on "touchstart" etc. instead. Nevertheless I find the task extremely difficult, because everything was based on the fact that Html could be converted to Element, which no longer is possible.

How would you approach such a problem? I can hardly believe that positioning everything manually low-level style with divs and css can be the way to go.

Could one abstract this away to get the old functionality back?

Any help would be appreciated. I am quite desperate. :D

Tobias

[Tobias Hermann]

Btw, it is not just this game, that worries me. In our company we internally use a tool written in Elm. I can not post its source code. But It has buttons, input fields etc., and they all are embedded in a quite deep structure of Elements (flow down, flow right, etc.). Since I have to extend this tool quite regularly, I of course want to update it to Elm 0.17 too. Right now I have no idea how to do this without rewriting the view parts entirely.

Here is a minimal example showing my problem:

The following was possible in Elm 0.16:

source: http://daiw.de/share/elm/html_to_element_problem_0.17/Main.elm

online version: http://daiw.de/share/elm/html_to_element_problem_0.17/index.html

How can I convert this to 0.17?