Переключение на след/пред модуль в уроке

Если у вас тренинги разбиты на множество модулей, то попасть, например, из последнего урока в модуле в первый урок следующего модуля — это мучение для ученика, т.к. ему приходится делать несколько бестолковых кликов и переходить на страницы, которые ему по сути не нужны.

Если модули должны проходиться последовательно, то логично было бы дать пользователям возможность попасть в следующий модуль в один клик:

Для этого я написал скрипт, который запускается на странице урока. Этот скрипт автоматически определяет, является ли данный урок первым или последнем в модуле и добавляет в шапку урока ссылки на след/пред модуль.

Код скрипта

<script>
$(()=>{setTimeout(()=>{
  if (!/\/teach\/control\/lesson\/view/gm.test(window.location.href)) return;
  window.lessonId = typeof window.lessonId != "undefined" ? window.lessonId : parseInt(/id=(\d+)/gm.exec(window.location.href)[1]);
  let $nav_left = $('.lesson-navigation td:first-child');
  let $nav_right = $('.lesson-navigation td:last-child');
  let needPrev = ($nav_left.length && $nav_left.text().trim() == "");
  let needNext = ($nav_right.length && $nav_right.text().trim() == "");
  if(needPrev || needNext) {
    getModule((data)=>{
      if(needPrev && typeof data.prev != "undefined") {
        $nav_left.html(`
          <a target="_self" href="${data.prev.link}"><span class="fui fui-arrow-left"></span> Предыдущий модуль</a>
          <div class="hidden-xs" style="font-weight: normal; font-size: 1em; line-height: 16px "> ${data.prev.name}</div>
        `);
      }
      if(needNext && typeof data.next != "undefined") {
        $nav_right.html(`
          <a target="_self" href="${data.next.link}">Следующий модуль <span class="fui fui-arrow-right"></span> </a>
          <div class="hidden-xs" style="font-weight: normal; font-size: 1em; line-height: 16px "> ${data.next.name}</div>
        `);
      }
    });
  }
  function getModule(callback){
    let currentTraining = $('.page-header h1 a').attr('href');
    let parentTraining = $('.breadcrumb li:last-child:not(:first-child) a').attr('href');
    if (typeof parentTraining !== "undefined") $.get(parentTraining, (data)=>{
        let pageDom = $('<xxx/>').append($.parseHTML(data));
        let $currentTraining = pageDom.find('.stream-table tr[data-training-id="'+currentTraining.replace(/\D+/,"")+'"]');
        let $nextTraining = $currentTraining.next('tr');
        let $prevTraining = $currentTraining.prev('tr');
        let result = {};
        if($nextTraining.length) Object.assign(result, {
          "next":{
            "name": $nextTraining.find('.stream-title').text().trim(),
            "link": $nextTraining.find('a').eq(0).attr('href'),
          }
        });
        if($prevTraining.length) Object.assign(result, {
          "prev":{
            "name": $prevTraining.find('.stream-title').text().trim(),
            "link": $prevTraining.find('a').eq(0).attr('href'),
          }
        });
        callback(result);
    });
    else callback({});
  }
 })});
</script>

Принцип работы:
Скрипт переходит на 2 уровня выше, в тренинг, который содержит модули. Затем определяет следующий и предыдущий модуль и берёт ссылку на эти модули. Полученные ссылки добавляются в шапку урока, если урок является первым или последнем в модуле.

Как установить:
Добавьте код в Настройки аккаунта в поле для BODY.
В качестве альтернативы, можно подключить его через Тему по этой инструкции: https://getscript.ru/blog/1022122

Обратите внимание

Скрипт работает только в модулях (подтренингах). Он не будет переключать те тренинги, которые есть на главной странице тренингов. Нельзя будет перейти из одного тренинга в другой, только из модуля в модуль.
Скрипт не будет работать в чатуме, т.к. в нём невозможно понять, из какого тренинга взят тот или иной урок.
Скрипт работает только при условии, что у вас модули в тренинге отображаются в виде стандартного блока "Список тренингов". Если у вас вместо него стоят, допустим, картинки со ссылками на тренинги, то скрипт не будет работать.

В.И. Ленин

Dmitry Space

Пн 3 Апреля 19:21

Для того чтобы оставить комментарий —
авторизуйтесь

бесплатные_ништяки

Связанные статьи

Доп. скрипты и стили

support@getscript.ru

Политика обработки данных

Оферта