Extend PostStream but esclude post content

Justoverclock

Hi guys, i'm working on an extension that add a context menu on right click

And i have a question, i would add this extension even on poststream, but this will prevent users to make some stuff (e.g copy text or code blocks).

there's a way to exclude only the post content?

actually with Indexpage, right click is disabled on post also...and i need to prevent this

Justoverclock

edit: found a solution by myself

actually i'm able to do this with a condition

if (app.current.matches(IndexPage))

but would be great if can works on whole forum exept into post

askvortsov

Justoverclock if (app.current.matches(IndexPage))

but would be great if can works on whole forum exept into post

You could also do something like

if (!app.current.matches(DiscussionPage))

[deleted]

Please add reply dropdown menu when right click on title in post PLEASE

[deleted]

[deleted] Please add reply dropdown menu when right click on title in post PLEASE

I tried myself but unable to

Justoverclock

askvortsov great! 🙂

and what if i want to make it works on the custom page? (contact us for example)

app.current.routes?

askvortsov

Justoverclock and what if i want to make it works on the custom page? (contact us for example)

The code I listed means that it should run on every page except DiscussionPage. If your page doesn't extend DiscussionPage, the code should run.

Justoverclock

askvortsov for example on contact page extension, doesn't work, and actually doesn't extend discussionpage...

askvortsov

Justoverclock please share your full code.

Justoverclock

https://github.com/justoverclockl/flarum-ext-contextmenu/blob/main/js/src/forum/index.js

askvortsov

Justoverclock You're only extending IndexPage, so this code will only run on IndexPage. You need to get this to run on all pages. You could try extending the Page base class?

Justoverclock

askvortsov I’ve tried but with the same result, I will try again later 🤔

Justoverclock

as expected, if i extend page, doesn't work

askvortsov

Justoverclock Keep in mind that you can't extend the view method of Page, as each page has its own view method that doesn't call super.

Justoverclock

askvortsov so should i use oncreate(vnode: *)

askvortsov

Justoverclock oncreate might work. However, you still need to create the DOM for the context menu somewhere. I would recommend mounting it outside of a page, since it doesn't need to be included inside a page. It just has to be available.

See https://github.com/Xelson/flarum-ext-chat/blob/master/js/src/forum/index.js#L47-L61 for an example

Justoverclock

askvortsov this is one of the thing that I really want to learn. There’s an example similar to mine? That shows how to make html available into DOM (through mithril of course)?

I need to have a similar one to understand

Justoverclock

this doesn't seem to work

extend(Application.prototype, 'mount', function () {
  const ContextMenu = {
    view: () =>
      m('ul', { className: 'menu', id: 'ctxmenu' }, [
        m(
          'li',
          { className: 'menu-item' },
          m(
            'button',
            { className: 'menu-btn', type: 'button' },
            m('a', { href: app.forum.attribute('Link1url') }, [m('i', { className: 'fa fa-file' }),
              m('span', { className: 'menu-text' }, link1)])
          )
        ),
        m('li', { className: 'menu-separator' }),
        m(
          'li',
          { className: 'menu-item' },
          m(
            'a',
            { href: 'https://www.facebook.com/flarumitaliaofficial' },
            m('button', { className: 'menu-btn', type: 'button' }, [
              m('i', { className: 'fab fa-facebook-f' }),
              m('span', { className: 'menu-text' }, 'Facebook'),
            ])
          )
        ),
        m(
          'li',
          { className: 'menu-item' },
          m(
            'a',
            { href: 'https://twitter.com/flarumitalia' },
            m('button', { className: 'menu-btn', type: 'button' }, [
              m('i', { className: 'fab fa-twitter' }),
              m('span', { className: 'menu-text' }, 'Twitter'),
            ])
          )
        ),
        m(
          'li',
          { className: 'menu-item' },
          m(
            'a',
            { href: 'https://github.com/justoverclockl' },
            m('button', { className: 'menu-btn', type: 'button' }, [
              m('i', { className: 'fab fa-github-alt' }),
              m('span', { className: 'menu-text' }, 'Github'),
            ])
          )
        ),
        m('li', { className: 'menu-separator' }),
        m(
          'li',
          { className: 'menu-item' },
          m(
            'button',
            { className: 'menu-btn', type: 'button' },
            m('a', { href: app.forum.attribute('Link2url') }, [m('i', { className: 'fa fa-envelope' }),
              m('span', { className: 'menu-text' }, link2)])
          )
        ),
      ])
  };
  m.mount(document.getElementById('ctxmenu'), ContextMenu);