You can find a working version of the full application here.
To get started with using the component on your HTML page, you will need three things:
To deviate from the standard app configurations you can provide your own Json file that follows the structure of the one provided:
{
"tenantCode": "dignity-health",
"migrationBaseUrl": "https://sandboxcernerhealth.com/oauth/authenticate",
"migrationRedirectionUrl": "http%3A%2F%2Fmedicalrecords-dev.dignityhealthppe.org%2F",
"tealiumScriptSrc": "https://tags.tiqcdn.com/utag/dignityhealth/commonspirit/dev/utag.js",
"theme": {
"font": {
"family": "",
"cssUrl": "https://use.typekit.net/dfg1mni.css"
},
"colorPalette": ""
}
}
Attribute | Description | Type | Required | App Default |
---|---|---|---|---|
tenantCode | Identifies the hosting app | string | false | none |
migrationBaseUrl | Endpoint to authenticate with migration app | string | false (true to | none |
enable migration) | ||||
migrationRedirectionUrl | Url of the migration app | string | false (true for | none |
enable migration) | ||||
tealiumScriptSrc | Url of the script to register on the page to | string | false (true to | none |
record user/site metrics | enable metrics) | |||
theme | Overrides the theme | object | false | |
> font | Overrides the font | object | false | |
> > family | Overrides font-family of app & colorPalette | string | false | trade-gothic-next, 'Trade Gothic |
Next LT Pro', 'myriad-pro', Arial, | ||||
'Helvetica Neue', Helvetica, | ||||
sans-serif | ||||
> > cssUrl | Url of file that declares all the font-faces | string | true (to have | none |
of a font (default renders Trade Gothic Next) | default/custom font) | |||
> colorPalette | One of a few known css classes that sets | string | false | dhcl-dignity-health |
font-family & colors in the app. | ||||
Current possible values: | ||||
dhcl-dignity-health, dhcl-chi-health, | ||||
dhcl-common-spirit, dhcl-virginia-mason, | ||||
dhcl-neutral |
Once added to the page, your code snippet will look like this:
<dhmr-root configuration-url="[url to the json file]"></dhmr-root>
<script type="text/javascript" src="[url to the app]/medical-records.js"></script>
Please note that dhmr-root must come first.