feature: add notifications

This commit is contained in:
Clément 2018-11-12 18:51:08 +01:00
parent 2acda2369a
commit 07ebb1bc60
8 changed files with 35 additions and 10 deletions

View File

@ -31,7 +31,7 @@ link(href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,6
//- local
link(rel='import', href='/lib/sib-core/sib-display.html')
link(rel='import', href='/lib/sib-router/sib-router.html')
link(rel='import', href='/lib/sib-chat/sib-chat.html')
//- link(rel='import', href='/lib/sib-chat/sib-chat.html')
//- cdn
link(rel='import', href="https://cdn.happy-dev.fr/sib-core/sib-display.html")

View File

@ -8,7 +8,10 @@
i#search-icon.icon-magnifier(aria-hidden='true')
i#close-search-icon.icon-close(aria-hidden='true')
#notification
details
summary#notifications-button
#notifications
include page-notifications.pug
#profile
img(src="/images/user.jpg")

View File

@ -6,6 +6,7 @@ html(lang="en")
title HD App
meta(name="viewport", content="width=device-width, initial-scale=1.0")
meta(http-equiv="X-UA-Compatible", content="ie=edge")
link(rel="icon" type="image/png" href="/images/logo.png")
include dependencies.pug
body
header#header

View File

@ -0,0 +1,7 @@
div.frame
h1 Notifications
sib-display(
data-src=`${sdn}/notifications/`
data-fields='summary'
)

View File

@ -119,7 +119,6 @@ document.addEventListener('WebComponentsReady', function(event) {
}
render() {
console.log(this.value);
this.innerHTML = this.template;
}
}
@ -134,7 +133,6 @@ document.addEventListener('WebComponentsReady', function(event) {
}
render() {
console.log(this.value);
this.innerHTML = this.template;
}
}
@ -153,7 +151,6 @@ document.addEventListener('WebComponentsReady', function(event) {
}
render() {
console.log(this.value);
this.innerHTML = this.template;
}
}

View File

@ -92,9 +92,26 @@ h4 {
flex: 1 1 0px;
}
#notification {
#notifications-button {
@include icon(bell);
font-size: 1.5em;
cursor: pointer;
list-style-type: none;
}
#notifications{
position: absolute;
right: 0;
bottom: 0;
height: 0;
left: 0;
z-index: 1;
>div{
position: absolute;
top: 0;
right: 0;
}
}
#profile {

@ -1 +1 @@
Subproject commit e34a92abb9529af222b952302b8b25f4b1884905
Subproject commit f6d3c2d846eabb3e3b236f218ec5878b81597967

@ -1 +1 @@
Subproject commit 5bd3e541b92f4998af96b959a6304527824ed7f8
Subproject commit e46f24ad020d5eeb38a40b42a0f95b9f08a88dd6