autonomic-cooperative/hubl
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feature - members pages done for alpha-1

Browse Source
This commit is contained in:
Alexandre Bourlier
2018-07-08 17:19:26 +02:00
parent 3259183299
commit 49e1418e93
11 changed files with 76 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/html/member-chat.html Normal file
View File

@ -0,0 +1,2 @@
<div id="member-chat" style="display: none">
</div>

4
src/html/edit-profile.html → src/html/member-edit-profile.html
View File

@ -17,7 +17,7 @@
//widget-avatar="ldp-form-img-upload"
</script>
<div id="edit-profile" style="display: none">
<div id="member-edit-profile" style="display: none">
<label for="avatar-input">
<img id="avatar-preview" src="http://cdn.local/hdapp/members/alexandre-bourlier.jpg" style="width: 100%;"/>
</label>
@ -25,7 +25,7 @@
<sib-form
class="edit-form"
data-src="<?php echo $sdn; ?>/members/1/"
bind-resources
></sib-form>
</div>

13
src/html/member-profile.html Normal file
View File

@ -0,0 +1,13 @@
<div id="member-profile" style="display: none">
<sib-display
id="member-info"
data-fields="avatar, user, before-pseudo, pseudo, bio, cell, number, roles, website, skills"
widget-avatar="sib-display-img"
widget-user="hdapp-userinfo"
widget-cell="hdapp-usercell"
widget-number="sib-display-tel"
widget-roles="sib-display-lookuplist"
widget-skills="sib-display-lookuplist"
bind-resources
></sib-display>
</div>

26
src/html/member.html
View File

@ -1,26 +0,0 @@
<div id="member" class="view-with-vertical-menu" style="display: none">
<div class="section info">
<i class="fa fa-pencil" aria-hidden="true"></i>
<i class="name fa fa-pencil" aria-hidden="true"></i>
<sib-display
id="member-info"
data-fields="avatar, user, before-pseudo, pseudo, bio, cell, number, roles, website, skills"
widget-avatar="sib-display-img"
widget-user="hdapp-userinfo"
widget-cell="hdapp-usercell"
widget-number="sib-display-tel"
widget-roles="sib-display-lookuplist"
widget-skills="sib-display-lookuplist"
bind-resources
></sib-display>
</div>
</div>
<script>
document.querySelectorAll("#member-detail .fa-pencil").forEach((el) => {
el.addEventListener("click", (e) => {
document.getElementById('navbar-router').navigate('edit-profile');
});
});
</script>

21
src/html/member.php Normal file
View File

@ -0,0 +1,21 @@
<div id="member" style="display: none">
<div class="section info">
<sib-router id="member-router" default-route="member-profile">
<sib-route name="member-chat">
<button>Chat</button>
</sib-route>
<sib-route name="member-profile">
<button>Voir</button>
</sib-route>
<sib-route name="member-edit-profile">
<button>Éditer</button>
</sib-route>
</sib-router>
<div id="member-views-container">
<?php require_once('member-chat.html'); ?>
<?php require_once('member-profile.html'); ?>
<?php require_once('member-edit-profile.html'); ?>
</div>
</div>
</div>

1
src/html/menu.html
View File

@ -11,7 +11,6 @@
<span class="d-none d-md-inline">Membres</span>
</sib-route>
<sib-route class="d-none" name="member" id-prefix="<?php echo $sdn; ?>/members/"></sib-route>
<sib-route class="d-none" name="edit-profile" id-prefix="<?php echo $sdn; ?>/members/"></sib-route>
<sib-route class="nav-item pb-2 align-self-stretch text-center text-md-left" name="projects">
<i class="fa fa-tasks" aria-hidden="true"></i>

17
src/scss/_chat.scss Normal file
View File

@ -0,0 +1,17 @@
sib-chat {
position: absolute;
top: $menu-height;
bottom: 0px;
left: 0px;
right: 0px;
margin: auto;
display: none;
}
#member-chat {
sib-chat {
display: block;
top: $menu-height + 30px;
}
}

20
src/scss/_member.scss
View File

@ -32,8 +32,8 @@
#member-detail {
#member-info {
ldp-display-mailto,
ldp-display-tel {
sib-display-mailto,
sib-display-tel {
display: block;
}
@ -63,18 +63,6 @@
.section {
position: relative;
i {
position: absolute;
display: block;
top: 5px;
right: 10px;
cursor: pointer;
&.name {
top: 290px;
}
}
h2 {
@extend %detail-section;
margin-top: 40px;
@ -85,7 +73,7 @@
display: flex;
flex-wrap: wrap;
ldp-display {
sib-display {
display: block;
background-color: $hd-color;
color: white;
@ -100,7 +88,7 @@
@media (min-width: $sm-with) {
#member-detail {
#member-info {
ldp-display-img {
sib-display-img {
display: block;
float: right;
width: 300px;

16
src/scss/_styles.scss
View File

@ -11,19 +11,3 @@ html, body, #mainContainer {
padding-top: $menu-height;
}
hd-chat-window {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
margin: auto;
padding-top: $menu-height;
padding-right: $vertical-menu-width;
display: none;
}
.chat-wrapper {
hd-chat-window {
display: block;
}
}

1
src/scss/main.scss
View File

@ -17,3 +17,4 @@
@import "channels";
@import "channel";
@import "search";
@import "chat";