Chat component integrated on the member profile

This commit is contained in:
Alexandre Bourlier
2018-04-19 19:51:20 +02:00
parent 4e6ec05fcc
commit b0b24baa20
8 changed files with 37 additions and 37 deletions

View File

@ -1,8 +1,13 @@
<div id="member" style="display: none">
<div class="page-header">
<h1>Profil</h1>
</div>
<hd-chat-window
data-authentication="anonymous"
data-auto-login="true"
data-bosh-service-url="https://conversejs.org/http-bind/"
data-debug="true"
data-jid="nomnom.im"
data-locales-url="http://hd-app.local/dist/lib/xmpp-chat-component/node_modules/converse.js/locale/{{{locale}}}/LC_MESSAGES/converse.json",
data-room-jid="anonymous@conference.nomnom.im">
</hd-chat-window>
<ldp-display
id="profile"
set-name="firstname, name-separator, lastname"

View File

@ -1,8 +1,4 @@
<div id="members" class="view" style="display: none">
<div class="page-header">
<h1 class="h2 mt-2">Membres</h1>
</div>
<ldp-display
id="profilesList"
data-src="http://localhost:8000/members/"

View File

@ -1,4 +1,4 @@
<nav class="navbar bg-white fixed-top border-bottom pb-0 d-md-flex">
<nav class="navbar bg-white fixed-top border-bottom pb-0 d-md-flex" id="navbar">
<div id="menu-title" class="col-4 col-md-2 pb-2">HAPPY APP</div>
<ldp-router id="navbar-router" class="navbar-nav d-flex flex-row justify-content-between align-self-end col-8 col-md-10" root="ldp-root" default-route="members">

View File

@ -1,31 +1,27 @@
#menu-title {
font-family: bebas;
color: $hd-color;
font-size: 17px;
}
#navbar {
z-index: 9999;
#navbar-router {
color: $twitter-color;
ldp-route {
cursor: pointer;
#menu-title {
font-family: bebas;
color: $hd-color;
font-size: 17px;
}
ldp-route:hover {
text-decoration: underline;
}
ldp-route[active] {
font-weight: bold;
border-bottom: 2px solid $hd-color;
color: $hd-color;
}
}
@media (min-width: 768px) {
#navbarSupportedContent {
#navbar-router {
color: $twitter-color;
ldp-route {
margin: 0px 10px;
cursor: pointer;
font-size: 18px;
}
ldp-route:hover {
text-decoration: underline;
}
ldp-route[active] {
font-weight: bold;
border-bottom: 2px solid $hd-color;
color: $hd-color;
}
}
}

View File

@ -1,4 +1,4 @@
$hd-color: rgb(253, 200, 21);
$twitter-color: #1DA1F2;
$menu-height : 100px;
$menu-height : 50px;