@isoftdata/svelte-user-configuration 1.0.8 → 1.0.10
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.
|
@@ -8,6 +8,7 @@ export let groupMembershipIcon = "users";
|
|
|
8
8
|
export let permissionListIcon = "user-lock";
|
|
9
9
|
export let userSiteAccessIcon = "industry-windows";
|
|
10
10
|
export let permissionListCardHeaderTitle = "Permissions";
|
|
11
|
+
export let cardDeckHeight = "500px";
|
|
11
12
|
export let userAccount;
|
|
12
13
|
export let canToggleActive = true;
|
|
13
14
|
export let isCreatingNewUser = false;
|
|
@@ -48,7 +49,7 @@ export let permissionValueChange = void 0;
|
|
|
48
49
|
{sendPasswordRecoveryToken}
|
|
49
50
|
{generateNewActivationPIN}
|
|
50
51
|
icon={userAccountInfoIcon}
|
|
51
|
-
style="height:
|
|
52
|
+
style="height: {cardDeckHeight};"
|
|
52
53
|
>
|
|
53
54
|
<slot name="userAccountInfo"></slot>
|
|
54
55
|
</UserAccountInfo>
|
|
@@ -60,7 +61,7 @@ export let permissionValueChange = void 0;
|
|
|
60
61
|
{canEditSiteAccess}
|
|
61
62
|
{siteAccessChange}
|
|
62
63
|
icon={userSiteAccessIcon}
|
|
63
|
-
style="height:
|
|
64
|
+
style="height: {cardDeckHeight};"
|
|
64
65
|
>
|
|
65
66
|
<slot name="siteAccess"></slot>
|
|
66
67
|
</UserSiteAccess>
|
|
@@ -71,7 +72,7 @@ export let permissionValueChange = void 0;
|
|
|
71
72
|
{canEditGroupMembership}
|
|
72
73
|
{groupMembershipChange}
|
|
73
74
|
icon={groupMembershipIcon}
|
|
74
|
-
style="height:
|
|
75
|
+
style="height: {cardDeckHeight};"
|
|
75
76
|
>
|
|
76
77
|
<slot name="userGroupMembership"></slot>
|
|
77
78
|
</UserGroupMembership>
|
|
@@ -8,6 +8,7 @@ declare const __propDef: {
|
|
|
8
8
|
permissionListIcon?: IconName;
|
|
9
9
|
userSiteAccessIcon?: IconName;
|
|
10
10
|
permissionListCardHeaderTitle?: PermissionListCardHeaderTitle;
|
|
11
|
+
/** The height of the cards in the first row. */ cardDeckHeight?: string;
|
|
11
12
|
userAccount: UserAccount;
|
|
12
13
|
canToggleActive?: CanToggleActive;
|
|
13
14
|
isCreatingNewUser?: IsCreatingNewUser;
|
|
@@ -22,14 +22,14 @@ export let icon = "users";
|
|
|
22
22
|
class="list-group list-group-flush h-100"
|
|
23
23
|
style="overflow-y: auto;"
|
|
24
24
|
>
|
|
25
|
-
{#each groupMembership as { name, isMember }
|
|
25
|
+
{#each groupMembership as { id, name, isMember } (id)}
|
|
26
26
|
<li class="list-group-item">
|
|
27
27
|
<Checkbox
|
|
28
28
|
label={name}
|
|
29
29
|
bind:checked={isMember}
|
|
30
30
|
disabled={!canEditGroupMembership}
|
|
31
31
|
on:change={async () => {
|
|
32
|
-
await groupMembershipChange?.({ id
|
|
32
|
+
await groupMembershipChange?.({ id, name, isMember })
|
|
33
33
|
}}
|
|
34
34
|
/>
|
|
35
35
|
</li>
|
|
@@ -20,7 +20,7 @@ export let icon = "industry-windows";
|
|
|
20
20
|
class="list-group list-group-flush h-100"
|
|
21
21
|
style="overflow-y: auto"
|
|
22
22
|
>
|
|
23
|
-
{#each userSites as { code, name }, i}
|
|
23
|
+
{#each userSites as { code, name }, i (code)}
|
|
24
24
|
<li class="list-group-item">
|
|
25
25
|
<Checkbox
|
|
26
26
|
label="{code} - {name}"
|