ui: default avatar added

New template created
This commit is contained in:
Gaëlle Morin 2019-05-15 14:49:43 +02:00
parent 697f93047e
commit 9ab61cc481
9 changed files with 18 additions and 14 deletions

12
package-lock.json generated
View File

@ -246,7 +246,7 @@
}, },
"acorn": { "acorn": {
"version": "3.3.0", "version": "3.3.0",
"resolved": "http://registry.npmjs.org/acorn/-/acorn-3.3.0.tgz", "resolved": "https://registry.npmjs.org/acorn/-/acorn-3.3.0.tgz",
"integrity": "sha1-ReN/s56No/JbruP/U2niu18iAXo=", "integrity": "sha1-ReN/s56No/JbruP/U2niu18iAXo=",
"dev": true "dev": true
}, },
@ -2780,7 +2780,7 @@
}, },
"minimist": { "minimist": {
"version": "0.0.8", "version": "0.0.8",
"resolved": "http://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz", "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz",
"integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=", "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=",
"dev": true "dev": true
}, },
@ -2809,7 +2809,7 @@
}, },
"mkdirp": { "mkdirp": {
"version": "0.5.1", "version": "0.5.1",
"resolved": "http://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz", "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz",
"integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=", "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=",
"dev": true, "dev": true,
"requires": { "requires": {
@ -3314,7 +3314,7 @@
}, },
"chalk": { "chalk": {
"version": "1.1.3", "version": "1.1.3",
"resolved": "http://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz", "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
"integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=", "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
"dev": true, "dev": true,
"requires": { "requires": {
@ -3485,7 +3485,7 @@
}, },
"readable-stream": { "readable-stream": {
"version": "2.3.6", "version": "2.3.6",
"resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz",
"integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==",
"dev": true, "dev": true,
"requires": { "requires": {
@ -4273,7 +4273,7 @@
}, },
"yargs": { "yargs": {
"version": "3.10.0", "version": "3.10.0",
"resolved": "http://registry.npmjs.org/yargs/-/yargs-3.10.0.tgz", "resolved": "https://registry.npmjs.org/yargs/-/yargs-3.10.0.tgz",
"integrity": "sha1-9+572FfdfB0tOMDnTvvWgdFDH9E=", "integrity": "sha1-9+572FfdfB0tOMDnTvvWgdFDH9E=",
"dev": true, "dev": true,
"requires": { "requires": {

View File

@ -20,5 +20,5 @@ script(type="module" src="https://unpkg.com/@startinblox/router@0.7.2")
script(type="module" src="https://unpkg.com/@startinblox/component-chat@0.1.7") script(type="module" src="https://unpkg.com/@startinblox/component-chat@0.1.7")
script(type="module" src="https://unpkg.com/@startinblox/component-notifications@0.1.12") script(type="module" src="https://unpkg.com/@startinblox/component-notifications@0.1.12")
script(type="module" src="https://unpkg.com/@startinblox/component-conversation@0.2.1") script(type="module" src="https://unpkg.com/@startinblox/component-conversation@0.2.1")
script(type="module" src="https://unpkg.com/@startinblox/component-directory@0.1.15") script(type="module" src="https://unpkg.com/@startinblox/component-directory@0.1.16")

View File

@ -11,15 +11,13 @@ sib-notifications(
bind-user bind-user
) )
sib-widget(name="user-picture") include templates/hd-user-avatar.pug
template
img(name="${name}",src="\${value || '/images/user.jpg'}",style="max-width:100%; max-height: 100%;")
details#user-controls details#user-controls
summary(tabindex='0' role='button') summary(tabindex='0' role='button')
sib-display#user-controls__profile( sib-display#user-controls__profile(
data-fields='first_name, account.picture', data-fields='first_name, account.picture',
widget-account.picture='user-picture', widget-account.picture='hd-user-avatar',
bind-user bind-user
) )
#user-controls__panel #user-controls__panel

View File

@ -1,5 +1,6 @@
div.job-offers__main div.job-offers__main
include templates/hd-user-avatar.pug
include templates/template-groups.pug include templates/template-groups.pug
include templates/template-skills.pug include templates/template-skills.pug
include templates/template-joboffers-filter.pug include templates/template-joboffers-filter.pug
@ -12,7 +13,7 @@ div.job-offers__main
data-fields='user-thumb, creationDate, title, description, skills, send', data-fields='user-thumb, creationDate, title, description, skills, send',
set-user-thumb='author.account.picture, author.first_name, author.groups', set-user-thumb='author.account.picture, author.first_name, author.groups',
widget-author.account.picture='sib-display-img', widget-author.account.picture='hd-user-avatar',
widget-author.groups='groups-name', widget-author.groups='groups-name',
multiple-author.groups, multiple-author.groups,

View File

@ -87,7 +87,7 @@
} }
} }
sib-display-img { hd-user-avatar {
background-color: $color-0-0-100; background-color: $color-0-0-100;
border-radius: 50%; border-radius: 50%;
height: 4.25rem; height: 4.25rem;

View File

@ -0,0 +1,3 @@
sib-widget(name='hd-user-avatar')
template
img(name="${name}",src="\${value || '/images/alien.jpg'}",style="max-width:100%; max-height: 100%;")

View File

@ -1,9 +1,11 @@
include hd-user-avatar.pug
sib-widget(name='team-template') sib-widget(name='team-template')
template template
sib-display( sib-display(
data-src="${value.user['@id']}" data-src="${value.user['@id']}"
data-fields='account.picture', data-fields='account.picture',
widget-account.picture='sib-display-img' widget-account.picture='hd-user-avatar'
) )
div(name='user.thumb') div(name='user.thumb')
span ${value.user.name} span ${value.user.name}

BIN
www/images/alien.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.5 KiB