{"__v":15,"_id":"564d1afb4567342100ad96c2","category":{"__v":2,"_id":"564d1af94567342100ad96ad","pages":["564d1afb4567342100ad96c0","564d1afb4567342100ad96c1","564d1afb4567342100ad96c2","564d1afb4567342100ad96c3","564d1c209f8c5c0d00245e15"],"project":"551375e1d04af219007ddc52","version":"564d1af84567342100ad96aa","sync":{"url":"","isSync":false},"reference":false,"createdAt":"2015-03-27T02:56:41.497Z","from_sync":false,"order":2,"slug":"authenticating-users","title":"Authenticating Users"},"project":"551375e1d04af219007ddc52","user":"551375a3d04af219007ddc50","version":{"__v":1,"_id":"564d1af84567342100ad96aa","project":"551375e1d04af219007ddc52","createdAt":"2015-11-19T00:42:32.705Z","releaseDate":"2015-11-19T00:42:32.705Z","categories":["564d1af94567342100ad96ab","564d1af94567342100ad96ac","564d1af94567342100ad96ad","564d1af94567342100ad96ae","564d1af94567342100ad96af","564d1af94567342100ad96b0","564d1af94567342100ad96b1","564d1af94567342100ad96b2"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"1.1.0","version":"1.1"},"updates":[],"next":{"pages":[],"description":""},"createdAt":"2015-03-27T02:57:31.959Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":6,"body":"[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Selecting Data Sources\"\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/LzMTwMzRHmwBXO1VDU2J_Screen%20Shot%202016-05-31%20at%204.28.44%20PM.png\",\n        \"Screen Shot 2016-05-31 at 4.28.44 PM.png\",\n        \"1392\",\n        \"821\",\n        \"#588cc4\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\nYou can choose the data sources displayed in the Human Connect popup for each application you create. To do this, visit the \"Data inputs\" section of your application, select the data sources you want to integrate with, and click \"Update\". The next time you launch the Human Connect popup it will include only those sources you selected.\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Localization\"\n}\n[/block]\nThe Human Connect popup can be served in a number of different languages based on an optional parameter `options.language` supplied to `HumanConnect.open(options)`.  The default is English (`en`)\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"var options = { \\n  ...\\n  language: 'es',\\n  ...\\n}\\nHumanConnect.open(options);\",\n      \"language\": \"javascript\",\n      \"name\": \"Web\"\n    },\n    {\n      \"code\": \"language=es  //query paramter\",\n      \"language\": \"text\",\n      \"name\": \"Cordova\"\n    },\n    {\n      \"code\": \"//Add to Bundle for Connect intent\\nHashMap<String, String> options = new HashMap<String, String>();\\noptions.put(\\\"language\\\", \\\"es\\\");\\nb.putSerializable(\\\"options\\\", options);\",\n      \"language\": \"java\",\n      \"name\": \"Android\"\n    },\n    {\n      \"code\": \"//Add to HumanConnectViewController options\\nhcvc.options = [NSDictionary dictionaryWithObjectsAndKeys:\\n                    :::at:::\\\"es\\\",@\\\"language\\\",\\n                    nil];\",\n      \"language\": \"objectivec\",\n      \"name\": \"iOS\"\n    }\n  ]\n}\n[/block]\nToday we support the languages listed below. If you would like to add an additional language, please [send us an email](mailto:support@humanapi.co).\n[block:parameters]\n{\n  \"data\": {\n    \"h-0\": \"Language\",\n    \"h-1\": \"Param Value\",\n    \"0-0\": \"English\",\n    \"0-1\": \"`en`\",\n    \"1-0\": \"Spanish\",\n    \"1-1\": \"`es`\",\n    \"2-0\": \"French\",\n    \"2-1\": \"`fr`\",\n    \"3-0\": \"German\",\n    \"3-1\": \"`de`\",\n    \"4-0\": \"Danish\",\n    \"4-1\": \"`da`\",\n    \"5-0\": \"Portuguese (Brazilian)\",\n    \"5-1\": \"`pt-BR`\",\n    \"6-0\": \"Turkish\",\n    \"6-1\": \"`tr`\",\n    \"7-0\": \"Chinese (Simplified)\",\n    \"7-1\": \"`zh-CN`\"\n  },\n  \"cols\": 2,\n  \"rows\": 8\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Modal View\"\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"caption\": \"Connect Modal Popup\",\n      \"image\": [\n        \"https://files.readme.io/8LRgiGG6T0OE8AgV7Usr_wellnessKannectChrome.png\",\n        \"wellnessKannectChrome.png\",\n        \"691\",\n        \"360\",\n        \"#3e7bd9\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\nYou can render Connect as a centered modal window by setting the `options.modal` parameter to `1` before rendering the popup.\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"var options = { \\n  ...\\n  modal: 1,\\n  ...\\n}\\nHumanConnect.open(options);\",\n      \"language\": \"javascript\",\n      \"name\": \"Web\"\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Data Type\"\n}\n[/block]\nBy default, when you enable Medical Records Connect will show a search interface. If you would also like to display Connect as a list for Wellness data sources, you can pass the following in to `HumanConnect.open`:\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"var options = {\\n  ...\\n  mode: `wellness`,\\n  ...\\n}\\nHumanConnect.open(options);\",\n      \"language\": \"javascript\",\n      \"name\": \"Web\"\n    },\n    {\n      \"code\": \"mode=wellness //query parameter\",\n      \"language\": \"http\",\n      \"name\": \"Cordova\"\n    },\n    {\n      \"code\": \"//Add to Bundle for Connect intent\\nHashMap<String, String> options = new HashMap<String, String>();\\noptions.put(\\\"mode\\\", \\\"wellness\\\");\\nb.putSerializable(\\\"options\\\", options);\",\n      \"language\": \"java\",\n      \"name\": \"Android\"\n    },\n    {\n      \"code\": \"//Add to HumanConnectViewController options\\nhcvc.options = [NSDictionary dictionaryWithObjectsAndKeys:\\n                    @\\\"wellness\\\",@\\\"mode\\\",\\n                    nil];\",\n      \"language\": \"objectivec\",\n      \"name\": \"iOS\"\n    }\n  ]\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"info\",\n  \"body\": \"Wellness sources are still available via search query when using the Medical search interface.\",\n  \"title\": \"Wellness Source Search\"\n}\n[/block]","excerpt":"Details what can be done to customize the Human Connect popup","slug":"customizing-human-connect","type":"basic","title":"Customizing Human Connect"}

Customizing Human Connect

Details what can be done to customize the Human Connect popup

[block:api-header] { "type": "basic", "title": "Selecting Data Sources" } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/LzMTwMzRHmwBXO1VDU2J_Screen%20Shot%202016-05-31%20at%204.28.44%20PM.png", "Screen Shot 2016-05-31 at 4.28.44 PM.png", "1392", "821", "#588cc4", "" ] } ] } [/block] You can choose the data sources displayed in the Human Connect popup for each application you create. To do this, visit the "Data inputs" section of your application, select the data sources you want to integrate with, and click "Update". The next time you launch the Human Connect popup it will include only those sources you selected. [block:api-header] { "type": "basic", "title": "Localization" } [/block] The Human Connect popup can be served in a number of different languages based on an optional parameter `options.language` supplied to `HumanConnect.open(options)`. The default is English (`en`) [block:code] { "codes": [ { "code": "var options = { \n ...\n language: 'es',\n ...\n}\nHumanConnect.open(options);", "language": "javascript", "name": "Web" }, { "code": "language=es //query paramter", "language": "text", "name": "Cordova" }, { "code": "//Add to Bundle for Connect intent\nHashMap<String, String> options = new HashMap<String, String>();\noptions.put(\"language\", \"es\");\nb.putSerializable(\"options\", options);", "language": "java", "name": "Android" }, { "code": "//Add to HumanConnectViewController options\nhcvc.options = [NSDictionary dictionaryWithObjectsAndKeys:\n @\"es\",@\"language\",\n nil];", "language": "objectivec", "name": "iOS" } ] } [/block] Today we support the languages listed below. If you would like to add an additional language, please [send us an email](mailto:support@humanapi.co). [block:parameters] { "data": { "h-0": "Language", "h-1": "Param Value", "0-0": "English", "0-1": "`en`", "1-0": "Spanish", "1-1": "`es`", "2-0": "French", "2-1": "`fr`", "3-0": "German", "3-1": "`de`", "4-0": "Danish", "4-1": "`da`", "5-0": "Portuguese (Brazilian)", "5-1": "`pt-BR`", "6-0": "Turkish", "6-1": "`tr`", "7-0": "Chinese (Simplified)", "7-1": "`zh-CN`" }, "cols": 2, "rows": 8 } [/block] [block:api-header] { "type": "basic", "title": "Modal View" } [/block] [block:image] { "images": [ { "caption": "Connect Modal Popup", "image": [ "https://files.readme.io/8LRgiGG6T0OE8AgV7Usr_wellnessKannectChrome.png", "wellnessKannectChrome.png", "691", "360", "#3e7bd9", "" ] } ] } [/block] You can render Connect as a centered modal window by setting the `options.modal` parameter to `1` before rendering the popup. [block:code] { "codes": [ { "code": "var options = { \n ...\n modal: 1,\n ...\n}\nHumanConnect.open(options);", "language": "javascript", "name": "Web" } ] } [/block] [block:api-header] { "type": "basic", "title": "Data Type" } [/block] By default, when you enable Medical Records Connect will show a search interface. If you would also like to display Connect as a list for Wellness data sources, you can pass the following in to `HumanConnect.open`: [block:code] { "codes": [ { "code": "var options = {\n ...\n mode: `wellness`,\n ...\n}\nHumanConnect.open(options);", "language": "javascript", "name": "Web" }, { "code": "mode=wellness //query parameter", "language": "http", "name": "Cordova" }, { "code": "//Add to Bundle for Connect intent\nHashMap<String, String> options = new HashMap<String, String>();\noptions.put(\"mode\", \"wellness\");\nb.putSerializable(\"options\", options);", "language": "java", "name": "Android" }, { "code": "//Add to HumanConnectViewController options\nhcvc.options = [NSDictionary dictionaryWithObjectsAndKeys:\n @\"wellness\",@\"mode\",\n nil];", "language": "objectivec", "name": "iOS" } ] } [/block] [block:callout] { "type": "info", "body": "Wellness sources are still available via search query when using the Medical search interface.", "title": "Wellness Source Search" } [/block]