Оформление геткурс
August 30, 2022

Скрываем элементы на геткурсе с помощью кодов

Выписал несколько кодов по скрытию элементов на геткурсе которые часто приходилось применять на практике

Тренинги

Обратиться к конкретному тренингу в списке тренингов геткурса и скрыть его

CSS-код:

/* Скрыть конкретный тренинг */
.stream-table tr[data-training-id="635682646"] {
    display: none;
}

где 635682646 - это id нужного тренинга.

Этот id можно взять посмотрев код элемента в панели разработчика

Или из ссылки на тренинг

Скрыть количество уроков в списке тренингов

CSS-код:

/* Скрыть количество уроков в списке тренингов */
.stream-table tr > td > a > div > b {
  display: none;
}

Скрыть строку имя учителя в списке тренингов

JS код:

$(function() {
    
    const teacherStr = "Максим Калмыков.";

    $(`.stream-table tr > td > a > div:contains(${teacherStr})`).each((i, el)=> {

        $(el).html($(el).html().replace(teacherStr, ''));
    
    });
    
});

* где Максим Калмыков. - это строка имени учителя, которая удалится (прописывать внутри кавычек)

* это JS-код, его нужно вставлять в javascript блок

Скрыть описание тренингов

CSS-код:

/* Скрыть описание тренингов */
.stream-table tr > td > a > div {
  display: none;
}

Список уроков

Скрыть конкретный урок

Обратиться к конкретному уроку в списке уроков и скрыть его ( Например, чтобы вынести ссылку на него в отдельную кнопку: правила, расписание и тд. )

/* Скрыть конкретный урок */
.lesson-list .lesson-id-253731501 {
  display: none;
}

* где 253731501 - это id урока. Можно взять из ссылки на урок или из элемента в панели разработчика.

Скрыть надпись "Есть задание" в списке уроков

CSS-код:

/* Скрыть надпись "Есть задание" в списке уроков */
.lesson-list li.user-state-has_mission .user-state-label:not(.has-start-at):not(.is-stop-lesson) {
  display: none;
} 

Скрыть надпись "Чтобы получить доступ к следующим урокам, вам необходимо выполнить задание в предыдущем"

/* Скрыть надпись в списке уроков "Чтобы получить доступ к следующим урокам, вам необходимо выполнить задание в предыдущем" */
.lesson-list li.divider {
     display: none; 
}

Внутри урока

Скрыть количество уроков в шапке урока

CSS-код:

/* Скрыть количество уроков в шапке урока */
.lesson-navigation tbody > tr > td.text-center.hidden-xs > span {
    display: none;
}

Скрыть кнопку "Сохранить черновик" в блоке задания

CSS-код:

/* Скрыть кнопку "Сохранить черновик" */
.lt-lesson-mission-block .btn-save-draft {
  display: none;
}

Телеграм-канал: https://t.me/getcomponent

VK: https://vk.com/getcomponent

Нельзяграм: @maximilia_n