{"action":"created","issue":{"url":"https://api.github.com/repos/muut/riotjs/issues/495","labels_url":"https://api.github.com/repos/muut/riotjs/issues/495/labels{/name}","comments_url":"https://api.github.com/repos/muut/riotjs/issues/495/comments","events_url":"https://api.github.com/repos/muut/riotjs/issues/495/events","html_url":"https://github.com/muut/riotjs/issues/495","id":60709109,"number":495,"title":"[Question] How to implement modal dialog with riotjs?","user":{"login":"txchen","id":713074,"avatar_url":"https://avatars.githubusercontent.com/u/713074?v=3","gravatar_id":"","url":"https://api.github.com/users/txchen","html_url":"https://github.com/txchen","followers_url":"https://api.github.com/users/txchen/followers","following_url":"https://api.github.com/users/txchen/following{/other_user}","gists_url":"https://api.github.com/users/txchen/gists{/gist_id}","starred_url":"https://api.github.com/users/txchen/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/txchen/subscriptions","organizations_url":"https://api.github.com/users/txchen/orgs","repos_url":"https://api.github.com/users/txchen/repos","events_url":"https://api.github.com/users/txchen/events{/privacy}","received_events_url":"https://api.github.com/users/txchen/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2015-03-11T18:42:55Z","updated_at":"2015-03-11T20:55:25Z","closed_at":"2015-03-11T20:55:25Z","body":"A dumb question from js rookie: What's the recommended way to implement modal dialog with Riotjs?\r\n\r\nI found most existing solutions use jQuery, I don't think it is a good match with Riot's tag style.\r\n\r\nSuppose I have a pre-defined dialog dom structure in the tag, by default it is not showing, and I defined the eventHandlers for cancel/submit buttons, like:\r\n\r\n```html\r\n<div id=\"mydialog\" show={isDialogShowing}>\r\n  <form>\r\n    <input type=\"text\">\r\n    <button onclick={submit}>Submit</button>\r\n  </form>\r\n</div>\r\n```\r\n\r\nNow how should I show this dialog as a modal (and add some animation)? Can someone shed some light? Thanks a lot!"},"comment":{"url":"https://api.github.com/repos/muut/riotjs/issues/comments/78369434","html_url":"https://github.com/muut/riotjs/issues/495#issuecomment-78369434","issue_url":"https://api.github.com/repos/muut/riotjs/issues/495","id":78369434,"user":{"login":"GianlucaGuarini","id":879612,"avatar_url":"https://avatars.githubusercontent.com/u/879612?v=3","gravatar_id":"","url":"https://api.github.com/users/GianlucaGuarini","html_url":"https://github.com/GianlucaGuarini","followers_url":"https://api.github.com/users/GianlucaGuarini/followers","following_url":"https://api.github.com/users/GianlucaGuarini/following{/other_user}","gists_url":"https://api.github.com/users/GianlucaGuarini/gists{/gist_id}","starred_url":"https://api.github.com/users/GianlucaGuarini/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/GianlucaGuarini/subscriptions","organizations_url":"https://api.github.com/users/GianlucaGuarini/orgs","repos_url":"https://api.github.com/users/GianlucaGuarini/repos","events_url":"https://api.github.com/users/GianlucaGuarini/events{/privacy}","received_events_url":"https://api.github.com/users/GianlucaGuarini/received_events","type":"User","site_admin":false},"created_at":"2015-03-11T20:55:25Z","updated_at":"2015-03-11T20:55:25Z","body":"good"}}