@ -161,8 +161,9 @@ class GroupManagement extends LitElement {
< div class = "divCard" >
< h3 style = "margin: 0; margin-bottom: 1em; text-align: center;" > $ { translate ( "grouppage.gchange3" ) } < / h 3 >
< vaadin - grid theme = "large" id = "joinedGroupsGrid" ? hidden = "${this.isEmptyArray(this.joinedGroups)}" . items = "${this.joinedGroups}" aria - label = "Joined Groups" all - rows - visible >
< vaadin - grid - column header = "${translate(" grouppage . gchange4 ")}" path = "groupName" > < / v a a d i n - g r i d - c o l u m n >
< vaadin - grid - column header = "${translate(" grouppage . gchange5 ")}" path = "description" > < / v a a d i n - g r i d - c o l u m n >
< vaadin - grid - column width = "8rem" flex - grow = "0" header = "${translate(" grouppage . gchange54 ")}" path = "memberCount" > < / v a a d i n - g r i d - c o l u m n >
< vaadin - grid - filter - column header = "${translate(" grouppage . gchange4 ")}" path = "groupName" > < / v a a d i n - g r i d - f i l t e r - c o l u m n >
< vaadin - grid - filter - column header = "${translate(" grouppage . gchange5 ")}" path = "description" > < / v a a d i n - g r i d - f i l t e r - c o l u m n >
< vaadin - grid - column width = "11rem" flex - grow = "0" header = "${translate(" grouppage . gchange6 ")}" . renderer = $ { ( root , column , data ) => {
render ( html ` ${ this . renderRole ( data . item ) } ` , root )
} } > < / v a a d i n - g r i d - c o l u m n >
@ -178,6 +179,7 @@ class GroupManagement extends LitElement {
< div class = "divCard" >
< h3 style = "margin: 0; margin-bottom: 1em; text-align: center;" > $ { translate ( "grouppage.gchange9" ) } < / h 3 >
< vaadin - grid theme = "large" id = "publicGroupsGrid" ? hidden = "${this.isEmptyArray(this.publicGroups)}" . items = "${this.publicGroups}" aria - label = "Public Open Groups" all - rows - visible >
< vaadin - grid - column width = "8rem" flex - grow = "0" header = "${translate(" grouppage . gchange54 ")}" path = "memberCount" > < / v a a d i n - g r i d - c o l u m n >
< vaadin - grid - filter - column header = "${translate(" grouppage . gchange4 ")}" path = "groupName" > < / v a a d i n - g r i d - f i l t e r - c o l u m n >
< vaadin - grid - filter - column header = "${translate(" grouppage . gchange5 ")}" path = "description" > < / v a a d i n - g r i d - f i l t e r - c o l u m n >
< vaadin - grid - filter - column header = "${translate(" grouppage . gchange10 ")}" path = "owner" > < / v a a d i n - g r i d - f i l t e r - c o l u m n >