Chat component integrated on the member profile
This commit is contained in:
@ -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"
|
||||
|
@ -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/"
|
||||
|
@ -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">
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -1,4 +1,4 @@
|
||||
$hd-color: rgb(253, 200, 21);
|
||||
$twitter-color: #1DA1F2;
|
||||
|
||||
$menu-height : 100px;
|
||||
$menu-height : 50px;
|
||||
|
Reference in New Issue
Block a user