feat: add template for circle admin page

This commit is contained in:
Christophe Henry 2019-10-28 12:08:22 +01:00
parent fc7732b1b9
commit 5eb9b6aad8
7 changed files with 80 additions and 56 deletions

View File

@ -1,21 +1,29 @@
h1 Circles
sib-widget(name='template-admin-circle')
sib-widget(name='circle-admin-leave-button-template')
template
sib-display(
fields='name'
bind-resources
sib-ac-checker(
permission="acl:Delete"
data-src="${await value['@id']}"
)
sib-display(
data-src='${await value.owner}'
fields='account.picture, sup(name)'
widget-account.picture='hd-user-avatar'
sib-delete(
data-src="${await value['@id']}"
data-label='Leave the circle'
)
sib-display(
fields='team'
bind-resources
sib-widget(name='circle-admin-join-button-template')
template
sib-form.circle-admin-join-button(
data-src='${src}'
nested-field='members'
fields='user'
widget-user='sib-form-dropdown'
label-user=''
range-user=`${endpoints.users}`
submit-button='Join'
set-user-id-select="user"
)
h1 Circles
div
//- Search a circle
@ -26,7 +34,11 @@ div.table-header
sib-display.table-body(
data-src=`${endpoints.circles}`
fields='circles(name, team, owner)'
multiple-circles
widget-circles='template-admin-circle'
fields="name,own(owner.name,owner.account['@id']),members,button"
widget-members='circle-admin-leave-button-template'
multiple-members
widget-button='circle-admin-join-button-template'
action-button='button'
)

View File

@ -261,3 +261,4 @@ sib-delete {
@import 'form';
@import 'header';
@import 'menu-left';
@import 'user-avatar';

View File

@ -0,0 +1,29 @@
.project-profile-user-avatar {
align-self: center;
grid-column: 1 / span 1;
grid-row: 1 / span 2;
display: inline;
* {
height: 100%;
width: 100%;
}
div {
background-color: $color-0-0-100;
border-radius: 50%;
height: 7vh;
overflow: hidden;
position: relative;
width: 7vh;
img {
height: 100%;
left: 0;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
}
}
}

View File

@ -1,2 +1,3 @@
@import 'circle-profile';
@import 'circle-edit';
@import 'circle-admin';

View File

@ -0,0 +1,3 @@
.circle-admin-join-button select[name='user'] {
display: none;
}

View File

@ -13,11 +13,22 @@ h2 {
justify-content: space-around;
text-align: center;
>*{
border-right: 1px solid $color-228-25-79;
.cell {
border-bottom: none;
border-top: none;
flex: 1;
padding: 1rem;
width: 50%;
&:not(:last-child) {
border-left: none;
border-right: 1px solid white;
}
&:not(:last-child) {
border-left: 1px solid white;
border-right: none;
}
}
>*:last-of-type {

View File

@ -169,30 +169,6 @@
display: none;
}
sib-display.project-profile-user-avatar {
align-self: center;
grid-column: 1 / span 1;
grid-row: 1 / span 2;
div {
background-color: $color-0-0-100;
border-radius: 50%;
height: 7vh;
overflow: hidden;
position: relative;
width: 7vh;
img {
height: 100%;
left: 0;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
}
}
}
team-template[name='members'], captain-template[name='captain'] {
display: grid;
grid-column-gap: 1.6rem;
@ -231,13 +207,4 @@
}
}
}
.project-profile-user-avatar {
display: inline;
* {
height: 100%;
width: 100%;
}
}
}