132 lines
4.4 KiB
JavaScript
132 lines
4.4 KiB
JavaScript
/* global filterXSS */
|
|
|
|
function initializeUserProfileContent(user) {
|
|
document.getElementById('sidebar-profile--avatar').src =
|
|
user.profile_image_90;
|
|
document.getElementById('sidebar-profile--avatar').alt = user.username;
|
|
|
|
document.getElementById('sidebar-profile--name').innerHTML = filterXSS(
|
|
user.name,
|
|
);
|
|
document.getElementById('sidebar-profile--username').innerHTML =
|
|
'@' + user.username;
|
|
document.getElementById('sidebar-profile').href = '/' + user.username;
|
|
}
|
|
|
|
function initializeProfileImage(user) {
|
|
if (!document.getElementById('comment-primary-user-profile--avatar')) return;
|
|
document.getElementById('comment-primary-user-profile--avatar').src =
|
|
user.profile_image_90;
|
|
}
|
|
|
|
function initializeUserSidebar(user) {
|
|
if (!document.getElementById('sidebar-nav')) return;
|
|
initializeUserProfileContent(user);
|
|
|
|
let followedTags = JSON.parse(user.followed_tags);
|
|
const tagSeparatorLabel =
|
|
followedTags.length === 0
|
|
? 'FOLLOW TAGS TO IMPROVE YOUR FEED'
|
|
: 'OTHER POPULAR TAGS';
|
|
|
|
followedTags.forEach((tag) => {
|
|
const element = document.getElementById(
|
|
'default-sidebar-element-' + tag.name,
|
|
);
|
|
|
|
if (element) {
|
|
element.remove();
|
|
}
|
|
});
|
|
|
|
document.getElementById('tag-separator').innerHTML = tagSeparatorLabel;
|
|
document.getElementById('sidebar-nav-default-tags').classList.add('showing');
|
|
}
|
|
|
|
function addRelevantButtonsToArticle(user) {
|
|
var articleContainer = document.getElementById('article-show-container');
|
|
if (articleContainer) {
|
|
if (parseInt(articleContainer.dataset.authorId, 10) === user.id) {
|
|
let actions = [
|
|
`<a class="crayons-btn crayons-btn--s crayons-btn--secondary" href="${articleContainer.dataset.path}/edit" rel="nofollow">Edit</a>`,
|
|
];
|
|
if (JSON.parse(articleContainer.dataset.published) === true) {
|
|
actions.push(
|
|
`<a class="crayons-btn crayons-btn--s crayons-btn--secondary ml-1" href="${articleContainer.dataset.path}/manage" rel="nofollow">Manage</a>`,
|
|
);
|
|
}
|
|
if (user.pro) {
|
|
actions.push(
|
|
`<a class="crayons-btn crayons-btn--s crayons-btn--secondary ml-1" href="${articleContainer.dataset.path}/stats" rel="nofollow">Stats</a>`,
|
|
);
|
|
}
|
|
document.getElementById('action-space').innerHTML = actions.join('');
|
|
}
|
|
}
|
|
}
|
|
|
|
function addRelevantButtonsToComments(user) {
|
|
if (document.getElementById('comments-container')) {
|
|
// buttons are actually <span>'s
|
|
var settingsButts = document.getElementsByClassName('comment-actions');
|
|
|
|
for (let i = 0; i < settingsButts.length; i += 1) {
|
|
let butt = settingsButts[i];
|
|
const { action, commentableUserId, userId } = butt.dataset;
|
|
if (parseInt(userId, 10) === user.id && action === 'settings-button') {
|
|
butt.innerHTML =
|
|
'<a href="' +
|
|
butt.dataset.path +
|
|
'" rel="nofollow" class="crayons-link crayons-link--block" data-no-instant>Settings</a>';
|
|
butt.classList.remove('hidden');
|
|
butt.classList.add('block');
|
|
}
|
|
|
|
if (
|
|
action === 'hide-button' &&
|
|
parseInt(commentableUserId, 10) === user.id
|
|
) {
|
|
butt.classList.remove('hidden');
|
|
butt.classList.add('block');
|
|
}
|
|
}
|
|
|
|
if (user.trusted) {
|
|
var modButts = document.getElementsByClassName('mod-actions');
|
|
for (let i = 0; i < modButts.length; i += 1) {
|
|
let butt = modButts[i];
|
|
if (butt.classList.contains('mod-actions-comment-button')) {
|
|
butt.innerHTML =
|
|
'<a href="' +
|
|
butt.dataset.path +
|
|
'" rel="nofollow" class="crayons-link crayons-link--block">Moderate</a>';
|
|
}
|
|
butt.className = 'mod-actions';
|
|
butt.classList.remove('hidden');
|
|
butt.classList.add('block');
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
function setCurrentUserToNavBar(user) {
|
|
const userNavLink = document.getElementById('first-nav-link');
|
|
userNavLink.href = `/${user.username}`;
|
|
userNavLink.querySelector('span').textContent = user.name;
|
|
userNavLink.querySelector('small').textContent = `@${user.username}`;
|
|
document.getElementById('nav-profile-image').src = user.profile_image_90;
|
|
if (user.admin) {
|
|
document
|
|
.querySelector('.js-header-menu-admin-link')
|
|
.classList.remove('hidden');
|
|
}
|
|
}
|
|
|
|
function initializeBaseUserData() {
|
|
const user = userData();
|
|
setCurrentUserToNavBar(user);
|
|
initializeUserSidebar(user);
|
|
initializeProfileImage(user);
|
|
addRelevantButtonsToArticle(user);
|
|
addRelevantButtonsToComments(user);
|
|
}
|