Layer 1 card (multiState)
=========================
┌────────────────────────────────────────────────────────────────────────────────────┐
│ ┌───────────┐ ┌────┐ │
│ │ Contacts │ │Add │ │
│ └───────────┘ └────┘ │
├────────────────────────────────────────────────────────────────────────────────────┤
│ ┌────────────────────┐ │
│ ┌───┤ Emergency contact ├───────────────────────────────────────────────────────┐ │
│ │ └────────────────────┘ │ │
│ │ │ │
│ │ ┌ ─┌──────────────┬ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─┌─────┐┬─────┬┌──────┬ │ │
│ │ │ Allie Grater │ │Edit ││Lock ││Remove││ │ │
│ │ │ └──────────────┘ └─────┘└─────┘└──────┘ │ │
│ │ │ │ │
│ │ │ │ │
│ │ Home address: 2080 Murray Rd, Fort Meade, Florida(FL), 33841 │ │ │
│ │ │ │ │
│ │ Mailing address: 2080 Murray Rd, Fort Meade, Florida(FL), 33841 │ │ │
│ │ │ │ │
│ │ Work address: 203 66th St, Bradenton Beach, Florida(FL), 34217 │ │ │
│ │ │ │ │
│ │ ┌ ─ ─ ─ ─ ─ ─ ┐ ┌ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ │ │ │
│ │ │ Personal ph: +1 123456789 Personal email: someemail@mail.com │ │ │
│ │ └ ─ ─ ─ ─ ─ ─ ┘ └ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ │ │ │
│ │ │ ┌ ─ ─ ─ ─ ─ ─ ┐ ┌ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ │ │
│ │ Work ph: +1 123450000 Assistant's email someother@mail.com │ │ │ │
│ │ │ └ ─ ─ ─ ─ ─ ─ ┘ ├ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ │ │
│ │ ┌ ─ ─ ─ ─ ─ ─ ┐ anotherother@mail.com │ │ │ │
│ │ │ Google voice: +1 123000000 └ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ │ │
│ │ └ ─ ─ ─ ─ ─ ─ ┘ ┌ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ │ │ │
│ │ │ ┌ ─ ─ ─ ─ ─ ─ ┐ Work email workemail@mail.com │ │ │
│ │ Other: +1 123456000 └ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ │ │ │
│ │ │ ├ ─ ─ ─ ─ ─ ─ ┤ │ │
│ │ +1 123456009 │ │ │
│ │ │ └ ─ ─ ─ ─ ─ ─ ┘ │ │
│ │ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ┘ │ │
│ │ │ │
│ │ ┌ ─┌──────────────┬ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ │ │ ┌────────────────────────────┐
│ │ │ Liz Erd │ │ │ │ │This contact (ie: Emergency │
│ │ │ └──────────────┘ │ │ │contact Named "Liz Erd") has│
│ │ │◀┼─┼──│been locked. Hence there is │
│ │ │ Personal ph: +1 120000789 Personal email:lizerd2018@mail.com │ │ │no actions like "Edit" or │
│ │ │ │ │ │"Remove". │
│ │ └ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ │ │ └────────────────────────────┘
│ └────────────────────────────────────────────────────────────────────────────────┘ │
│ ┌───────────────┐ │
│ ┌───┤ Family member ├────────────────────────────────────────────────────────────┐ │
│ │ └───────────────┘ │ │
│ │ │ │
│ │ ┌ ─┌──────────────┬ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─┌─────┐┬─────┬┌──────┬ │ │
│ │ │ Peg Legge │ │Edit ││Lock ││Remove││ │ │
│ │ │ └──────────────┘ └─────┘└─────┘└──────┘ │ │
│ │ │ │ │
│ │ │ This is another contact but this is a family member of │ │
│ │ the patient. Details should be displayed same as above. │ │ │
│ │ │ │ │
│ │ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ┘ │ │
│ │ │ │
│ └────────────────────────────────────────────────────────────────────────────────┘ │
└────────────────────────────────────────────────────────────────────────────────────┘
Layer 1 card (currentState)
===========================
┌────────────────────────────────────────────────────────────────────┐ ┌────────────────────────────────────────┐
│ ┌───────────┐ ┌────┐ │ │Add => will open add form for contacts │
│ │ Contacts │ │Add │ │ │in layer 2 │
│ └───────────┘ └────┘ │ └────────────────────────────────────────┘
├────────────────────────────────────────────────────────────────────┤
│┌──────────────────────────────────────────────────────────────────┐│ ┌────────────────────────────────────────┐
││Allie Grater (Emergency contact) | Edit | Lock | Remove ││ │Edit => It will open a form in layer 2 │
│├──────────────────────────────────────────────────────────────────┤│ │from where phone, email or address can │
││ Address ││ │be added or removed from an existing, │
││ -------- ││ │non-locked contact. │
││ Home: 2080 Murray Rd, Fort Meade, Florida(FL), 33841 ││ │ │
││ ││ │Lock => It will lock the contact. ie: no│
││ Mailing: 2080 Murray Rd, Fort Meade, Florida(FL), 33841 ││ │further addition or deletion is allowed │
││ ││ │for this contact. │
││ Work: 203 66th St, Bradenton Beach, Florida(FL), 34217 ││ │ │
││ ││ │Remove => It will remove the contact as │
││ Phone ││ │a whole. │
││ ------ ││ └────────────────────────────────────────┘
││ +1 123456789 (Personal), +1 123450000 (Work), +1 123000000 (GV),││
││ ││
││ +1 123456000 (Other), +1 123456009 (Other) ││
││ ││
││ Email ││
││ ------ ││
││ someemail@mail.com (Personal), someother@mail.com (Assistant's), ││
││ ││
││ anotherother@mail.com (Assistant's), workemail@mail.com (Work) ││
││ ││
│└──────────────────────────────────────────────────────────────────┘│
│┌──────────────────────────────────────────────────────────────────┐│
││Liz Erd (Emergency contact) ││
│├──────────────────────────────────────────────────────────────────┤│
││ Phone ││
││ ------ ││
││ +1 120000789 (Personal), ││
││ ││
││ Email ││
││ ------ ││
││ lizerd2018@mail.com (Personal), ││
││ ││
│└──────────────────────────────────────────────────────────────────┘│
│┌──────────────────────────────────────────────────────────────────┐│
││Peg Legge (Family member) | Edit | Lock | Remove││
│├──────────────────────────────────────────────────────────────────┤│
││ Phone ││
││ ------ ││
││ +1 120000780 (Personal), +1 120000700 (work) ││
││ ││
││ Email ││
││ ------ ││
││ peglegge2018@mail.com (Personal) ││
││ ││
│└──────────────────────────────────────────────────────────────────┘│
└────────────────────────────────────────────────────────────────────┘
Layer 2 Add form
==================
┌─────────────────────────────────────────────────────────────────────────────────────────────────┐
│ Add contacts │
│ │
├─────────────────────────────────────────────────────────────────────────────────────────────────┤
│ ┌──────────────────────────────┐ ┌──────────────────────────────┐ │
│ Name: * │ │ Type of contact: │ Emergency contact ▼ │ │
│ └──────────────────────────────┘ └──────────────────────────────┘ │
│ ────────────────────────────────────────────────────────────────────────────────────────────── │
│ ┌────────┐ │
│ │ Phone │ │
│ └────────┘ │
│ ┌────────────────────────┐ ┌────────────────────────┐ │
│ Number: │ │ Type: │ ▼ │ │
│ └────────────────────────┘ └────────────────────────┘ │
│ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ │
│ ┌──────────────────┐ │
│ │ Add one more ph │ │
│ └──────────────────┘ │
│ ────────────────────────────────────────────────────────────────────────────────────────────── │
│ ┌────────┐ │
│ │ Email │ │
│ └────────┘ │
│ ┌────────────────────────┐ ┌────────────────────────┐ │
│ Address: │ │ Type: │ ▼ │ │
│ └────────────────────────┘ └────────────────────────┘ │
│ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ │
│ ┌──────────────────┐ │
│ │Add one more email│ │
│ └──────────────────┘ │
│ ────────────────────────────────────────────────────────────────────────────────────────────── │
│ ┌────────┐ │
│ │Address │ │
│ └────────┘ │
│ ┌────────────────────────┐ │
│ Type: │ ▼ │ │
│ └────────────────────────┘ │
│ ┌──────────────────────────────────────────────────────────────┐ │
│ Line 1: │ │ │
│ └──────────────────────────────────────────────────────────────┘ │
│ ┌──────────────────────────────────────────────────────────────┐ │
│ Line 2: │ │ │
│ └──────────────────────────────────────────────────────────────┘ │
│ ┌───────────┐ ┌───────────┐ ┌───────────┐ ┌───────────┐ │
│ City: │ │ State: │ │ Country:│ │ Zip: │ │ │
│ └───────────┘ └───────────┘ └───────────┘ └───────────┘ │
│ │
│ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ │
│ ┌──────────────────┐ │
│ │Add one more email│ │
│ └──────────────────┘ │
│ ────────────────────────────────────────────────────────────────────────────────────────────── │
│ ┌────────┐┌────────┐ │
│ │ Save ││ Cancel │ │
│ └────────┘└────────┘ │
└─────────────────────────────────────────────────────────────────────────────────────────────────┘
Layer 2 Edit form
==================
┌─────────────────────────────────────────────────────────────────────────────────────────────────┐
│ Edit contacts │
│ │
├─────────────────────────────────────────────────────────────────────────────────────────────────┤
│ ┌ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ┌──────────────────────────────┐ │
│ Name: * Allie Grater │ Type of contact: │ Emergency contact ▼ │ │
│ └ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ └──────────────────────────────┘ │
│ ────────────────────────────────────────────────────────────────────────────────────────────── │
│ ┌────────┐ │
│ │ Phone │ │
│ └────────┘ │
│ ┌──────────────┐ ┌──────────────────┐ ┌────────┐ │
│ Number: │+1 123456789 │ Type: │Personal Cell ▼ │ │ Remove │ │
│ └──────────────┘ └──────────────────┘ └────────┘ │
│ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ │
│ ┌──────────────────┐ │
│ │ Add one more ph │ │
│ └──────────────────┘ │
│ ────────────────────────────────────────────────────────────────────────────────────────────── │
│ ┌────────┐ │
│ │ Email │ │
│ └────────┘ │
│ ┌───────────────────┐ ┌────────────┐ ┌────────┐ │
│ Address: │someemail@mail.com │ Type: │Personal ▼ │ │ Remove │ │
│ └───────────────────┘ └────────────┘ └────────┘ │
│ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ │
│ ┌──────────────────┐ │
│ │Add one more email│ │
│ └──────────────────┘ │
│ ────────────────────────────────────────────────────────────────────────────────────────────── │
│ ┌────────┐ │
│ │Address │ │
│ └────────┘ │
│ ┌────────────────────────┐ │
│ Type: │Home ▼ │ │
│ └────────────────────────┘ │
│ ┌───────────────────────┐ ┌───────────────────────┐ │
│ Line 1: │2080 Murray Rd │ Line 2: │Fort Meade │ │
│ └───────────────────────┘ └───────────────────────┘ │
│ ┌───────────┐ ┌───────────┐ ┌───────────┐ ┌───────────┐ │
│ City: │Florida │ State: │FL │ Country:│US │ Zip: │33841 │ │
│ └───────────┘ └───────────┘ └───────────┘ └───────────┘ │
│ ┌────────┐ │
│ │ Remove │ │
│ └────────┘ │
│ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ │
│ ┌──────────────────┐ │
│ │Add one more email│ │
│ └──────────────────┘ │
│ ────────────────────────────────────────────────────────────────────────────────────────────── │
│ ┌────────┐┌────────┐ │
│ │ Save ││ Cancel │ │
│ └────────┘└────────┘ │
└─────────────────────────────────────────────────────────────────────────────────────────────────┘