@uxland/primary-shell 3.2.0-rc.1 → 3.2.0-rc.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +2 -1
- package/src/UI/components/patient-header/template.ts +1 -4
- package/src/UI/components/primaria-shell/styles.css +1 -1
- package/src/UI/components/primaria-shell/template.ts +2 -0
- package/src/UI/components/professional-header/template.ts +2 -5
- package/src/UI/shared-components/dss-container/styles.css +2 -2
- package/src/index.ts +1 -0
- package/src/internal-plugins/activity-history/components/activity-history/activity-history-timeline/styles.css +2 -2
- package/src/internal-plugins/activity-history/components/activity-history/activity-history-timeline/template.ts +4 -4
- package/src/internal-plugins/activity-history/components/activity-history/template.ts +7 -22
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uxland/primary-shell",
|
|
3
|
-
"version": "3.2.0-rc.
|
|
3
|
+
"version": "3.2.0-rc.2",
|
|
4
4
|
"description": "Primaria Shell",
|
|
5
5
|
"author": "UXLand <dev@uxland.es>",
|
|
6
6
|
"homepage": "https://github.com/uxland/harmonix/tree/app#readme",
|
|
@@ -31,6 +31,7 @@
|
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
33
|
"@uxland/harmonix": "^1.0.0",
|
|
34
|
+
"@uxland/harmonix-adapters": "^1.0.0",
|
|
34
35
|
"axios": "^1.7.2",
|
|
35
36
|
"@material/web": "^2.1.0",
|
|
36
37
|
"inversify": "^6.0.2",
|
|
@@ -16,10 +16,7 @@ export const template = (props: PatientHeader) => html`
|
|
|
16
16
|
</div>
|
|
17
17
|
<primaria-menu>
|
|
18
18
|
<div slot="anchor" id="usage-anchor">
|
|
19
|
-
<dss-
|
|
20
|
-
<span class="dss-icon">${props.menuOpened ? "expand_less" : "expand_more"}</span>
|
|
21
|
-
</button>
|
|
22
|
-
</dss-container>
|
|
19
|
+
<dss-icon-button @click="${props.toggleMenu}" size="md" type="primary" icon="${props.menuOpened ? "expand_less" : "expand_more"}"></dss-icon-button>
|
|
23
20
|
</div>
|
|
24
21
|
${
|
|
25
22
|
props.menuOpened
|
|
@@ -8,6 +8,8 @@ import { PrimariaShell } from "./primaria-shell";
|
|
|
8
8
|
import "@material/web/menu/menu.js";
|
|
9
9
|
import "@material/web/menu/menu-item.js";
|
|
10
10
|
import "@material/web/button/filled-button.js";
|
|
11
|
+
import "@salut/design-system-salut/src/components/button/button";
|
|
12
|
+
import "@salut/design-system-salut/src/components/icon-button/icon-button";
|
|
11
13
|
|
|
12
14
|
export const template = (props: PrimariaShell) => html`
|
|
13
15
|
<div class="container">
|
|
@@ -16,10 +16,7 @@ export const template = (props: ProfessionalHeader) => html`
|
|
|
16
16
|
</div>
|
|
17
17
|
<primaria-menu>
|
|
18
18
|
<div slot="anchor" id="usage-anchor">
|
|
19
|
-
<dss-
|
|
20
|
-
<span class="dss-icon">${props.menuOpened ? "expand_less" : "expand_more"}</span>
|
|
21
|
-
</button>
|
|
22
|
-
</dss-container>
|
|
19
|
+
<dss-icon-button @click="${props.toggleMenu}" size="md" type="primary" icon="${props.menuOpened ? "expand_less" : "expand_more"}"></dss-icon-button>
|
|
23
20
|
</div>
|
|
24
21
|
${
|
|
25
22
|
props.menuOpened
|
|
@@ -79,7 +76,7 @@ export const template = (props: ProfessionalHeader) => html`
|
|
|
79
76
|
</div>
|
|
80
77
|
</div>
|
|
81
78
|
<div class="logout-button">
|
|
82
|
-
<dss-
|
|
79
|
+
<dss-button label="Tancar sessió" size="md" type="primary" icon="logout"></dss-button>
|
|
83
80
|
</div>
|
|
84
81
|
</div>
|
|
85
82
|
</md-menu>`
|
package/src/index.ts
CHANGED
|
@@ -28,7 +28,7 @@ flex-direction: row;
|
|
|
28
28
|
font-size: 14px;
|
|
29
29
|
line-height: 24px;
|
|
30
30
|
display: flex;
|
|
31
|
-
flex-direction: row;
|
|
31
|
+
flex-direction: row;
|
|
32
32
|
gap: 12px;
|
|
33
33
|
color: var(--color-neutral-800);
|
|
34
34
|
}
|
|
@@ -38,7 +38,7 @@ flex-direction: row;
|
|
|
38
38
|
.title-description {
|
|
39
39
|
font-weight: 600;
|
|
40
40
|
display: flex;
|
|
41
|
-
flex-direction: row;
|
|
41
|
+
flex-direction: row;
|
|
42
42
|
gap: 4px;
|
|
43
43
|
}
|
|
44
44
|
}
|
|
@@ -51,15 +51,15 @@ const visitHeaderTemplate = (item: IActivityHistoryItem | undefined) =>
|
|
|
51
51
|
<div class="visit__header">
|
|
52
52
|
<div class="title">
|
|
53
53
|
<div class="title-date">
|
|
54
|
-
<
|
|
54
|
+
<div>${format(
|
|
55
55
|
new Date(item.date),
|
|
56
56
|
"dd/MM/yyyy",
|
|
57
|
-
)}</div
|
|
57
|
+
)}</div>
|
|
58
58
|
</div>
|
|
59
59
|
<div class="title-description">
|
|
60
|
-
<
|
|
60
|
+
<div>${item.professional.name} | ${item.professional.role.description} | ${item.center.description} | ${
|
|
61
61
|
item.professional.speciality.description
|
|
62
|
-
}</div
|
|
62
|
+
}</div>
|
|
63
63
|
</div>
|
|
64
64
|
</div>
|
|
65
65
|
</div>
|
|
@@ -23,16 +23,11 @@ export const template = (props: ActivityHistory) =>
|
|
|
23
23
|
</div>
|
|
24
24
|
|
|
25
25
|
<div class="header__right">
|
|
26
|
-
<dss-
|
|
27
|
-
<span class="dss-icon">arrow_forward</span>
|
|
28
|
-
</button></dss-container>
|
|
26
|
+
<dss-icon-button @click=${() => props._maximize()} size="md" type="primary" icon="arrow_forward"></dss-icon-button>
|
|
29
27
|
<div>|</div>
|
|
30
28
|
<primaria-menu>
|
|
31
29
|
<div slot="anchor" id="usage-anchor">
|
|
32
|
-
<dss-
|
|
33
|
-
<span class="dss-icon">more_vert</span>
|
|
34
|
-
</button>
|
|
35
|
-
</dss-container>
|
|
30
|
+
<dss-icon-button @click="${props.toggleMenu}" size="md" type="primary" icon="more_vert"></dss-icon-button>
|
|
36
31
|
</div>
|
|
37
32
|
${
|
|
38
33
|
props.menuOpened
|
|
@@ -63,12 +58,8 @@ export const template = (props: ActivityHistory) =>
|
|
|
63
58
|
<div class="filters-sidebar" ?expanded=${props.filtersExpanded} >
|
|
64
59
|
${
|
|
65
60
|
props.filtersExpanded
|
|
66
|
-
? html`<div class="filters-sidebar-opened">${translate("filters.filters")}<dss-
|
|
67
|
-
|
|
68
|
-
</button></dss-container></div>`
|
|
69
|
-
: html`<dss-container><button class="dss-icon-button dss-icon-button--primary dss-icon-button--md">
|
|
70
|
-
<span class="dss-icon" @click=${() => props._toggleFilters()}>keyboard_double_arrow_right</span>
|
|
71
|
-
</button></dss-container>`
|
|
61
|
+
? html`<div class="filters-sidebar-opened">${translate("filters.filters")}<dss-icon-button @click=${() => props._toggleFilters()} size="md" type="primary" icon="keyboard_double_arrow_left"></dss-icon-button></div>`
|
|
62
|
+
: html`<dss-icon-button @click=${() => props._toggleFilters()} size="md" type="primary" icon="keyboard_double_arrow_right"></dss-icon-button>`
|
|
72
63
|
}
|
|
73
64
|
</div>
|
|
74
65
|
<div class="content">
|
|
@@ -113,9 +104,7 @@ export const headerMaximizedTemplate = (props: ActivityHistory) => html`
|
|
|
113
104
|
<primaria-menu>
|
|
114
105
|
<div slot="anchor" id="usage-anchor">
|
|
115
106
|
<div class="options" @click="${props.toggleMenu}">
|
|
116
|
-
<dss-
|
|
117
|
-
<span class="dss-icon">more_horiz</span>
|
|
118
|
-
</span></dss-container><span>${translate("actions.moreOptions")}</span>
|
|
107
|
+
<dss-button label="${translate("actions.moreOptions")}" size="sm" type="subtle" icon="more_horiz"></dss-button>
|
|
119
108
|
</div>
|
|
120
109
|
</div>
|
|
121
110
|
${
|
|
@@ -131,12 +120,8 @@ export const headerMaximizedTemplate = (props: ActivityHistory) => html`
|
|
|
131
120
|
: nothing
|
|
132
121
|
}
|
|
133
122
|
</primaria-menu>
|
|
134
|
-
<dss-
|
|
135
|
-
|
|
136
|
-
</button></dss-container>
|
|
137
|
-
<dss-container><button type="button" class="dss-button dss-button--md dss-button--primary dss-button--icon-left">
|
|
138
|
-
<span class="dss-icon white">view_timeline</span>${translate("actions.cronogram")}
|
|
139
|
-
</button></dss-container>
|
|
123
|
+
<dss-button type="secondary" size="md" label="${translate("actions.entryLegend")}" icon="info"></dss-button>
|
|
124
|
+
<dss-button type="primary" size="md" label="${translate("actions.cronogram")}" icon="view_timeline"></dss-button>
|
|
140
125
|
</div>
|
|
141
126
|
</div>
|
|
142
127
|
</div>
|