Как скрыть лишние блоки в карточке пользователя?

В карточке пользователя на платформе GetCourse, очень много данных от аватарки до доп полей и групп, которых может быть очень много. При этом большая часть информации используется очень редко, и лишние блоки просто-напросто мешаются.

Но мы можем написать скрипт, который сделает заголовки кликабельными и позволит сворачивать лишние блоки.

Как это выглядит

Для работы скрипта, его необходимо добавить в поле "Счетчики и прочие скрипты для BODY" в Настройках аккаунта.

В переменной closedByDefault можно прописать, какие блоки будут скрыты по умолчанию.

Код скрипта

Скрипт НЕ работает в карточках сотрудников.

<script>
(()=>{
if(window.location.href.indexOf('/user/control/user/update/id/') == -1) return;
let closedByDefault = [
  "Дополнительные поля",
  "Заказы пользователя",
]
$('body').append(`
  <style>
    .panel-heading {
      position: relative;
    }
    .glyphicon-chevron-left {
      position: absolute;
      right: 10px; top: 13px;
      color: #bbb;
      transition: all 0.3s;
    }
    .panel-heading.open .glyphicon-chevron-left {
      transform: rotateZ(-90deg);
    }
  </style>
`);
$('.panel-heading~.deal-row').wrapAll('<div class="panel-body"/>');
$('#userForm .panel-heading')
  .filter((i,el) => !!$(el).nextAll('.panel-body').length && $(el).nextAll('.panel-body').text().trim() != "")
  .on('click', function(){
    $(this).nextAll('.panel-body').stop().slideToggle('fast');
    $(this).toggleClass('open');
  })
  .append('<span class="glyphicon glyphicon-chevron-left"/>')
  .filter((i,el) => {
    let q = 0;
    $.each(closedByDefault, (j,e)=>{
      if($(el).text().indexOf(e) > -1) q++;
    });
    return !q; 
  }).addClass('open');
$('#userForm .panel-heading:not(.open)~.panel-body').hide();
})();
</script>

Dmitry Space

Вт 25 Апреля 17:12

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

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

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

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

support@getscript.ru

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

Оферта