diff --git a/src/html/member.html b/src/html/member.html
index 840e71c..7979a91 100644
--- a/src/html/member.html
+++ b/src/html/member.html
@@ -21,22 +21,22 @@
- Skills here
-
-
-
-
-
+
Compétences
+
diff --git a/src/html/members.html b/src/html/members.html
index c68e637..8b6ff32 100644
--- a/src/html/members.html
+++ b/src/html/members.html
@@ -3,6 +3,13 @@
get template() {
return `${this.value.city} - ${this.value.country}
`;
}
+
+ render() {
+ store.get(this.value).then( (value) => {
+ this._value = value;
+ this.innerHTML = this.template;
+ });
+ }
}
customElements.define("ldp-display-cell", LDPDisplayCell);
diff --git a/src/models.py b/src/models.py
index a2af239..667756c 100644
--- a/src/models.py
+++ b/src/models.py
@@ -49,4 +49,11 @@ class Cell(models.Model):
return self.name
+class ChatRoom(models.Model):
+ name = models.CharField(max_length=255, default='')
+ description = models.CharField(max_length=255, default='')
+ members = models.ManyToManyField("Member")
+ administrator = models.ManyToManyField("Member")
+ def __str__(self):
+ return self.name
diff --git a/src/scss/_member.scss b/src/scss/_member.scss
index b2267f5..578577a 100644
--- a/src/scss/_member.scss
+++ b/src/scss/_member.scss
@@ -1,3 +1,8 @@
+%detail-section {
+ font-weight: bold;
+ font-size: 18px;
+}
+
#member-chat {
#conversejs {
margin: none;
@@ -5,7 +10,7 @@
}
#profiles-list,
-#member-profile {
+#member-info {
img {
display: block;
}
@@ -17,9 +22,8 @@
}
div[name="name"] {
+ @extend %detail-section;
padding-top: 10px;
- font-weight: bold;
- font-size: 18px;
}
div[name="name"],
@@ -28,31 +32,53 @@
}
}
-#member-profile {
- ldp-display-mailto,
- ldp-display-tel {
- display: block;
+#member-detail {
+ #member-info {
+ ldp-display-mailto,
+ ldp-display-tel {
+ display: block;
+ }
+
+ a[name="email"],
+ a[name="number"] {
+ &::before {
+ font-family: FontAwesome;
+ padding-right: 4px;
+ color: black;
+ }
+ }
+ a[name="email"] {
+ &::before {
+ content: "\f0e0";
+ }
+ }
+ a[name="number"] {
+ &::before {
+ content: "\f10b";
+ font-size: 22px;
+ padding-left: 3px;
+ padding-right: 7px;
+ }
+ }
}
- a[name="email"],
- a[name="number"] {
- &::before {
- font-family: FontAwesome;
- padding-right: 4px;
- color: black;
- }
+ .section {
+ @extend %detail-section;
+ margin-top: 40px;
}
- a[name="email"] {
- &::before {
- content: "\f0e0";
- }
- }
- a[name="number"] {
- &::before {
- content: "\f10b";
- font-size: 22px;
- padding-left: 3px;
- padding-right: 7px;
+
+ #member-skills {
+ display: flex;
+ flex-wrap: wrap;
+
+ ldp-display {
+ display: block;
+ background-color: $hd-color;
+ color: white;
+ border-radius: 100px;
+ padding: 3px 10px;
+ margin-bottom: 5px;
+ margin-right: 5px;
}
}
}
diff --git a/src/scss/_styles.scss b/src/scss/_styles.scss
index 7f5345c..59b7f33 100644
--- a/src/scss/_styles.scss
+++ b/src/scss/_styles.scss
@@ -1,5 +1,6 @@
* {
- box-sizing: border-box;
+ box-sizing: border-box;
+ font-family: helvetica;
}
html, body, #mainContainer {