feature: sib-badge for users messages

This commit is contained in:
Jean-Baptiste Pasquier 2019-06-05 10:50:33 +02:00
parent 89db25fa85
commit f8c62adfe9
No known key found for this signature in database
GPG Key ID: F2702E6D22ED4D62
2 changed files with 41 additions and 10 deletions

View File

@ -1,3 +1,6 @@
sib-widget(name='hd-counter')
template
sib-badge(data-src="${id}")
nav#main__menu nav#main__menu
sib-router#navbar-router(default-route='members') sib-router#navbar-router(default-route='members')
sib-route.menu(name='members') sib-route.menu(name='members')
@ -16,12 +19,12 @@ nav#main__menu
div.menu-label Projects div.menu-label Projects
div.menu-icon.icon-folder-alt div.menu-icon.icon-folder-alt
sib-route(hidden,name='project', id-prefix=`${sdn}/projects/`, rdf-type='hd:project', use-id='') sib-route(hidden,name='project', id-prefix=`${sdn}/projects/`, rdf-type='hd:project', use-id='')
div.sub-menu div.sub-menu.menu-notification
sib-display( sib-display(
data-src=`${sdn}/sources/projects/`, data-src=`${sdn}/sources/projects/`
data-fields='project', data-fields='project'
set-project='customer.name, dash, name', set-project='customer.name, dash, name'
value-dash=' - ', value-dash=' - '
next='project' next='project'
) )
//- div.divider //- div.divider
@ -47,12 +50,14 @@ nav#main__menu
div.menu-label Chat div.menu-label Chat
div.menu-icon.icon-envelope-letter div.menu-icon.icon-envelope-letter
sib-route(hidden, name='messages', id-prefix=`${sdn}/users/`, rdf-type='foaf:user', use-id='') sib-route(hidden, name='messages', id-prefix=`${sdn}/users/`, rdf-type='foaf:user', use-id='')
div.sub-menu div.sub-menu.menu-notification
sib-display( sib-display(
data-src=`${sdn}/users/`, data-src=`${sdn}/users/`
data-fields='username', data-fields='username, account.user'
widget-user.username='sib-display-div', widget-username='sib-display-div'
widget-account.user='hd-counter'
next='messages' next='messages'
) )
div.divider div.divider

View File

@ -109,7 +109,33 @@
} }
} }
} }
}
&.menu-notification {
> sib-display > div > sib-display > div {
display: flex;
sib-display-div {
flex: 3;
}
hd-counter {
height: 20px;
width: 20px;
margin-right: 1em;
div:not(:empty) {
text-align: center;
display: block;
background-color: var(--sib-notifications-theme, gray);
border-radius: 50%;
font-size: 12px;
line-height: 20px;
width: 20px;
height: 20px;
padding-bottom: 0;
color: $color-216-4-22;
}
}
}
}
}
.divider { .divider {
height: 1px; height: 1px;