{"action":"created","issue":{"url":"https://api.github.com/repos/galaxyproject/galaxy/issues/1064","labels_url":"https://api.github.com/repos/galaxyproject/galaxy/issues/1064/labels{/name}","comments_url":"https://api.github.com/repos/galaxyproject/galaxy/issues/1064/comments","events_url":"https://api.github.com/repos/galaxyproject/galaxy/issues/1064/events","html_url":"https://github.com/galaxyproject/galaxy/pull/1064","id":116424937,"number":1064,"title":"[WIP] introduce intro.js introductions","user":{"login":"martenson","id":1814954,"avatar_url":"https://avatars.githubusercontent.com/u/1814954?v=3","gravatar_id":"","url":"https://api.github.com/users/martenson","html_url":"https://github.com/martenson","followers_url":"https://api.github.com/users/martenson/followers","following_url":"https://api.github.com/users/martenson/following{/other_user}","gists_url":"https://api.github.com/users/martenson/gists{/gist_id}","starred_url":"https://api.github.com/users/martenson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/martenson/subscriptions","organizations_url":"https://api.github.com/users/martenson/orgs","repos_url":"https://api.github.com/users/martenson/repos","events_url":"https://api.github.com/users/martenson/events{/privacy}","received_events_url":"https://api.github.com/users/martenson/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/galaxyproject/galaxy/labels/status/WIP","name":"status/WIP","color":"fbca04"}],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2015-11-11T21:27:41Z","updated_at":"2015-12-02T13:34:04Z","closed_at":"2015-12-02T13:34:04Z","pull_request":{"url":"https://api.github.com/repos/galaxyproject/galaxy/pulls/1064","html_url":"https://github.com/galaxyproject/galaxy/pull/1064","diff_url":"https://github.com/galaxyproject/galaxy/pull/1064.diff","patch_url":"https://github.com/galaxyproject/galaxy/pull/1064.patch"},"body":"This is WIP of adjusted @bgruening's implementation of intro.js into Galaxy.\r\n\r\n*looking for feedback*\r\n\r\n## Concept\r\n\r\nEach step in the introduction yml config looks similar to this:\r\n\r\n```\r\n  element: \"textarea#text-content\"\r\n  intro: \"Insert data into Galaxy.\"\r\n  position: \"top\"\r\n  textinsert: 'https://raw.githubusercontent.com/arq5x/bedtools/master/test/merge/a.full.bed'\r\n  postclick: \"textarea#text-content\"\r\n```\r\n\r\n## Testing\r\nTo test you have to add the following line to the config\r\n`introduction_tutorials_config_dir = config/plugins/interactive_tutorials`\r\n\r\nAfter start you will have a new menu item under 'Shared data' the `Interactive tutorials`.\r\n\r\nFrom the list of available tutorials the best one for testing is `galaxy_ui.yml`\r\n\r\n## Modifications of intro.js\r\nadded functions to allow intro config specify the following:\r\n`textinsert` insert given text to the `element` of the introjs step\r\n`preclick` triggers given selector before showing step\r\n`postclick` triggers given selector after showing step\r\n\r\n## Known issues\r\n\r\nThere are problems with z-index - especially when trying to highlight something in the modal. Discussed at https://github.com/usablica/intro.js/issues/109 and many other places. I tried few hacks but did not find a plausible solution yet. \r\nYou can replicate it by running the `galaxy_ui.yml` intro. It will upload fetch a url using the upload modal but the modal itself will be invisible because of Z-index.\r\n\r\n\r\nThis is not yet production ready (e.g. hardpasting modified intro.js instead of bowering fork, css is separated, needs rebase etc.)"},"comment":{"url":"https://api.github.com/repos/galaxyproject/galaxy/issues/comments/161290785","html_url":"https://github.com/galaxyproject/galaxy/pull/1064#issuecomment-161290785","issue_url":"https://api.github.com/repos/galaxyproject/galaxy/issues/1064","id":161290785,"user":{"login":"dannon","id":155398,"avatar_url":"https://avatars.githubusercontent.com/u/155398?v=3","gravatar_id":"","url":"https://api.github.com/users/dannon","html_url":"https://github.com/dannon","followers_url":"https://api.github.com/users/dannon/followers","following_url":"https://api.github.com/users/dannon/following{/other_user}","gists_url":"https://api.github.com/users/dannon/gists{/gist_id}","starred_url":"https://api.github.com/users/dannon/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/dannon/subscriptions","organizations_url":"https://api.github.com/users/dannon/orgs","repos_url":"https://api.github.com/users/dannon/repos","events_url":"https://api.github.com/users/dannon/events{/privacy}","received_events_url":"https://api.github.com/users/dannon/received_events","type":"User","site_admin":false},"created_at":"2015-12-02T13:34:04Z","updated_at":"2015-12-02T13:34:04Z","body":"Closing this for now due to conflicts and other issues talked about (using a different library which won't require customizations, etc).  I have a different implementation that I've talked about with Bjoern at length that I'm polishing up and will open a PR for when I'm back in town."}}