This is a patient portal project for Calypso and UDN
iobio / patient_portal Goto Github PK
View Code? Open in Web Editor NEWThis is a patient portal project for Calypso and UDN
This is a patient portal project for Calypso and UDN
We want to be sure events don't overlap each other when the timeline is rescaled. One solution to try. In a month section, left align all the events and stack them vertically. The events would be ordered chronologically - e.g. the top event is the first event of the month etc. Make sure text for events remains inside the lines for its month so they can't overlap with other events in other months. Play with this view at different scales
Need to address several scenarios:
1, Maybe only one or none event happened in whole year
2, Show the whole time range together on UI view instead of showing long time range by scroll bar
3, Consider how to show the event time if the timestamp itself is also PHI
4, How to solve 'events happened same time', maybe stack them on view?
Trial inclusion of a table view in the timeline perhaps using tabs. The table should include columns for Event name, date, event category
Some events are not single points in time, but have a start and end point. For example, we could have an event called MOSC (Model Organisms Screening Center). This would indicate when a sample was sent to the MOSC, but the event doesn't end until the MOSC completes its study. This could be an event that requires both a start and end date, and is displayed as a horizontal in the lower (scrollable) section and a different way in the upper section (come up with some options). When there is no endpoint set, this line will terminate at the present day but show that it's still in progress.
New iteration for UDN patient portal mockup:
https://www.figma.com/file/IoSphrHrDJ8X5aOQO3DYoi/Patient-Portal?type=design&node-id=8-420&mode=design&t=rhYGV8zQAq3JfkOW-0
Associate all events with a category. We'll need to define allowed categories, but for now, we can just use placeholders, e.g. Admin, Reports, Tests etc. Each event would be associated with a category and we can use these for both UI and searching. Explore different UI, but could:
Come up with a list of use cases that the timeline will solve for different users, including patients / clinical teams
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.