Acesso rápido para o perfil do usuário

Detalhes da questão

Endereço do fórum: https://pernaesquerda.forumeiros.com/
Versão do fórum: ModernBB

Descrição

vi esse tópico e modifiquei um pouco, mas gostaria de colocar no "Perfil" o link do perfil do próprio usuário, mas não sei como colocar o código do user id para cada usuário ):

Código:

(function ($, styles) {
          'use strict';
        
          var $submenu = {
        
            toggle: function ($parent) {
              if (this.template.css('display') === 'none') {
                this.template
                  .show()
                    .css({
                      position: 'absolute',
                      left: $parent.offset().left,
                      top: $parent.offset().top
                    })
                ;
        
                return;
              }
        
              this.template
                .removeAttr('style')
                  .hide()
              ;
            },
        
            linklist: [
              {
                name: 'Perfil',
                icon: 'ion-clipboard',
                link: 'não sei o codigo',
              },
              {
                name: 'Preferências',
                icon: 'ion-gear-a',
                link: '/profile?mode=editprofile&page_profil=preferences',
              },
              {
                name: 'Avatar',
                icon: 'ion-person',
                link: '/profile?mode=editprofile&page_profil=avatars',
              },
              {
                name: 'Assinatura',
                icon: 'ion-android-more-horizontal',
                link: '/profile?mode=editprofile&page_profil=signature',
              }
            ],
        
            template: $('<nav>', {
              'class': 'fa-submenu-profile',
              'style': 'display: none;'
            }),
        
            init: function () {
              var self = this;
              $.each(self.linklist, function () {
                $('<a>', {
                  'href': this.link,
                  'html': [
                    $('<i>', { 'class': this.icon }).prop('outerHTML'),
                    $('<span>', { 'text': this.name }).prop('outerHTML')
                  ].join('\n')
                }).appendTo(self.template);
              });
            }
        
          };
        
          $(function () {
        
            $submenu.init();
          
            $('a[href="/profile?mode=editprofile"]')
              .parents('li')
                .on('click', function (event) {
                  event.preventDefault();
                  $submenu.toggle($(this));
                })
            ;
        
            // Criar os elementos:
            $('body').append($submenu.template);
            $('head').append(['<style>', styles, '</style>'].join('\n'));
          });
        }(jQuery, [
          '.fa-submenu-profile {',
          '  min-width: 190px;',
          '  background-color: #fff;',
          '  padding: 5px 0;',
          '  display: block;',
          '  border-radius: 2px;',
          '  margin-top: 60px;',
 '  margin-left: 12px;',
          '  z-index: 999;',
          '}',
          '',
          '.fa-submenu-profile::before {',
          '  content: "";',
          '  border: solid 6px transparent;',
          '  border-bottom-color: white;',
          '  position: absolute;',
          '  top: -12px;',
          '  left: 8px;',
          '}',
          '',
          '.fa-submenu-profile > a {',
          '  display: block;',
          '  padding: 5px 10px;',
          '  font-size: 14.5px;',          
          '}',
          '',
          '.fa-submenu-profile > a,',
          '.fa-submenu-profile > a * {',
          '  transition: all 120ms linear;',
          '}',
          '',
          '.fa-submenu-profile > a:hover {',
          '  background-color: #455280;',
          '  color: #fff;',
          '}',
        ].join('\n')));

Desde já agradeço pela atenção

Olá @Nikkon,

Altere o seu código para:

Código:

(function ($, styles) {
          'use strict';
        
          var $submenu = {
        
            toggle: function ($parent) {
              if (this.template.css('display') === 'none') {
                this.template
                  .show()
                    .css({
                      position: 'absolute',
                      left: $parent.offset().left,
                      top: $parent.offset().top
                    })
                ;
        
                return;
              }
        
              this.template
                .removeAttr('style')
                  .hide()
              ;
            },
        
            linklist: [
              {
                name: 'Perfil',
                icon: 'ion-clipboard',
                link: 'myprofile',
              },
              {
                name: 'Preferências',
                icon: 'ion-gear-a',
                link: '/profile?mode=editprofile&page_profil=preferences',
              },
              {
                name: 'Avatar',
                icon: 'ion-person',
                link: '/profile?mode=editprofile&page_profil=avatars',
              },
              {
                name: 'Assinatura',
                icon: 'ion-android-more-horizontal',
                link: '/profile?mode=editprofile&page_profil=signature',
              }
            ],
        
            template: $('<nav>', {
              'class': 'fa-submenu-profile',
              'style': 'display: none;'
            }),
        
            init: function () {
              var self = this;
              $.each(self.linklist, function () {
                $('<a>', {
                   'href': (this.link == 'myprofile' ? '/u' + _userdata.user_id : this.link),
                  'html': [
                    $('<i>', { 'class': this.icon }).prop('outerHTML'),
                    $('<span>', { 'text': this.name }).prop('outerHTML')
                  ].join('\n')
                }).appendTo(self.template);
              });
            }
        
          };
        
          $(function () {
        
            $submenu.init();
          
            $('a[href="/profile?mode=editprofile"]')
              .parents('li')
                .on('click', function (event) {
                  event.preventDefault();
                  $submenu.toggle($(this));
                })
            ;
        
            // Criar os elementos:
            $('body').append($submenu.template);
            $('head').append(['<style>', styles, '</style>'].join('\n'));
          });
        }(jQuery, [
          '.fa-submenu-profile {',
          '  min-width: 190px;',
          '  background-color: #fff;',
          '  padding: 5px 0;',
          '  display: block;',
          '  border-radius: 2px;',
          '  margin-top: 60px;',
 '  margin-left: 12px;',
          '  z-index: 999;',
          '}',
          '',
          '.fa-submenu-profile::before {',
          '  content: "";',
          '  border: solid 6px transparent;',
          '  border-bottom-color: white;',
          '  position: absolute;',
          '  top: -12px;',
          '  left: 8px;',
          '}',
          '',
          '.fa-submenu-profile > a {',
          '  display: block;',
          '  padding: 5px 10px;',
          '  font-size: 14.5px;',          
          '}',
          '',
          '.fa-submenu-profile > a,',
          '.fa-submenu-profile > a * {',
          '  transition: all 120ms linear;',
          '}',
          '',
          '.fa-submenu-profile > a:hover {',
          '  background-color: #455280;',
          '  color: #fff;',
          '}',
        ].join('\n')));

Atenciosamente,
pedxz.

Funcionou, obrigada denovo Pedxz!

Tópico resolvido Movido para "Questões resolvidas".