{"action":"created","issue":{"url":"https://api.github.com/repos/ManageIQ/ui-components/issues/78","repository_url":"https://api.github.com/repos/ManageIQ/ui-components","labels_url":"https://api.github.com/repos/ManageIQ/ui-components/issues/78/labels{/name}","comments_url":"https://api.github.com/repos/ManageIQ/ui-components/issues/78/comments","events_url":"https://api.github.com/repos/ManageIQ/ui-components/issues/78/events","html_url":"https://github.com/ManageIQ/ui-components/pull/78","id":239444065,"number":78,"title":"[WIP] Introducing the fonticon picker component","user":{"login":"skateman","id":649130,"avatar_url":"https://avatars2.githubusercontent.com/u/649130?v=3","gravatar_id":"","url":"https://api.github.com/users/skateman","html_url":"https://github.com/skateman","followers_url":"https://api.github.com/users/skateman/followers","following_url":"https://api.github.com/users/skateman/following{/other_user}","gists_url":"https://api.github.com/users/skateman/gists{/gist_id}","starred_url":"https://api.github.com/users/skateman/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/skateman/subscriptions","organizations_url":"https://api.github.com/users/skateman/orgs","repos_url":"https://api.github.com/users/skateman/repos","events_url":"https://api.github.com/users/skateman/events{/privacy}","received_events_url":"https://api.github.com/users/skateman/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":3,"created_at":"2017-06-29T11:11:00Z","updated_at":"2017-07-03T07:12:13Z","closed_at":null,"pull_request":{"url":"https://api.github.com/repos/ManageIQ/ui-components/pulls/78","html_url":"https://github.com/ManageIQ/ui-components/pull/78","diff_url":"https://github.com/ManageIQ/ui-components/pull/78.diff","patch_url":"https://github.com/ManageIQ/ui-components/pull/78.patch"},"body":"A button-like element for selecting a fonticon from multiple font families. This initial implementation provides a hidden input field to store the selected icon for the compatibility with our non-angular custom button form. This part should probably refactored in the future after we converted the custom button form to angular.\r\n![screenshot from 2017-06-29 12-09-58](https://user-images.githubusercontent.com/649130/27682727-ed9f6748-5cc3-11e7-9861-62231f107460.png)\r\nIf you click on the right caret next to the fonticon, it displays a modal where you can select a fonticon from multiple font families:\r\n![screenshot from 2017-06-29 12-10-05](https://user-images.githubusercontent.com/649130/27682726-ed9ad6a6-5cc3-11e7-921e-fdf51964b438.png)\r\n\r\n**Usage:**\r\n```html\r\n<miq-fonticon-picker input-name=\"foo\" btn-class=\"bar\" selected=\"fa fa-info\">\r\n  <miq-fonticon-family selector=\"fa\" title=\"Font Awesome\"></miq-fonticon-family>\r\n  <miq-fonticon-family selector=\"glyphicon\" title=\"Glyphicons\"></miq-fonticon-family>\r\n  ...\r\n</miq-fonticon-picker>\r\n```\r\nWhere `input-name` is being used as the name of the hidden field containing the selected icon's class. The `btn-class` is set as a class on both the button and the caret, defaults to `btn-default`. And the `selected` should contain the CSS class of the initially selected icon. Inside the `<miq-fonticon-picker>` you can define multiple `<miq-fonticon-family>` components, each describing a font family with its `selector`. The families are rendered as individual tabs with their `title` attribute as the tab label.\r\n\r\n**TODO:**\r\n- [x] Implemented the basic component\r\n- [ ] Internationalization of the modal title & buttons\r\n- [ ] Styling of the icons in the modal\r\n- [ ] Add some tests & documentation\r\n\r\ncc @epwinchell, @karelhala, @himdel \r\n"},"comment":{"url":"https://api.github.com/repos/ManageIQ/ui-components/issues/comments/312566976","html_url":"https://github.com/ManageIQ/ui-components/pull/78#issuecomment-312566976","issue_url":"https://api.github.com/repos/ManageIQ/ui-components/issues/78","id":312566976,"user":{"login":"skateman","id":649130,"avatar_url":"https://avatars2.githubusercontent.com/u/649130?v=3","gravatar_id":"","url":"https://api.github.com/users/skateman","html_url":"https://github.com/skateman","followers_url":"https://api.github.com/users/skateman/followers","following_url":"https://api.github.com/users/skateman/following{/other_user}","gists_url":"https://api.github.com/users/skateman/gists{/gist_id}","starred_url":"https://api.github.com/users/skateman/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/skateman/subscriptions","organizations_url":"https://api.github.com/users/skateman/orgs","repos_url":"https://api.github.com/users/skateman/repos","events_url":"https://api.github.com/users/skateman/events{/privacy}","received_events_url":"https://api.github.com/users/skateman/received_events","type":"User","site_admin":false},"created_at":"2017-07-03T07:12:13Z","updated_at":"2017-07-03T07:12:13Z","body":"@martinpovolny or we could simply put these files into `.gitignore` and ask Travis to do the build and force add these files after each merge."}}
{"actor":{"display_login":"skateman"}}