{"action":"created","issue":{"url":"https://api.github.com/repos/bollwyvl/dangerous-playgrounds/issues/1","repository_url":"https://api.github.com/repos/bollwyvl/dangerous-playgrounds","labels_url":"https://api.github.com/repos/bollwyvl/dangerous-playgrounds/issues/1/labels{/name}","comments_url":"https://api.github.com/repos/bollwyvl/dangerous-playgrounds/issues/1/comments","events_url":"https://api.github.com/repos/bollwyvl/dangerous-playgrounds/issues/1/events","html_url":"https://github.com/bollwyvl/dangerous-playgrounds/issues/1","id":131048564,"number":1,"title":"Could you add declarativewidgets as part of the playground?","user":{"login":"lbustelo","id":2474841,"avatar_url":"https://avatars.githubusercontent.com/u/2474841?v=3","gravatar_id":"","url":"https://api.github.com/users/lbustelo","html_url":"https://github.com/lbustelo","followers_url":"https://api.github.com/users/lbustelo/followers","following_url":"https://api.github.com/users/lbustelo/following{/other_user}","gists_url":"https://api.github.com/users/lbustelo/gists{/gist_id}","starred_url":"https://api.github.com/users/lbustelo/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/lbustelo/subscriptions","organizations_url":"https://api.github.com/users/lbustelo/orgs","repos_url":"https://api.github.com/users/lbustelo/repos","events_url":"https://api.github.com/users/lbustelo/events{/privacy}","received_events_url":"https://api.github.com/users/lbustelo/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2016-02-03T14:53:56Z","updated_at":"2016-02-13T19:03:38Z","closed_at":null,"body":"@bollwyvl Would love to see https://github.com/jupyter-incubator/declarativewidgets represented in your playground. We actually did a couple of examples where we combined Bokeh and declarativewidgets.\r\n\r\n- http://jupyter.cloudet.xyz/notebooks/declarativewidgets/examples/BokehUrthBasic.ipynb\r\n- http://jupyter.cloudet.xyz/notebooks/declarativewidgets/examples/ArxivBokeh.ipynb\r\n\r\nReach out with any questions, or let me know if you are open to a PR."},"comment":{"url":"https://api.github.com/repos/bollwyvl/dangerous-playgrounds/issues/comments/183726475","html_url":"https://github.com/bollwyvl/dangerous-playgrounds/issues/1#issuecomment-183726475","issue_url":"https://api.github.com/repos/bollwyvl/dangerous-playgrounds/issues/1","id":183726475,"user":{"login":"bollwyvl","id":45380,"avatar_url":"https://avatars.githubusercontent.com/u/45380?v=3","gravatar_id":"","url":"https://api.github.com/users/bollwyvl","html_url":"https://github.com/bollwyvl","followers_url":"https://api.github.com/users/bollwyvl/followers","following_url":"https://api.github.com/users/bollwyvl/following{/other_user}","gists_url":"https://api.github.com/users/bollwyvl/gists{/gist_id}","starred_url":"https://api.github.com/users/bollwyvl/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bollwyvl/subscriptions","organizations_url":"https://api.github.com/users/bollwyvl/orgs","repos_url":"https://api.github.com/users/bollwyvl/repos","events_url":"https://api.github.com/users/bollwyvl/events{/privacy}","received_events_url":"https://api.github.com/users/bollwyvl/received_events","type":"User","site_admin":false},"created_at":"2016-02-13T19:03:38Z","updated_at":"2016-02-13T19:03:38Z","body":"> Take a look at this example when you get a chance. http://jupyter.cloudet.xyz/notebooks/declarativewidgets/demos/Todo_List_Tutorial.ipynb\r\n\r\nYeah, looks good. With respect to the `channel` stuff, I am personally of a mind that I would prefer to have more, richer stateful widget models than deeper integration into kernel stuff. The first important piece of that is the the dataframe/series traitlet work, but there are other things going on around.\r\n\r\nThe cadillac, in my opinion, would be something derived from this:\r\nhttps://developers.google.com/web/updates/2015/03/creating-semantic-sites-with-web-components-and-jsonld?hl=en\r\n\r\n> I hear your concern about %%html and I'm open to suggestions to provide alternative authoring techniques. \r\n\r\nWell, I think Jade is definitely worth exploring: I whacked [this magic](https://github.com/bollwyvl/jademagic) together in a half hour from a [previous thing](https://github.com/bollwyvl/yamlmagic). With it, one could write, instead:\r\n```jade\r\nlink(rel='import', href='urth_components/paper-card/paper-card.html', is='urth-core-import', package='PolymerElements/paper-card')\r\nlink(rel='import', href='urth_components/paper-item/paper-item.html', is='urth-core-import', package='PolymerElements/paper-item')\r\nlink(rel='import', href='urth_components/paper-input/paper-input.html', is='urth-core-import', package='PolymerElements/paper-input')\r\nlink(rel='import', href='urth_components/paper-icon-button/paper-icon-button.html', is='urth-core-import', package='PolymerElements/paper-icon-button')\r\nlink(rel='import', href='urth_components/paper-button/paper-button.html', is='urth-core-import', package='PolymerElements/paper-button')\r\nlink(rel='import', href='urth_components/iron-icons/iron-icons.html', is='urth-core-import', package='PolymerElements/iron-icons')\r\nlink(rel='import', href='urth_components/iron-collapse/iron-collapse.html', is='urth-core-import', package='PolymerElements/iron-collapse')\r\nstyle(is='custom-style').\r\n  paper-card {\r\n  width: 100%;\r\n  }\r\n  .list {\r\n  @apply(--layout-vertical);\r\n  }\r\ntemplate(is='urth-core-bind')\r\n  paper-card(heading='Todo List', style='width: 100%')\r\n    .card-content\r\n      .list(role='listbox')\r\n        template(is='dom-repeat', items='{{todo}}')\r\n          paper-item\r\n            urth-core-function(ref='removeTodo', arg-idx='[[index]]', onclick='this.invoke()', delay='250')\r\n              paper-icon-button(icon='clear') X\r\n            span {{item.0}}\r\n            template(is='dom-if', if='{{item.1}}')\r\n              span(style='color: gray')  ({{item.1}})\r\n        div\r\n        .card-actions\r\n          paper-button(onclick=\"newItemForm.toggle(); titleIn2.value=''; dueDateIn2.value=''\") New Item\r\n          iron-collapse#newItemForm\r\n            .content\r\n              paper-input#titleIn2(label='Title', value='{{title}}')\r\n              paper-input#dueDateIn2(label='Due Date', value='{{dueDate}}')\r\n              div(style='text-align: right; margin: 10px 20px')\r\n                urth-core-function(ref='addTodo', arg-title='{{title}}', arg-date='{{dueDate}}', onclick='this.invoke();', delay='250')\r\n                  paper-button(raised='', onclick='newItemForm.toggle()')\r\n                    iron-icon(icon='add')\r\n                    | Add Item\r\n```\r\nWith a touch more work, one could have even shorter syntax for certain key activites."}}