app/assets/javascripts/content_editor/extensions/loading.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

import { Node } from '@tiptap/core';

export default Node.create({
  name: 'loading',
  inline: true,
  group: 'inline',

  addAttributes() {
    return {
      label: {
        default: null,
      },
    };
  },

  renderHTML({ node }) {
    return [
      'span',
      { class: 'gl-display-inline-flex gl-align-items-center' },
      ['span', { class: 'gl-spinner gl-mx-2' }],
      ['span', { class: 'gl-link' }, node.attrs.label],
    ];
  },
});