Виджет нерешенных и последних тем (Двойной виджет для IPS 4.7)

[Ryancoolround]

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

Так как до этого решения додумался не я, то в этом случае я просто обязан сообщить об источнике решения. Решение предоставил пользователь andros0789 с форума IPBMafia.

Для данного виджета понадобится модуль Страницы, в котором нужно создать необходимые вам блоки с необходимыми вам виджетами или лентами. Это нужно что бы получить специальные ключи виджетов которые понадобятся позже (Пример: {block="svezhie-temy"} - Свежие темы, {block="vidzhet-s-nereshennymi-temami"} - Нерешенные темы).

Далее вам нужно создать еще один блок, при создании которого нужно обязательно выбрать пункт "Настроить", и в появившейся вкладке обязательно выбрать пункт "Ручной HTML". В окно "Контент" которого вам нужно будет поставить следующий код:

<!-- The tab bar -->
                        <div class="ipsTabs ipsTabs_small ipsTabs_stretch ipsClearfix" id="blocksTab_01" data-ipstabbar="" data-ipstabbar-contentarea="#blocksTab_01_content">
                           <a href='#blocksTab_01' data-action='expandTabs'><i class='icon-caret-down'></i></a>
                           <ul role='tablist'>
                              <li role='presentation'>
                                 <a href="#ipsTabs_1" role='tab' id='blocksTab_01_forums' class='ipsTabs_item ipsType_center' aria-selected="true">Нужно решение</a>
                              </li>
                              <li role='presentation'>
                                 <a href="#ipsTabs_2" id='blocksTab_01_orion' role='tab' class='ipsTabs_item ipsType_center'>Свежие темы</a>
                              </li>
                           </ul>
                        </div>
                        <br>
                        <!-- The tab panel wrapper -->
                        <div id="blocksTab_01_content" class="ipsTabs_panels">
                           <!-- The tab 1 -->
                           <div id="ipsTabs_blocksTab_01_blocksTab_01_forums_panel" class="ipsTabs_panel" style="" aria-hidden="" animating="false">
                              {block="vidzhet-s-nereshennymi-temami"}
                              <br>
                           </div>
                           <!-- The tab 2 -->
                           <div id="ipsTabs_blocksTab_01_blocksTab_01_orion_panel" class="ipsTabs_panel" style="" aria-hidden="" animating="false">
                              {block="svezhie-temy"}
                              <br>
                           </div>
                        </div>

Не забудьте заменить мои ключи вашими.

На этом настройка закончена, вставьте созданный блок через панель "Управление блоками" в необходимое место у вас на форуме.