chinwag/chinwagsocial
chinwag/chinwagsocial
2
0
Fork 0
Code Issues Pull requests Releases 14 Wiki Activity

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
commit f2390e2803
2 changed files with 18 additions and 0 deletions
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;
}
}
}