autonomic-cooperative
/
hubl
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

new architecture for member list yeah

This commit is contained in:
Gaëlle Morin 2019-10-21 15:02:12 +02:00
parent 6d4b863e3b
commit afa5fa0451
2 changed files with 26 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/page-circle-edit.pug
View File

@ -11,6 +11,8 @@
) )
span ${await value.profile.city} span ${await value.profile.city}
sib-widget(name='circle-delete-template')
template
sib-delete( sib-delete(
data-src="${await value['@id']}" data-src="${await value['@id']}"
data-label='Delete from circle' data-label='Delete from circle'
@ -37,13 +39,17 @@
h3 List of members h3 List of members
div.table div.table-header
div.cell.un Name div.cell.un Name
div.cell.deux Status div.cell.deux Status
sib-display( sib-display.table-body(
bind-resources bind-resources
fields='team' fields='team, members'
multiple-team='' multiple-team=''
multiple-members=''
widget-team='circle-team-template' widget-team='circle-team-template'
widget-members='circle-delete-template'
) )

24
src/styles/layout/circle-profile/circle-edit.scss
View File

@ -1,4 +1,4 @@
.table { .table-header {
background: $color-228-25-79; background: $color-228-25-79;
color: white; color: white;
display: flex; display: flex;
@ -19,24 +19,34 @@
} }
} }
circle-team-template { .table-body>div {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
>* { >* {
flex: 1; flex: 1;
width: 50%; width: 50%;
padding: 1rem;
border-right: 1px solid $color-228-25-79;
border-bottom: 1px solid $color-228-25-79;
} }
>*:nth-child(even) { /*>*:nth-child(even) {
display: flex; display: flex;
}*/
/*>*:nth-child(odd) {
border-left: 1px solid $color-228-25-79;
}*/
circle-team-template {
display: block;
border-bottom: 1px solid $color-228-25-79;
border-left: 1px solid $color-228-25-79;
} }
>*:nth-child(odd) { circle-delete-template {
display: block;
border-bottom: 1px solid $color-228-25-79;
border-left: 1px solid $color-228-25-79; border-left: 1px solid $color-228-25-79;
border-right: 1px solid $color-228-25-79;
} }
} }