LookupLab-UI

LookupLab-UI is the frontend complement to LookupLab.

This tool has been tailored to Magenta Health's needs, but some basic configuration options have been provided for organizations that wish to leverage what we have built. Further customizations may require more extensive code changes.

Requirements

• node.js 6+
• npm (comes bundled with node.js)
• Java SDK 11+

Development

npm install
npx shadow-cljs watch app

Watch and compile sass

npx sass --watch public/sass/site.scss:public/css/site.css

Start a ClojureScript REPL

npx shadow-cljs browser-repl

Configuration

public/index.html contains some basic configuration options.

• apiURL - the base URL of your LookupLab deployment
• siteURL - your website's URL
• audienceConfig - controls what groups of triggers are available ("all", "patients", or "others")
• orgName - your oranization's name
• homePage - your organization's homepage
• bookingPage - your organization's appointment booking page
• resourcesPage - your organization's patient resources page
• registrationPage - your organization's patient registration page
• thirdPartyPage - your organization's page with information for third parties
• prompts - an array of prompts that will display above the search bar
• placeholders - an array of example searches that will display in the search bar

Packaging / Deployment

npx shadow-cljs release app
npx sass public/sass/site.scss:public/css/site.css

This will create two files - public/js/app.js and public/css/site.css.

The app can be published anywhere - as its own standalone page or within another existing page - so long as the necessary resources, configuration, and HTML elements are included. See public/index.html for an example setup.

Resources

• Bulma - CSS framework
• Ficons - icons

Configuration

See above

HTML elements

The following HTML needs to be included in your webpage in order for the app to render correctly.

<div id="app">
  <div class="app-loader-container">
    <span class="app-loader"></span>
  </div>
</div>

License

Copyright © 2022-2023 Magenta Health Inc.
Authored by Carmen La.

This software is distributed under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.