Elm-orderingcode

a user interface for selecting an orderingcode

to do list

• Change example datastructure in pure-dropdown from coutry-city to apparaat-bouwgrootte
• check scaling of datastructure, reading Medium, impossible
• Add a hoverstyle and pointing arrow on the rolled out dropbox items
• implement CSS via style-elements
• some styles from pure-dropdown are not transferred, especially the other dropdown position is falling down together with dropdown of the selected. WHY??
• do we need a classList [(style,True), (OtherStyle, model.sel == ?)] instead of a class ..?
• refactor pureUpdate from update to get rid of the (pureUpdate, Cmd.none) tuple
• use pipelined update function billperegoy and noCmd for (Model, Cmd.none)-tuple WouterIntVelt
• refactor model as in above article (is also scale item above)
• refactor dropdown+style-elements with example of Matt using myMixin, see below
• Make top div for dispay of total orderingcode selected
• make button for reset to start fresh again
• For keybinding/shortcuts, and possibly keyboard input implement elm-lang/keyboard
• implement Drag + Drop for image selector Medium, drag+drop
• or via github, style-animation / package, style-animation or even draggable-tabs
• Form validation (for log-in) check Medium Article and lib

tip from elm-discuss

You can create a mixin as a function.

myMixin : Style.Model -> Style.Model
myMixin style =
    { style
        | visibility = hidden
    }

myMixinColor : Style.Model -> Style.Model
myMixinColor style =
    { style
        | colors = palette.blue
    }


dropDown : List (Html.Attribute a) -> List (Element a) -> Element a
dropDown =
    element
        ({ base
            | width = px 300
            , padding = all 20
            , spacing = topBottom 40
         }
            |> myMixin
            |> myMixinColor
        )

Packages used

• This project is bootstrapped with Create Elm App, see this post
• First start is implementing the pure dropdown from Wouter In't Velt, see his post
• CSS is styled via style-elements