about summary refs log tree commit diff
path: root/app/javascript/core
diff options
context:
space:
mode:
authorThibaut Girka <thib@sitedethib.com>2019-04-22 20:40:04 +0200
committerThibaut Girka <thib@sitedethib.com>2019-04-22 20:40:04 +0200
commita9eaa780f56d9b10cc7ae9e8134a612cbc96b4f8 (patch)
treed41dfb47bc842666ffadc4cb39f0dc9ed22af4fb /app/javascript/core
parentc3fa4e8e07e5bcc685163959833a989fb15e8029 (diff)
parentfd9f5a467f9af857338380bf78b6b7037a12f171 (diff)
Merge branch 'master' into glitch-soc/merge-upstream
Conflicts:
- app/javascript/mastodon/features/compose/components/compose_form.js
  Upstream cleaned up a bit, including on lines in which
  we replaced the hardcoded 500 character limit with a maxChar
  constant. Applied the changes while keeping maxChar instead of 500.
- app/javascript/packs/public.js
  Moved upstream's new animated avatar hover handling in
  app/javascript/core/public.js
- app/javascript/styles/fonts/montserrat.scss
  Upstream fixed local font name, applied those changes.
- app/javascript/styles/fonts/roboto.scss
  Upstream fixed local font name, applied those changes.
- lib/mastodon/version.rb
  Upstream made repo URL configurable, did the same, but
  default to glitch-soc
Diffstat (limited to 'app/javascript/core')
-rw-r--r--app/javascript/core/public.js23
1 files changed, 23 insertions, 0 deletions
diff --git a/app/javascript/core/public.js b/app/javascript/core/public.js
index f00709dad..4be75647a 100644
--- a/app/javascript/core/public.js
+++ b/app/javascript/core/public.js
@@ -41,3 +41,26 @@ delegate(document, '.modal-button', 'click', e => {
 
   window.open(href, 'mastodon-intent', 'width=445,height=600,resizable=no,menubar=no,status=no,scrollbars=yes');
 });
+
+const getProfileAvatarAnimationHandler = (swapTo) => {
+  //animate avatar gifs on the profile page when moused over
+  return ({ target }) => {
+    const swapSrc = target.getAttribute(swapTo);
+    //only change the img source if autoplay is off and the image src is actually different
+    if(target.getAttribute('data-autoplay') === 'false' && target.src !== swapSrc) {
+      target.src = swapSrc;
+    }
+  };
+};
+
+delegate(document, 'img#profile_page_avatar', 'mouseover', getProfileAvatarAnimationHandler('data-original'));
+
+delegate(document, 'img#profile_page_avatar', 'mouseout', getProfileAvatarAnimationHandler('data-static'));
+
+delegate(document, '#account_header', 'change', ({ target }) => {
+  const header = document.querySelector('.card .card__img img');
+  const [file] = target.files || [];
+  const url = file ? URL.createObjectURL(file) : header.dataset.originalSrc;
+
+  header.src = url;
+});