在用户菜单中添加链接

支持
6

So I took this as a challenge to test my skills and to try out Theme Creator and here is what I’ve got for you :slightly_smiling_face:

image
image372×248 6.18 KB

Thanks to Theme Creator, you can try out this theme component live here: https://theme-creator.discourse.org/theme/Osama/extend-user-menu

Here is the code under Common in the </head> section:

<script type="text/discourse-plugin" version="0.8.13">
  const h = require('virtual-dom').h;
  I18n.translations.en.js.user.my_link = "My Link";
  api.reopenWidget('user-menu', {
      myLinkAction() {
          console.log("Hello there!"); // handle click on the link here
      },
      panelContents() {
        const sup = this._super(...arguments);
        sup.push(
          h('div.my-link', [
            h('ul.menu-links',
              h('li',
                this.attach('link', {
                  action: 'myLinkAction',
                  className: 'my-link',
                  icon: 'link',
                  label: 'user.my_link'
                })
              )
            )
          ])
        );
        return sup;
      }
  })
</script>