@uxland-admin/ps-medication-plan
Advanced tools
Comparing version 1.2.3 to 1.2.4
import { html } from '@polymer/lit-element'; | ||
export default html `<style>mwc-fab{--mdc-theme-secondary: #00bcd4}mwc-button{--mdc-theme-primary: #26c5da}mwc-checkbox{--mdc-theme-secondary: #26c5da}#app-container{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;flex:1;height:100vh}:host{display:-ms-flexbox;display:-webkit-flex;display:flex}.medication{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-ms-flex:1;-webkit-flex:1;flex:1;padding:8px 16px;border-bottom:1px solid #eceff1}medication-content{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-ms-flex:1;-webkit-flex:1;flex:1;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}medication-info{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}medication-date{font-size:.9286rem;color:#37464D;opacity:.7;text-transform:lowercase}medication-name{font:1rem;line-height:1.286rem;font-weight:500;color:#37464D;text-transform:lowercase}medication-name:first-letter{text-transform:uppercase}medication-dosage{font-size:.9286rem;color:#37464D;opacity:.7;text-transform:lowercase}.chronic{color:#FF5252;margin-left:4px} | ||
export default html `<style>#app-container{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;flex:1;height:100vh}:host{display:-ms-flexbox;display:-webkit-flex;display:flex}.medication{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-ms-flex:1;-webkit-flex:1;flex:1;padding:8px 16px;border-bottom:1px solid #eceff1}medication-content{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-ms-flex:1;-webkit-flex:1;flex:1;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}medication-info{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}medication-date{font-size:.9286rem;color:#37464D;opacity:.7;text-transform:lowercase}medication-name{font:1rem;line-height:1.286rem;font-weight:500;color:#37464D;text-transform:lowercase}medication-name:first-letter{text-transform:uppercase}medication-dosage{font-size:.9286rem;color:#37464D;opacity:.7;text-transform:lowercase}.chronic{color:#FF5252;margin-left:4px} | ||
</style>`; |
import { html } from '@polymer/lit-element'; | ||
export default html `<style>mwc-fab{--mdc-theme-secondary: #00bcd4}mwc-button{--mdc-theme-primary: #26c5da}mwc-checkbox{--mdc-theme-secondary: #26c5da}#app-container{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;flex:1;height:100vh}#container{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-ms-flex-align:center;-webkit-align-items:center;align-items:center}paper-checkbox{padding-right:12px;--paper-checkbox-checked-color: #0288d1}.label{color:#50666a} | ||
export default html `<style>#app-container{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;flex:1;height:100vh}#container{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-ms-flex-align:center;-webkit-align-items:center;align-items:center}paper-checkbox{padding-right:12px;--paper-checkbox-checked-color: #0288d1}.label{color:#50666a} | ||
</style>`; |
import { html } from '@polymer/lit-element'; | ||
export default html `<style>mwc-fab{--mdc-theme-secondary: #00bcd4}mwc-button{--mdc-theme-primary: #26c5da}mwc-checkbox{--mdc-theme-secondary: #26c5da}#app-container{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;flex:1;height:100vh}:host{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex:1;-webkit-flex:1;flex:1}medication-widget{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-ms-flex:1;-webkit-flex:1;flex:1}no-content-message{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex:1;-webkit-flex:1;flex:1;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.medication-list{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex:1;-webkit-flex:1;flex:1;overflow-y:auto;max-height:-webkit-fill-available}.container-list{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-ms-flex:1;-webkit-flex:1;flex:1;min-height:fit-content}.medication-list::-webkit-scrollbar-track{background-color:#fff}.medication-list::-webkit-scrollbar{width:4px;background-color:#fff}.medication-list::-webkit-scrollbar-thumb{background-color:#c7c7c7}uxl-progress-indicator{display:-ms-flexbox;display:-webkit-flex;display:flex;--uxl-progress-indicator-background-color: white;--uxl-progress-indicator-color: #01589d}uxl-progress-indicator[active]{-ms-flex:1;-webkit-flex:1;flex:1;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}medication-highlights{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:16px}.highlight{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;flex:0 30%;background-color:#0288d11a;padding:8px;margin-right:16px;border-radius:5px}.highlight-label{text-align:center;font-weight:300}.highlight-value{font-size:2.571rem;color:#01589d}.highlight-value.chronic{color:#FF5252} | ||
export default html `<style>#app-container{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;flex:1;height:100vh}:host{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex:1;-webkit-flex:1;flex:1}medication-widget{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-ms-flex:1;-webkit-flex:1;flex:1}no-content-message{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex:1;-webkit-flex:1;flex:1;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.medication-list{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex:1;-webkit-flex:1;flex:1;overflow-y:auto;max-height:-webkit-fill-available}.container-list{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-ms-flex:1;-webkit-flex:1;flex:1;min-height:fit-content}.container-list.maximized{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.container-list.maximized>*{flex:1 0 50%}.medication-list::-webkit-scrollbar-track{background-color:#fff}.medication-list::-webkit-scrollbar{width:4px;background-color:#fff}.medication-list::-webkit-scrollbar-thumb{background-color:#c7c7c7}uxl-progress-indicator{display:-ms-flexbox;display:-webkit-flex;display:flex;--uxl-progress-indicator-background-color: white;--uxl-progress-indicator-color: #01589d}uxl-progress-indicator[active]{-ms-flex:1;-webkit-flex:1;flex:1;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}medication-highlights{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:16px}.highlight{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-ms-flex-align:center;-webkit-align-items:center;align-items:center;flex:0 30%;background-color:#0288d11a;border-radius:5px}.highlight-label{text-align:center;margin-left:16px}.highlight-value{flex:0 0 15%;text-align:center;font-weight:300;font-size:2rem;background-color:#01589d;border-radius:5px 0 0 5px;color:#fff}.highlight-value.chronic{background-color:#FF5252} | ||
</style>`; |
@@ -12,12 +12,12 @@ import { html } from '@polymer/lit-element/lit-element'; | ||
<div class="highlight"> | ||
<div class="highlight-value">${props.items.length}</div> | ||
<div class="highlight-label">${props.localize(`${moduleName}.highlights.total`)}</div> | ||
<div class="highlight-value">${props.items.length}</div> | ||
</div> | ||
<div class="highlight"> | ||
<div class="highlight-value">${props.lastMonthCount}</div> | ||
<div class="highlight-label">${props.localize(`${moduleName}.highlights.lastMonth`)}</div> | ||
<div class="highlight-value">${props.lastMonthCount}</div> | ||
</div> | ||
<div class="highlight"> | ||
<div class="highlight-label">${props.localize(`${moduleName}.highlights.chronic`)}</div> | ||
<div class="highlight-value chronic">${props.chronicMedicationCount}</div> | ||
<div class="highlight-value chronic">${props.chronicMedicationCount}</div> | ||
<div class="highlight-label">${props.localize(`${moduleName}.highlights.chronic`)}</div> | ||
</div> | ||
@@ -28,3 +28,3 @@ </medication-highlights> | ||
<div class="medication-list"> | ||
<div class="container-list"> | ||
<div class="container-list maximized"> | ||
${repeat(props.items, medicine => html `<ip-ps-mp-item .medicine="${medicine}"></ip-ps-mp-item>`)} | ||
@@ -31,0 +31,0 @@ </div> |
{ | ||
"name": "@uxland-admin/ps-medication-plan", | ||
"description": "ICS Process - Patient Summary - Medication Plan", | ||
"version": "1.2.3", | ||
"version": "1.2.4", | ||
"main": "index.js", | ||
@@ -20,4 +20,3 @@ "repository": { | ||
"@types/mocha": "^5.2.5", | ||
"@uxland-admin/ics-process": "^1.1.19", | ||
"@uxland/uxl-prism": "^1.0.8", | ||
"@uxland-admin/ics-process": "^1.1.24", | ||
"@webcomponents/custom-elements": "^1.2.0", | ||
@@ -24,0 +23,0 @@ "@webcomponents/webcomponentsjs": "^2.0.0", |
14
31118