document.addEventListener('DOMContentLoaded', function() {
let menu = document.querySelector('.gc-account-user-menu');
if (menu) {
let li = document.createElement('div');
li.className = 'menu-logo';
li.innerHTML = `
`;
menu.insertBefore(li, menu.firstChild);
}
const svgMarkup = [
{
name: 'menu-item-profile',
svg: `
`
}/*,
{
name: 'menu-item-notifications_button_small',
src: `https://fs.getcourse.ru/fileservice/file/download/a/584132/sc/379/h/67befe5ba4e33aeb2db1ce00e9191c97.svg`
},
{
name: 'menu-item-teach',
src: `https://fs.getcourse.ru/fileservice/file/download/a/584132/sc/155/h/e4664a548ad1b8d3d174468ea3e5196d.svg`
},
{
name: 'menu-item-notifications',
src: `https://fs.getcourse.ru/fileservice/file/download/a/584132/sc/253/h/624c6aff5ea7260807ffa94deb3229e8.svg`
},
{
name: 'menu-item-chatium',
src: `https://fs.getcourse.ru/fileservice/file/download/a/584132/sc/192/h/26fe9704e146c8d732bae0105be397db.svg`
}*/
];
svgMarkup.forEach(icon => {
document.querySelectorAll(`.${icon.name}`).forEach(element => {
const img = element.querySelector('img.menu-item-icon');
if (img) {
img.remove();
}
const svg = document.createElement('span');
svg.innerHTML = icon.svg;
const container = element.querySelector('a');
container.appendChild(svg);
});
});
});
/*$(function() {
setTimeout(() => {
let menu_items_title = ['Информер','Сайт','База знаний','Ученики','Задачи','Мессенджер','Покупки','Приложение'];
let leftbar_menu_item_title_version = 1;
$('.gc-account-leftbar .gc-account-user-menu li').addClass('item-title_v' + leftbar_menu_item_title_version);
$('.gc-account-leftbar .gc-account-user-menu li:not(:first-child)').each(function(i) {
if ($(this).hasClass('menu-item-notifications_button_small')) {
$(this).find('a').append('');
} else if ($(this).hasClass('menu-item-cms')) {
$(this).find('a').innerText = menu_items_title[1];
} else if ($(this).hasClass('menu-item-teach')) {
$(this).find('a').innerText = menu_items_title[2];
} else if ($(this).hasClass('menu-item-user')) {
$(this).find('a').innerText = menu_items_title[3];
} else if ($(this).hasClass('menu-item-tasks')) {
$(this).find('a').innerText = menu_items_title[4];
} else if ($(this).hasClass('menu-item-notifications')) {
$(this).find('a').innerText = menu_items_title[5];
} else if ($(this).hasClass('menu-item-sales')) {
$(this).find('a').innerText = menu_items_title[6];
} else if ($(this).hasClass('menu-item-chatium')) {
$(this).find('a').innerText = menu_items_title[7];
}
});
let icons_svg = [
`
`,`
`,`
`,`
`,`
`,`
`,`
`,`
`];
let cur_color = 'rgba(255, 255, 255, 1)';
let hov_color = 'rgba(0, 0, 0, 1)';
let act_color = 'rgba(0, 0, 0, 1)';
let change_color = function(el, color) {
if (el.attr('stroke') != undefined) {
el.attr('stroke', color);
}
if (el.attr('fill') != undefined) {
el.attr('fill', color);
}
}
$('.gc-account-leftbar .gc-account-user-menu li:not(:first-child)').each(function() {
if ($(this).hasClass('menu-item-notifications_button_small')) {
$(this).find('a img').css('display', 'none').after(icons_svg[0]);
} else if ($(this).hasClass('menu-item-cms')) {
$(this).find('a img').css('display', 'none').after(icons_svg[1]);
} else if ($(this).hasClass('menu-item-teach')) {
$(this).find('a img').css('display', 'none').after(icons_svg[2]);
} else if ($(this).hasClass('menu-item-user')) {
$(this).find('a img').css('display', 'none').after(icons_svg[3]);
} else if ($(this).hasClass('menu-item-tasks')) {
$(this).find('a img').css('display', 'none').after(icons_svg[4]);
} else if ($(this).hasClass('menu-item-notifications')) {
$(this).find('a img').css('display', 'none').after(icons_svg[5]);
} else if ($(this).hasClass('menu-item-sales')) {
$(this).find('a img').css('display', 'none').after(icons_svg[6]);
} else if ($(this).hasClass('menu-item-chatium')) {
$(this).find('a img').css('display', 'none').after(icons_svg[7]);
}
$(this).find('a path').each(function() {
change_color($(this), cur_color);
});
});
$('.gc-account-leftbar .gc-account-user-menu li:not(:first-child):not(.active):not(.selected) a').each(function(i) {
$(this).mouseenter(function() {
$(this).find('svg path').each(function() {
change_color($(this), hov_color);
});
});
$(this).mouseleave(function() {
$(this).find('svg path').each(function() {
change_color($(this), cur_color);
});
});
});
$('.gc-account-leftbar .gc-account-user-menu li.active a svg path').each(function() {
$(this).each(function() {
change_color($(this), act_color);
});
});
let current_selected_item = '';
$('.gc-account-leftbar .gc-account-user-menu li:not(:first-child):not(.active) a').click(function() {
if (current_selected_item != '') {
$('.gc-account-leftbar .gc-account-user-menu li.menu-item-' + current_selected_item + ' a').each(function() {
$(this).find('svg path').each(function() {
change_color($(this), cur_color);
});
$(this).mouseenter(function() {
$(this).find('svg path').each(function() {
change_color($(this), hov_color);
});
});
$(this).mouseleave(function() {
$(this).find('svg path').each(function() {
change_color($(this), cur_color);
});
});
});
}
let item_name = $(this).parent().attr('class').split(' ')[1];
current_selected_item = item_name.replace('menu-item-', '');
$(this).find('svg path').each(function() {
change_color($(this), act_color);
});
$(this).mouseenter(function() {
$(this).find('svg path').each(function() {
change_color($(this), act_color);
});
});
$(this).mouseleave(function() {
$(this).find('svg path').each(function() {
change_color($(this), act_color);
});
});
});
$('.gc-fade').click(function() {
$('.gc-account-leftbar .gc-account-user-menu li:not(.active)[class*="' + current_selected_item + '"] a').each(function() {
$(this).find('svg path').each(function() {
change_color($(this), cur_color);
});
current_selected_item = '';
$(this).mouseenter(function() {
$(this).find('svg path').each(function() {
change_color($(this), hov_color);
});
});
$(this).mouseleave(function() {
$(this).find('svg path').each(function() {
change_color($(this), cur_color);
});
});
});
});
}, 0);
});*/