Acesso rápido para o perfil do usuário

Item: Acesso rápido para o perfil do usuário
Rating: 1

por Nikkon 26.11.20 23:38

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

por **tikky** 27.11.20 1:03

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')));