CloudToys/REI-Fixed
1
0
Fork 0
Code

Dynamicaly change avatar and header bg from account setting (#4289)

Browse Source
This commit is contained in:
Yamagishi Kazutoshi 2017-07-21 19:47:16 +09:00 committed by Eugen Rochko
parent dbaa6a0e13
commit f2390e2803
2 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/javascript/packs/public.js
View File

@ -88,6 +88,20 @@ function main() {
noteCounter.textContent = 160 - length(target.value);
}
});
delegate(document, '#account_avatar', 'change', ({ target }) => {
const avatar = document.querySelector('.card.compact .avatar img');
const [file] = target.files || [];
const url = URL.createObjectURL(file);
avatar.src = url;
});
delegate(document, '#account_header', 'change', ({ target }) => {
const header = document.querySelector('.card.compact');
const [file] = target.files || [];
const url = URL.createObjectURL(file);
header.style.backgroundImage = `url(${url})`;
});
}
loadPolyfills().then(main).catch(error => {

4
app/javascript/styles/accounts.scss
View File

@ -32,6 +32,10 @@
.avatar {
margin-bottom: 0;
img {
object-fit: cover;
}
}
}