{"id":15059655,"url":"https://github.com/werner/diyalog","last_synced_at":"2026-01-02T22:11:21.678Z","repository":{"id":62419673,"uuid":"79848862","full_name":"werner/diyalog","owner":"werner","description":"Elm dialog","archived":false,"fork":false,"pushed_at":"2017-02-06T23:04:29.000Z","size":85,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-01-21T19:48:34.413Z","etag":null,"topics":["elm","elm-language"],"latest_commit_sha":null,"homepage":null,"language":"Elm","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/werner.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-01-23T21:15:12.000Z","updated_at":"2017-02-06T18:12:22.000Z","dependencies_parsed_at":"2022-11-01T17:01:53.298Z","dependency_job_id":null,"html_url":"https://github.com/werner/diyalog","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/werner%2Fdiyalog","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/werner%2Fdiyalog/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/werner%2Fdiyalog/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/werner%2Fdiyalog/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/werner","download_url":"https://codeload.github.com/werner/diyalog/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243681083,"owners_count":20330155,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["elm","elm-language"],"created_at":"2024-09-24T22:46:21.819Z","updated_at":"2026-01-02T22:11:21.630Z","avatar_url":"https://github.com/werner.png","language":"Elm","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Diyalog - A css independient Elm modal\n\n## Examples\n\nAll examples are included in examples folder\n\n## Instalation\n\n```\nelm package install werner/diyalog\n```\n\n## Quick Guide\n\n```elm\nmodule Basic exposing (..)\n\nimport Html exposing (..)\nimport Html.Attributes exposing (..)\nimport Html.Events exposing (on, onClick, targetValue)\nimport Diyalog exposing (..)\nimport Diyalog.Message exposing (..)\nimport Random\n\ntype Msg = DiyalogMsg Diyalog.Message.Msg\n         | ChangeNumber Int\n\ntype alias Model = { modal : Diyalog.Model Msg, numberRandom : Int }\n\nview : Model -\u003e Html Msg\nview model = \n    div [] [ button [ id \"my-btn\"\n                    , onClick \u003c| DiyalogMsg Diyalog.Message.ShowingModal ]\n                    [ text \"Open Modal\" ]\n           , p [] []\n           , div [] [ text \u003c| \"Mi number:\" ++ toString model.numberRandom ]\n           , Diyalog.view DiyalogMsg model.modal\n           ]\n\nupdate : Msg -\u003e Model -\u003e ( Model, Cmd Msg)\nupdate msg model =\n    case msg of\n        DiyalogMsg msgModal -\u003e\n            case msgModal of\n                OkModal -\u003e\n                    let (updateModal, cmd) = Diyalog.update msgModal model.modal\n                    in\n                        ( { model | modal = updateModal }, Random.generate ChangeNumber (Random.int 1 20) )\n                _ -\u003e\n                    let (updateModal, cmd) = Diyalog.update msgModal model.modal\n                    in\n                        ( { model | modal = updateModal }, Cmd.none )\n\n        ChangeNumber i -\u003e\n            ( { model | numberRandom = i}, Cmd.none )\n\nsubscriptions : Model -\u003e Sub Msg\nsubscriptions model =\n    Sub.batch [ Sub.map DiyalogMsg ( Diyalog.subscriptions model.modal ) ]\n\ninitial : Model\ninitial = let initialModal = Diyalog.initial DiyalogMsg\n          in { modal = { initialModal | headerTitle = \"My awesome Title\"\n                                      , body = simpleBody }\n             , numberRandom = 0 }\n\nmain : Program Never Model Msg\nmain =\n    program\n      {\n        init = ( initial, Cmd.none )\n      , view = view\n      , update = update\n      , subscriptions = subscriptions\n      }\n\nsimpleBody : Html Msg\nsimpleBody = p [] [ text \" A modal example\" ]\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwerner%2Fdiyalog","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwerner%2Fdiyalog","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwerner%2Fdiyalog/lists"}