app/assets/javascripts/extras.jsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

import emojify from './components/emoji'

$(() => {
  $.each($('.emojify'), (_, content) => {
    const $content = $(content);
    $content.html(emojify($content.html()));
  });

  $('.video-player video').on('click', e => {
    if (e.target.paused) {
      e.target.play();
    } else {
      e.target.pause();
    }
  });

  $.each($('.spoiler'), (_, content) => {
    $(content).on('click', e => {
      var hasClass = $(content).hasClass('spoiler-on');
      if (hasClass || e.target === content) {
        e.preventDefault();
        $(content).siblings(".spoiler").andSelf().toggleClass('spoiler-on', !hasClass);
      }
    });
  });

  $('.media-spoiler').on('click', e => {
    $(e.target).hide();
  });

  $('.webapp-btn').on('click', e => {
    if (e.button === 0) {
      e.preventDefault();
      window.location.href = $(e.target).attr('href');
    }
  });
});