docbrown/app/assets/javascripts/initializers/initializeUserProfilePage.js
ludwiczakpawel de5a22ecf7
Profile UI update (#11357)
* tooltips 1.0.1

* tooltips 1.0.1

* profile layout

* fix

* whoops

* better github repos

* spec

* brining back doc, and making liitle fixes

* button placement, stats styling

* rename
2020-11-12 08:47:04 +01:00

50 lines
1.6 KiB
JavaScript

'use strict';
function initializeUserProfilePage() {
const profileDropdownDiv = document.getElementsByClassName(
'profile-dropdown',
)[0];
if (profileDropdownDiv) {
const currentUser = userData();
if (
currentUser &&
currentUser.username === profileDropdownDiv.dataset.username
) {
profileDropdownDiv.hidden = true;
} else {
profileDropdownDiv.hidden = false;
const userProfileDropdownButton = document.getElementById(
'user-profile-dropdown',
);
if (userProfileDropdownButton) {
const userProfileDropdownMenu = document.getElementById(
'user-profile-dropdownmenu',
);
userProfileDropdownButton.addEventListener('click', () => {
userProfileDropdownMenu.classList.toggle('block');
// Add actual link location (SEO doesn't like these "useless" links, so adding in here instead of in HTML)
var reportAbuseLink = profileDropdownDiv.querySelector(
'.report-abuse-link-wrapper',
);
reportAbuseLink.innerHTML = `<a href="${reportAbuseLink.dataset.path}" class="crayons-link crayons-link--block">Report Abuse</a>`;
});
}
}
}
}
function initializeProfileInfoToggle() {
const infoPanels = document.querySelector('.js-user-info');
const trigger = document.querySelector('.js-user-info-trigger');
const triggerWrapper = document.querySelector(
'.js-user-info-trigger-wrapper',
);
if (trigger && infoPanels) {
trigger.addEventListener('click', () => {
triggerWrapper.classList.replace('block', 'hidden');
infoPanels.classList.replace('hidden', 'grid');
});
}
}