app/assets/javascripts/blob/stl_viewer.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

import Renderer from './3d_viewer';

export default () => {
  const viewer = new Renderer(document.getElementById('js-stl-viewer'));

  [].slice.call(document.querySelectorAll('.js-material-changer')).forEach((el) => {
    el.addEventListener('click', (e) => {
      const { target } = e;

      e.preventDefault();

      document.querySelector('.js-material-changer.active').classList.remove('active');
      target.classList.add('active');
      target.blur();

      viewer.changeObjectMaterials(target.dataset.type);
    });
  });
};